@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
@@ -3,40 +3,28 @@ import { Grid, Typography, Slider, FormControlLabel, Checkbox, Box, IconButton }
3
3
  import { radiusStyle } from "./radiusStyle";
4
4
  import useWindowResize from "../../../hooks/useWindowResize";
5
5
  import { getBreakPointsValue, getCustomizationValue } from "../../../helper/theme";
6
- import { useEditorTheme } from "../../../hooks/useEditorTheme";
7
6
  import { CheckedBoxCheckIcon } from "../../iconListV2";
8
7
  import { jsx as _jsx } from "react/jsx-runtime";
9
8
  import { jsxs as _jsxs } from "react/jsx-runtime";
10
9
  const BORDER_RADIUS_KEYS = ["topLeft", "topRight", "bottomLeft", "bottomRight"];
11
10
  const BorderRadius = props => {
12
11
  const {
12
+ value: val,
13
13
  data,
14
14
  onChange,
15
15
  elementProps,
16
- classes,
17
- customProps
16
+ classes
18
17
  } = props;
19
- const {
20
- translation
21
- } = customProps;
18
+ let {
19
+ lockRadius
20
+ } = elementProps;
21
+ if (lockRadius === undefined) {
22
+ lockRadius = true;
23
+ }
22
24
  const {
23
25
  key
24
26
  } = data;
25
27
  const [size] = useWindowResize();
26
- const {
27
- selectedTheme
28
- } = useEditorTheme();
29
- const {
30
- borderRadius,
31
- lockRadius: themeLockRadius
32
- } = selectedTheme?.elementProps?.button || {};
33
- const isUserValue = Object.keys(props?.value || {})?.length;
34
- const isUserLockedRadius = typeof elementProps?.lockRadius === "boolean";
35
- const val = isUserValue ? props?.value : borderRadius;
36
- let lockRadius = isUserLockedRadius ? elementProps?.lockRadius : themeLockRadius;
37
- if (lockRadius === undefined) {
38
- lockRadius = true;
39
- }
40
28
  const value = getBreakPointsValue(val, size?.device);
41
29
  const handleChange = e => {
42
30
  let changeAll = {};
@@ -72,7 +60,7 @@ const BorderRadius = props => {
72
60
  fontSize: "14px",
73
61
  fontWeight: 500
74
62
  },
75
- children: translation(data?.label)
63
+ children: data?.label
76
64
  }), /*#__PURE__*/_jsxs(Grid, {
77
65
  container: true,
78
66
  wrap: "nowrap",
@@ -125,7 +113,7 @@ const BorderRadius = props => {
125
113
  sx: {
126
114
  fontSize: "14px"
127
115
  },
128
- children: translation("Customize")
116
+ children: "Customize"
129
117
  })
130
118
  }), !lockRadius ? /*#__PURE__*/_jsx(Grid, {
131
119
  container: true,
@@ -14,9 +14,6 @@ const ButtonLink = props => {
14
14
  const {
15
15
  key
16
16
  } = data;
17
- const {
18
- translation
19
- } = customProps;
20
17
  const {
21
18
  metadata
22
19
  } = customProps || {
@@ -79,7 +76,7 @@ const ButtonLink = props => {
79
76
  fontWeight: 500
80
77
  },
81
78
  id: "demo-radio-buttons-group-label",
82
- children: translation("whereToLinkText")
79
+ children: "Where do you want to Link?"
83
80
  }), /*#__PURE__*/_jsxs(RadioGroup, {
84
81
  row: true,
85
82
  "aria-labelledby": "demo-radio-buttons-group-label",
@@ -96,7 +93,7 @@ const ButtonLink = props => {
96
93
  style: {
97
94
  fontSize: "14px"
98
95
  },
99
- children: translation("nextStep")
96
+ children: "Next Step"
100
97
  })
101
98
  }), /*#__PURE__*/_jsx(FormControlLabel, {
102
99
  value: "webAddress",
@@ -107,7 +104,7 @@ const ButtonLink = props => {
107
104
  style: {
108
105
  fontSize: "14px"
109
106
  },
110
- children: translation("webAddress")
107
+ children: "Web Address"
111
108
  })
112
109
  })]
113
110
  })]
@@ -1,7 +1,6 @@
1
1
  import { Box, Card, Checkbox, FormControlLabel, Grid, Tooltip, Typography } from "@mui/material";
2
2
  import React from "react";
3
3
  import Icon from "../../Icon";
4
- import { useEditorContext } from "../../../hooks/useMouseMove";
5
4
  import { jsx as _jsx } from "react/jsx-runtime";
6
5
  import { Fragment as _Fragment } from "react/jsx-runtime";
7
6
  import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -11,22 +10,18 @@ const RenderCard = ({
11
10
  title,
12
11
  content,
13
12
  infoIcon,
14
- classes,
15
- translation
13
+ classes
16
14
  }) => {
17
15
  return /*#__PURE__*/_jsx(Card, {
18
16
  sx: {
19
- position: "relative",
20
- padding: "10px",
21
- "& .MuiCheckbox-root svg": {
22
- fill: "unset !important"
23
- }
17
+ position: 'relative',
18
+ padding: "10px"
24
19
  },
25
20
  children: /*#__PURE__*/_jsx(FormControlLabel, {
26
21
  control: /*#__PURE__*/_jsx(Checkbox, {
27
22
  sx: {
28
23
  padding: 0,
29
- marginTop: "3px"
24
+ marginTop: '3px'
30
25
  },
31
26
  onChange: handleChange,
32
27
  checked: value,
@@ -52,9 +47,9 @@ const RenderCard = ({
52
47
  style: {
53
48
  fontWeight: `500 !important`
54
49
  },
55
- children: translation(title)
50
+ children: title
56
51
  }), /*#__PURE__*/_jsx(Tooltip, {
57
- title: translation(content),
52
+ title: content,
58
53
  children: infoIcon && content && /*#__PURE__*/_jsx("span", {
59
54
  children: infoIcon
60
55
  })
@@ -62,10 +57,10 @@ const RenderCard = ({
62
57
  })
63
58
  }),
64
59
  sx: {
65
- width: "100%",
66
- display: "flex",
67
- justifyContent: "space-between",
68
- alignItems: "flex-start",
60
+ width: '100%',
61
+ display: 'flex',
62
+ justifyContent: 'space-between',
63
+ alignItems: 'flex-start',
69
64
  margin: 0
70
65
  },
71
66
  labelPlacement: "start"
@@ -77,8 +72,7 @@ const CardsMapping = props => {
77
72
  value,
78
73
  data,
79
74
  onChange,
80
- classes,
81
- customProps
75
+ classes
82
76
  } = props;
83
77
  const {
84
78
  key,
@@ -87,12 +81,6 @@ const CardsMapping = props => {
87
81
  selectedCard,
88
82
  infoIcon
89
83
  } = data;
90
- const {
91
- theme
92
- } = useEditorContext();
93
- const {
94
- translation
95
- } = customProps;
96
84
  const activeCard = value === selectedCard;
97
85
  const handleChange = e => {
98
86
  if (selectedCard === data?.value) {
@@ -111,8 +99,7 @@ const CardsMapping = props => {
111
99
  sx: {
112
100
  marginBottom: "12px",
113
101
  "& .MuiPaper-root": {
114
- background: theme?.palette?.editor?.miniToolBarBackground,
115
- border: activeCard ? "1px solid #2563EB" : `1px solid ${theme?.palette?.editor?.inputFieldBorder}`,
102
+ border: activeCard ? "1px solid #2563EB" : "1px solid #C8D8FA",
116
103
  borderRadius: "8px",
117
104
  boxShadow: activeCard ? "0px 4px 16px 0px #2563EB40" : "unset"
118
105
  }
@@ -123,8 +110,7 @@ const CardsMapping = props => {
123
110
  title: label,
124
111
  content: content,
125
112
  infoIcon: infoIcon,
126
- classes: classes,
127
- translation: translation
113
+ classes: classes
128
114
  })
129
115
  });
130
116
  };
@@ -1,50 +1,22 @@
1
- import React, { useEffect, useMemo, useState } from "react";
1
+ import React, { useEffect, useState } from "react";
2
2
  import { Grid, TextField, InputAdornment, Typography, Tooltip } from "@mui/material";
3
3
  import ColorPickerButton from "../../ColorPickerButton";
4
- import { getVariableValue } from "../../../helper/theme";
5
- import { useButtonStyle } from "../../../hooks/useThemeValues";
6
-
7
- // const MAP_STYLE_PROPS = {
8
- // bgColor: "background-color",
9
- // textColor: "color",
10
- // };
11
4
  import { jsx as _jsx } from "react/jsx-runtime";
12
5
  import { jsxs as _jsxs } from "react/jsx-runtime";
13
6
  const Color = props => {
14
7
  const {
15
- value: val,
8
+ value,
16
9
  data,
17
10
  onChange,
18
- classes,
19
- elementProps,
20
- handleClose,
21
- customProps
11
+ classes
22
12
  } = props;
23
13
  const {
24
14
  key,
25
15
  label,
26
16
  hideGradient
27
17
  } = data;
28
- const {
29
- translation
30
- } = customProps;
31
18
  const [recentColors, setRecentColors] = useState({});
32
- const {
33
- buttonStyle
34
- } = useButtonStyle(val, key, elementProps);
35
- const newValue = buttonStyle?.color;
36
- const {
37
- value,
38
- inputValue
39
- } = useMemo(() => {
40
- const isVariable = newValue && newValue.startsWith("var");
41
- const inputValue = isVariable ? getVariableValue(newValue) : newValue;
42
- return {
43
- value: newValue,
44
- inputValue: inputValue
45
- };
46
- }, [buttonStyle?.color]);
47
- const getLable = label === "Text" ? translation("selectTextColor") : label === "Background" ? translation("selectBgColor") : translation(label);
19
+ const getLable = label === 'Text' ? 'Select text color' : label === 'Background' ? 'Select background color' : label;
48
20
  useEffect(() => {
49
21
  const storedColors = JSON.parse(localStorage.getItem("recentColors"));
50
22
  if (storedColors) {
@@ -82,27 +54,27 @@ const Color = props => {
82
54
  fontSize: "14px",
83
55
  fontWeight: 500,
84
56
  marginBottom: "5px",
85
- display: "flex",
86
- alignItems: "center",
87
- "& svg": {
88
- width: "20px",
89
- height: "20px"
57
+ display: 'flex',
58
+ alignItems: 'center',
59
+ '& svg': {
60
+ width: '20px',
61
+ height: '20px'
90
62
  }
91
63
  },
92
- children: [translation(label), data?.infoIcon ? /*#__PURE__*/_jsx(Tooltip, {
64
+ children: [label, data?.infoIcon ? /*#__PURE__*/_jsx(Tooltip, {
93
65
  arrow: true,
94
- title: translation("noteText"),
66
+ title: "Note: If color gradient is used, divider styles will not apply",
95
67
  children: /*#__PURE__*/_jsx("span", {
96
68
  style: {
97
- display: "inline-block"
69
+ display: 'inline-block'
98
70
  },
99
71
  children: data?.infoIcon
100
72
  })
101
73
  }) : null]
102
74
  }), /*#__PURE__*/_jsx(TextField, {
103
75
  fullWidth: true,
104
- value: inputValue,
105
- placeholder: getLable || `${label} ${translation("color code")}`,
76
+ value: value,
77
+ placeholder: getLable || `${label} color code`,
106
78
  InputLabelProps: {
107
79
  shrink: true
108
80
  },
@@ -114,8 +86,6 @@ const Color = props => {
114
86
  value: value,
115
87
  onSave: onSave,
116
88
  recentColors: recentColors[key],
117
- handleClose: handleClose,
118
- disableEditTheme: customProps?.disableEditTheme,
119
89
  hideGradient: hideGradient
120
90
  })
121
91
  })
@@ -7,12 +7,8 @@ const ElementSize = props => {
7
7
  const {
8
8
  value,
9
9
  data,
10
- onChange,
11
- customProps
10
+ onChange
12
11
  } = props;
13
- const {
14
- translation
15
- } = customProps;
16
12
  const {
17
13
  key
18
14
  } = data;
@@ -49,13 +45,13 @@ const ElementSize = props => {
49
45
  fontWeight: "500",
50
46
  marginBottom: "5px"
51
47
  },
52
- children: translation("Width")
48
+ children: "Width"
53
49
  }), /*#__PURE__*/_jsx(TextField, {
54
50
  fullWidth: true,
55
51
  name: wkey,
56
52
  size: "small",
57
53
  value: value ? value[wkey] : "100",
58
- placeholder: translation("Width"),
54
+ placeholder: "Width",
59
55
  onChange: handleChange,
60
56
  InputProps: {
61
57
  endAdornment: /*#__PURE__*/_jsxs(InputAdornment, {
@@ -101,14 +97,14 @@ const ElementSize = props => {
101
97
  fontWeight: "500",
102
98
  marginBottom: "5px"
103
99
  },
104
- children: translation("Height")
100
+ children: "Height"
105
101
  }), /*#__PURE__*/_jsx(TextField, {
106
102
  fullWidth: true,
107
103
  name: "height",
108
104
  size: "small",
109
105
  value: value?.height,
110
- placeholder: translation("Height"),
111
- helperText: translation("heightHelperText"),
106
+ placeholder: "Height",
107
+ helperText: "Leave it to auto if width is in % ",
112
108
  onChange: handleChange,
113
109
  InputProps: {
114
110
  endAdornment: /*#__PURE__*/_jsxs(InputAdornment, {
@@ -1,30 +1,19 @@
1
- import React, { useMemo } from "react";
1
+ import React from "react";
2
2
  import { TextField, IconButton, Grid, Typography } from "@mui/material";
3
3
  import { sizeMap } from "../../../utils/font.js";
4
4
  import { TextMinusIcon, TextPlusIcon } from "../../../common/iconslist.js";
5
- import { getElementStyle } from "../../../helper/theme.js";
6
- import { useSlateStatic } from "slate-react";
7
5
  import { jsx as _jsx } from "react/jsx-runtime";
8
6
  import { jsxs as _jsxs } from "react/jsx-runtime";
9
7
  const FontSize = props => {
10
8
  const {
11
- value: val,
9
+ value,
12
10
  data,
13
- onChange,
14
- elementProps,
15
- customProps
11
+ onChange
16
12
  } = props;
17
13
  const {
18
14
  key,
19
15
  width
20
16
  } = data;
21
- const editor = useSlateStatic();
22
- const value = useMemo(() => {
23
- return val || getElementStyle(editor, elementProps, "font-size");
24
- }, [editor, val]);
25
- const {
26
- translation
27
- } = customProps;
28
17
  const handleChange = e => {
29
18
  let inc = parseInt(e.target.value) || 16;
30
19
  inc = inc > 200 ? 200 : inc;
@@ -35,9 +24,7 @@ const FontSize = props => {
35
24
  const getSizeVal = () => {
36
25
  try {
37
26
  const size = `${value}`?.indexOf("px") >= 0 ? value : sizeMap[value] || value;
38
- const defaultSize = 16;
39
- const val = parseInt(size || defaultSize);
40
- return isNaN(val) ? defaultSize : val;
27
+ return parseInt(size || 16);
41
28
  } catch (err) {
42
29
  return "";
43
30
  }
@@ -71,7 +58,7 @@ const FontSize = props => {
71
58
  fontSize: "14px",
72
59
  fontWeight: "500"
73
60
  },
74
- children: translation(data?.label)
61
+ children: data?.label
75
62
  })
76
63
  }), /*#__PURE__*/_jsx(Grid, {
77
64
  item: true,
@@ -86,7 +73,7 @@ const FontSize = props => {
86
73
  size: "small",
87
74
  inputProps: {
88
75
  style: {
89
- // textAlign: "center",
76
+ // textAlign: "center",
90
77
  padding: "11px"
91
78
  }
92
79
  },
@@ -8,12 +8,8 @@ const GridSize = props => {
8
8
  const {
9
9
  value: val,
10
10
  data,
11
- onChange,
12
- customProps
11
+ onChange
13
12
  } = props;
14
- const {
15
- translation
16
- } = customProps;
17
13
  const {
18
14
  key
19
15
  } = data;
@@ -38,7 +34,7 @@ const GridSize = props => {
38
34
  fontWeight: 500,
39
35
  marginBottom: "5px"
40
36
  },
41
- children: [translation(data?.label) || translation("Grid Size"), ": ", value || 12]
37
+ children: [data?.label || "Grid Size", ": ", value || 12]
42
38
  }), /*#__PURE__*/_jsx("div", {
43
39
  className: "sld-wrpr",
44
40
  children: /*#__PURE__*/_jsx(Slider, {
@@ -12,9 +12,6 @@ const Icons = props => {
12
12
  onChange,
13
13
  customProps
14
14
  } = props;
15
- const {
16
- translation
17
- } = customProps;
18
15
  const {
19
16
  key
20
17
  } = data;
@@ -61,7 +58,7 @@ const Icons = props => {
61
58
  children: /*#__PURE__*/_jsx(TextField, {
62
59
  fullWidth: true,
63
60
  size: "small",
64
- placeholder: translation("searchIcons"),
61
+ placeholder: "Search Icons...",
65
62
  value: val,
66
63
  onChange: handleChange
67
64
  })
@@ -73,7 +70,7 @@ const Icons = props => {
73
70
  padding: "4px"
74
71
  },
75
72
  children: SelectedIcon ? /*#__PURE__*/_jsx(Tooltip, {
76
- title: translation("clickToRemove"),
73
+ title: "Click to Remove",
77
74
  arrow: true,
78
75
  children: /*#__PURE__*/_jsx(IconButton, {
79
76
  onClick: onRemoveIcon,
@@ -53,9 +53,9 @@ const LineSpacing = props => {
53
53
  defaultValue: value || 1.43,
54
54
  "aria-label": "Default",
55
55
  valueLabelDisplay: "auto",
56
- min: 0.50,
57
- max: 3.00,
58
- step: 0.01,
56
+ min: 0.5,
57
+ max: 3.0,
58
+ step: 0.1,
59
59
  name: "lineHeight",
60
60
  onChange: handleChange
61
61
  }), /*#__PURE__*/_jsx(Box, {
@@ -65,16 +65,15 @@ const LineSpacing = props => {
65
65
  color: theme?.palette?.editor?.textColor
66
66
  },
67
67
  name: "lineHeight",
68
- value: pro_value || 1.43,
68
+ value: pro_value,
69
69
  className: "sliderInput",
70
70
  onChange: handleChange,
71
71
  type: "number",
72
72
  placeholder: "0",
73
- disabled: true
74
- // defaultValue={pro_value || 1.43}
73
+ disabled: true,
74
+ defaultValue: pro_value || 1.43
75
75
  })]
76
76
  })]
77
77
  });
78
78
  };
79
-
80
79
  export default LineSpacing;
@@ -1,9 +1,9 @@
1
1
  import React, { useState } from "react";
2
2
  import { Button, Grid, Radio, RadioGroup, TextField, FormControl, FormLabel, FormControlLabel, Typography, Tooltip, IconButton } from "@mui/material";
3
+ import DeleteIcon from "@mui/icons-material/Delete";
4
+ import Settings from "@mui/icons-material/Settings";
3
5
  import LinkSettings from "../../LinkSettings";
4
6
  import { getLinkType } from "../../../utils/helper";
5
- import SettingsIcon from "../../../assets/svg/SettingsIcon";
6
- import { DeleteIcon } from "../../../assets/svg/AIIcons";
7
7
  import { jsx as _jsx } from "react/jsx-runtime";
8
8
  import { jsxs as _jsxs } from "react/jsx-runtime";
9
9
  const MenusArray = props => {
@@ -14,9 +14,6 @@ const MenusArray = props => {
14
14
  onChange,
15
15
  customProps
16
16
  } = props;
17
- const {
18
- translation
19
- } = customProps;
20
17
  const {
21
18
  key
22
19
  } = data;
@@ -82,7 +79,7 @@ const MenusArray = props => {
82
79
  fontSize: "14px",
83
80
  fontWeight: "500"
84
81
  },
85
- children: translation("Menu Variant")
82
+ children: "Menu Variant"
86
83
  })
87
84
  }), /*#__PURE__*/_jsxs(RadioGroup, {
88
85
  row: true,
@@ -101,7 +98,7 @@ const MenusArray = props => {
101
98
  sx: {
102
99
  fontSize: "14px"
103
100
  },
104
- children: translation("Stacked")
101
+ children: "Stacked"
105
102
  })
106
103
  }), /*#__PURE__*/_jsx(FormControlLabel, {
107
104
  value: "drawer",
@@ -113,7 +110,7 @@ const MenusArray = props => {
113
110
  sx: {
114
111
  fontSize: "14px"
115
112
  },
116
- children: translation("Drawer")
113
+ children: "Drawer"
117
114
  })
118
115
  })]
119
116
  })]
@@ -126,7 +123,6 @@ const MenusArray = props => {
126
123
  display: "flex",
127
124
  alignItems: "center"
128
125
  },
129
- className: "menu-item-app-header",
130
126
  children: [/*#__PURE__*/_jsx(TextField, {
131
127
  name: "text",
132
128
  type: "text",
@@ -135,8 +131,7 @@ const MenusArray = props => {
135
131
  size: "small",
136
132
  sx: {
137
133
  mb: 0
138
- },
139
- className: "text-field1"
134
+ }
140
135
  }), /*#__PURE__*/_jsx(TextField, {
141
136
  name: "url",
142
137
  type: "text",
@@ -144,28 +139,23 @@ const MenusArray = props => {
144
139
  onChange: handleChange(i),
145
140
  size: "small",
146
141
  fullWidth: true,
147
- disabled: true,
148
- className: "text-field1"
142
+ disabled: true
149
143
  }), /*#__PURE__*/_jsx(Tooltip, {
150
- title: translation("Link Settings"),
144
+ title: "Link Settings",
151
145
  arrow: true,
152
146
  children: /*#__PURE__*/_jsx(IconButton, {
153
147
  onClick: () => setOpenNav({
154
148
  menu: m,
155
149
  index: i
156
150
  }),
157
- children: /*#__PURE__*/_jsx(SettingsIcon, {
158
- className: "settingsIcon"
159
- })
151
+ children: /*#__PURE__*/_jsx(Settings, {})
160
152
  })
161
153
  }), /*#__PURE__*/_jsx(Tooltip, {
162
- title: translation("Delete Menu"),
154
+ title: "Delete Menu",
163
155
  arrow: true,
164
156
  children: /*#__PURE__*/_jsx(IconButton, {
165
157
  onClick: onDelete(i),
166
- children: /*#__PURE__*/_jsx(DeleteIcon, {
167
- className: "deleteIcon"
168
- })
158
+ children: /*#__PURE__*/_jsx(DeleteIcon, {})
169
159
  })
170
160
  })]
171
161
  }, `add-m-${i}`);
@@ -177,7 +167,7 @@ const MenusArray = props => {
177
167
  sx: {
178
168
  fontWeight: 700
179
169
  },
180
- children: translation("addTextIcon")
170
+ children: "+ Add"
181
171
  })
182
172
  }), openNav ? /*#__PURE__*/_jsx(LinkSettings, {
183
173
  handleClose: () => setOpenNav(null),
@@ -6,15 +6,11 @@ const MetaDataMapping = props => {
6
6
  const {
7
7
  data,
8
8
  onChange,
9
- elementProps,
10
- customProps
9
+ elementProps
11
10
  } = props;
12
11
  const {
13
12
  compType
14
13
  } = data;
15
- const {
16
- translation
17
- } = customProps;
18
14
  const previousCardRef = useRef(null);
19
15
  const [selectedCard, setSelectedCard] = useState(null);
20
16
  const updatedData = {
@@ -37,9 +33,7 @@ const MetaDataMapping = props => {
37
33
  element: elementProps,
38
34
  value: data?.value,
39
35
  data: updatedData,
40
- onChange: handleCardSelect,
41
- customProps: customProps,
42
- translation: translation
36
+ onChange: handleCardSelect
43
37
  }) : null
44
38
  });
45
39
  };