@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
@@ -1273,7 +1273,6 @@ export const GridSettingsIcon = props => /*#__PURE__*/_jsxs("svg", {
1273
1273
  height: "22",
1274
1274
  viewBox: "0 0 22 22",
1275
1275
  fill: "none",
1276
- className: "commonSvgStyle",
1277
1276
  children: [/*#__PURE__*/_jsx("path", {
1278
1277
  d: "M11 13.75C12.5188 13.75 13.75 12.5188 13.75 11C13.75 9.48122 12.5188 8.25 11 8.25C9.48122 8.25 8.25 9.48122 8.25 11C8.25 12.5188 9.48122 13.75 11 13.75Z",
1279
1278
  stroke: "#64748B",
@@ -1342,7 +1341,6 @@ export const GridAddSectionIcon = props => /*#__PURE__*/_jsxs("svg", {
1342
1341
  height: "20",
1343
1342
  viewBox: "0 0 20 20",
1344
1343
  fill: "none",
1345
- className: "addIconCircle",
1346
1344
  children: [/*#__PURE__*/_jsx("path", {
1347
1345
  d: "M10 19C14.9706 19 19 14.9706 19 10C19 5.02944 14.9706 1 10 1C5.02944 1 1 5.02944 1 10C1 14.9706 5.02944 19 10 19Z",
1348
1346
  stroke: "#64748B",
@@ -1677,27 +1675,6 @@ export const CloseIcon = props => /*#__PURE__*/_jsxs("svg", {
1677
1675
  strokeLinejoin: "round"
1678
1676
  })]
1679
1677
  });
1680
- export const CloseIcon2 = props => /*#__PURE__*/_jsxs("svg", {
1681
- width: "10",
1682
- height: "10",
1683
- viewBox: "0 0 10 10",
1684
- fill: "none",
1685
- xmlns: "http://www.w3.org/2000/svg",
1686
- ...(props || {}),
1687
- children: [/*#__PURE__*/_jsx("path", {
1688
- d: "M9.12476 0.875L0.875176 9.12458",
1689
- stroke: "#8F9CAE",
1690
- strokeWidth: "1.5",
1691
- strokeLinecap: "round",
1692
- strokeLinejoin: "round"
1693
- }), /*#__PURE__*/_jsx("path", {
1694
- d: "M0.875183 0.875L9.12476 9.12458",
1695
- stroke: "#8F9CAE",
1696
- strokeWidth: "1.5",
1697
- strokeLinecap: "round",
1698
- strokeLinejoin: "round"
1699
- })]
1700
- });
1701
1678
  export const SearchIcon = () => /*#__PURE__*/_jsxs("svg", {
1702
1679
  width: "18",
1703
1680
  height: "18",
@@ -1809,7 +1786,6 @@ export const Text = props => /*#__PURE__*/_jsxs("svg", {
1809
1786
  viewBox: "0 0 15 14",
1810
1787
  fill: "none",
1811
1788
  xmlns: "http://www.w3.org/2000/svg",
1812
- className: "commonSvgStyle",
1813
1789
  children: [/*#__PURE__*/_jsx("path", {
1814
1790
  d: "M2.5 4.1825V3.12083C2.5 2.45 3.0425 1.91333 3.7075 1.91333H12.1775C12.8483 1.91333 13.385 2.45583 13.385 3.12083V4.1825",
1815
1791
  stroke: props?.stroke || "#000",
@@ -49,19 +49,15 @@ const useCommonStyle = theme => ({
49
49
  fontWeight: "500",
50
50
  fontFamily: "Inter, sans-serif"
51
51
  },
52
- "& .MuiPaper-root": {
53
- border: `unset !important`,
54
- borderRadius: "0px",
55
- height: "fit-content",
56
- padding: "2px"
57
- },
58
52
  "& p": {
59
53
  marginBottom: "7px",
60
54
  marginTop: "4px"
61
55
  },
62
- "& p": {
63
- marginBottom: "7px",
64
- marginTop: "4px"
56
+ "& .MuiPaper-root": {
57
+ border: 'unset !important',
58
+ borderRadius: '0px',
59
+ height: 'fit-content',
60
+ padding: '2px'
65
61
  },
66
62
  "& .muiIconsListParent": {
67
63
  "& svg": {
@@ -69,12 +65,15 @@ const useCommonStyle = theme => ({
69
65
  },
70
66
  "&::-webkit-scrollbar-thumb": {
71
67
  background: `${theme?.palette?.editor?.brainPopupScroll} !important`
68
+ },
69
+ "&::-webkit-scrollbar-track": {
70
+ visibility: "hidden"
72
71
  }
73
72
  },
74
73
  "& .MuiGrid-root>.MuiGrid-item": {
75
74
  paddingRight: "0px !important",
76
75
  fontFamily: "Inter, sans-serif",
77
- height: "fit-content"
76
+ height: 'fit-content'
78
77
  },
79
78
  "& .MuiInputBase-root": {
80
79
  borderRadius: "10px",
@@ -133,16 +132,16 @@ const useCommonStyle = theme => ({
133
132
  background: theme?.palette?.editor?.inputFieldBgColor,
134
133
  border: `1px solid ${theme?.palette?.editor?.inputFieldBorder}`,
135
134
  borderRadius: "10px",
136
- width: "52px !important",
135
+ width: "46px !important",
137
136
  marginLeft: "10px",
138
- height: "36px !important"
137
+ height: '36px !important'
139
138
  },
140
139
  "& .spacingSlider": {
141
140
  width: "calc(100% - 18px)"
142
141
  }
143
142
  },
144
- "& .MuiFormHelperText-root": {
145
- margin: "4px 0px 0px 0px",
143
+ '& .MuiFormHelperText-root': {
144
+ margin: '4px 0px 0px 0px',
146
145
  color: theme?.palette?.editor?.closeButtonSvgStroke,
147
146
  fontFamily: "Inter, sans-serif"
148
147
  }
@@ -212,16 +211,16 @@ const useCommonStyle = theme => ({
212
211
  backgroundColor: theme?.palette?.editor?.miniToolBarBackground
213
212
  },
214
213
  "& .popup_tabs": {
215
- backgroundColor: theme?.palette?.editor?.miniToolBarBackground,
214
+ backgroundColor: theme?.palette?.editor?.background,
216
215
  "@media only screen and (max-width: 899px)": {
217
216
  width: "100% !important"
218
217
  }
219
218
  },
220
219
  "& .popup_tabs-header": {
221
- backgroundColor: theme?.palette?.editor?.miniToolBarBackground,
220
+ backgroundColor: theme?.palette?.editor?.background,
222
221
  "& .popup_tabs-header-label-active": {
223
222
  color: theme?.palette?.editor?.activeColor,
224
- backgroundColor: theme?.palette?.editor?.miniToolBarBackground
223
+ backgroundColor: theme?.palette?.editor?.background
225
224
  }
226
225
  },
227
226
  "& .colorpicker": {
@@ -250,40 +249,6 @@ const useCommonStyle = theme => ({
250
249
  backgroundColor: theme?.palette?.editor?.miniToolBarBackground,
251
250
  color: theme?.palette?.editor?.textColor
252
251
  }
253
- },
254
- "& .colorPickerActionBtns": {
255
- backgroundColor: theme?.palette?.editor?.miniToolBarBackground,
256
- display: "flex",
257
- justifyContent: "end",
258
- padding: "10px",
259
- position: "sticky",
260
- bottom: 0,
261
- right: 0,
262
- boxShadow: `0px -3px 12px 0px ${theme?.palette?.editor?.cardShadow}`,
263
- gap: "8px",
264
- "& button": {
265
- fontWeight: 600,
266
- fontSize: "14px",
267
- opacity: 1,
268
- borderRadius: "8px",
269
- textTransform: "math-auto",
270
- padding: "4px 20px",
271
- height: "fit-content",
272
- minWidth: "90px",
273
- "@media only screen and (max-width: 899px)": {
274
- width: "50%"
275
- },
276
- "&.confirmBtn": {
277
- backgroundColor: "#2563EB",
278
- color: "#ffffff",
279
- border: `1px solid #2563EB`
280
- },
281
- "&.cancelBtn": {
282
- backgroundColor: theme?.palette?.editor?.closeButtonBackground,
283
- color: theme?.palette?.editor?.customDialogueCloseBtnColor,
284
- border: `1px solid ${theme?.palette?.editor?.customDialogueCloseBtnBorder}`
285
- }
286
- }
287
252
  }
288
253
  },
289
254
  colorPickerBtnBorder: {
@@ -432,14 +397,14 @@ const useCommonStyle = theme => ({
432
397
  padding: "8px 12px",
433
398
  fontSize: "12px",
434
399
  color: theme?.palette?.editor?.menuOptionTextColor,
435
- fontWeight: "500",
400
+ fontWeight: '500',
436
401
  fontFamily: "Inter, sans-serif",
437
- minHeight: "36px",
402
+ minHeight: '36px',
438
403
  "&:hover": {
439
404
  backgroundColor: theme?.palette?.editor?.menuOptionHoverBackground
440
405
  }
441
406
  },
442
- "& .Mui-selected": {
407
+ '& .Mui-selected': {
443
408
  background: `${theme?.palette?.editor?.menuOptionSelectedOption} !important`
444
409
  },
445
410
  "& .MuiListSubheader-root": {
@@ -448,16 +413,16 @@ const useCommonStyle = theme => ({
448
413
  fontSize: "12px"
449
414
  },
450
415
  "& .MuiPaper-root": {
451
- borderRadius: "8px",
452
- padding: "0px",
416
+ borderRadius: '8px',
417
+ padding: '0px',
453
418
  background: `${theme?.palette?.editor?.textWeightPopUpBackground} !important`
454
419
  },
455
- "& .MuiButtonBase-root": {
456
- margin: "4px",
457
- borderRadius: "6px"
420
+ '& .MuiButtonBase-root': {
421
+ margin: '4px',
422
+ borderRadius: '6px'
458
423
  },
459
- "& .MuiList-root": {
460
- padding: "0px"
424
+ '& .MuiList-root': {
425
+ padding: '0px'
461
426
  }
462
427
  },
463
428
  datePicker: {
@@ -557,27 +522,27 @@ const useCommonStyle = theme => ({
557
522
  }
558
523
  }
559
524
  },
525
+ pageSettingPopUpRoot: {
526
+ padding: "16px 8px 16px 10px!important",
527
+ height: "100%"
528
+ },
560
529
  buttonMoreOption: {
561
530
  background: `${theme?.palette?.editor?.aiInputBackground} !important`,
562
531
  border: `1px solid ${theme?.palette?.editor?.buttonBorder1} !important`,
563
- padding: "4px !important",
564
- "& svg": {
565
- width: "18px !important",
566
- height: "18px !important",
567
- "& path": {
532
+ padding: '4px !important',
533
+ '& svg': {
534
+ width: '18px !important',
535
+ height: '18px !important',
536
+ '& path': {
568
537
  stroke: `${theme?.palette?.editor?.closeButtonSvgStroke} !important`
569
538
  }
570
539
  }
571
540
  },
572
- pageSettingPopUpRoot: {
573
- padding: "16px 8px 16px 10px!important",
574
- height: "100%"
575
- },
576
541
  buttonMoreOption2: {
577
542
  background: `${theme?.palette?.editor?.aiInputBackground} !important`,
578
543
  border: `1px solid ${theme?.palette?.editor?.buttonBorder1} !important`,
579
- "& svg": {
580
- "& path": {
544
+ '& svg': {
545
+ '& path': {
581
546
  fill: `${theme?.palette?.editor?.closeButtonSvgStroke} !important`
582
547
  }
583
548
  }
@@ -585,11 +550,11 @@ const useCommonStyle = theme => ({
585
550
  buttonMoreOption3: {
586
551
  background: `${theme?.palette?.editor?.aiInputBackground} !important`,
587
552
  border: `1px solid ${theme?.palette?.editor?.buttonBorder1} !important`,
588
- padding: "5px !important",
589
- "& svg": {
590
- width: "16px !important",
591
- height: "16px !important",
592
- "& path": {
553
+ padding: '5px !important',
554
+ '& svg': {
555
+ width: '16px !important',
556
+ height: '16px !important',
557
+ '& path': {
593
558
  stroke: `${theme?.palette?.editor?.closeButtonSvgStroke} !important`
594
559
  }
595
560
  }
@@ -597,118 +562,40 @@ const useCommonStyle = theme => ({
597
562
  resizeButton: {
598
563
  background: theme?.palette?.editor?.aiInputBackground,
599
564
  border: `1px solid ${theme?.palette?.editor?.buttonBorder1}`,
600
- padding: "5px !important",
601
- borderRadius: "50% !important",
602
- "& svg": {
603
- width: "18px",
604
- height: "18px",
605
- "& path": {
565
+ padding: '5px !important',
566
+ borderRadius: '50% !important',
567
+ '& svg': {
568
+ width: '18px',
569
+ height: '18px',
570
+ '& path': {
606
571
  fill: `${theme?.palette?.editor?.closeButtonSvgStroke}`
607
572
  }
608
573
  },
609
- "&:hover": {
574
+ '&:hover': {
610
575
  background: theme?.palette?.editor?.aiInputBackground
611
576
  }
612
577
  },
613
578
  gradientFillBtn: {
614
579
  background: `linear-gradient(112.61deg, #2C63ED 19.3%, #8360FD 88.14%) !important`,
615
- textTransform: "math-auto !important",
616
- color: "#FFFFFF !important",
617
- padding: "0px 12px !important",
618
- height: "32px",
619
- borderRadius: "8px",
620
- fontWeight: "500",
621
- fontSize: "14px"
580
+ textTransform: 'math-auto !important',
581
+ color: '#FFFFFF !important',
582
+ padding: '0px 12px !important',
583
+ height: '32px',
584
+ borderRadius: '8px',
585
+ fontWeight: '500',
586
+ fontSize: '14px'
622
587
  },
623
588
  emptyThumbBtn: {
624
589
  background: `${theme?.palette?.editor?.sectionSettingIconHover} !important`,
625
590
  color: `${theme?.palette?.editor?.textColor} !important`,
626
- fontSize: "14px !important",
627
- "& svg": {
628
- width: "20px !important",
629
- height: "20px !important",
630
- "& path": {
591
+ fontSize: '14px !important',
592
+ '& svg': {
593
+ width: '20px !important',
594
+ height: '20px !important',
595
+ '& path': {
631
596
  stroke: `${theme?.palette?.editor?.closeButtonSvgStroke} !important`
632
597
  }
633
598
  }
634
- },
635
- formStyles: {
636
- "& input": {
637
- background: theme?.palette?.editor?.inputFieldBgColor,
638
- border: `1px solid ${theme?.palette?.editor?.inputFieldBorder}`,
639
- borderRadius: "8px",
640
- height: "44px",
641
- fontSize: "14px",
642
- color: theme?.palette?.editor?.textColor
643
- },
644
- "& .form-btn-wrpr": {
645
- "& button": {
646
- background: "#2563EB",
647
- fontSize: "14px",
648
- fontWeight: 500,
649
- padding: "4px 24px",
650
- textTransform: "none",
651
- color: "#FFFFFF",
652
- height: "44px",
653
- borderRadius: "8px",
654
- border: "unset",
655
- fontFamily: "Inter, sans-serif"
656
- }
657
- }
658
- },
659
- formMenuStyle: {
660
- "& .MuiPaper-root": {
661
- background: "transparent",
662
- boxShadow: "none"
663
- },
664
- "& .MuiList-root": {
665
- padding: "2px 0px 0px 16px"
666
- },
667
- "& .MuiButtonBase-root": {
668
- padding: "2px"
669
- },
670
- "& li": {
671
- marginLeft: "5px",
672
- "&:hover": {
673
- background: "transparent"
674
- },
675
- "& button": {
676
- height: "28px",
677
- width: "28px",
678
- borderRadius: "50%",
679
- background: theme?.palette?.editor?.signatureFontBtnBg,
680
- border: `1px solid ${theme?.palette?.editor?.buttonBorder1} !important`,
681
- boxShadow: "0px 0px 4px 0px #00000024",
682
- "&:hover": {
683
- background: theme?.palette?.editor?.signatureFontBtnBg
684
- },
685
- "& svg": {
686
- height: "20px",
687
- width: "20px"
688
- },
689
- "& .uploadIcon": {
690
- height: "17px",
691
- width: "17px"
692
- },
693
- "& .commonSvgStyle path": {
694
- stroke: theme?.palette?.editor?.closeButtonSvgStroke
695
- }
696
- }
697
- }
698
- },
699
- fieldBtnSettings: {
700
- "& .MuiButtonBase-root": {
701
- height: "28px",
702
- width: "28px",
703
- padding: "4px",
704
- "& svg": {
705
- width: "20px",
706
- height: "20px",
707
- "& path": {
708
- stroke: theme?.palette?.editor?.closeButtonSvgStroke
709
- }
710
- }
711
- }
712
599
  }
713
600
  });
714
601
  export default useCommonStyle;
@@ -276,10 +276,8 @@ export const bringItemToFB = (editor, {
276
276
  } = itemNode;
277
277
  let arrangeIndex = zIndex === undefined ? path[path.length - 1] : zIndex;
278
278
  arrangeIndex = moveFront ? arrangeIndex + 1 : arrangeIndex - 1;
279
- arrangeIndex = Math.min(arrangeIndex, editor.children.length);
280
- arrangeIndex = Math.max(1, arrangeIndex); // to avoid negative z-index
281
279
  Transforms.setNodes(editor, {
282
- zIndex: arrangeIndex
280
+ zIndex: Math.min(arrangeIndex, editor.children.length)
283
281
  }, {
284
282
  at: path
285
283
  });
@@ -308,7 +306,7 @@ export const debounce = function (func, wait, immediate) {
308
306
  };
309
307
  export const getTextColor = (color = "") => {
310
308
  return color?.indexOf("gradient") >= 0 ? {
311
- background: `${color?.concat("text")} !important`,
309
+ background: color?.concat("text"),
312
310
  WebkitBackgroundClip: "text",
313
311
  WebkitTextFillColor: "transparent !important",
314
312
  color: "transparent !important",
@@ -323,29 +321,7 @@ export const getTextColor = (color = "") => {
323
321
  color: "#000 !important"
324
322
  }
325
323
  } : {
326
- color: `${color} !important`,
327
- WebkitTextFillColor: "unset !important"
328
- };
329
- };
330
- export const pageTextStyle = (color = "") => {
331
- return color?.indexOf("gradient") >= 0 ? {
332
- background: color?.concat("text"),
333
- WebkitBackgroundClip: "text",
334
- WebkitTextFillColor: "transparent",
335
- color: "transparent",
336
- caretColor: "black",
337
- "& span": {
338
- color: "transparent",
339
- "& ::selection": {
340
- color: "#000"
341
- }
342
- },
343
- "& ::selection": {
344
- color: "#000"
345
- }
346
- } : {
347
- color: color,
348
- WebkitTextFillColor: "unset"
324
+ color
349
325
  };
350
326
  };
351
327
  export const getBorderColor = (borderColor = "") => {
@@ -1,6 +1,4 @@
1
- import { ReactEditor } from "slate-react";
2
1
  import { sizeMap } from "../utils/font";
3
- import { Editor, Node } from "slate";
4
2
  export const breakpoints = {
5
3
  small: 0,
6
4
  mobile: 600,
@@ -35,7 +33,7 @@ const overrideValues = (value, ot) => {
35
33
  return Object.keys(value).reduce((a, b) => {
36
34
  return {
37
35
  ...a,
38
- [b]: overrides[ot] ? overrides[ot](value[b], value) : value
36
+ [b]: overrides[ot] ? overrides[ot](value[b]) : value
39
37
  };
40
38
  }, {});
41
39
  };
@@ -52,15 +50,7 @@ const overrides = {
52
50
  overrideReSizeH: val => {
53
51
  return val ? `${val?.height}px` : "auto";
54
52
  },
55
- overrideBorderRadius: (val, breakpointValues) => {
56
- if (!val?.topLeft) {
57
- Object.values(breakpointValues || {}).forEach(v => {
58
- if (v) {
59
- // Applying the values from breakpoints that exist to those that do not have
60
- val = v;
61
- }
62
- });
63
- }
53
+ overrideBorderRadius: val => {
64
54
  return `${val?.topLeft}px ${val?.topRight}px ${val?.bottomLeft}px ${val?.bottomRight}px`;
65
55
  }
66
56
  };
@@ -128,197 +118,6 @@ export const getTRBLBreakPoints = (value, breakpoint) => {
128
118
  console.log(err);
129
119
  }
130
120
  };
131
- export function getElementStyle(editor, element, stylePropertyName) {
132
- try {
133
- const path = ReactEditor.findPath(editor, element);
134
- if (path?.length) {
135
- const currentEle = Node.get(editor, path);
136
- const dom = ReactEditor.toDOMNode(editor, currentEle);
137
- const editorBtn = dom?.querySelector(".button.theme-element");
138
- return getElementProperty(editorBtn, stylePropertyName);
139
- }
140
- } catch (err) {
141
- // console.log(err);
142
- }
143
- }
144
- export function getTextSizeVal(editor) {
145
- try {
146
- const currentNode = Node.get(editor, editor.selection.anchor.path);
147
- const currentElement = ReactEditor.toDOMNode(editor, currentNode);
148
- if (currentElement) {
149
- const element = currentElement.querySelector('span[data-slate-string="true"]');
150
- const fontSize = getElementProperty(element, "font-size");
151
- return fontSize || 16;
152
- }
153
- } catch (err) {
154
- // console.log(err);
155
- }
156
- }
157
- export function getVariableValue(val) {
158
- const bodyElement = document.body;
159
- const computedStyle = getComputedStyle(bodyElement);
160
- const [, variableName] = val?.match(/var\((--[^)]+)\)/) || [];
161
- const varValue = computedStyle.getPropertyValue(variableName).trim();
162
- return varValue;
163
- }
164
- const MAP_PROPERTY_KEYS = {
165
- fontFamily: "font-family",
166
- fontSize: "font-size",
167
- textSize: "font-size",
168
- fontWeight: "font-weight",
169
- color: "color",
170
- bgColor: "background-color"
171
- };
172
- export function getElementProperty(element, styleProperty) {
173
- if (!element) {
174
- return "";
175
- }
176
- const computedStyle = window.getComputedStyle(element);
177
- const property = MAP_PROPERTY_KEYS[styleProperty] || styleProperty;
178
- let style = computedStyle.getPropertyValue(property);
179
- if (property === "font-family") {
180
- style = style.replace(/"/g, ""); // remove double quotes if exists e.g: '"Courier New"'
181
- }
182
-
183
- return style || "";
184
- }
185
- export const textThemeFields = ["fontFamily", "fontSize", "color", "bold", "italic"
186
- // "underline",
187
- // "strikethrough",
188
- ];
189
-
190
- const themeElements = ["headingOne", "headingTwo", "headingThree", "headingFour", "headingFive", "headingSix", "paragraphOne", "paragraphTwo", "paragraphThree"];
191
- export const isTextCustomized = editor => {
192
- try {
193
- if (editor.selection) {
194
- const currentElement = Node.parent(editor, editor?.selection?.anchor?.path);
195
- if (!currentElement) {
196
- return false;
197
- }
198
- const {
199
- children,
200
- type
201
- } = currentElement;
202
- if (!themeElements.includes(type)) {
203
- return false;
204
- }
205
- if (!children?.length) {
206
- return true;
207
- }
208
- const customized = textThemeFields.some(field => {
209
- const element = children.find(child => child.text.trim() !== "") || {};
210
- const value = element[field];
211
- if (field === "fontSize") {
212
- return Object.keys(value || {}).length;
213
- } else {
214
- return value;
215
- }
216
- });
217
- return customized;
218
- } else {
219
- return null;
220
- }
221
- } catch (err) {
222
- return null;
223
- }
224
- };
225
- const addToTheme = (field, value, element) => {
226
- switch (field) {
227
- case "fontFamily":
228
- return {
229
- fontFamily: value
230
- };
231
- case "fontSize":
232
- return {
233
- fontSize: value?.lg
234
- };
235
- case "color":
236
- return {
237
- color: value
238
- };
239
- case "bold":
240
- return {
241
- fontWeight: "bold"
242
- };
243
- case "italic":
244
- return {
245
- fontStyle: "italic"
246
- };
247
- // case "underline":
248
- // case "strikethrough":
249
- // let textDecoration = "";
250
-
251
- // if (element.underline) {
252
- // textDecoration = "underline";
253
- // }
254
-
255
- // if (element.strikethrough) {
256
- // textDecoration += " strikethrough";
257
- // }
258
-
259
- // return { textDecoration };
260
- default:
261
- return {};
262
- }
263
- };
264
- const MAP_TEXT_THEME_FIELD = {
265
- headingOne: "h1",
266
- headingTwo: "h2",
267
- headingThree: "h3",
268
- headingFour: "h4",
269
- headingFive: "h5",
270
- headingSix: "h6",
271
- paragraphOne: "para1",
272
- paragraphTwo: "para2",
273
- paragraphThree: "para3"
274
- };
275
- export const saveToTheme = editor => {
276
- try {
277
- if (editor.selection) {
278
- const currentElement = Node.parent(editor, editor?.selection?.anchor?.path);
279
- if (!currentElement) {
280
- return false;
281
- }
282
- const {
283
- children
284
- } = currentElement;
285
- if (!children?.length) {
286
- return true;
287
- }
288
- let theme = {};
289
- textThemeFields.forEach(field => {
290
- const element = children.find(child => child.text.trim() !== "") || {};
291
- const value = element[field];
292
- let style = {};
293
- let isValueExist = false;
294
- if (value) {
295
- isValueExist = true;
296
- if (field === "fontSize") {
297
- isValueExist = !!Object.keys(value).length;
298
- }
299
- }
300
- if (isValueExist) {
301
- style = addToTheme(field, value, element);
302
- }
303
- theme = {
304
- ...theme,
305
- ...style
306
- };
307
- });
308
- textThemeFields.forEach(field => {
309
- Editor.removeMark(editor, field);
310
- });
311
- return {
312
- field: MAP_TEXT_THEME_FIELD[currentElement?.type],
313
- theme
314
- };
315
- }
316
- } catch (err) {
317
- return;
318
- }
319
- };
320
- export const HEADING_THEME_FIELDS = ["h1", "h2", "h3", "h4", "h5", "h6"];
321
- export const PARAGRAPH_THEME_FIELDS = ["para1", "para2", "para3"];
322
121
  export const getBRValue = (props, rbr = "lg") => {
323
122
  const {
324
123
  value,