@flozy/editor 10.2.3 → 10.2.5

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