@flozy/editor 10.2.5 → 10.2.6

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 (183) hide show
  1. package/dist/Editor/ChatEditor.js +17 -16
  2. package/dist/Editor/CommonEditor.js +131 -16
  3. package/dist/Editor/DialogWrapper.js +31 -25
  4. package/dist/Editor/Editor.css +46 -8
  5. package/dist/Editor/Elements/AI/PopoverAIInput.js +11 -3
  6. package/dist/Editor/Elements/Accordion/Accordion.js +30 -7
  7. package/dist/Editor/Elements/Accordion/AccordionSummary.js +1 -23
  8. package/dist/Editor/Elements/AppHeader/AppHeader.js +10 -5
  9. package/dist/Editor/Elements/Button/EditorButton.js +27 -9
  10. package/dist/Editor/Elements/Carousel/CarouselItem.js +2 -1
  11. package/dist/Editor/Elements/Color Picker/ColorButtons.js +61 -14
  12. package/dist/Editor/Elements/Color Picker/ColorPicker.css +25 -1
  13. package/dist/Editor/Elements/Color Picker/ColorPicker.js +10 -7
  14. package/dist/Editor/Elements/Color Picker/Styles.js +15 -13
  15. package/dist/Editor/Elements/DataView/Layouts/ColumnView.js +4 -2
  16. package/dist/Editor/Elements/DataView/Layouts/DataTypes/Components/MultiSelect.js +454 -0
  17. package/dist/Editor/Elements/DataView/Layouts/DataTypes/MultiSelectType.js +23 -8
  18. package/dist/Editor/Elements/DataView/Layouts/Options/AddOptions.js +5 -2
  19. package/dist/Editor/Elements/DataView/Layouts/Options/EditOption.js +3 -2
  20. package/dist/Editor/Elements/DataView/Layouts/Options/index.js +11 -0
  21. package/dist/Editor/Elements/DataView/Layouts/ViewData.js +8 -4
  22. package/dist/Editor/Elements/Embed/Image.js +3 -2
  23. package/dist/Editor/Elements/Embed/Video.js +1 -1
  24. package/dist/Editor/Elements/EmbedScript/Code.js +14 -2
  25. package/dist/Editor/Elements/EmbedScript/EmbedScriptPopup.js +57 -28
  26. package/dist/Editor/Elements/EmbedScript/styles.js +89 -0
  27. package/dist/Editor/Elements/Form/Form.js +181 -170
  28. package/dist/Editor/Elements/Form/FormElements/FormText.js +23 -6
  29. package/dist/Editor/Elements/Form/FormElements/FormTextArea.js +2 -2
  30. package/dist/Editor/Elements/Form/FormField.js +13 -6
  31. package/dist/Editor/Elements/Form/Workflow/Styles.js +24 -22
  32. package/dist/Editor/Elements/FreeGrid/FreeGrid.js +36 -31
  33. package/dist/Editor/Elements/FreeGrid/FreeGridBox.js +7 -4
  34. package/dist/Editor/Elements/FreeGrid/Options/More.js +8 -8
  35. package/dist/Editor/Elements/FreeGrid/helper.js +113 -0
  36. package/dist/Editor/Elements/FreeGrid/styles.js +75 -7
  37. package/dist/Editor/Elements/Grid/Grid.js +14 -2
  38. package/dist/Editor/Elements/Grid/GridItem.js +1 -1
  39. package/dist/Editor/Elements/List/CheckList.js +3 -2
  40. package/dist/Editor/Elements/Search/SearchAttachment.js +40 -9
  41. package/dist/Editor/Elements/Search/SearchButton.js +9 -8
  42. package/dist/Editor/Elements/Search/SearchList.js +9 -7
  43. package/dist/Editor/Elements/Signature/Signature.css +2 -1
  44. package/dist/Editor/Elements/Signature/SignatureOptions/DrawSignature.js +18 -5
  45. package/dist/Editor/Elements/Signature/SignatureOptions/UploadSignature.js +16 -3
  46. package/dist/Editor/Elements/SimpleText/index.js +6 -1
  47. package/dist/Editor/Elements/SimpleText/style.js +2 -2
  48. package/dist/Editor/Elements/Table/DragButton.js +0 -1
  49. package/dist/Editor/Elements/Table/Draggable.js +6 -2
  50. package/dist/Editor/Elements/Table/Styles.js +7 -0
  51. package/dist/Editor/Elements/Table/Table.js +3 -3
  52. package/dist/Editor/Elements/Table/TableCell.js +31 -8
  53. package/dist/Editor/Elements/Title/title.js +6 -6
  54. package/dist/Editor/Elements/Variables/VariableButton.js +10 -1
  55. package/dist/Editor/MiniEditor.js +2 -1
  56. package/dist/Editor/Styles/EditorStyles.js +5 -5
  57. package/dist/Editor/Toolbar/FormatTools/Dropdown.js +27 -3
  58. package/dist/Editor/Toolbar/FormatTools/FontFamilyAutocomplete.js +4 -3
  59. package/dist/Editor/Toolbar/FormatTools/MarkButton.js +2 -2
  60. package/dist/Editor/Toolbar/FormatTools/TextSize.js +10 -13
  61. package/dist/Editor/Toolbar/Mini/MiniToolbar.js +2 -1
  62. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/MiniColorPicker.js +4 -2
  63. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectFontSize.js +6 -13
  64. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectTypography.js +167 -42
  65. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/index.js +7 -4
  66. package/dist/Editor/Toolbar/PopupTool/PopperHeader.js +2 -1
  67. package/dist/Editor/Toolbar/PopupTool/PopupToolStyle.js +72 -12
  68. package/dist/Editor/Toolbar/PopupTool/TextFormat.js +100 -27
  69. package/dist/Editor/Toolbar/PopupTool/ThemeTextFormat.js +439 -0
  70. package/dist/Editor/Toolbar/PopupTool/index.js +1 -1
  71. package/dist/Editor/Toolbar/toolbarGroups.js +48 -6
  72. package/dist/Editor/assets/svg/BackIcon.js +18 -0
  73. package/dist/Editor/assets/svg/ClearAllRounded.js +31 -0
  74. package/dist/Editor/assets/svg/ResetIconNew.js +23 -0
  75. package/dist/Editor/assets/svg/SettingsIcon.js +1 -0
  76. package/dist/Editor/assets/svg/ThemeIcons.js +293 -0
  77. package/dist/Editor/common/Checkbox/index.js +46 -0
  78. package/dist/Editor/common/Checkbox/styles.js +45 -0
  79. package/dist/Editor/common/ColorPickerButton.js +41 -16
  80. package/dist/Editor/common/CustomColorPicker/index.js +130 -0
  81. package/dist/Editor/common/CustomColorPicker/style.js +53 -0
  82. package/dist/Editor/common/CustomDialog2/index.js +94 -0
  83. package/dist/Editor/common/CustomDialog2/style.js +67 -0
  84. package/dist/Editor/common/CustomSelect.js +43 -0
  85. package/dist/Editor/common/DnD/DragHandleButton.js +1 -1
  86. package/dist/Editor/common/FontLoader/FontLoader.js +3 -0
  87. package/dist/Editor/common/Icon.js +31 -1
  88. package/dist/Editor/common/ImageSelector/Styles.js +3 -9
  89. package/dist/Editor/common/LinkSettings/NavComponents.js +61 -55
  90. package/dist/Editor/common/LinkSettings/index.js +82 -79
  91. package/dist/Editor/common/LinkSettings/navOptions.js +2 -2
  92. package/dist/Editor/common/LinkSettings/style.js +209 -74
  93. package/dist/Editor/common/RadioGroup/index.js +48 -0
  94. package/dist/Editor/common/RadioGroup/styles.js +29 -0
  95. package/dist/Editor/common/RnD/ElementOptions/Actions.js +13 -15
  96. package/dist/Editor/common/RnD/ElementOptions/Icons/LinkIcon.js +1 -0
  97. package/dist/Editor/common/RnD/ElementOptions/index.js +2 -2
  98. package/dist/Editor/common/RnD/ElementOptions/styles.js +28 -1
  99. package/dist/Editor/common/RnD/ElementSettings/OtherSettings/Settings.js +6 -5
  100. package/dist/Editor/common/RnD/ElementSettings/OtherSettings/Signature.js +4 -3
  101. package/dist/Editor/common/RnD/ElementSettings/Settings/AppHeaderSettings.js +3 -2
  102. package/dist/Editor/common/RnD/ElementSettings/Settings/BoxSettings.js +3 -2
  103. package/dist/Editor/common/RnD/ElementSettings/Settings/ButtonSettings.js +3 -2
  104. package/dist/Editor/common/RnD/ElementSettings/Settings/CodeSettings.js +3 -2
  105. package/dist/Editor/common/RnD/ElementSettings/Settings/FormSettings.js +4 -2
  106. package/dist/Editor/common/RnD/ElementSettings/Settings/ImageSettings.js +3 -2
  107. package/dist/Editor/common/RnD/ElementSettings/Settings/TableSettings.js +3 -2
  108. package/dist/Editor/common/RnD/ElementSettings/Settings/TextSettings.js +3 -1
  109. package/dist/Editor/common/RnD/ElementSettings/Settings/VideoSettings.js +3 -2
  110. package/dist/Editor/common/RnD/ElementSettings/styles.js +146 -12
  111. package/dist/Editor/common/RnD/OptionsPopup/index.js +8 -5
  112. package/dist/Editor/common/RnD/OptionsPopup/style.js +120 -19
  113. package/dist/Editor/common/RnD/SwitchViewport/SwitchViewport.js +8 -5
  114. package/dist/Editor/common/RnD/Theme/MainThemeProvider.js +17 -0
  115. package/dist/Editor/common/RnD/Theme/ViewportStimulator.js +6 -3
  116. package/dist/Editor/common/RnD/Utils/gridDropItem.js +28 -19
  117. package/dist/Editor/common/RnD/Utils/index.js +3 -1
  118. package/dist/Editor/common/RnD/VirtualElement/VirtualTextElement.js +48 -54
  119. package/dist/Editor/common/RnD/VirtualElement/helper.js +143 -131
  120. package/dist/Editor/common/RnD/VirtualElement/styles.js +16 -0
  121. package/dist/Editor/common/RnD/index.js +6 -11
  122. package/dist/Editor/common/Select/index.js +44 -5
  123. package/dist/Editor/common/Select/styles.js +30 -2
  124. package/dist/Editor/common/Shorthands/elements.js +65 -11
  125. package/dist/Editor/common/SnackBar/index.js +43 -0
  126. package/dist/Editor/common/StyleBuilder/accordionTitleBtnStyle.js +2 -2
  127. package/dist/Editor/common/StyleBuilder/accordionTitleStyle.js +12 -9
  128. package/dist/Editor/common/StyleBuilder/buttonStyle.js +4 -2
  129. package/dist/Editor/common/StyleBuilder/fieldTypes/backgroundImage.js +5 -0
  130. package/dist/Editor/common/StyleBuilder/fieldTypes/bannerSpacing.js +12 -2
  131. package/dist/Editor/common/StyleBuilder/fieldTypes/borderRadius.js +15 -7
  132. package/dist/Editor/common/StyleBuilder/fieldTypes/card.js +16 -8
  133. package/dist/Editor/common/StyleBuilder/fieldTypes/color.js +36 -10
  134. package/dist/Editor/common/StyleBuilder/fieldTypes/fontSize.js +16 -7
  135. package/dist/Editor/common/StyleBuilder/fieldTypes/lineSpacing.js +7 -6
  136. package/dist/Editor/common/StyleBuilder/fieldTypes/menusArray.js +13 -6
  137. package/dist/Editor/common/StyleBuilder/fieldTypes/textOptions.js +15 -7
  138. package/dist/Editor/common/StyleBuilder/pageSettingsStyle.js +5 -7
  139. package/dist/Editor/common/SwipeableDrawer/style.js +14 -12
  140. package/dist/Editor/common/Uploader.js +8 -0
  141. package/dist/Editor/common/iconListV2.js +177 -6
  142. package/dist/Editor/common/iconslist.js +24 -0
  143. package/dist/Editor/commonStyle.js +186 -62
  144. package/dist/Editor/helper/index.js +4 -0
  145. package/dist/Editor/helper/textIndeces.js +58 -0
  146. package/dist/Editor/helper/theme.js +203 -2
  147. package/dist/Editor/hooks/useEditorTheme.js +153 -0
  148. package/dist/Editor/hooks/useMouseMove.js +8 -5
  149. package/dist/Editor/hooks/useTable.js +5 -4
  150. package/dist/Editor/hooks/useThemeValues.js +63 -0
  151. package/dist/Editor/plugins/withEmbeds.js +1 -1
  152. package/dist/Editor/plugins/withHTML.js +3 -1
  153. package/dist/Editor/plugins/withTable.js +1 -1
  154. package/dist/Editor/theme/ThemeList.js +50 -173
  155. package/dist/Editor/theme/index.js +149 -0
  156. package/dist/Editor/themeSettings/ActiveTheme.js +82 -0
  157. package/dist/Editor/themeSettings/buttons/index.js +300 -0
  158. package/dist/Editor/themeSettings/buttons/style.js +23 -0
  159. package/dist/Editor/themeSettings/colorTheme/index.js +310 -0
  160. package/dist/Editor/themeSettings/colorTheme/style.js +81 -0
  161. package/dist/Editor/themeSettings/fonts/PreviewElement.js +121 -0
  162. package/dist/Editor/themeSettings/fonts/index.js +240 -0
  163. package/dist/Editor/themeSettings/fonts/style.js +62 -0
  164. package/dist/Editor/themeSettings/icons.js +60 -0
  165. package/dist/Editor/themeSettings/index.js +369 -0
  166. package/dist/Editor/themeSettings/style.js +299 -0
  167. package/dist/Editor/themeSettingsAI/icons.js +96 -0
  168. package/dist/Editor/themeSettingsAI/index.js +355 -0
  169. package/dist/Editor/themeSettingsAI/saveTheme.js +202 -0
  170. package/dist/Editor/themeSettingsAI/style.js +332 -0
  171. package/dist/Editor/utils/SlateUtilityFunctions.js +169 -45
  172. package/dist/Editor/utils/accordion.js +14 -4
  173. package/dist/Editor/utils/button.js +1 -17
  174. package/dist/Editor/utils/customHooks/useTableResize.js +49 -9
  175. package/dist/Editor/utils/draftToSlate.js +3 -2
  176. package/dist/Editor/utils/events.js +50 -6
  177. package/dist/Editor/utils/font.js +40 -37
  178. package/dist/Editor/utils/form.js +4 -4
  179. package/dist/Editor/utils/formfield.js +8 -2
  180. package/dist/Editor/utils/helper.js +134 -26
  181. package/dist/Editor/utils/insertAppHeader.js +1 -1
  182. package/dist/Editor/utils/signature.js +2 -9
  183. package/package.json +4 -4
@@ -8,6 +8,7 @@ const LinkIcon = () => {
8
8
  height: "18",
9
9
  viewBox: "0 0 18 18",
10
10
  fill: "none",
11
+ className: "settingsIcon",
11
12
  children: [/*#__PURE__*/_jsx("path", {
12
13
  d: "M10.1582 7.84185C9.54389 7.22778 8.71084 6.88281 7.84222 6.88281C6.97361 6.88281 6.14055 7.22778 5.52622 7.84185L3.20947 10.1578C2.59513 10.7722 2.25 11.6054 2.25 12.4742C2.25 13.343 2.59513 14.1763 3.20947 14.7906C3.82381 15.4049 4.65704 15.7501 5.52585 15.7501C6.39466 15.7501 7.22788 15.4049 7.84222 14.7906L9.00022 13.6326",
13
14
  stroke: "#000000",
@@ -65,7 +65,7 @@ const ElementOptions = props => {
65
65
  arrow: true,
66
66
  children: /*#__PURE__*/_jsx(Button, {
67
67
  onClick: handleOptionClick(type),
68
- className: enable === type || selectedAction === type ? "active" : "",
68
+ className: `${enable === type || selectedAction === type || Actions[action]?.type === menu?.type ? "active" : ""} elementOption`,
69
69
  children: Icon ? /*#__PURE__*/_jsx(Icon, {}) : title
70
70
  })
71
71
  }, `actions_fgele_${type}_${index}`) : null;
@@ -83,7 +83,7 @@ const ElementOptions = props => {
83
83
  contentEditable: false,
84
84
  disablePortal: false,
85
85
  children: /*#__PURE__*/_jsx(Paper, {
86
- className: "papper-root",
86
+ className: "papper-root popUpOptions",
87
87
  children: actions.map(renderAction)
88
88
  })
89
89
  }), open && MenuComp ? /*#__PURE__*/_jsx(OptionsPopup, {
@@ -38,7 +38,7 @@ const useElementOptionsStyle = ({
38
38
  color: "#2563EB",
39
39
  background: theme?.palette?.editor?.background,
40
40
  border: "1px solid #2563EB",
41
- boxShadow: "1px 1px 3px #2563EB",
41
+ boxShadow: theme?.palette?.type === "light" && "1px 1px 3px #2563EB",
42
42
  "& .strokePath": {
43
43
  stroke: "#2563EB"
44
44
  }
@@ -48,6 +48,33 @@ const useElementOptionsStyle = ({
48
48
  fill: theme?.palette?.editor?.textColor
49
49
  }
50
50
  }
51
+ },
52
+ "& .popUpOptions": {
53
+ "& .elementOption": {
54
+ background: theme?.palette?.editor?.signatureFontBtnBg,
55
+ border: `1px solid ${theme?.palette?.editor?.buttonBorder1} !important`,
56
+ height: "28px",
57
+ width: "28px",
58
+ "& svg": {
59
+ color: theme?.palette?.editor?.closeButtonSvgStroke,
60
+ width: "20px",
61
+ height: "20px"
62
+ },
63
+ "& .addIconCircle path, & .settingsIcon path, & .commonSvgStyle path": {
64
+ stroke: theme?.palette?.editor?.closeButtonSvgStroke
65
+ }
66
+ },
67
+ "& .active": {
68
+ border: "1px solid #2563EB",
69
+ "& svg": {
70
+ color: "#2563EB"
71
+ },
72
+ "& .settingsIcon": {
73
+ "& path": {
74
+ stroke: "#2563EB"
75
+ }
76
+ }
77
+ }
51
78
  }
52
79
  }
53
80
  });
@@ -1,6 +1,6 @@
1
1
  import React from "react";
2
2
  import { Paper, Popper, Tooltip, Typography, Box, Divider, IconButton } from "@mui/material";
3
- import CloseIcon from "@mui/icons-material/Close";
3
+ import CloseRoundedIcon from "@mui/icons-material/CloseRounded";
4
4
  import { settingsLabel } from "../settingsConstants";
5
5
  import SettingsComponents from "../Settings";
6
6
  import { jsx as _jsx } from "react/jsx-runtime";
@@ -45,10 +45,10 @@ const Settings = props => {
45
45
  }
46
46
  }],
47
47
  children: /*#__PURE__*/_jsxs(Paper, {
48
- className: "papper-root",
48
+ className: "papper-root settingsPopUp",
49
49
  children: [/*#__PURE__*/_jsxs(Typography, {
50
50
  variant: "h6",
51
- className: "item-wrapper title",
51
+ className: "item-wrapper title popUpHeader",
52
52
  children: [translation(title), /*#__PURE__*/_jsx(Box, {
53
53
  component: "div",
54
54
  children: /*#__PURE__*/_jsx(Tooltip, {
@@ -57,7 +57,7 @@ const Settings = props => {
57
57
  children: /*#__PURE__*/_jsx(IconButton, {
58
58
  className: "closeBtn",
59
59
  onClick: onClose,
60
- children: /*#__PURE__*/_jsx(CloseIcon, {})
60
+ children: /*#__PURE__*/_jsx(CloseRoundedIcon, {})
61
61
  })
62
62
  })
63
63
  })]
@@ -68,7 +68,8 @@ const Settings = props => {
68
68
  editor: editor,
69
69
  path: path,
70
70
  customProps: customProps,
71
- theme: theme
71
+ theme: theme,
72
+ onClose: onClose
72
73
  }) : null
73
74
  })]
74
75
  })
@@ -13,7 +13,7 @@ const Signature = props => {
13
13
  const pPath = path?.split("|")?.map(m => parseInt(m));
14
14
  const element_path = [...pPath, 0];
15
15
  const onSave = (data = {}) => {
16
- onClear();
16
+ onClear(element_path);
17
17
  Transforms.insertNodes(editor, [{
18
18
  type: "sign",
19
19
  signature: null,
@@ -35,9 +35,10 @@ const Signature = props => {
35
35
  at: parentPath
36
36
  });
37
37
  };
38
- const onClear = () => {
38
+ const onClear = path => {
39
+ const parentPath = path || Path.parent(element_path);
39
40
  Transforms.removeNodes(editor, {
40
- at: element_path
41
+ at: parentPath
41
42
  });
42
43
  };
43
44
  return /*#__PURE__*/_jsx(_Fragment, {
@@ -8,7 +8,8 @@ const AppHeaderSettings = props => {
8
8
  const {
9
9
  editor,
10
10
  path,
11
- customProps
11
+ customProps,
12
+ onClose
12
13
  } = props;
13
14
  const item_path = path?.split("|").map(m => parseInt(m));
14
15
  const element_path = [...item_path, 0];
@@ -27,7 +28,7 @@ const AppHeaderSettings = props => {
27
28
  });
28
29
  };
29
30
  const handleClose = () => {
30
- console.log("close");
31
+ onClose();
31
32
  };
32
33
  return /*#__PURE__*/_jsx(Box, {
33
34
  component: "div",
@@ -8,7 +8,8 @@ const BoxSettings = props => {
8
8
  const {
9
9
  editor,
10
10
  path,
11
- customProps
11
+ customProps,
12
+ onClose
12
13
  } = props;
13
14
  const item_path = path?.split("|").map(m => parseInt(m));
14
15
  const element_path = [...item_path];
@@ -27,7 +28,7 @@ const BoxSettings = props => {
27
28
  });
28
29
  };
29
30
  const handleClose = () => {
30
- console.log("close");
31
+ onClose();
31
32
  };
32
33
  return /*#__PURE__*/_jsx(Box, {
33
34
  component: "div",
@@ -8,7 +8,8 @@ const ButtonSettings = props => {
8
8
  const {
9
9
  editor,
10
10
  path,
11
- customProps
11
+ customProps,
12
+ onClose
12
13
  } = props;
13
14
  const item_path = path?.split("|").map(m => parseInt(m));
14
15
  const element_path = [...item_path, 0];
@@ -28,7 +29,7 @@ const ButtonSettings = props => {
28
29
  });
29
30
  };
30
31
  const handleClose = () => {
31
- console.log("close");
32
+ onClose();
32
33
  };
33
34
  return /*#__PURE__*/_jsx(Box, {
34
35
  component: "div",
@@ -8,7 +8,8 @@ const CodeSettings = props => {
8
8
  const {
9
9
  editor,
10
10
  path,
11
- customProps
11
+ customProps,
12
+ onClose
12
13
  } = props;
13
14
  const item_path = path?.split("|").map(m => parseInt(m));
14
15
  const element_path = [...item_path, 0];
@@ -27,7 +28,7 @@ const CodeSettings = props => {
27
28
  });
28
29
  };
29
30
  const handleClose = () => {
30
- console.log("close");
31
+ onClose();
31
32
  };
32
33
  return /*#__PURE__*/_jsx(Box, {
33
34
  component: "div",
@@ -12,7 +12,8 @@ const FormSettings = props => {
12
12
  const {
13
13
  editor,
14
14
  path,
15
- customProps
15
+ customProps,
16
+ onClose
16
17
  } = props;
17
18
  const item_path = path?.split("|").map(m => parseInt(m));
18
19
  const element_path = [...item_path];
@@ -56,13 +57,14 @@ const FormSettings = props => {
56
57
  }
57
58
  };
58
59
  const handleClose = () => {
59
- console.log("close");
60
+ onClose();
60
61
  };
61
62
  const muiTheme = createTheme({
62
63
  components: {
63
64
  MuiAccordion: {
64
65
  styleOverrides: {
65
66
  root: {
67
+ background: theme?.palette?.editor?.miniToolBarBackground,
66
68
  "& .MuiAccordionSummary-root": {
67
69
  flexDirection: "row-reverse",
68
70
  "& .MuiSvgIcon-root": {
@@ -8,7 +8,8 @@ const ImageSettings = props => {
8
8
  const {
9
9
  editor,
10
10
  path,
11
- customProps
11
+ customProps,
12
+ onClose
12
13
  } = props;
13
14
  const item_path = path?.split("|").map(m => parseInt(m));
14
15
  const element_path = [...item_path, 0];
@@ -27,7 +28,7 @@ const ImageSettings = props => {
27
28
  });
28
29
  };
29
30
  const handleClose = () => {
30
- console.log("close");
31
+ onClose();
31
32
  };
32
33
  return /*#__PURE__*/_jsx(Box, {
33
34
  component: "div",
@@ -9,7 +9,8 @@ const TableSettings = props => {
9
9
  const {
10
10
  editor,
11
11
  path,
12
- customProps
12
+ customProps,
13
+ onClose
13
14
  } = props;
14
15
  const item_path = path?.split("|").map(m => parseInt(m));
15
16
  const element_path = [...item_path, 0];
@@ -57,7 +58,7 @@ const TableSettings = props => {
57
58
  }
58
59
  };
59
60
  const handleClose = () => {
60
- console.log("close");
61
+ onClose();
61
62
  };
62
63
  return /*#__PURE__*/_jsx(Box, {
63
64
  component: "div",
@@ -9,6 +9,7 @@ const TextSettings = props => {
9
9
  editor,
10
10
  path,
11
11
  theme,
12
+ onClose,
12
13
  customProps
13
14
  } = props;
14
15
  const item_path = path.split("|").map(m => parseInt(m));
@@ -27,7 +28,8 @@ const TextSettings = props => {
27
28
  return /*#__PURE__*/_jsx(TextFormat, {
28
29
  classes: classes,
29
30
  editor: editor,
30
- customProps: customProps
31
+ customProps: customProps,
32
+ closeMainPopup: onClose
31
33
  });
32
34
  };
33
35
  export default TextSettings;
@@ -8,7 +8,8 @@ const VideoSettings = props => {
8
8
  const {
9
9
  editor,
10
10
  path,
11
- customProps
11
+ customProps,
12
+ onClose
12
13
  } = props;
13
14
  const item_path = path?.split("|").map(m => parseInt(m));
14
15
  const element_path = [...item_path, 0];
@@ -28,7 +29,7 @@ const VideoSettings = props => {
28
29
  });
29
30
  };
30
31
  const handleClose = () => {
31
- console.log("close");
32
+ onClose();
32
33
  };
33
34
  return /*#__PURE__*/_jsx(Box, {
34
35
  component: "div",
@@ -1,8 +1,9 @@
1
1
  const useElementSettingsStyle = theme => ({
2
2
  root: {
3
3
  zIndex: 1200,
4
- background: theme?.palette?.editor?.background,
5
- borderRadius: "10px",
4
+ background: theme?.palette?.editor?.miniToolBarBackground,
5
+ border: `1px solid ${theme?.palette?.editor?.miniToolBarBorder}`,
6
+ borderRadius: "20px",
6
7
  overflow: "hidden",
7
8
  boxShadow: "0px 0px 12px 4px #00000014",
8
9
  padding: "10px 16px",
@@ -58,28 +59,34 @@ const useElementSettingsStyle = theme => ({
58
59
  maxHeight: "500px",
59
60
  overflowX: "hidden",
60
61
  overflowY: "auto",
61
- background: theme?.palette?.editor?.background,
62
- paddingLeft: "4px",
62
+ background: theme?.palette?.editor?.miniToolBarBackground,
63
+ paddingLeft: "2px",
64
+ paddingRight: "6px",
65
+ overflow: "hidden",
66
+ "&:hover": {
67
+ overflowY: "auto",
68
+ "&::-webkit-scrollbar-thumb, ::-webkit-scrollbar-thumb": {
69
+ background: `${theme?.palette?.editor?.brainPopupScroll} !important`
70
+ },
71
+ "&::-webkit-scrollbar-track, ::-webkit-scrollbar-track": {
72
+ visibility: "hidden"
73
+ }
74
+ },
63
75
  "& .MuiTypography-root, .MuiInputBase-root, input": {
64
76
  color: theme?.palette?.editor?.textColor
65
77
  },
66
- "& .MuiInputBase-root, input": {
67
- border: `1px solid ${theme?.palette?.editor?.borderColor}`
68
- },
69
78
  "& .borderInput": {
70
79
  background: theme?.palette?.editor?.background,
71
80
  color: theme?.palette?.editor?.textColor
72
81
  },
73
- "& .MuiCheckbox-root": {
74
- "& svg": {
75
- fill: theme?.palette?.editor?.textColor
76
- }
77
- },
78
82
  "& .fillPath": {
79
83
  fill: theme?.palette?.editor?.textColor
80
84
  },
81
85
  "& .MuiIconButton-root": {
82
86
  color: theme?.palette?.editor?.textColor
87
+ },
88
+ "& .MuiFormHelperText-root": {
89
+ color: theme?.palette?.editor?.textColor
83
90
  }
84
91
  },
85
92
  "& .item-wrapper": {
@@ -104,6 +111,133 @@ const useElementSettingsStyle = theme => ({
104
111
  }
105
112
  }
106
113
  }
114
+ },
115
+ "& .settingsPopUp": {
116
+ background: theme?.palette?.editor?.miniToolBarBackground,
117
+ "& .text-formatter-popup": {
118
+ paddingRight: "10px",
119
+ overflow: "hidden",
120
+ "&:hover": {
121
+ overflow: "auto",
122
+ "&::-webkit-scrollbar-thumb, ::-webkit-scrollbar-thumb": {
123
+ background: `${theme?.palette?.editor?.brainPopupScroll} !important`
124
+ },
125
+ "&::-webkit-scrollbar-track, ::-webkit-scrollbar-track": {
126
+ visibility: "hidden"
127
+ }
128
+ },
129
+ "& .more-btn-cbs": {
130
+ color: `${theme?.palette?.editor?.closeButtonSvgStroke}`,
131
+ border: `1px solid ${theme?.palette?.editor?.closeButtonSvgStroke}`,
132
+ paddingTop: "10px",
133
+ "& svg": {
134
+ width: "20px",
135
+ height: "24px"
136
+ }
137
+ },
138
+ "& .MuiInputBase-root": {
139
+ height: "36px"
140
+ }
141
+ },
142
+ "& .popUpHeader": {
143
+ fontFamily: "'Inter',sans-serif",
144
+ fontWeight: "700",
145
+ fontSize: "16px",
146
+ lineHeight: "25px",
147
+ "& button": {
148
+ background: theme?.palette?.editor?.closeButtonBackground,
149
+ borderRadius: "8px",
150
+ "& svg": {
151
+ fill: theme?.palette?.editor?.closeButtonSvgStroke
152
+ }
153
+ }
154
+ },
155
+ "& .MuiTypography-root": {
156
+ color: `${theme?.palette?.editor?.textColor} !important`
157
+ },
158
+ "& .MuiInputBase-root": {
159
+ background: theme?.palette?.editor?.inputFieldBgColor,
160
+ borderRadius: "8px",
161
+ fontSize: "12px",
162
+ height: "36px",
163
+ border: `1px solid ${theme?.palette?.editor?.inputFieldBorder}`,
164
+ "& fieldset": {
165
+ border: `1px solid transparent !important`,
166
+ background: "transparent",
167
+ borderRadius: "8px"
168
+ // fontSize: "12px",
169
+ },
170
+
171
+ "& input": {
172
+ // border: `1px solid transparent`,
173
+ // background: theme?.palette?.editor?.inputFieldBgColor,
174
+ borderRadius: "8px"
175
+ // fontSize: "12px",
176
+ }
177
+ },
178
+
179
+ "& .editor-dd": {
180
+ "& .MuiOutlinedInput-notchedOutline": {
181
+ border: `1px solid transparent !important`
182
+ }
183
+ },
184
+ "& .MuiAutocomplete-root": {
185
+ "& fieldset": {
186
+ border: `1px solid transparent !important`
187
+ }
188
+ },
189
+ "& .sliderInput": {
190
+ border: `1px solid ${theme?.palette?.editor?.inputFieldBorder}`,
191
+ background: theme?.palette?.editor?.inputFieldBgColor,
192
+ borderRadius: "10px",
193
+ paddingLeft: "10px",
194
+ width: "50px !important"
195
+ },
196
+ "& .selctedBtnIcon": {
197
+ border: `1px solid ${theme?.palette?.editor?.inputFieldBorder}`,
198
+ background: theme?.palette?.editor?.inputFieldBgColor,
199
+ borderRadius: "10px",
200
+ height: "36px",
201
+ "& svg": {
202
+ color: `${theme?.palette?.editor?.svgTextAlignStrokeColor} !important`
203
+ }
204
+ },
205
+ "& .muiIconsListParent": {
206
+ "& svg": {
207
+ color: `${theme?.palette?.editor?.svgTextAlignStrokeColor} !important`
208
+ },
209
+ "&::-webkit-scrollbar-thumb": {
210
+ background: `${theme?.palette?.editor?.brainPopupScroll} !important`
211
+ },
212
+ "&::-webkit-scrollbar-track": {
213
+ visibility: "hidden"
214
+ }
215
+ },
216
+ "& .menu-item-app-header": {
217
+ paddingBottom: "5px",
218
+ "& .text-field1": {
219
+ marginRight: "5px"
220
+ },
221
+ "& .settingsIcon, .deleteIcon": {
222
+ width: "20px",
223
+ height: "20px",
224
+ "& path": {
225
+ stroke: theme?.palette?.editor?.closeButtonSvgStroke
226
+ }
227
+ }
228
+ },
229
+ "& .MuiPaper-root": {
230
+ background: theme?.palette?.editor?.miniToolBarBackground
231
+ },
232
+ "& .iconRadioButton": {
233
+ "& svg": {
234
+ height: "24px",
235
+ width: "24px"
236
+ },
237
+ "& .MuiRadio-root": {
238
+ paddingLeft: "0px"
239
+ }
240
+ }
107
241
  }
108
242
  },
109
243
  dialog: {
@@ -1,6 +1,6 @@
1
1
  import React from "react";
2
- import { Box, Paper, Popper, Typography, Tooltip, IconButton } from "@mui/material";
3
- import CloseIcon from "@mui/icons-material/Close";
2
+ import { Box, Paper, Popper, Typography, Tooltip, IconButton, Grid } from "@mui/material";
3
+ import CloseRoundedIcon from "@mui/icons-material/CloseRounded";
4
4
  import useOptionsPopupStyle from "./style";
5
5
  import { jsx as _jsx } from "react/jsx-runtime";
6
6
  import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -30,7 +30,7 @@ const OptionsPopup = props => {
30
30
  className: "papper-root",
31
31
  children: [/*#__PURE__*/_jsxs(Typography, {
32
32
  variant: "div",
33
- className: "item-wrapper title",
33
+ className: "item-wrapper title sectionOptionTitle",
34
34
  children: [translation(title), /*#__PURE__*/_jsx(Box, {
35
35
  component: "div",
36
36
  children: /*#__PURE__*/_jsx(Tooltip, {
@@ -38,11 +38,14 @@ const OptionsPopup = props => {
38
38
  arrow: true,
39
39
  children: /*#__PURE__*/_jsx(IconButton, {
40
40
  onClick: handleClose,
41
- children: /*#__PURE__*/_jsx(CloseIcon, {})
41
+ children: /*#__PURE__*/_jsx(CloseRoundedIcon, {})
42
42
  })
43
43
  })
44
44
  })]
45
- }), children]
45
+ }), /*#__PURE__*/_jsx(Grid, {
46
+ className: "sectionOptionChild",
47
+ children: children
48
+ })]
46
49
  })
47
50
  }) : null;
48
51
  };