@flozy/editor 10.4.2 → 10.4.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (167) hide show
  1. package/dist/Editor/ChatEditor.js +16 -17
  2. package/dist/Editor/CommonEditor.js +16 -131
  3. package/dist/Editor/DialogWrapper.js +25 -31
  4. package/dist/Editor/Editor.css +8 -46
  5. package/dist/Editor/Elements/AI/PopoverAIInput.js +3 -11
  6. package/dist/Editor/Elements/Accordion/Accordion.js +9 -46
  7. package/dist/Editor/Elements/Accordion/AccordionSummary.js +23 -1
  8. package/dist/Editor/Elements/AppHeader/AppHeader.js +5 -10
  9. package/dist/Editor/Elements/Button/EditorButton.js +9 -27
  10. package/dist/Editor/Elements/Carousel/CarouselItem.js +1 -2
  11. package/dist/Editor/Elements/Color Picker/ColorButtons.js +14 -61
  12. package/dist/Editor/Elements/Color Picker/ColorPicker.css +1 -25
  13. package/dist/Editor/Elements/Color Picker/ColorPicker.js +7 -10
  14. package/dist/Editor/Elements/Color Picker/Styles.js +13 -15
  15. package/dist/Editor/Elements/DataView/Layouts/ColumnView.js +2 -4
  16. package/dist/Editor/Elements/DataView/Layouts/DataTypes/Components/MultiSelect.js +28 -30
  17. package/dist/Editor/Elements/DataView/Layouts/DataTypes/MultiSelectType.js +7 -9
  18. package/dist/Editor/Elements/DataView/Layouts/Options/AddOptions.js +1 -0
  19. package/dist/Editor/Elements/DataView/Layouts/ViewData.js +4 -8
  20. package/dist/Editor/Elements/Embed/Video.js +1 -1
  21. package/dist/Editor/Elements/Form/Form.js +3 -3
  22. package/dist/Editor/Elements/Form/FormElements/FormTextArea.js +1 -0
  23. package/dist/Editor/Elements/Form/FormField.js +2 -3
  24. package/dist/Editor/Elements/Form/Workflow/Styles.js +22 -24
  25. package/dist/Editor/Elements/FreeGrid/FreeGrid.js +31 -35
  26. package/dist/Editor/Elements/FreeGrid/FreeGridBox.js +4 -7
  27. package/dist/Editor/Elements/FreeGrid/FreeGridItem.js +0 -1
  28. package/dist/Editor/Elements/FreeGrid/Options/More.js +7 -7
  29. package/dist/Editor/Elements/FreeGrid/Options/sectionItemOptions.js +1 -1
  30. package/dist/Editor/Elements/FreeGrid/styles.js +0 -14
  31. package/dist/Editor/Elements/Grid/Grid.js +2 -14
  32. package/dist/Editor/Elements/Grid/GridItem.js +1 -1
  33. package/dist/Editor/Elements/Signature/Signature.css +1 -2
  34. package/dist/Editor/Elements/Signature/SignatureOptions/DrawSignature.js +5 -18
  35. package/dist/Editor/Elements/Signature/SignatureOptions/UploadSignature.js +3 -16
  36. package/dist/Editor/Elements/SimpleText/style.js +2 -2
  37. package/dist/Editor/Elements/Table/DragButton.js +1 -0
  38. package/dist/Editor/Elements/Table/Draggable.js +2 -6
  39. package/dist/Editor/Elements/Table/Styles.js +0 -7
  40. package/dist/Editor/Elements/Table/Table.js +3 -3
  41. package/dist/Editor/Elements/Table/TableCell.js +5 -24
  42. package/dist/Editor/Elements/Title/title.js +6 -6
  43. package/dist/Editor/Elements/Variables/VariableButton.js +1 -10
  44. package/dist/Editor/MiniEditor.js +1 -2
  45. package/dist/Editor/Styles/EditorStyles.js +5 -5
  46. package/dist/Editor/Toolbar/FormatTools/Dropdown.js +3 -27
  47. package/dist/Editor/Toolbar/FormatTools/FontFamilyAutocomplete.js +3 -4
  48. package/dist/Editor/Toolbar/FormatTools/MarkButton.js +2 -2
  49. package/dist/Editor/Toolbar/FormatTools/TextSize.js +13 -10
  50. package/dist/Editor/Toolbar/Mini/MiniToolbar.js +1 -2
  51. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/MiniColorPicker.js +2 -4
  52. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectFontSize.js +13 -6
  53. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectTypography.js +42 -167
  54. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/index.js +4 -7
  55. package/dist/Editor/Toolbar/PopupTool/PopperHeader.js +1 -2
  56. package/dist/Editor/Toolbar/PopupTool/PopupToolStyle.js +12 -72
  57. package/dist/Editor/Toolbar/PopupTool/TextFormat.js +10 -58
  58. package/dist/Editor/Toolbar/PopupTool/index.js +1 -1
  59. package/dist/Editor/Toolbar/toolbarGroups.js +6 -48
  60. package/dist/Editor/common/ColorPickerButton.js +16 -41
  61. package/dist/Editor/common/DnD/DragHandleButton.js +1 -1
  62. package/dist/Editor/common/FontLoader/FontLoader.js +0 -3
  63. package/dist/Editor/common/Icon.js +0 -28
  64. package/dist/Editor/common/ImageSelector/ImageSelector.js +2 -2
  65. package/dist/Editor/common/ImageSelector/Styles.js +9 -3
  66. package/dist/Editor/common/LinkSettings/NavComponents.js +66 -45
  67. package/dist/Editor/common/LinkSettings/index.js +29 -14
  68. package/dist/Editor/common/LinkSettings/navOptions.js +2 -2
  69. package/dist/Editor/common/LinkSettings/style.js +244 -164
  70. package/dist/Editor/common/MentionsPopup/index.js +1 -4
  71. package/dist/Editor/common/RnD/ElementOptions/Actions.js +5 -4
  72. package/dist/Editor/common/RnD/ElementSettings/OtherSettings/Settings.js +1 -2
  73. package/dist/Editor/common/RnD/ElementSettings/OtherSettings/Signature.js +3 -4
  74. package/dist/Editor/common/RnD/ElementSettings/Settings/AppHeaderSettings.js +2 -3
  75. package/dist/Editor/common/RnD/ElementSettings/Settings/BoxSettings.js +2 -3
  76. package/dist/Editor/common/RnD/ElementSettings/Settings/ButtonSettings.js +2 -3
  77. package/dist/Editor/common/RnD/ElementSettings/Settings/CodeSettings.js +2 -3
  78. package/dist/Editor/common/RnD/ElementSettings/Settings/FormSettings.js +2 -4
  79. package/dist/Editor/common/RnD/ElementSettings/Settings/ImageSettings.js +2 -3
  80. package/dist/Editor/common/RnD/ElementSettings/Settings/TableSettings.js +2 -3
  81. package/dist/Editor/common/RnD/ElementSettings/Settings/TextSettings.js +1 -3
  82. package/dist/Editor/common/RnD/ElementSettings/Settings/VideoSettings.js +2 -3
  83. package/dist/Editor/common/RnD/ElementSettings/styles.js +1 -0
  84. package/dist/Editor/common/RnD/OptionsPopup/style.js +1 -0
  85. package/dist/Editor/common/RnD/SwitchViewport/SwitchViewport.js +2 -11
  86. package/dist/Editor/common/RnD/Theme/ViewportStimulator.js +3 -6
  87. package/dist/Editor/common/RnD/Utils/gridDropItem.js +19 -28
  88. package/dist/Editor/common/RnD/Utils/index.js +1 -3
  89. package/dist/Editor/common/RnD/VirtualElement/VirtualTextElement.js +58 -42
  90. package/dist/Editor/common/RnD/VirtualElement/helper.js +132 -323
  91. package/dist/Editor/common/RnD/VirtualElement/styles.js +0 -16
  92. package/dist/Editor/common/RnD/index.js +39 -68
  93. package/dist/Editor/common/Select/index.js +7 -44
  94. package/dist/Editor/common/Select/styles.js +2 -30
  95. package/dist/Editor/common/Shorthands/elements.js +0 -54
  96. package/dist/Editor/common/StyleBuilder/accordionTitleBtnStyle.js +2 -2
  97. package/dist/Editor/common/StyleBuilder/accordionTitleStyle.js +9 -12
  98. package/dist/Editor/common/StyleBuilder/buttonStyle.js +2 -4
  99. package/dist/Editor/common/StyleBuilder/embedVideoStyle.js +0 -4
  100. package/dist/Editor/common/StyleBuilder/fieldTypes/backgroundImage.js +0 -5
  101. package/dist/Editor/common/StyleBuilder/fieldTypes/bannerSpacing.js +2 -12
  102. package/dist/Editor/common/StyleBuilder/fieldTypes/borderRadius.js +7 -15
  103. package/dist/Editor/common/StyleBuilder/fieldTypes/card.js +8 -16
  104. package/dist/Editor/common/StyleBuilder/fieldTypes/color.js +10 -36
  105. package/dist/Editor/common/StyleBuilder/fieldTypes/fontSize.js +7 -16
  106. package/dist/Editor/common/StyleBuilder/fieldTypes/index.js +1 -3
  107. package/dist/Editor/common/StyleBuilder/fieldTypes/textOptions.js +7 -15
  108. package/dist/Editor/common/SwipeableDrawer/style.js +12 -14
  109. package/dist/Editor/common/Uploader.js +0 -16
  110. package/dist/Editor/common/iconListV2.js +0 -76
  111. package/dist/Editor/common/iconslist.js +0 -21
  112. package/dist/Editor/commonStyle.js +61 -116
  113. package/dist/Editor/helper/index.js +1 -5
  114. package/dist/Editor/helper/theme.js +2 -203
  115. package/dist/Editor/hooks/useMouseMove.js +3 -9
  116. package/dist/Editor/hooks/useTable.js +4 -5
  117. package/dist/Editor/plugins/withEmbeds.js +1 -1
  118. package/dist/Editor/plugins/withHTML.js +1 -3
  119. package/dist/Editor/plugins/withTable.js +1 -1
  120. package/dist/Editor/theme/ThemeList.js +173 -50
  121. package/dist/Editor/utils/SlateUtilityFunctions.js +37 -161
  122. package/dist/Editor/utils/accordion.js +4 -14
  123. package/dist/Editor/utils/button.js +17 -1
  124. package/dist/Editor/utils/customHooks/useTableResize.js +9 -49
  125. package/dist/Editor/utils/draftToSlate.js +2 -3
  126. package/dist/Editor/utils/events.js +6 -50
  127. package/dist/Editor/utils/font.js +37 -40
  128. package/dist/Editor/utils/formfield.js +0 -1
  129. package/dist/Editor/utils/helper.js +26 -210
  130. package/dist/Editor/utils/insertAppHeader.js +1 -1
  131. package/dist/Editor/utils/signature.js +9 -2
  132. package/package.json +4 -4
  133. package/dist/Editor/Elements/FreeGrid/helper.js +0 -115
  134. package/dist/Editor/Toolbar/PopupTool/ThemeTextFormat.js +0 -439
  135. package/dist/Editor/assets/svg/BackIcon.js +0 -18
  136. package/dist/Editor/assets/svg/ThemeIcons.js +0 -293
  137. package/dist/Editor/common/Checkbox/index.js +0 -46
  138. package/dist/Editor/common/Checkbox/styles.js +0 -45
  139. package/dist/Editor/common/CustomColorPicker/index.js +0 -130
  140. package/dist/Editor/common/CustomColorPicker/style.js +0 -53
  141. package/dist/Editor/common/CustomDialog2/index.js +0 -94
  142. package/dist/Editor/common/CustomDialog2/style.js +0 -67
  143. package/dist/Editor/common/CustomSelect.js +0 -43
  144. package/dist/Editor/common/RadioGroup/index.js +0 -48
  145. package/dist/Editor/common/RadioGroup/styles.js +0 -29
  146. package/dist/Editor/common/RnD/Theme/MainThemeProvider.js +0 -17
  147. package/dist/Editor/common/StyleBuilder/fieldTypes/embedUpload.js +0 -115
  148. package/dist/Editor/helper/textIndeces.js +0 -58
  149. package/dist/Editor/hooks/useEditorTheme.js +0 -153
  150. package/dist/Editor/hooks/useThemeValues.js +0 -63
  151. package/dist/Editor/theme/index.js +0 -149
  152. package/dist/Editor/themeSettings/ActiveTheme.js +0 -82
  153. package/dist/Editor/themeSettings/buttons/index.js +0 -300
  154. package/dist/Editor/themeSettings/buttons/style.js +0 -23
  155. package/dist/Editor/themeSettings/colorTheme/index.js +0 -310
  156. package/dist/Editor/themeSettings/colorTheme/style.js +0 -81
  157. package/dist/Editor/themeSettings/fonts/PreviewElement.js +0 -121
  158. package/dist/Editor/themeSettings/fonts/index.js +0 -240
  159. package/dist/Editor/themeSettings/fonts/style.js +0 -62
  160. package/dist/Editor/themeSettings/icons.js +0 -60
  161. package/dist/Editor/themeSettings/index.js +0 -380
  162. package/dist/Editor/themeSettings/style.js +0 -299
  163. package/dist/Editor/themeSettingsAI/icons.js +0 -96
  164. package/dist/Editor/themeSettingsAI/index.js +0 -355
  165. package/dist/Editor/themeSettingsAI/saveTheme.js +0 -202
  166. package/dist/Editor/themeSettingsAI/style.js +0 -332
  167. package/dist/Editor/utils/updateFormName.js +0 -22
@@ -12,7 +12,7 @@ import GuideLines from "./GuideLines";
12
12
  import ShadowElement from "./ShadowElement";
13
13
  import BoundaryLine from "./GuideLines/BoundaryLine";
14
14
  import ContextMenu from "./ContextMenu";
15
- // import VirtualElement from "./VirtualElement";
15
+ import VirtualElement from "./VirtualElement";
16
16
  import { ItemTypes } from "./ElementSettings/settingsConstants";
17
17
  import { selectText } from "../../utils/helper";
18
18
  import { removeSign } from "./ElementSettings/OtherSettings";
@@ -20,7 +20,7 @@ import useDragging from "../../hooks/useDragging";
20
20
  import { dragOverOn } from "../../helper/RnD/focusNode";
21
21
  import { focusSelection, clearSelection, clearSelectionOnly } from "../../helper";
22
22
  // import { reRenderChildNodes } from "./Utils/gridDropItem";
23
- import VirtualTextElement, { updateTextHeight } from "./VirtualElement/VirtualTextElement";
23
+ import VirtualTextElement from "./VirtualElement/VirtualTextElement";
24
24
  import useAutoScroll from "../../hooks/useAutoScroll";
25
25
  import ForceAutoAlignment from "./VirtualElement/ForceAutoAlignment";
26
26
  import BoxHeaderAutoAlignment from "./VirtualElement/BoxHeaderAutoAlignment";
@@ -29,18 +29,6 @@ import { useFreeGrid } from "../../Elements/FreeGrid/FreeGrid";
29
29
  import { jsx as _jsx } from "react/jsx-runtime";
30
30
  import { jsxs as _jsxs } from "react/jsx-runtime";
31
31
  import { Fragment as _Fragment } from "react/jsx-runtime";
32
- function getTextElementHeight(textElement) {
33
- let totalHeight = 0;
34
- if (textElement) {
35
- textElement.childNodes.forEach(node => {
36
- if (node.textContent.trim()) {
37
- const el = node;
38
- totalHeight += el.offsetHeight || el.getBoundingClientRect().height;
39
- }
40
- });
41
- }
42
- return totalHeight;
43
- }
44
32
  const ITEM_TYPES = ["child", "parent-container"];
45
33
  const EDIT_MODES = ["text", "form", "table"];
46
34
  const DISABLE_RESIZING = {
@@ -89,8 +77,7 @@ const RnD = props => {
89
77
  autoAlign,
90
78
  setAutoAlign,
91
79
  isBoxHeader,
92
- customProps,
93
- xsHidden
80
+ customProps
94
81
  } = props;
95
82
  const {
96
83
  isSelectedElement,
@@ -140,11 +127,10 @@ const RnD = props => {
140
127
  isInteracting,
141
128
  handleStart,
142
129
  handleStop
143
- } = useFreeGrid();
130
+ } = useFreeGrid() || {};
144
131
  const {
145
132
  translation
146
133
  } = customProps;
147
- const timerId = useRef(0);
148
134
  useEffect(() => {
149
135
  if (ITEM_TYPES.includes(type)) {
150
136
  if (enable === 1) {
@@ -154,24 +140,6 @@ const RnD = props => {
154
140
  setAbsPosition({});
155
141
  }
156
142
  }
157
- const currElement = getCurrentEle();
158
- const textElement = currElement?.querySelector(".fgi_type_text");
159
- if (breakpoint && textElement && childType === "text" && !enable) {
160
- timerId.current = setTimeout(() => {
161
- // const { clientHeight } = textElement;
162
- const clientHeight = getTextElementHeight(textElement);
163
- const {
164
- height
165
- } = delta || {};
166
- const heightDiff = Math.abs(clientHeight - height);
167
- if (clientHeight && height && heightDiff >= 5) {
168
- updateTextHeight(editor, path, clientHeight, breakpoint);
169
- const parentSectionPath = path.slice(0, 2);
170
- reRenderChildNodes(editor, parentSectionPath);
171
- }
172
- }, 200);
173
- }
174
- return () => clearTimeout(timerId.current);
175
143
  }, [enable]);
176
144
  const getCurrentEle = () => {
177
145
  return positionRef.current?.resizableElement?.current;
@@ -531,9 +499,7 @@ const RnD = props => {
531
499
  ref
532
500
  }, ".freegrid-container-parent");
533
501
  const formatParentPath = parentPath?.split("|")?.map(m => parseInt(m));
534
- if (formatParentPath) {
535
- reRenderChildNodes(editor, formatParentPath);
536
- }
502
+ reRenderChildNodes(editor, formatParentPath);
537
503
  };
538
504
  const onCloseSettings = () => {
539
505
  setSelectedElement({
@@ -666,34 +632,32 @@ const RnD = props => {
666
632
  "data-dragoverid": str_path,
667
633
  "data-dragovertype": type
668
634
  }) : null]
669
- }, eId), xsHidden && breakpoint === "xs" ? null : /*#__PURE__*/_jsxs(_Fragment, {
670
- children: [/*#__PURE__*/_jsx(ElementSettings, {
671
- open: Boolean(currentAction),
672
- currentAction: currentAction,
673
- anchorEl: rndRef?.current,
674
- placement: "right-start",
675
- onClose: onCloseSettings,
676
- childType: childType,
677
- editor: editor,
678
- path: sp,
679
- ...settingsProps,
680
- elementProps: elementProps,
681
- theme: theme
682
- }), !active && rndRef?.current && open && !isInteracting ? /*#__PURE__*/_jsx(ElementOptions, {
683
- id: `opt_ref_${str_path}`,
684
- open: open,
685
- anchorEl: rndRef?.current,
686
- enable: enable,
687
- handleAction: handleAction,
688
- actions: actions,
689
- actionsMap: actionsMap,
690
- optionsProps: optionsProps,
691
- selectedAction: currentAction,
692
- path: str_path,
693
- theme: theme,
694
- translation: translation,
695
- customProps: customProps
696
- }) : null]
635
+ }, eId), !active && rndRef?.current && open && !isInteracting ? /*#__PURE__*/_jsx(ElementOptions, {
636
+ id: `opt_ref_${str_path}`,
637
+ open: open,
638
+ anchorEl: rndRef?.current,
639
+ enable: enable,
640
+ handleAction: handleAction,
641
+ actions: actions,
642
+ actionsMap: actionsMap,
643
+ optionsProps: optionsProps,
644
+ selectedAction: currentAction,
645
+ path: str_path,
646
+ theme: theme,
647
+ translation: translation,
648
+ customProps: customProps
649
+ }) : null, /*#__PURE__*/_jsx(ElementSettings, {
650
+ open: Boolean(currentAction),
651
+ currentAction: currentAction,
652
+ anchorEl: rndRef?.current,
653
+ placement: "right-start",
654
+ onClose: onCloseSettings,
655
+ childType: childType,
656
+ editor: editor,
657
+ path: sp,
658
+ ...settingsProps,
659
+ elementProps: elementProps,
660
+ theme: theme
697
661
  }), dragInfoOpen ? /*#__PURE__*/_jsx(DragInfo, {
698
662
  anchorEl: rndRef?.current,
699
663
  open: dragInfoOpen,
@@ -717,7 +681,14 @@ const RnD = props => {
717
681
  handleClose: handleClose,
718
682
  theme: theme,
719
683
  translation: translation
720
- }), childType === "text" && breakpoint === "lg" && !readOnly && enable ? /*#__PURE__*/_jsx(VirtualTextElement, {
684
+ }), type === "parent" && breakpoint === "lg" && !readOnly ? /*#__PURE__*/_jsx(VirtualElement, {
685
+ updated_at: updated_at,
686
+ path: str_path,
687
+ editor: editor,
688
+ sectionElement: sectionElement,
689
+ sectionCls: `.freegrid-section_${path.join("_")}`,
690
+ dataSets: dataSets
691
+ }) : null, childType === "text" && breakpoint === "lg" && !readOnly && enable ? /*#__PURE__*/_jsx(VirtualTextElement, {
721
692
  editor: editor,
722
693
  dataSets: dataSets,
723
694
  getCurrentEle: getCurrentEle,
@@ -1,59 +1,22 @@
1
- import { Select as Core, MenuItem, Typography } from "@mui/material";
1
+ import { Select as Core } from "@mui/material";
2
2
  import SelectStyles from "./styles";
3
3
  import { useEditorContext } from "../../hooks/useMouseMove";
4
- import KeyboardArrowDownRoundedIcon from "@mui/icons-material/KeyboardArrowDownRounded";
4
+ import KeyboardArrowDownRoundedIcon from '@mui/icons-material/KeyboardArrowDownRounded';
5
5
  import { jsx as _jsx } from "react/jsx-runtime";
6
- import { Fragment as _Fragment } from "react/jsx-runtime";
7
- import { jsxs as _jsxs } from "react/jsx-runtime";
8
6
  function Select(props) {
9
7
  const {
10
8
  children,
11
- value,
12
- onChange,
13
- options,
14
- label,
15
- labelProps,
16
- showDefault,
17
- translation,
18
9
  ...rest
19
10
  } = props;
20
11
  const {
21
12
  theme
22
13
  } = useEditorContext();
23
14
  const classes = SelectStyles(theme);
24
- const menuOptions = showDefault ? [{
25
- label: "None",
26
- value: ""
27
- }, ...(options || [])] : options;
28
- return /*#__PURE__*/_jsxs(_Fragment, {
29
- children: [label ? /*#__PURE__*/_jsx(Typography, {
30
- variant: "body2",
31
- sx: {
32
- paddingBottom: "4px"
33
- },
34
- ...(labelProps || {}),
35
- children: label
36
- }) : null, /*#__PURE__*/_jsx(Core, {
37
- size: "small",
38
- fullWidth: true,
39
- defaultValue: "",
40
- value: value || "",
41
- onChange: onChange,
42
- sx: classes.select,
43
- MenuProps: classes.MenuProps,
44
- IconComponent: KeyboardArrowDownRoundedIcon,
45
- displayEmpty: true,
46
- ...rest,
47
- children: menuOptions?.map((option, i) => {
48
- return /*#__PURE__*/_jsx(MenuItem, {
49
- value: option.value,
50
- children: /*#__PURE__*/_jsx(Typography, {
51
- variant: "body2",
52
- children: translation(option.label)
53
- })
54
- }, i);
55
- })
56
- })]
15
+ return /*#__PURE__*/_jsx(Core, {
16
+ MenuProps: classes.MenuProps,
17
+ IconComponent: KeyboardArrowDownRoundedIcon,
18
+ ...rest,
19
+ children: children
57
20
  });
58
21
  }
59
22
  export default Select;
@@ -1,44 +1,16 @@
1
1
  const SelectStyles = (theme = {}) => {
2
2
  const {
3
3
  textColor,
4
- textWeightPopUpBackground,
5
- menuOptionSelectedOption
4
+ background
6
5
  } = theme?.palette?.editor || {};
7
6
  return {
8
7
  MenuProps: {
9
- sx: {
10
- zIndex: "1302 !important"
11
- },
12
8
  PaperProps: {
13
9
  sx: {
14
- background: textWeightPopUpBackground,
15
10
  color: textColor,
16
- borderRadius: "8px",
17
- marginTop: "2px",
18
- "& li": {
19
- padding: "6px 16px",
20
- margin: "5px !important",
21
- borderRadius: "4px !important"
22
- },
23
- "& .MuiList-root": {
24
- padding: "0px"
25
- },
26
- "& .MuiTypography-root": {
27
- fontSize: "12px !important",
28
- fontWeight: 500,
29
- fontFamily: "'Inter',sans-serif"
30
- },
31
- "& .Mui-selected": {
32
- background: menuOptionSelectedOption,
33
- color: textColor
34
- }
11
+ background
35
12
  }
36
13
  }
37
- },
38
- select: {
39
- "& .MuiSelect-icon": {
40
- color: "#64748B !important"
41
- }
42
14
  }
43
15
  };
44
16
  };
@@ -55,60 +55,6 @@ const ELEMENTS_LIST = [{
55
55
  icon: "headingThree"
56
56
  }),
57
57
  onInsert: editor => toggleBlock(editor, "headingThree", false)
58
- }, {
59
- name: "Heading 4",
60
- desc: "",
61
- group: "Text",
62
- type: "headingFour",
63
- icon: /*#__PURE__*/_jsx(Icon, {
64
- icon: "headingFour"
65
- }),
66
- onInsert: editor => toggleBlock(editor, "headingFour", false)
67
- }, {
68
- name: "Heading 5",
69
- desc: "",
70
- group: "Text",
71
- type: "headingFive",
72
- icon: /*#__PURE__*/_jsx(Icon, {
73
- icon: "headingFive"
74
- }),
75
- onInsert: editor => toggleBlock(editor, "headingFive", false)
76
- }, {
77
- name: "Heading 6",
78
- desc: "",
79
- group: "Text",
80
- type: "headingSix",
81
- icon: /*#__PURE__*/_jsx(Icon, {
82
- icon: "headingSix"
83
- }),
84
- onInsert: editor => toggleBlock(editor, "headingSix", false)
85
- }, {
86
- name: "Paragraph 1",
87
- desc: "",
88
- group: "Text",
89
- type: "paragraphOne",
90
- icon: /*#__PURE__*/_jsx(Icon, {
91
- icon: "paragraphOne"
92
- }),
93
- onInsert: editor => toggleBlock(editor, "paragraphOne", false)
94
- }, {
95
- name: "Paragraph 2",
96
- desc: "",
97
- group: "Text",
98
- type: "paragraphTwo",
99
- icon: /*#__PURE__*/_jsx(Icon, {
100
- icon: "paragraphTwo"
101
- }),
102
- onInsert: editor => toggleBlock(editor, "paragraphTwo", false)
103
- }, {
104
- name: "Paragraph 3",
105
- desc: "",
106
- group: "Text",
107
- type: "paragraphThree",
108
- icon: /*#__PURE__*/_jsx(Icon, {
109
- icon: "paragraphThree"
110
- }),
111
- onInsert: editor => toggleBlock(editor, "paragraphThree", false)
112
58
  }, {
113
59
  name: "Quote",
114
60
  desc: "",
@@ -8,11 +8,11 @@ const accordionTitleBtnStyle = [{
8
8
  needPreview: true,
9
9
  hideGradient: true
10
10
  }, {
11
- label: "Background Color",
11
+ label: "Accordion Background Color",
12
12
  key: "accordionBgColor",
13
13
  type: "color"
14
14
  }, {
15
- label: "Border Color",
15
+ label: "Accordion Border Color",
16
16
  key: "accordionBorderColor",
17
17
  type: "color"
18
18
  }]
@@ -6,18 +6,15 @@ const accordionTitleStyle = [{
6
6
  key: "textColor",
7
7
  type: "color",
8
8
  needPreview: true
9
- }
10
- // {
11
- // label: "Background Color",
12
- // key: "bgColor",
13
- // type: "color",
14
- // },
15
- // {
16
- // label: "Border Color",
17
- // key: "borderColor",
18
- // type: "color",
19
- // },
20
- ]
9
+ }, {
10
+ label: "Background Color",
11
+ key: "bgColor",
12
+ type: "color"
13
+ }, {
14
+ label: "Border Color",
15
+ key: "borderColor",
16
+ type: "color"
17
+ }]
21
18
  }, {
22
19
  tab: "Banner Spacing",
23
20
  value: "bannerSpacing",
@@ -21,8 +21,7 @@ const buttonStyle = [{
21
21
  },
22
22
  children: option.text
23
23
  });
24
- },
25
- themeEnabled: true
24
+ }
26
25
  }, {
27
26
  label: "Font Size",
28
27
  key: "textSize",
@@ -46,8 +45,7 @@ const buttonStyle = [{
46
45
  }, {
47
46
  label: "Button Color",
48
47
  key: "bgColor",
49
- type: "color",
50
- themeEnabled: true
48
+ type: "color"
51
49
  }, {
52
50
  label: "Border Color",
53
51
  key: "borderColor",
@@ -6,10 +6,6 @@ const embedVideoStyle = [{
6
6
  label: "URL",
7
7
  key: "url",
8
8
  type: "text"
9
- }, {
10
- label: "File",
11
- key: "url",
12
- type: "embedUpload"
13
9
  }]
14
10
  }, {
15
11
  tab: "Aspect Ratio",
@@ -76,11 +76,6 @@ const BackgroundImage = props => {
76
76
  children: translation("REMOVE")
77
77
  }) : /*#__PURE__*/_jsx(Grid, {
78
78
  className: "uploadImageText",
79
- sx: {
80
- padding: 0,
81
- background: `${theme?.palette?.editor?.inputFieldBgColor}`,
82
- border: `1px solid ${theme?.palette?.editor?.inputFieldBorder}`
83
- },
84
79
  children: /*#__PURE__*/_jsxs(Button, {
85
80
  component: "label",
86
81
  variant: "text",
@@ -3,13 +3,13 @@ import { Checkbox, FormControlLabel, Grid, Slider, Typography, Box, IconButton }
3
3
  import { squreStyle } from "./radiusStyle";
4
4
  import { getBreakPointsValue } from "../../../helper/theme";
5
5
  import useWindowResize from "../../../hooks/useWindowResize";
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 BANNER_SPACING_KEYS = ["top", "left", "right", "bottom"];
11
10
  const BannerSpacing = props => {
12
11
  const {
12
+ value: val,
13
13
  data,
14
14
  onChange,
15
15
  elementProps,
@@ -23,17 +23,7 @@ const BannerSpacing = props => {
23
23
  key
24
24
  } = data;
25
25
  const lockKeyVal = `lock${key}`;
26
- const {
27
- selectedTheme
28
- } = useEditorTheme();
29
- const {
30
- bannerSpacing,
31
- lockbannerSpacing
32
- } = selectedTheme?.elementProps?.button || {};
33
- const isUserValue = Object.keys(props?.value || {})?.length;
34
- const isUserLockedSpacing = typeof elementProps[lockKeyVal] === "boolean";
35
- const val = isUserValue ? props?.value : bannerSpacing;
36
- let lockSpacing = isUserLockedSpacing ? elementProps[lockKeyVal] : lockbannerSpacing;
26
+ let lockSpacing = elementProps[lockKeyVal];
37
27
  if (lockSpacing === undefined) {
38
28
  lockSpacing = true;
39
29
  }
@@ -3,13 +3,13 @@ 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,
@@ -19,24 +19,16 @@ const BorderRadius = props => {
19
19
  const {
20
20
  translation
21
21
  } = customProps;
22
+ let {
23
+ lockRadius
24
+ } = elementProps;
25
+ if (lockRadius === undefined) {
26
+ lockRadius = true;
27
+ }
22
28
  const {
23
29
  key
24
30
  } = data;
25
31
  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
32
  const value = getBreakPointsValue(val, size?.device);
41
33
  const handleChange = e => {
42
34
  let changeAll = {};
@@ -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";
@@ -16,17 +15,14 @@ const RenderCard = ({
16
15
  }) => {
17
16
  return /*#__PURE__*/_jsx(Card, {
18
17
  sx: {
19
- position: "relative",
20
- padding: "10px",
21
- "& .MuiCheckbox-root svg": {
22
- fill: "unset !important"
23
- }
18
+ position: 'relative',
19
+ padding: "10px"
24
20
  },
25
21
  children: /*#__PURE__*/_jsx(FormControlLabel, {
26
22
  control: /*#__PURE__*/_jsx(Checkbox, {
27
23
  sx: {
28
24
  padding: 0,
29
- marginTop: "3px"
25
+ marginTop: '3px'
30
26
  },
31
27
  onChange: handleChange,
32
28
  checked: value,
@@ -62,10 +58,10 @@ const RenderCard = ({
62
58
  })
63
59
  }),
64
60
  sx: {
65
- width: "100%",
66
- display: "flex",
67
- justifyContent: "space-between",
68
- alignItems: "flex-start",
61
+ width: '100%',
62
+ display: 'flex',
63
+ justifyContent: 'space-between',
64
+ alignItems: 'flex-start',
69
65
  margin: 0
70
66
  },
71
67
  labelPlacement: "start"
@@ -87,9 +83,6 @@ const CardsMapping = props => {
87
83
  selectedCard,
88
84
  infoIcon
89
85
  } = data;
90
- const {
91
- theme
92
- } = useEditorContext();
93
86
  const {
94
87
  translation
95
88
  } = customProps;
@@ -111,8 +104,7 @@ const CardsMapping = props => {
111
104
  sx: {
112
105
  marginBottom: "12px",
113
106
  "& .MuiPaper-root": {
114
- background: theme?.palette?.editor?.miniToolBarBackground,
115
- border: activeCard ? "1px solid #2563EB" : `1px solid ${theme?.palette?.editor?.inputFieldBorder}`,
107
+ border: activeCard ? "1px solid #2563EB" : "1px solid #C8D8FA",
116
108
  borderRadius: "8px",
117
109
  boxShadow: activeCard ? "0px 4px 16px 0px #2563EB40" : "unset"
118
110
  }
@@ -1,23 +1,14 @@
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
11
  classes,
19
- elementProps,
20
- handleClose,
21
12
  customProps
22
13
  } = props;
23
14
  const {
@@ -29,22 +20,7 @@ const Color = props => {
29
20
  translation
30
21
  } = customProps;
31
22
  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);
23
+ const getLable = label === 'Text' ? translation("selectTextColor") : label === 'Background' ? translation("selectBgColor") : translation(label);
48
24
  useEffect(() => {
49
25
  const storedColors = JSON.parse(localStorage.getItem("recentColors"));
50
26
  if (storedColors) {
@@ -82,11 +58,11 @@ const Color = props => {
82
58
  fontSize: "14px",
83
59
  fontWeight: 500,
84
60
  marginBottom: "5px",
85
- display: "flex",
86
- alignItems: "center",
87
- "& svg": {
88
- width: "20px",
89
- height: "20px"
61
+ display: 'flex',
62
+ alignItems: 'center',
63
+ '& svg': {
64
+ width: '20px',
65
+ height: '20px'
90
66
  }
91
67
  },
92
68
  children: [translation(label), data?.infoIcon ? /*#__PURE__*/_jsx(Tooltip, {
@@ -94,14 +70,14 @@ const Color = props => {
94
70
  title: translation("noteText"),
95
71
  children: /*#__PURE__*/_jsx("span", {
96
72
  style: {
97
- display: "inline-block"
73
+ display: 'inline-block'
98
74
  },
99
75
  children: data?.infoIcon
100
76
  })
101
77
  }) : null]
102
78
  }), /*#__PURE__*/_jsx(TextField, {
103
79
  fullWidth: true,
104
- value: inputValue,
80
+ value: value,
105
81
  placeholder: getLable || `${label} ${translation("color code")}`,
106
82
  InputLabelProps: {
107
83
  shrink: true
@@ -114,8 +90,6 @@ const Color = props => {
114
90
  value: value,
115
91
  onSave: onSave,
116
92
  recentColors: recentColors[key],
117
- handleClose: handleClose,
118
- disableEditTheme: customProps?.disableEditTheme,
119
93
  hideGradient: hideGradient
120
94
  })
121
95
  })