@flozy/editor 10.3.8 → 10.4.0

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 (189) hide show
  1. package/dist/Editor/ChatEditor.js +16 -17
  2. package/dist/Editor/CommonEditor.js +18 -134
  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/MultiSelectType.js +8 -23
  17. package/dist/Editor/Elements/DataView/Layouts/Options/AddOptions.js +2 -5
  18. package/dist/Editor/Elements/DataView/Layouts/Options/EditOption.js +2 -3
  19. package/dist/Editor/Elements/DataView/Layouts/Options/index.js +0 -11
  20. package/dist/Editor/Elements/DataView/Layouts/ViewData.js +4 -8
  21. package/dist/Editor/Elements/Embed/Image.js +2 -3
  22. package/dist/Editor/Elements/Embed/Video.js +1 -1
  23. package/dist/Editor/Elements/EmbedScript/Code.js +2 -14
  24. package/dist/Editor/Elements/EmbedScript/EmbedScriptPopup.js +28 -57
  25. package/dist/Editor/Elements/Form/Form.js +171 -184
  26. package/dist/Editor/Elements/Form/FormElements/FormText.js +6 -23
  27. package/dist/Editor/Elements/Form/FormElements/FormTextArea.js +2 -2
  28. package/dist/Editor/Elements/Form/FormField.js +6 -13
  29. package/dist/Editor/Elements/Form/Workflow/Styles.js +22 -24
  30. package/dist/Editor/Elements/FreeGrid/FreeGrid.js +32 -40
  31. package/dist/Editor/Elements/FreeGrid/FreeGridBox.js +4 -7
  32. package/dist/Editor/Elements/FreeGrid/FreeGridItem.js +0 -1
  33. package/dist/Editor/Elements/FreeGrid/Options/More.js +8 -8
  34. package/dist/Editor/Elements/FreeGrid/styles.js +7 -75
  35. package/dist/Editor/Elements/Grid/Grid.js +2 -14
  36. package/dist/Editor/Elements/Grid/GridItem.js +1 -1
  37. package/dist/Editor/Elements/List/CheckList.js +2 -3
  38. package/dist/Editor/Elements/Search/SearchAttachment.js +9 -40
  39. package/dist/Editor/Elements/Search/SearchButton.js +8 -9
  40. package/dist/Editor/Elements/Search/SearchList.js +7 -9
  41. package/dist/Editor/Elements/Signature/Signature.css +1 -2
  42. package/dist/Editor/Elements/Signature/SignatureOptions/DrawSignature.js +5 -18
  43. package/dist/Editor/Elements/Signature/SignatureOptions/UploadSignature.js +3 -16
  44. package/dist/Editor/Elements/SimpleText/index.js +1 -6
  45. package/dist/Editor/Elements/SimpleText/style.js +2 -2
  46. package/dist/Editor/Elements/Table/DragButton.js +1 -0
  47. package/dist/Editor/Elements/Table/Draggable.js +2 -6
  48. package/dist/Editor/Elements/Table/Styles.js +0 -7
  49. package/dist/Editor/Elements/Table/Table.js +3 -3
  50. package/dist/Editor/Elements/Table/TableCell.js +8 -31
  51. package/dist/Editor/Elements/Title/title.js +6 -6
  52. package/dist/Editor/Elements/Variables/VariableButton.js +1 -10
  53. package/dist/Editor/MiniEditor.js +1 -2
  54. package/dist/Editor/Styles/EditorStyles.js +5 -5
  55. package/dist/Editor/Toolbar/FormatTools/Dropdown.js +3 -27
  56. package/dist/Editor/Toolbar/FormatTools/FontFamilyAutocomplete.js +3 -4
  57. package/dist/Editor/Toolbar/FormatTools/MarkButton.js +2 -2
  58. package/dist/Editor/Toolbar/FormatTools/TextSize.js +13 -10
  59. package/dist/Editor/Toolbar/Mini/MiniToolbar.js +1 -2
  60. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/MiniColorPicker.js +2 -4
  61. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectFontSize.js +13 -6
  62. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectTypography.js +42 -167
  63. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/index.js +4 -7
  64. package/dist/Editor/Toolbar/PopupTool/PopperHeader.js +1 -2
  65. package/dist/Editor/Toolbar/PopupTool/PopupToolStyle.js +12 -72
  66. package/dist/Editor/Toolbar/PopupTool/TextFormat.js +27 -100
  67. package/dist/Editor/Toolbar/PopupTool/index.js +1 -1
  68. package/dist/Editor/Toolbar/toolbarGroups.js +6 -48
  69. package/dist/Editor/assets/svg/SettingsIcon.js +0 -1
  70. package/dist/Editor/common/ColorPickerButton.js +16 -41
  71. package/dist/Editor/common/DnD/DragHandleButton.js +1 -1
  72. package/dist/Editor/common/FontLoader/FontLoader.js +0 -3
  73. package/dist/Editor/common/Icon.js +1 -31
  74. package/dist/Editor/common/ImageSelector/ImageSelector.js +2 -2
  75. package/dist/Editor/common/ImageSelector/Styles.js +9 -3
  76. package/dist/Editor/common/LinkSettings/NavComponents.js +56 -61
  77. package/dist/Editor/common/LinkSettings/index.js +81 -82
  78. package/dist/Editor/common/LinkSettings/navOptions.js +2 -2
  79. package/dist/Editor/common/LinkSettings/style.js +74 -209
  80. package/dist/Editor/common/RnD/ElementOptions/Actions.js +15 -13
  81. package/dist/Editor/common/RnD/ElementOptions/Icons/LinkIcon.js +0 -1
  82. package/dist/Editor/common/RnD/ElementOptions/index.js +2 -2
  83. package/dist/Editor/common/RnD/ElementOptions/styles.js +1 -28
  84. package/dist/Editor/common/RnD/ElementSettings/OtherSettings/Settings.js +5 -6
  85. package/dist/Editor/common/RnD/ElementSettings/OtherSettings/Signature.js +3 -4
  86. package/dist/Editor/common/RnD/ElementSettings/Settings/AppHeaderSettings.js +2 -3
  87. package/dist/Editor/common/RnD/ElementSettings/Settings/BoxSettings.js +2 -3
  88. package/dist/Editor/common/RnD/ElementSettings/Settings/ButtonSettings.js +2 -3
  89. package/dist/Editor/common/RnD/ElementSettings/Settings/CodeSettings.js +2 -3
  90. package/dist/Editor/common/RnD/ElementSettings/Settings/FormSettings.js +2 -4
  91. package/dist/Editor/common/RnD/ElementSettings/Settings/ImageSettings.js +2 -3
  92. package/dist/Editor/common/RnD/ElementSettings/Settings/TableSettings.js +2 -3
  93. package/dist/Editor/common/RnD/ElementSettings/Settings/TextSettings.js +1 -3
  94. package/dist/Editor/common/RnD/ElementSettings/Settings/VideoSettings.js +2 -3
  95. package/dist/Editor/common/RnD/ElementSettings/styles.js +12 -146
  96. package/dist/Editor/common/RnD/OptionsPopup/index.js +5 -8
  97. package/dist/Editor/common/RnD/OptionsPopup/style.js +19 -120
  98. package/dist/Editor/common/RnD/SwitchViewport/SwitchViewport.js +5 -8
  99. package/dist/Editor/common/RnD/Theme/ViewportStimulator.js +3 -6
  100. package/dist/Editor/common/RnD/Utils/gridDropItem.js +19 -28
  101. package/dist/Editor/common/RnD/Utils/index.js +1 -3
  102. package/dist/Editor/common/RnD/VirtualElement/VirtualTextElement.js +58 -42
  103. package/dist/Editor/common/RnD/VirtualElement/helper.js +132 -323
  104. package/dist/Editor/common/RnD/VirtualElement/styles.js +0 -16
  105. package/dist/Editor/common/RnD/index.js +39 -68
  106. package/dist/Editor/common/Select/index.js +5 -44
  107. package/dist/Editor/common/Select/styles.js +2 -30
  108. package/dist/Editor/common/Shorthands/elements.js +11 -65
  109. package/dist/Editor/common/StyleBuilder/accordionTitleBtnStyle.js +2 -2
  110. package/dist/Editor/common/StyleBuilder/accordionTitleStyle.js +9 -12
  111. package/dist/Editor/common/StyleBuilder/buttonStyle.js +2 -4
  112. package/dist/Editor/common/StyleBuilder/embedVideoStyle.js +0 -4
  113. package/dist/Editor/common/StyleBuilder/fieldTypes/backgroundImage.js +0 -5
  114. package/dist/Editor/common/StyleBuilder/fieldTypes/bannerSpacing.js +2 -12
  115. package/dist/Editor/common/StyleBuilder/fieldTypes/borderRadius.js +7 -15
  116. package/dist/Editor/common/StyleBuilder/fieldTypes/card.js +8 -16
  117. package/dist/Editor/common/StyleBuilder/fieldTypes/color.js +10 -36
  118. package/dist/Editor/common/StyleBuilder/fieldTypes/fontSize.js +7 -16
  119. package/dist/Editor/common/StyleBuilder/fieldTypes/index.js +1 -3
  120. package/dist/Editor/common/StyleBuilder/fieldTypes/lineSpacing.js +6 -7
  121. package/dist/Editor/common/StyleBuilder/fieldTypes/menusArray.js +6 -13
  122. package/dist/Editor/common/StyleBuilder/fieldTypes/textOptions.js +7 -15
  123. package/dist/Editor/common/StyleBuilder/pageSettingsStyle.js +7 -5
  124. package/dist/Editor/common/SwipeableDrawer/style.js +12 -14
  125. package/dist/Editor/common/Uploader.js +0 -16
  126. package/dist/Editor/common/iconListV2.js +6 -177
  127. package/dist/Editor/common/iconslist.js +0 -24
  128. package/dist/Editor/commonStyle.js +62 -186
  129. package/dist/Editor/helper/index.js +1 -5
  130. package/dist/Editor/helper/theme.js +2 -203
  131. package/dist/Editor/hooks/useMouseMove.js +5 -8
  132. package/dist/Editor/hooks/useTable.js +4 -5
  133. package/dist/Editor/plugins/withEmbeds.js +1 -1
  134. package/dist/Editor/plugins/withHTML.js +1 -3
  135. package/dist/Editor/plugins/withTable.js +1 -1
  136. package/dist/Editor/theme/ThemeList.js +173 -50
  137. package/dist/Editor/utils/SlateUtilityFunctions.js +46 -172
  138. package/dist/Editor/utils/accordion.js +4 -14
  139. package/dist/Editor/utils/button.js +17 -1
  140. package/dist/Editor/utils/customHooks/useTableResize.js +9 -49
  141. package/dist/Editor/utils/draftToSlate.js +2 -3
  142. package/dist/Editor/utils/events.js +6 -50
  143. package/dist/Editor/utils/font.js +37 -40
  144. package/dist/Editor/utils/form.js +4 -4
  145. package/dist/Editor/utils/formfield.js +2 -9
  146. package/dist/Editor/utils/helper.js +26 -188
  147. package/dist/Editor/utils/insertAppHeader.js +1 -1
  148. package/dist/Editor/utils/signature.js +9 -2
  149. package/package.json +4 -4
  150. package/dist/Editor/Elements/DataView/Layouts/DataTypes/Components/MultiSelect.js +0 -454
  151. package/dist/Editor/Elements/EmbedScript/styles.js +0 -89
  152. package/dist/Editor/Elements/FreeGrid/helper.js +0 -115
  153. package/dist/Editor/Toolbar/PopupTool/ThemeTextFormat.js +0 -439
  154. package/dist/Editor/assets/svg/BackIcon.js +0 -18
  155. package/dist/Editor/assets/svg/ClearAllRounded.js +0 -31
  156. package/dist/Editor/assets/svg/ResetIconNew.js +0 -23
  157. package/dist/Editor/assets/svg/ThemeIcons.js +0 -293
  158. package/dist/Editor/common/Checkbox/index.js +0 -46
  159. package/dist/Editor/common/Checkbox/styles.js +0 -45
  160. package/dist/Editor/common/CustomColorPicker/index.js +0 -130
  161. package/dist/Editor/common/CustomColorPicker/style.js +0 -53
  162. package/dist/Editor/common/CustomDialog2/index.js +0 -94
  163. package/dist/Editor/common/CustomDialog2/style.js +0 -67
  164. package/dist/Editor/common/CustomSelect.js +0 -43
  165. package/dist/Editor/common/RadioGroup/index.js +0 -48
  166. package/dist/Editor/common/RadioGroup/styles.js +0 -29
  167. package/dist/Editor/common/RnD/Theme/MainThemeProvider.js +0 -17
  168. package/dist/Editor/common/SnackBar/index.js +0 -43
  169. package/dist/Editor/common/StyleBuilder/fieldTypes/embedUpload.js +0 -115
  170. package/dist/Editor/helper/textIndeces.js +0 -58
  171. package/dist/Editor/hooks/useEditorTheme.js +0 -153
  172. package/dist/Editor/hooks/useThemeValues.js +0 -63
  173. package/dist/Editor/theme/index.js +0 -149
  174. package/dist/Editor/themeSettings/ActiveTheme.js +0 -82
  175. package/dist/Editor/themeSettings/buttons/index.js +0 -300
  176. package/dist/Editor/themeSettings/buttons/style.js +0 -23
  177. package/dist/Editor/themeSettings/colorTheme/index.js +0 -310
  178. package/dist/Editor/themeSettings/colorTheme/style.js +0 -81
  179. package/dist/Editor/themeSettings/fonts/PreviewElement.js +0 -121
  180. package/dist/Editor/themeSettings/fonts/index.js +0 -240
  181. package/dist/Editor/themeSettings/fonts/style.js +0 -62
  182. package/dist/Editor/themeSettings/icons.js +0 -60
  183. package/dist/Editor/themeSettings/index.js +0 -380
  184. package/dist/Editor/themeSettings/style.js +0 -299
  185. package/dist/Editor/themeSettingsAI/icons.js +0 -96
  186. package/dist/Editor/themeSettingsAI/index.js +0 -355
  187. package/dist/Editor/themeSettingsAI/saveTheme.js +0 -202
  188. package/dist/Editor/themeSettingsAI/style.js +0 -332
  189. 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,20 @@
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";
5
4
  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
5
  function Select(props) {
9
6
  const {
10
7
  children,
11
- value,
12
- onChange,
13
- options,
14
- label,
15
- labelProps,
16
- showDefault,
17
- translation,
18
8
  ...rest
19
9
  } = props;
20
10
  const {
21
11
  theme
22
12
  } = useEditorContext();
23
13
  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
- })]
14
+ return /*#__PURE__*/_jsx(Core, {
15
+ MenuProps: classes.MenuProps,
16
+ ...rest,
17
+ children: children
57
18
  });
58
19
  }
59
20
  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
  };
@@ -18,17 +18,6 @@ import SearchButton from "../../Elements/Search/SearchButton";
18
18
  import canOpen from "../../helper/canOpen";
19
19
  import { jsx as _jsx } from "react/jsx-runtime";
20
20
  const ELEMENTS_LIST = [{
21
- name: "Ask AI to write anything",
22
- group: "Infinity AI",
23
- desc: "",
24
- type: "infinityAI",
25
- icon: /*#__PURE__*/_jsx(Icon, {
26
- icon: "infinityIcon"
27
- }),
28
- onInsert: editor => {
29
- insertInfinityAI(editor);
30
- }
31
- }, {
32
21
  name: "Heading 1",
33
22
  desc: "",
34
23
  group: "Text",
@@ -55,60 +44,6 @@ const ELEMENTS_LIST = [{
55
44
  icon: "headingThree"
56
45
  }),
57
46
  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
47
  }, {
113
48
  name: "Quote",
114
49
  desc: "",
@@ -341,6 +276,17 @@ const ELEMENTS_LIST = [{
341
276
  onInsert: editor => {
342
277
  insertForm(editor);
343
278
  }
279
+ }, {
280
+ name: "Ask AI to write anything",
281
+ group: "Infinity AI",
282
+ desc: "",
283
+ type: "infinityAI",
284
+ icon: /*#__PURE__*/_jsx(Icon, {
285
+ icon: "infinityIcon"
286
+ }),
287
+ onInsert: editor => {
288
+ insertInfinityAI(editor);
289
+ }
344
290
  }, {
345
291
  name: "Dynamic Table",
346
292
  group: "Dynamic Table",
@@ -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
  }