@flozy/editor 10.0.2 → 10.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (269) hide show
  1. package/dist/Editor/ChatEditor.js +20 -28
  2. package/dist/Editor/CommonEditor.js +25 -142
  3. package/dist/Editor/DialogWrapper.js +25 -31
  4. package/dist/Editor/Editor.css +9 -17
  5. package/dist/Editor/Elements/AI/AIInput.js +3 -5
  6. package/dist/Editor/Elements/AI/CustomSelect.js +5 -9
  7. package/dist/Editor/Elements/AI/PopoverAIInput.js +5 -15
  8. package/dist/Editor/Elements/Accordion/Accordion.js +3 -4
  9. package/dist/Editor/Elements/Accordion/AccordionBtnPopup.js +1 -4
  10. package/dist/Editor/Elements/Accordion/AccordionButton.js +2 -6
  11. package/dist/Editor/Elements/Accordion/AccordionTitlePopup.js +1 -4
  12. package/dist/Editor/Elements/AppHeader/AppHeader.js +3 -3
  13. package/dist/Editor/Elements/AppHeader/AppHeaderButton.js +2 -6
  14. package/dist/Editor/Elements/AppHeader/AppHeaderPopup.js +1 -4
  15. package/dist/Editor/Elements/Attachments/AttachmentsButton.js +1 -4
  16. package/dist/Editor/Elements/Button/ButtonPopup.js +1 -4
  17. package/dist/Editor/Elements/Button/ButtonToolIcon.js +2 -6
  18. package/dist/Editor/Elements/Button/EditorButton.js +14 -31
  19. package/dist/Editor/Elements/Carousel/Carousel.js +4 -5
  20. package/dist/Editor/Elements/Carousel/CarouselButton.js +2 -6
  21. package/dist/Editor/Elements/Carousel/CarouselItem.js +2 -3
  22. package/dist/Editor/Elements/ChipText/ChipTextPopup.js +1 -4
  23. package/dist/Editor/Elements/CodeToText/CodeToText.js +4 -5
  24. package/dist/Editor/Elements/CodeToText/HtmlContextMenu.js +2 -6
  25. package/dist/Editor/Elements/Color Picker/ColorButtons.js +14 -61
  26. package/dist/Editor/Elements/Color Picker/ColorPicker.css +1 -25
  27. package/dist/Editor/Elements/Color Picker/ColorPicker.js +7 -10
  28. package/dist/Editor/Elements/Color Picker/Styles.js +13 -15
  29. package/dist/Editor/Elements/Colorbox/ColorboxButton.js +2 -6
  30. package/dist/Editor/Elements/DataView/DataView.js +2 -5
  31. package/dist/Editor/Elements/DataView/DataViewButton.js +2 -6
  32. package/dist/Editor/Elements/DataView/Layouts/ColumnView.js +2 -4
  33. package/dist/Editor/Elements/DataView/Layouts/DataTypes/MultiSelectType.js +6 -21
  34. package/dist/Editor/Elements/DataView/Layouts/FilterSort/SortOptions/ChooseSort.js +12 -13
  35. package/dist/Editor/Elements/DataView/Layouts/FilterSort/SortOptions/index.js +4 -7
  36. package/dist/Editor/Elements/DataView/Layouts/FilterSort/index.js +5 -7
  37. package/dist/Editor/Elements/DataView/Layouts/FilterView.js +7 -9
  38. package/dist/Editor/Elements/DataView/Layouts/Options/AddOptions.js +3 -8
  39. package/dist/Editor/Elements/DataView/Layouts/Options/AddProperty.js +3 -5
  40. package/dist/Editor/Elements/DataView/Layouts/Options/AllProperties.js +5 -6
  41. package/dist/Editor/Elements/DataView/Layouts/Options/ChangeProperty.js +3 -5
  42. package/dist/Editor/Elements/DataView/Layouts/Options/EditOption.js +7 -9
  43. package/dist/Editor/Elements/DataView/Layouts/Options/EditProperty.js +12 -15
  44. package/dist/Editor/Elements/DataView/Layouts/Options/FilterProperty.js +2 -3
  45. package/dist/Editor/Elements/DataView/Layouts/Options/PropertyList.js +2 -3
  46. package/dist/Editor/Elements/DataView/Layouts/Options/index.js +6 -23
  47. package/dist/Editor/Elements/DataView/Layouts/TableView.js +4 -6
  48. package/dist/Editor/Elements/DataView/Layouts/ViewData.js +4 -8
  49. package/dist/Editor/Elements/DataView/Layouts/index.js +1 -3
  50. package/dist/Editor/Elements/DataView/Providers/DataViewProvider.js +2 -5
  51. package/dist/Editor/Elements/Divider/Divider.js +3 -5
  52. package/dist/Editor/Elements/Divider/DividerButton.js +2 -6
  53. package/dist/Editor/Elements/Divider/DividerPopup.js +2 -3
  54. package/dist/Editor/Elements/Embed/Embed.js +1 -4
  55. package/dist/Editor/Elements/Embed/EmbedPopup.js +1 -4
  56. package/dist/Editor/Elements/Embed/Image.js +11 -16
  57. package/dist/Editor/Elements/Embed/Video.js +7 -10
  58. package/dist/Editor/Elements/EmbedScript/Code.js +6 -21
  59. package/dist/Editor/Elements/EmbedScript/EmbedScript.js +2 -6
  60. package/dist/Editor/Elements/EmbedScript/EmbedScriptPopup.js +30 -62
  61. package/dist/Editor/Elements/Emoji/EmojiButton.js +2 -6
  62. package/dist/Editor/Elements/Form/FieldPopup.js +1 -4
  63. package/dist/Editor/Elements/Form/Form.js +171 -185
  64. package/dist/Editor/Elements/Form/FormButton.js +2 -6
  65. package/dist/Editor/Elements/Form/FormField.js +4 -10
  66. package/dist/Editor/Elements/Form/FormPopup.js +2 -3
  67. package/dist/Editor/Elements/Form/Workflow/FormWorkflow.js +12 -18
  68. package/dist/Editor/Elements/Form/Workflow/ListWorkflow.js +8 -13
  69. package/dist/Editor/Elements/Form/Workflow/MoreOptions.js +2 -3
  70. package/dist/Editor/Elements/Form/Workflow/Styles.js +22 -24
  71. package/dist/Editor/Elements/Form/Workflow/UserInputs.js +2 -4
  72. package/dist/Editor/Elements/Form/Workflow/index.js +9 -15
  73. package/dist/Editor/Elements/FreeGrid/FreeGrid.js +112 -173
  74. package/dist/Editor/Elements/FreeGrid/FreeGridBox.js +6 -31
  75. package/dist/Editor/Elements/FreeGrid/FreeGridButton.js +2 -6
  76. package/dist/Editor/Elements/FreeGrid/FreeGridItem.js +7 -55
  77. package/dist/Editor/Elements/FreeGrid/Options/AddElement.js +2 -3
  78. package/dist/Editor/Elements/FreeGrid/Options/More.js +5 -11
  79. package/dist/Editor/Elements/FreeGrid/styles.js +7 -70
  80. package/dist/Editor/Elements/Grid/Grid.js +10 -13
  81. package/dist/Editor/Elements/Grid/GridButton.js +5 -9
  82. package/dist/Editor/Elements/Grid/GridItem.js +8 -14
  83. package/dist/Editor/Elements/Grid/GridItemPopup.js +1 -4
  84. package/dist/Editor/Elements/Grid/GridPopup.js +1 -4
  85. package/dist/Editor/Elements/Grid/SectionPopup.js +1 -4
  86. package/dist/Editor/Elements/Link/Link.js +5 -8
  87. package/dist/Editor/Elements/Link/LinkButton.js +1 -4
  88. package/dist/Editor/Elements/List/CheckList.js +10 -18
  89. package/dist/Editor/Elements/NewLine/NewLineButton.js +2 -6
  90. package/dist/Editor/Elements/PageSettings/PageSettingsButton.js +1 -4
  91. package/dist/Editor/Elements/PageSettings/PageSettingsPopup.js +1 -4
  92. package/dist/Editor/Elements/Search/SearchAttachment.js +9 -40
  93. package/dist/Editor/Elements/Search/SearchButton.js +11 -15
  94. package/dist/Editor/Elements/Search/SearchList.js +10 -16
  95. package/dist/Editor/Elements/Signature/SignatureButton.js +2 -6
  96. package/dist/Editor/Elements/Signature/SignatureOptions/TypeSignature.js +2 -6
  97. package/dist/Editor/Elements/Signature/SignatureOptions/UploadSignature.js +1 -4
  98. package/dist/Editor/Elements/Signature/SignaturePopup.js +16 -17
  99. package/dist/Editor/Elements/SimpleText/index.js +5 -11
  100. package/dist/Editor/Elements/SimpleText/style.js +2 -2
  101. package/dist/Editor/Elements/Table/DragButton.js +2 -4
  102. package/dist/Editor/Elements/Table/Table.js +11 -23
  103. package/dist/Editor/Elements/Table/TablePopup.js +1 -4
  104. package/dist/Editor/Elements/Table/TableSelector.js +6 -10
  105. package/dist/Editor/Elements/Table/TableTool.js +4 -8
  106. package/dist/Editor/Elements/Title/title.js +6 -6
  107. package/dist/Editor/Elements/TopBanner/TopBannerButton.js +1 -4
  108. package/dist/Editor/Elements/Variables/VariableButton.js +1 -10
  109. package/dist/Editor/MiniEditor.js +3 -10
  110. package/dist/Editor/Styles/EditorStyles.js +5 -5
  111. package/dist/Editor/Toolbar/Basic/index.js +1 -2
  112. package/dist/Editor/Toolbar/FormatTools/BlockButton.js +2 -6
  113. package/dist/Editor/Toolbar/FormatTools/Dropdown.js +3 -27
  114. package/dist/Editor/Toolbar/FormatTools/FontFamilyAutocomplete.js +3 -4
  115. package/dist/Editor/Toolbar/FormatTools/MarkButton.js +4 -8
  116. package/dist/Editor/Toolbar/FormatTools/TextSize.js +13 -10
  117. package/dist/Editor/Toolbar/Mini/MiniToolbar.js +6 -19
  118. package/dist/Editor/Toolbar/PopupTool/AddTemplates.js +5 -10
  119. package/dist/Editor/Toolbar/PopupTool/ButtonTemplatesCard.js +4 -10
  120. package/dist/Editor/Toolbar/PopupTool/FullViewCard.js +4 -10
  121. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/MiniColorPicker.js +3 -9
  122. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectAlignment.js +35 -42
  123. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectFontSize.js +13 -6
  124. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectList.js +51 -58
  125. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectSuperSubscript.js +22 -29
  126. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectTypography.js +87 -226
  127. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/index.js +10 -20
  128. package/dist/Editor/Toolbar/PopupTool/PopperHeader.js +5 -10
  129. package/dist/Editor/Toolbar/PopupTool/PopupToolStyle.js +12 -72
  130. package/dist/Editor/Toolbar/PopupTool/TemplateCard.js +5 -11
  131. package/dist/Editor/Toolbar/PopupTool/TextFormat.js +45 -123
  132. package/dist/Editor/Toolbar/PopupTool/index.js +2 -18
  133. package/dist/Editor/Toolbar/Toolbar.js +10 -20
  134. package/dist/Editor/Toolbar/toolbarGroups.js +6 -48
  135. package/dist/Editor/assets/svg/SettingsIcon.js +0 -1
  136. package/dist/Editor/common/ColorPickerButton.js +16 -38
  137. package/dist/Editor/common/CustomDialog/index.js +10 -8
  138. package/dist/Editor/common/DnD/DragHandleButton.js +1 -1
  139. package/dist/Editor/common/FontLoader/FontLoader.js +0 -3
  140. package/dist/Editor/common/Icon.js +1 -31
  141. package/dist/Editor/common/ImageSelector/ImageSelector.js +8 -10
  142. package/dist/Editor/common/ImageSelector/Options/AddLink.js +4 -6
  143. package/dist/Editor/common/ImageSelector/Styles.js +9 -3
  144. package/dist/Editor/common/LinkSettings/NavComponents.js +15 -45
  145. package/dist/Editor/common/LinkSettings/index.js +74 -96
  146. package/dist/Editor/common/LinkSettings/navOptions.js +1 -1
  147. package/dist/Editor/common/LinkSettings/style.js +30 -245
  148. package/dist/Editor/common/MentionsPopup/index.js +2 -6
  149. package/dist/Editor/common/RnD/ContextMenu/CMenus.js +22 -46
  150. package/dist/Editor/common/RnD/ContextMenu/index.js +2 -3
  151. package/dist/Editor/common/RnD/ElementOptions/Actions.js +14 -13
  152. package/dist/Editor/common/RnD/ElementOptions/Icons/LinkIcon.js +0 -1
  153. package/dist/Editor/common/RnD/ElementOptions/index.js +4 -9
  154. package/dist/Editor/common/RnD/ElementOptions/styles.js +1 -28
  155. package/dist/Editor/common/RnD/ElementSettings/OtherSettings/SaveAsTemplate.js +3 -8
  156. package/dist/Editor/common/RnD/ElementSettings/OtherSettings/Settings.js +7 -11
  157. package/dist/Editor/common/RnD/ElementSettings/Settings/AppHeaderSettings.js +2 -3
  158. package/dist/Editor/common/RnD/ElementSettings/Settings/BoxSettings.js +2 -3
  159. package/dist/Editor/common/RnD/ElementSettings/Settings/ButtonSettings.js +2 -3
  160. package/dist/Editor/common/RnD/ElementSettings/Settings/CodeSettings.js +2 -3
  161. package/dist/Editor/common/RnD/ElementSettings/Settings/FormSettings.js +4 -7
  162. package/dist/Editor/common/RnD/ElementSettings/Settings/ImageSettings.js +2 -3
  163. package/dist/Editor/common/RnD/ElementSettings/Settings/TableSettings.js +2 -3
  164. package/dist/Editor/common/RnD/ElementSettings/Settings/TextSettings.js +2 -6
  165. package/dist/Editor/common/RnD/ElementSettings/Settings/VideoSettings.js +2 -3
  166. package/dist/Editor/common/RnD/ElementSettings/styles.js +12 -147
  167. package/dist/Editor/common/RnD/OptionsPopup/index.js +8 -12
  168. package/dist/Editor/common/RnD/OptionsPopup/style.js +19 -121
  169. package/dist/Editor/common/RnD/ShadowElement.js +1 -2
  170. package/dist/Editor/common/RnD/SwitchViewport/SwitchViewport.js +7 -11
  171. package/dist/Editor/common/RnD/Theme/ViewportStimulator.js +3 -6
  172. package/dist/Editor/common/RnD/Utils/gridDropItem.js +9 -73
  173. package/dist/Editor/common/RnD/Utils/index.js +0 -3
  174. package/dist/Editor/common/RnD/VirtualElement/index.js +103 -187
  175. package/dist/Editor/common/RnD/VirtualElement/styles.js +7 -169
  176. package/dist/Editor/common/RnD/VirtualElement/updateAutoProps.js +3 -5
  177. package/dist/Editor/common/RnD/index.js +8 -76
  178. package/dist/Editor/common/Section/index.js +4 -7
  179. package/dist/Editor/common/Select/index.js +0 -2
  180. package/dist/Editor/common/Shorthands/elements.js +3 -72
  181. package/dist/Editor/common/StyleBuilder/appHeaderStyle.js +4 -4
  182. package/dist/Editor/common/StyleBuilder/boxStyle.js +2 -2
  183. package/dist/Editor/common/StyleBuilder/buttonStyle.js +4 -6
  184. package/dist/Editor/common/StyleBuilder/dividerStyles.js +2 -2
  185. package/dist/Editor/common/StyleBuilder/embedVideoStyle.js +6 -6
  186. package/dist/Editor/common/StyleBuilder/fieldStyle.js +2 -2
  187. package/dist/Editor/common/StyleBuilder/fieldTypes/alignment.js +9 -13
  188. package/dist/Editor/common/StyleBuilder/fieldTypes/backgroundImage.js +3 -11
  189. package/dist/Editor/common/StyleBuilder/fieldTypes/bannerSpacing.js +5 -19
  190. package/dist/Editor/common/StyleBuilder/fieldTypes/borderRadius.js +10 -22
  191. package/dist/Editor/common/StyleBuilder/fieldTypes/buttonLink.js +3 -6
  192. package/dist/Editor/common/StyleBuilder/fieldTypes/card.js +13 -27
  193. package/dist/Editor/common/StyleBuilder/fieldTypes/color.js +14 -44
  194. package/dist/Editor/common/StyleBuilder/fieldTypes/elementSize.js +6 -10
  195. package/dist/Editor/common/StyleBuilder/fieldTypes/fontSize.js +6 -19
  196. package/dist/Editor/common/StyleBuilder/fieldTypes/gridSize.js +2 -6
  197. package/dist/Editor/common/StyleBuilder/fieldTypes/icons.js +2 -5
  198. package/dist/Editor/common/StyleBuilder/fieldTypes/lineSpacing.js +6 -7
  199. package/dist/Editor/common/StyleBuilder/fieldTypes/menusArray.js +12 -22
  200. package/dist/Editor/common/StyleBuilder/fieldTypes/metaDataMapping.js +2 -8
  201. package/dist/Editor/common/StyleBuilder/fieldTypes/saveAsTemplate.js +11 -12
  202. package/dist/Editor/common/StyleBuilder/fieldTypes/selectBox.js +2 -6
  203. package/dist/Editor/common/StyleBuilder/fieldTypes/text.js +4 -8
  204. package/dist/Editor/common/StyleBuilder/fieldTypes/textAlign.js +2 -6
  205. package/dist/Editor/common/StyleBuilder/fieldTypes/textOptions.js +12 -21
  206. package/dist/Editor/common/StyleBuilder/formStyle.js +7 -7
  207. package/dist/Editor/common/StyleBuilder/gridItemStyle.js +6 -6
  208. package/dist/Editor/common/StyleBuilder/gridStyle.js +5 -5
  209. package/dist/Editor/common/StyleBuilder/index.js +5 -8
  210. package/dist/Editor/common/StyleBuilder/pageSettingsStyle.js +7 -5
  211. package/dist/Editor/common/Uploader.js +5 -16
  212. package/dist/Editor/common/iconListV2.js +6 -101
  213. package/dist/Editor/common/iconslist.js +0 -24
  214. package/dist/Editor/commonStyle.js +61 -174
  215. package/dist/Editor/helper/index.js +3 -27
  216. package/dist/Editor/helper/theme.js +2 -203
  217. package/dist/Editor/hooks/useMouseMove.js +5 -8
  218. package/dist/Editor/plugins/withEmbeds.js +1 -1
  219. package/dist/Editor/plugins/withHTML.js +7 -10
  220. package/dist/Editor/plugins/withLayout.js +2 -3
  221. package/dist/Editor/plugins/withLinks.js +0 -9
  222. package/dist/Editor/plugins/withTable.js +1 -1
  223. package/dist/Editor/theme/ThemeList.js +173 -50
  224. package/dist/Editor/utils/SlateUtilityFunctions.js +54 -186
  225. package/dist/Editor/utils/brains.js +2 -1
  226. package/dist/Editor/utils/button.js +17 -1
  227. package/dist/Editor/utils/draftToSlate.js +2 -3
  228. package/dist/Editor/utils/font.js +37 -40
  229. package/dist/Editor/utils/freegrid.js +4 -3
  230. package/dist/Editor/utils/helper.js +21 -92
  231. package/package.json +4 -4
  232. package/dist/Editor/Elements/DataView/Layouts/DataTypes/Components/MultiSelect.js +0 -454
  233. package/dist/Editor/Elements/EmbedScript/styles.js +0 -89
  234. package/dist/Editor/Toolbar/PopupTool/ThemeTextFormat.js +0 -439
  235. package/dist/Editor/assets/svg/BackIcon.js +0 -18
  236. package/dist/Editor/assets/svg/ClearAllRounded.js +0 -31
  237. package/dist/Editor/assets/svg/ResetIconNew.js +0 -23
  238. package/dist/Editor/assets/svg/ThemeIcons.js +0 -293
  239. package/dist/Editor/common/CustomColorPicker/index.js +0 -130
  240. package/dist/Editor/common/CustomColorPicker/style.js +0 -53
  241. package/dist/Editor/common/CustomDialog2/index.js +0 -94
  242. package/dist/Editor/common/CustomDialog2/style.js +0 -67
  243. package/dist/Editor/common/CustomSelect.js +0 -43
  244. package/dist/Editor/common/RnD/Theme/MainThemeProvider.js +0 -17
  245. package/dist/Editor/common/RnD/VirtualElement/BoxHeaderAutoAlignment.js +0 -43
  246. package/dist/Editor/common/RnD/VirtualElement/ForceAutoAlignment.js +0 -44
  247. package/dist/Editor/common/RnD/VirtualElement/VirtualTextElement.js +0 -134
  248. package/dist/Editor/common/RnD/VirtualElement/helper.js +0 -382
  249. package/dist/Editor/common/SnackBar/index.js +0 -43
  250. package/dist/Editor/helper/textIndeces.js +0 -58
  251. package/dist/Editor/hooks/useAutoScroll.js +0 -38
  252. package/dist/Editor/hooks/useEditorTheme.js +0 -153
  253. package/dist/Editor/hooks/useThemeValues.js +0 -63
  254. package/dist/Editor/theme/index.js +0 -149
  255. package/dist/Editor/themeSettings/ActiveTheme.js +0 -72
  256. package/dist/Editor/themeSettings/buttons/index.js +0 -290
  257. package/dist/Editor/themeSettings/buttons/style.js +0 -23
  258. package/dist/Editor/themeSettings/colorTheme/index.js +0 -309
  259. package/dist/Editor/themeSettings/colorTheme/style.js +0 -81
  260. package/dist/Editor/themeSettings/fonts/PreviewElement.js +0 -121
  261. package/dist/Editor/themeSettings/fonts/index.js +0 -240
  262. package/dist/Editor/themeSettings/fonts/style.js +0 -62
  263. package/dist/Editor/themeSettings/icons.js +0 -60
  264. package/dist/Editor/themeSettings/index.js +0 -361
  265. package/dist/Editor/themeSettings/style.js +0 -292
  266. package/dist/Editor/themeSettingsAI/icons.js +0 -96
  267. package/dist/Editor/themeSettingsAI/index.js +0 -355
  268. package/dist/Editor/themeSettingsAI/saveTheme.js +0 -202
  269. package/dist/Editor/themeSettingsAI/style.js +0 -324
@@ -6,8 +6,7 @@ const PreviewAndSelect = props => {
6
6
  const {
7
7
  classes,
8
8
  data,
9
- onSelectTemplate,
10
- translation
9
+ onSelectTemplate
11
10
  } = props;
12
11
  return /*#__PURE__*/_jsxs(Box, {
13
12
  className: "template-card-action",
@@ -16,12 +15,12 @@ const PreviewAndSelect = props => {
16
15
  children: [/*#__PURE__*/_jsx(Button, {
17
16
  className: "blueBtn",
18
17
  onClick: onSelectTemplate(data),
19
- children: translation("Select")
18
+ children: "Select"
20
19
  }), /*#__PURE__*/_jsx(Button, {
21
20
  href: data?.previewLink,
22
21
  target: "_blank",
23
22
  className: "outlineBtn",
24
- children: translation("Preview")
23
+ children: "Preview"
25
24
  })]
26
25
  });
27
26
  };
@@ -30,12 +29,8 @@ const TemplateCard = props => {
30
29
  classes,
31
30
  m,
32
31
  onSelectTemplate,
33
- fullScreen,
34
- customProps
32
+ fullScreen
35
33
  } = props;
36
- const {
37
- translation
38
- } = customProps;
39
34
  return /*#__PURE__*/_jsx(Grid, {
40
35
  item: true,
41
36
  xs: 4,
@@ -58,8 +53,7 @@ const TemplateCard = props => {
58
53
  }), /*#__PURE__*/_jsx(PreviewAndSelect, {
59
54
  classes: classes,
60
55
  onSelectTemplate: onSelectTemplate,
61
- data: m,
62
- translation: translation
56
+ data: m
63
57
  })]
64
58
  }), /*#__PURE__*/_jsx(CardContent, {
65
59
  sx: classes.templateCardTitle,
@@ -10,15 +10,12 @@ import { AllColors } from "../../Elements/Color Picker/ColorButtons";
10
10
  import { fontFamilyMap } from "../../utils/font";
11
11
  import { getBorderColor } from "../../utils/helper";
12
12
  import SelectTypography from "./MiniTextFormat/SelectTypography";
13
- import { isTextCustomized, saveToTheme } from "../../helper/theme";
14
- import { useEditorTheme } from "../../hooks/useEditorTheme";
15
13
  import SelectSuperSubscript from "./MiniTextFormat/SelectSuperSubscript";
16
14
  import { ColorResetIcon, TextDefaultStyleIcon } from "../../common/iconListV2";
17
15
  import FontFamilyAutocomplete from "../FormatTools/FontFamilyAutocomplete";
18
16
  import { useEditorContext } from "../../hooks/useMouseMove";
19
- import LineSpacing from "../../common/StyleBuilder/fieldTypes/lineSpacing";
17
+ // import LineSpacing from "../../common/StyleBuilder/fieldTypes/lineSpacing";
20
18
  import { getPageSettings } from "../../utils/pageSettings";
21
- import { getDevice } from "../../helper/theme";
22
19
  import { jsx as _jsx } from "react/jsx-runtime";
23
20
  import { jsxs as _jsxs } from "react/jsx-runtime";
24
21
  const allTools = toolbarGroups.flat();
@@ -36,18 +33,18 @@ const TextFormat = props => {
36
33
  const [anchorEl, setAnchorEl] = useState(null);
37
34
  const [type, setType] = useState(null);
38
35
  const open = Boolean(anchorEl);
39
- const {
40
- translation
41
- } = customProps;
42
36
  const {
43
37
  element: pageSt
44
38
  } = getPageSettings(editor) || {};
45
- const pageSettingLine = pageSt?.pageProps?.lineHeight;
39
+ // const pageSettingLine = pageSt?.pageProps?.lineHeight;
46
40
  const {
47
41
  fontFamilies,
48
- theme: appTheme
42
+ theme
43
+ } = useEditorContext();
44
+ const {
45
+ activeBreakPoint
49
46
  } = useEditorContext();
50
- const breakpoint = getDevice(window.innerWidth);
47
+ // const breakpoint = activeBreakPoint === "" ? "lg" : activeBreakPoint;
51
48
  const fontWeight = allTools.find(f => f.format === "fontWeight");
52
49
  const fontStyle = allTools.filter(f => f.type === "mark" && f.format !== "strikethrough" && f.format !== "superscript" && f.format !== "subscript");
53
50
  const fontAlign = allTools.filter(f => f.format?.indexOf("align") >= 0);
@@ -64,13 +61,12 @@ const TextFormat = props => {
64
61
  color: "",
65
62
  bgColor: ""
66
63
  };
67
- const {
68
- theme,
69
- updateTheme
70
- } = useEditorTheme();
71
- const customized = isTextCustomized(editor);
72
- let lineSpacingValue = activeMark(editor, "lineHeight");
73
- lineSpacingValue = lineSpacingValue?.[breakpoint] !== undefined ? lineSpacingValue : pageSettingLine;
64
+
65
+ // let lineSpacingValue = activeMark(editor, "lineHeight");
66
+ // lineSpacingValue =
67
+ // lineSpacingValue?.[breakpoint] !== undefined
68
+ // ? lineSpacingValue
69
+ // : pageSettingLine;
74
70
  const handleColorPicker = type => e => {
75
71
  setType(type);
76
72
  setAnchorEl(e.currentTarget);
@@ -111,13 +107,11 @@ const TextFormat = props => {
111
107
  value
112
108
  });
113
109
  };
114
- const handleLineSpacing = data => {
115
- const [[format, value]] = Object.entries(data);
116
- addMarkData(editor, {
117
- format,
118
- value
119
- });
120
- };
110
+
111
+ // const handleLineSpacing = (data) => {
112
+ // const [[format, value]] = Object.entries(data);
113
+ // addMarkData(editor, { format, value });
114
+ // };
121
115
  return /*#__PURE__*/_jsxs(Grid, {
122
116
  container: true,
123
117
  sx: classes.textFormatWrapper,
@@ -135,52 +129,7 @@ const TextFormat = props => {
135
129
  variant: "body1",
136
130
  color: "primary",
137
131
  sx: classes.typoLabel,
138
- children: "Style"
139
- })
140
- }), /*#__PURE__*/_jsx(Grid, {
141
- item: true,
142
- children: theme?.id ? /*#__PURE__*/_jsx(Button, {
143
- sx: classes.defaultBtn,
144
- onClick: () => {
145
- const {
146
- field,
147
- theme
148
- } = saveToTheme(editor) || {};
149
- updateTheme(theme, {
150
- action: "ELEMENT_PROPS_CHANGE",
151
- fieldName: field
152
- });
153
- },
154
- disabled: !customized,
155
- children: "Save to theme"
156
- }) : null
157
- })]
158
- }), /*#__PURE__*/_jsx(Grid, {
159
- item: true,
160
- xs: 12,
161
- sx: classes.textFormatField,
162
- children: /*#__PURE__*/_jsx(SelectTypography, {
163
- editor: editor,
164
- classes: classes,
165
- closeMainPopup: closeMainPopup,
166
- type: "fullWidth",
167
- customProps: customProps
168
- })
169
- })]
170
- }), /*#__PURE__*/_jsxs(Grid, {
171
- item: true,
172
- xs: 12,
173
- children: [/*#__PURE__*/_jsxs(Grid, {
174
- container: true,
175
- justifyContent: "space-between",
176
- alignItems: "center",
177
- children: [/*#__PURE__*/_jsx(Grid, {
178
- item: true,
179
- children: /*#__PURE__*/_jsx(Typography, {
180
- variant: "body1",
181
- color: "primary",
182
- sx: classes.typoLabel,
183
- children: translation("fontFamily")
132
+ children: "Font Family"
184
133
  })
185
134
  }), /*#__PURE__*/_jsx(Grid, {
186
135
  item: true,
@@ -192,7 +141,7 @@ const TextFormat = props => {
192
141
  val: Object.values(fontFamilyMap)[0]
193
142
  }),
194
143
  className: "npr-0",
195
- children: translation("defaultText")
144
+ children: "Default Text"
196
145
  })
197
146
  })]
198
147
  }), /*#__PURE__*/_jsx(Grid, {
@@ -217,7 +166,7 @@ const TextFormat = props => {
217
166
  variant: "body1",
218
167
  color: "primary",
219
168
  sx: classes.typoLabel3,
220
- children: translation("fontWeight")
169
+ children: "Font Weight"
221
170
  }), /*#__PURE__*/_jsx(Grid, {
222
171
  item: true,
223
172
  xs: 12,
@@ -238,7 +187,7 @@ const TextFormat = props => {
238
187
  variant: "body1",
239
188
  color: "primary",
240
189
  sx: classes.typoLabel3,
241
- children: translation("fontSize")
190
+ children: "Font Size"
242
191
  }), /*#__PURE__*/_jsx(Grid, {
243
192
  item: true,
244
193
  xs: 12,
@@ -271,7 +220,7 @@ const TextFormat = props => {
271
220
  variant: "body1",
272
221
  color: "primary",
273
222
  sx: classes.typoLabel,
274
- children: translation("textColor")
223
+ children: "Text Color"
275
224
  })
276
225
  }), /*#__PURE__*/_jsx(Grid, {
277
226
  item: true,
@@ -281,7 +230,7 @@ const TextFormat = props => {
281
230
  onClick: handleDefault({
282
231
  format: "color"
283
232
  }),
284
- children: translation("defaultColor")
233
+ children: "Default Color"
285
234
  })
286
235
  })]
287
236
  }), /*#__PURE__*/_jsx(Grid, {
@@ -292,10 +241,9 @@ const TextFormat = props => {
292
241
  editor: editor,
293
242
  showHex: false,
294
243
  rounded: true,
295
- title: translation("textColor"),
244
+ title: "Text Color",
296
245
  id: "11_cc",
297
- classes: classes,
298
- type: "textColor"
246
+ classes: classes
299
247
  }, "11_cc")
300
248
  })]
301
249
  }), /*#__PURE__*/_jsxs(Grid, {
@@ -312,7 +260,7 @@ const TextFormat = props => {
312
260
  variant: "body1",
313
261
  color: "primary",
314
262
  sx: classes.typoLabel,
315
- children: translation("backgroundColor")
263
+ children: "Background Color"
316
264
  })
317
265
  }), /*#__PURE__*/_jsx(Grid, {
318
266
  item: true,
@@ -321,12 +269,12 @@ const TextFormat = props => {
321
269
  children: /*#__PURE__*/_jsx(Button, {
322
270
  sx: classes.defaultBtn2,
323
271
  startIcon: /*#__PURE__*/_jsx(ColorResetIcon, {
324
- stroke: appTheme?.palette?.type === "dark" ? "#505359" : "#A2B0B9"
272
+ stroke: theme?.palette?.type === "dark" ? "#505359" : "#A2B0B9"
325
273
  }),
326
274
  onClick: handleDefault({
327
275
  format: "bgColor"
328
276
  }),
329
- children: translation("defaultColor")
277
+ children: "Default Color"
330
278
  })
331
279
  })
332
280
  })]
@@ -340,7 +288,7 @@ const TextFormat = props => {
340
288
  editor: editor,
341
289
  showHex: false,
342
290
  rounded: true,
343
- title: translation("textBgColor"),
291
+ title: "Text Background Color",
344
292
  classes: classes,
345
293
  id: "12_cc"
346
294
  }, "12_cc")
@@ -358,7 +306,7 @@ const TextFormat = props => {
358
306
  variant: "body1",
359
307
  color: "primary",
360
308
  sx: classes.typoLabel2,
361
- children: translation("Alignment")
309
+ children: "Alignment"
362
310
  }), /*#__PURE__*/_jsx(Grid, {
363
311
  item: true,
364
312
  xs: 12,
@@ -366,8 +314,7 @@ const TextFormat = props => {
366
314
  children: fontAlign?.map((m, i) => {
367
315
  return /*#__PURE__*/_jsx(BlockButton, {
368
316
  editor: editor,
369
- ...m,
370
- customProps: customProps
317
+ ...m
371
318
  }, `pptool_block_${i}_${m.id}`);
372
319
  })
373
320
  })]
@@ -379,7 +326,7 @@ const TextFormat = props => {
379
326
  variant: "body1",
380
327
  color: "primary",
381
328
  sx: classes.typoLabel2,
382
- children: translation("Lists")
329
+ children: "Lists"
383
330
  }), /*#__PURE__*/_jsx(Grid, {
384
331
  item: true,
385
332
  xs: 12,
@@ -388,8 +335,7 @@ const TextFormat = props => {
388
335
  const Comp = ButtonComp[m?.component] || BlockButton;
389
336
  return /*#__PURE__*/_jsx(Comp, {
390
337
  editor: editor,
391
- ...m,
392
- customProps: customProps
338
+ ...m
393
339
  }, `pptool_block_${i}_${m.id}`);
394
340
  })
395
341
  })]
@@ -405,17 +351,20 @@ const TextFormat = props => {
405
351
  variant: "body1",
406
352
  color: "primary",
407
353
  sx: classes.typoLabel,
408
- children: translation("Typography")
354
+ children: "Typography"
409
355
  }), /*#__PURE__*/_jsxs(Grid, {
410
356
  item: true,
411
357
  xs: 12,
412
358
  className: "typo-icons",
413
359
  sx: classes.evenSpace,
414
- children: [fontStyle?.map((m, i) => {
360
+ children: [/*#__PURE__*/_jsx(SelectTypography, {
361
+ classes: classes,
362
+ editor: editor,
363
+ closeMainPopup: closeMainPopup || onClose
364
+ }), fontStyle?.map((m, i) => {
415
365
  return /*#__PURE__*/_jsx(MarkButton, {
416
366
  editor: editor,
417
- ...m,
418
- customProps: customProps
367
+ ...m
419
368
  }, `pptool_mark_${i}_${m.id}`);
420
369
  }), /*#__PURE__*/_jsx(LinkButton, {
421
370
  active: isBlockActive(editor, link.format),
@@ -424,8 +373,7 @@ const TextFormat = props => {
424
373
  }, link.id), /*#__PURE__*/_jsx(SelectSuperSubscript, {
425
374
  classes: classes,
426
375
  editor: editor,
427
- closeMainPopup: closeMainPopup || onClose,
428
- customProps: customProps
376
+ closeMainPopup: closeMainPopup || onClose
429
377
  })]
430
378
  })]
431
379
  }), /*#__PURE__*/_jsx(Grid, {
@@ -433,32 +381,6 @@ const TextFormat = props => {
433
381
  xs: 12,
434
382
  sx: classes.dividerGrid,
435
383
  children: /*#__PURE__*/_jsx(Divider, {})
436
- }), /*#__PURE__*/_jsxs(Grid, {
437
- item: true,
438
- xs: 12,
439
- children: [/*#__PURE__*/_jsx(Typography, {
440
- variant: "body1",
441
- color: "primary",
442
- sx: classes.typoLabel,
443
- children: "Line Spacing"
444
- }), /*#__PURE__*/_jsx(Grid, {
445
- item: true,
446
- xs: 12,
447
- className: "typo-icons",
448
- sx: classes.evenSpace,
449
- children: /*#__PURE__*/_jsx(LineSpacing, {
450
- value: lineSpacingValue,
451
- onChange: handleLineSpacing,
452
- data: {
453
- key: "lineHeight"
454
- }
455
- })
456
- })]
457
- }), /*#__PURE__*/_jsx(Grid, {
458
- item: true,
459
- xs: 12,
460
- sx: classes.dividerGrid,
461
- children: /*#__PURE__*/_jsx(Divider, {})
462
384
  }), /*#__PURE__*/_jsx(Grid, {
463
385
  item: true,
464
386
  xs: 12,
@@ -470,7 +392,7 @@ const TextFormat = props => {
470
392
  variant: "body1",
471
393
  color: "primary",
472
394
  sx: classes.typoLabel3,
473
- children: translation("Decorations")
395
+ children: "Decorations"
474
396
  })
475
397
  }), /*#__PURE__*/_jsxs(Grid, {
476
398
  item: true,
@@ -490,7 +412,7 @@ const TextFormat = props => {
490
412
  style: {
491
413
  background: bqBgColor
492
414
  },
493
- children: translation("Colorbox")
415
+ children: "Colorbox"
494
416
  }), /*#__PURE__*/_jsx("div", {
495
417
  className: "vl"
496
418
  }), /*#__PURE__*/_jsx(Button, {
@@ -511,7 +433,7 @@ const TextFormat = props => {
511
433
  ...getBorderColor(bqColor || "transparent", 3),
512
434
  borderWidth: bqColor ? "0px 0px 0px 3px" : "0px"
513
435
  },
514
- children: translation("Quote")
436
+ children: "Quote"
515
437
  })
516
438
  }), /*#__PURE__*/_jsx("div", {
517
439
  className: "vl"
@@ -11,9 +11,6 @@ import useEditorScroll from "../../hooks/useEditorScroll";
11
11
  import { isCarouselSelected } from "../../helper";
12
12
  import { hideSlateSelection } from "../../utils/helper";
13
13
  import { jsx as _jsx } from "react/jsx-runtime";
14
- const isSlateDOM = event => {
15
- return event.target.getAttribute("data-slate-string") === "true";
16
- };
17
14
  const PopupTool = props => {
18
15
  const {
19
16
  theme,
@@ -36,7 +33,6 @@ const PopupTool = props => {
36
33
  const [event] = useDrag(anchorEl);
37
34
  const id = open ? "popup-edit-tool" : "";
38
35
  const [size] = useWindowResize();
39
- const isMobile = window.matchMedia("(max-width: 899px)")?.matches || false;
40
36
  const updateAnchorEl = isScroll => {
41
37
  try {
42
38
  const isHavingSelection = selection && !Range.isCollapsed(selection);
@@ -95,9 +91,9 @@ const PopupTool = props => {
95
91
  const isFreeGridEnabled = enable === 1 && isFreeGridElement;
96
92
  if (!selection || Range.isCollapsed(selection) || Editor.string(editor, selection) === "" || isFreeGridEnabled) {
97
93
  setAnchorEl(null);
98
- hideSlateSelection(); // removes slate selection background, when there is no selection
99
94
  } else {
100
95
  updateAnchorEl();
96
+ hideSlateSelection(); // removes slate selection background, when there is no selection
101
97
  }
102
98
  }, [selection, event, selectedElement?.enable]);
103
99
  const handleClose = () => {
@@ -108,20 +104,8 @@ const PopupTool = props => {
108
104
  return open && !openAI ? /*#__PURE__*/_jsx(ClickAwayListener, {
109
105
  onClickAway: e => {
110
106
  // close the mini toolbar, if user clicks outside the editor (in Flozy app.)
111
-
112
- if (isSlateDOM(e)) {
113
- return;
114
- }
115
- const wrapper = document.getElementById("slate-wrapper-scroll-container");
116
- const isInsideWrapper = wrapper && wrapper.contains(e.target);
117
- if (isInsideWrapper) {
118
- return;
119
- }
120
- if (e.target === document.body) {
107
+ if (e.target !== document.body) {
121
108
  // e.target returns body, if the user clicks material ui select popup inside the tool bar, on that time, we don't need to close
122
- return;
123
- }
124
- if (!isMobile) {
125
109
  handleClose();
126
110
  }
127
111
  },
@@ -50,8 +50,7 @@ export const RenderToolbarIcon = props => {
50
50
  case "block":
51
51
  return /*#__PURE__*/_jsx(BlockButton, {
52
52
  ...element,
53
- editor: editor,
54
- customProps: customProps
53
+ editor: editor
55
54
  }, element.id);
56
55
  case "mark":
57
56
  return /*#__PURE__*/_jsx(MarkButton, {
@@ -106,8 +105,7 @@ export const RenderToolbarIcon = props => {
106
105
  editor: editor,
107
106
  customProps: customProps,
108
107
  icoBtnType: icoBtnType,
109
- lbT: element.lbT,
110
- onClose: () => {}
108
+ lbT: element.lbT
111
109
  }, element.id);
112
110
  case "color-picker":
113
111
  return /*#__PURE__*/_jsx(ColorPicker, {
@@ -119,14 +117,12 @@ export const RenderToolbarIcon = props => {
119
117
  case "table":
120
118
  return /*#__PURE__*/_jsx(TableSelector, {
121
119
  editor: editor,
122
- icoBtnType: icoBtnType,
123
- customProps: customProps
120
+ icoBtnType: icoBtnType
124
121
  }, element.id);
125
122
  case "dataView":
126
123
  return /*#__PURE__*/_jsx(DataViewButton, {
127
124
  editor: editor,
128
- icoBtnType: icoBtnType,
129
- customProps: customProps
125
+ icoBtnType: icoBtnType
130
126
  }, element.id);
131
127
  case "id":
132
128
  return /*#__PURE__*/_jsx(Id, {
@@ -155,25 +151,21 @@ export const RenderToolbarIcon = props => {
155
151
  case "newLine":
156
152
  return /*#__PURE__*/_jsx(NewLineButton, {
157
153
  editor: editor,
158
- icoBtnType: icoBtnType,
159
- customProps: customProps
154
+ icoBtnType: icoBtnType
160
155
  }, element.id);
161
156
  case "accordion":
162
157
  return /*#__PURE__*/_jsx(AccordionButton, {
163
- editor: editor,
164
- customProps: customProps
158
+ editor: editor
165
159
  }, element.id);
166
160
  case "signature":
167
161
  return /*#__PURE__*/_jsx(SignatureButton, {
168
162
  editor: editor,
169
- icoBtnType: icoBtnType,
170
- customProps: customProps
163
+ icoBtnType: icoBtnType
171
164
  }, element.id);
172
165
  case "button":
173
166
  return /*#__PURE__*/_jsx(ButtonToolIcon, {
174
167
  editor: editor,
175
- icoBtnType: icoBtnType,
176
- customProps: customProps
168
+ icoBtnType: icoBtnType
177
169
  }, element.id);
178
170
  case "page-settings":
179
171
  return /*#__PURE__*/_jsx(PageSettingsButton, {
@@ -184,8 +176,7 @@ export const RenderToolbarIcon = props => {
184
176
  case "carousel":
185
177
  return /*#__PURE__*/_jsx(CarouselButton, {
186
178
  editor: editor,
187
- icoBtnType: icoBtnType,
188
- customProps: customProps
179
+ icoBtnType: icoBtnType
189
180
  }, element.id);
190
181
  case "chip-text":
191
182
  return /*#__PURE__*/_jsx(ChipTextButton, {
@@ -293,8 +284,7 @@ const Toolbar = props => {
293
284
  })
294
285
  }, index)), /*#__PURE__*/_jsx(HtmlContextMenu, {
295
286
  editor: editor,
296
- handleCodeToText: handleCodeToText,
297
- customProps: customProps
287
+ handleCodeToText: handleCodeToText
298
288
  })]
299
289
  });
300
290
  };
@@ -28,20 +28,16 @@ export const toolbarGroups = [[{
28
28
  type: "dropdown",
29
29
  options: [{
30
30
  text: "Normal",
31
- value: "normal",
32
- numVal: "400"
31
+ value: "normal"
33
32
  }, {
34
33
  text: "Bold",
35
- value: "bold",
36
- numVal: "700"
34
+ value: "bold"
37
35
  }, {
38
36
  text: "Bolder",
39
- value: "bolder",
40
- numVal: "700"
37
+ value: "bolder"
41
38
  }, {
42
39
  text: "Lighter",
43
- value: "lighter",
44
- numVal: "100"
40
+ value: "lighter"
45
41
  }],
46
42
  icon: FormatBoldIcon,
47
43
  width: "100px"
@@ -50,8 +46,7 @@ export const toolbarGroups = [[{
50
46
  format: "bold",
51
47
  type: "mark",
52
48
  title: "Bold",
53
- basic: true,
54
- themeEnabled: true
49
+ basic: true
55
50
  }, {
56
51
  id: 5,
57
52
  format: "underline",
@@ -62,8 +57,7 @@ export const toolbarGroups = [[{
62
57
  format: "italic",
63
58
  type: "mark",
64
59
  title: "Italic",
65
- basic: true,
66
- themeEnabled: true
60
+ basic: true
67
61
  }, {
68
62
  id: 6,
69
63
  format: "strikethrough",
@@ -107,42 +101,6 @@ export const toolbarGroups = [[{
107
101
  type: "block",
108
102
  title: "H3",
109
103
  group: "typography"
110
- }, {
111
- id: 39,
112
- format: "headingFour",
113
- type: "block",
114
- title: "H4",
115
- group: "typography"
116
- }, {
117
- id: 40,
118
- format: "headingFive",
119
- type: "block",
120
- title: "H5",
121
- group: "typography"
122
- }, {
123
- id: 41,
124
- format: "headingSix",
125
- type: "block",
126
- title: "H6",
127
- group: "typography"
128
- }, {
129
- id: 42,
130
- format: "paragraphOne",
131
- type: "block",
132
- title: "Paragraph 1",
133
- group: "typography"
134
- }, {
135
- id: 43,
136
- format: "paragraphTwo",
137
- type: "block",
138
- title: "Paragraph 2",
139
- group: "typography"
140
- }, {
141
- id: 44,
142
- format: "paragraphThree",
143
- type: "block",
144
- title: "Paragraph 3",
145
- group: "typography"
146
104
  }, {
147
105
  id: 14,
148
106
  format: "doublequote",
@@ -7,7 +7,6 @@ const SettingsIcon = props => {
7
7
  viewBox: "0 0 18 18",
8
8
  fill: "none",
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
- className: "settingsIcon",
11
10
  ...props,
12
11
  children: [/*#__PURE__*/_jsx("path", {
13
12
  d: "M9 11.25C10.2426 11.25 11.25 10.2426 11.25 9C11.25 7.75736 10.2426 6.75 9 6.75C7.75736 6.75 6.75 7.75736 6.75 9C6.75 10.2426 7.75736 11.25 9 11.25Z",