@flozy/editor 10.1.2 → 10.1.4

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 (146) hide show
  1. package/dist/Editor/ChatEditor.js +16 -17
  2. package/dist/Editor/CommonEditor.js +15 -115
  3. package/dist/Editor/DialogWrapper.js +25 -31
  4. package/dist/Editor/Editor.css +8 -16
  5. package/dist/Editor/Elements/AI/PopoverAIInput.js +3 -11
  6. package/dist/Editor/Elements/AppHeader/AppHeader.js +3 -3
  7. package/dist/Editor/Elements/Button/EditorButton.js +9 -25
  8. package/dist/Editor/Elements/Color Picker/ColorButtons.js +14 -61
  9. package/dist/Editor/Elements/Color Picker/ColorPicker.css +1 -25
  10. package/dist/Editor/Elements/Color Picker/ColorPicker.js +7 -10
  11. package/dist/Editor/Elements/Color Picker/Styles.js +13 -15
  12. package/dist/Editor/Elements/DataView/Layouts/ColumnView.js +2 -4
  13. package/dist/Editor/Elements/DataView/Layouts/DataTypes/MultiSelectType.js +6 -21
  14. package/dist/Editor/Elements/DataView/Layouts/Options/AddOptions.js +1 -5
  15. package/dist/Editor/Elements/DataView/Layouts/Options/EditOption.js +2 -3
  16. package/dist/Editor/Elements/DataView/Layouts/Options/index.js +0 -11
  17. package/dist/Editor/Elements/DataView/Layouts/ViewData.js +4 -8
  18. package/dist/Editor/Elements/Embed/Image.js +2 -3
  19. package/dist/Editor/Elements/Embed/Video.js +1 -1
  20. package/dist/Editor/Elements/EmbedScript/Code.js +2 -14
  21. package/dist/Editor/Elements/EmbedScript/EmbedScriptPopup.js +28 -57
  22. package/dist/Editor/Elements/Form/Form.js +168 -179
  23. package/dist/Editor/Elements/Form/FormField.js +4 -10
  24. package/dist/Editor/Elements/Form/Workflow/Styles.js +22 -24
  25. package/dist/Editor/Elements/FreeGrid/FreeGrid.js +24 -6
  26. package/dist/Editor/Elements/FreeGrid/FreeGridBox.js +4 -7
  27. package/dist/Editor/Elements/FreeGrid/Options/More.js +8 -8
  28. package/dist/Editor/Elements/FreeGrid/styles.js +7 -67
  29. package/dist/Editor/Elements/Grid/GridItem.js +1 -1
  30. package/dist/Editor/Elements/List/CheckList.js +1 -4
  31. package/dist/Editor/Elements/Search/SearchAttachment.js +9 -40
  32. package/dist/Editor/Elements/Search/SearchButton.js +8 -9
  33. package/dist/Editor/Elements/Search/SearchList.js +7 -9
  34. package/dist/Editor/Elements/SimpleText/index.js +1 -6
  35. package/dist/Editor/Elements/SimpleText/style.js +2 -2
  36. package/dist/Editor/Elements/Table/Table.js +3 -3
  37. package/dist/Editor/Elements/Title/title.js +6 -6
  38. package/dist/Editor/Elements/Variables/VariableButton.js +1 -10
  39. package/dist/Editor/MiniEditor.js +1 -2
  40. package/dist/Editor/Styles/EditorStyles.js +5 -5
  41. package/dist/Editor/Toolbar/FormatTools/Dropdown.js +3 -27
  42. package/dist/Editor/Toolbar/FormatTools/FontFamilyAutocomplete.js +3 -4
  43. package/dist/Editor/Toolbar/FormatTools/MarkButton.js +2 -2
  44. package/dist/Editor/Toolbar/FormatTools/TextSize.js +13 -10
  45. package/dist/Editor/Toolbar/Mini/MiniToolbar.js +1 -2
  46. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/MiniColorPicker.js +2 -4
  47. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectFontSize.js +13 -6
  48. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectTypography.js +42 -167
  49. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/index.js +4 -7
  50. package/dist/Editor/Toolbar/PopupTool/PopperHeader.js +1 -2
  51. package/dist/Editor/Toolbar/PopupTool/PopupToolStyle.js +12 -72
  52. package/dist/Editor/Toolbar/PopupTool/TextFormat.js +27 -100
  53. package/dist/Editor/Toolbar/PopupTool/index.js +1 -1
  54. package/dist/Editor/Toolbar/toolbarGroups.js +6 -48
  55. package/dist/Editor/assets/svg/SettingsIcon.js +0 -1
  56. package/dist/Editor/common/ColorPickerButton.js +17 -39
  57. package/dist/Editor/common/DnD/DragHandleButton.js +1 -1
  58. package/dist/Editor/common/FontLoader/FontLoader.js +0 -3
  59. package/dist/Editor/common/Icon.js +1 -31
  60. package/dist/Editor/common/ImageSelector/Styles.js +9 -3
  61. package/dist/Editor/common/LinkSettings/NavComponents.js +8 -34
  62. package/dist/Editor/common/LinkSettings/index.js +68 -84
  63. package/dist/Editor/common/LinkSettings/style.js +30 -245
  64. package/dist/Editor/common/RnD/ElementOptions/Actions.js +14 -13
  65. package/dist/Editor/common/RnD/ElementOptions/Icons/LinkIcon.js +0 -1
  66. package/dist/Editor/common/RnD/ElementOptions/index.js +2 -2
  67. package/dist/Editor/common/RnD/ElementOptions/styles.js +1 -28
  68. package/dist/Editor/common/RnD/ElementSettings/OtherSettings/Settings.js +5 -6
  69. package/dist/Editor/common/RnD/ElementSettings/Settings/AppHeaderSettings.js +2 -3
  70. package/dist/Editor/common/RnD/ElementSettings/Settings/BoxSettings.js +2 -3
  71. package/dist/Editor/common/RnD/ElementSettings/Settings/ButtonSettings.js +2 -3
  72. package/dist/Editor/common/RnD/ElementSettings/Settings/CodeSettings.js +2 -3
  73. package/dist/Editor/common/RnD/ElementSettings/Settings/FormSettings.js +2 -4
  74. package/dist/Editor/common/RnD/ElementSettings/Settings/ImageSettings.js +2 -3
  75. package/dist/Editor/common/RnD/ElementSettings/Settings/TableSettings.js +2 -3
  76. package/dist/Editor/common/RnD/ElementSettings/Settings/TextSettings.js +1 -3
  77. package/dist/Editor/common/RnD/ElementSettings/Settings/VideoSettings.js +2 -3
  78. package/dist/Editor/common/RnD/ElementSettings/styles.js +12 -147
  79. package/dist/Editor/common/RnD/OptionsPopup/index.js +5 -8
  80. package/dist/Editor/common/RnD/OptionsPopup/style.js +19 -121
  81. package/dist/Editor/common/RnD/SwitchViewport/SwitchViewport.js +5 -8
  82. package/dist/Editor/common/RnD/Theme/ViewportStimulator.js +3 -6
  83. package/dist/Editor/common/RnD/Utils/gridDropItem.js +2 -1
  84. package/dist/Editor/common/RnD/index.js +6 -5
  85. package/dist/Editor/common/Select/index.js +0 -2
  86. package/dist/Editor/common/Shorthands/elements.js +0 -54
  87. package/dist/Editor/common/StyleBuilder/buttonStyle.js +2 -4
  88. package/dist/Editor/common/StyleBuilder/fieldTypes/backgroundImage.js +0 -5
  89. package/dist/Editor/common/StyleBuilder/fieldTypes/bannerSpacing.js +2 -12
  90. package/dist/Editor/common/StyleBuilder/fieldTypes/borderRadius.js +7 -15
  91. package/dist/Editor/common/StyleBuilder/fieldTypes/card.js +8 -16
  92. package/dist/Editor/common/StyleBuilder/fieldTypes/color.js +10 -36
  93. package/dist/Editor/common/StyleBuilder/fieldTypes/fontSize.js +7 -16
  94. package/dist/Editor/common/StyleBuilder/fieldTypes/lineSpacing.js +6 -7
  95. package/dist/Editor/common/StyleBuilder/fieldTypes/menusArray.js +6 -13
  96. package/dist/Editor/common/StyleBuilder/fieldTypes/textOptions.js +7 -15
  97. package/dist/Editor/common/StyleBuilder/pageSettingsStyle.js +7 -5
  98. package/dist/Editor/common/Uploader.js +0 -8
  99. package/dist/Editor/common/iconListV2.js +6 -101
  100. package/dist/Editor/common/iconslist.js +0 -24
  101. package/dist/Editor/commonStyle.js +61 -174
  102. package/dist/Editor/helper/theme.js +2 -203
  103. package/dist/Editor/hooks/useMouseMove.js +5 -8
  104. package/dist/Editor/plugins/withEmbeds.js +1 -1
  105. package/dist/Editor/plugins/withHTML.js +1 -3
  106. package/dist/Editor/plugins/withTable.js +1 -1
  107. package/dist/Editor/theme/ThemeList.js +173 -50
  108. package/dist/Editor/utils/SlateUtilityFunctions.js +43 -166
  109. package/dist/Editor/utils/button.js +17 -1
  110. package/dist/Editor/utils/draftToSlate.js +2 -3
  111. package/dist/Editor/utils/font.js +37 -40
  112. package/dist/Editor/utils/helper.js +19 -90
  113. package/package.json +4 -4
  114. package/dist/Editor/Elements/DataView/Layouts/DataTypes/Components/MultiSelect.js +0 -454
  115. package/dist/Editor/Elements/EmbedScript/styles.js +0 -89
  116. package/dist/Editor/Toolbar/PopupTool/ThemeTextFormat.js +0 -439
  117. package/dist/Editor/assets/svg/BackIcon.js +0 -18
  118. package/dist/Editor/assets/svg/ClearAllRounded.js +0 -31
  119. package/dist/Editor/assets/svg/ResetIconNew.js +0 -23
  120. package/dist/Editor/assets/svg/ThemeIcons.js +0 -293
  121. package/dist/Editor/common/CustomColorPicker/index.js +0 -130
  122. package/dist/Editor/common/CustomColorPicker/style.js +0 -53
  123. package/dist/Editor/common/CustomDialog2/index.js +0 -94
  124. package/dist/Editor/common/CustomDialog2/style.js +0 -67
  125. package/dist/Editor/common/CustomSelect.js +0 -43
  126. package/dist/Editor/common/RnD/Theme/MainThemeProvider.js +0 -17
  127. package/dist/Editor/common/SnackBar/index.js +0 -43
  128. package/dist/Editor/helper/textIndeces.js +0 -58
  129. package/dist/Editor/hooks/useEditorTheme.js +0 -153
  130. package/dist/Editor/hooks/useThemeValues.js +0 -63
  131. package/dist/Editor/theme/index.js +0 -149
  132. package/dist/Editor/themeSettings/ActiveTheme.js +0 -72
  133. package/dist/Editor/themeSettings/buttons/index.js +0 -290
  134. package/dist/Editor/themeSettings/buttons/style.js +0 -23
  135. package/dist/Editor/themeSettings/colorTheme/index.js +0 -309
  136. package/dist/Editor/themeSettings/colorTheme/style.js +0 -81
  137. package/dist/Editor/themeSettings/fonts/PreviewElement.js +0 -121
  138. package/dist/Editor/themeSettings/fonts/index.js +0 -240
  139. package/dist/Editor/themeSettings/fonts/style.js +0 -62
  140. package/dist/Editor/themeSettings/icons.js +0 -60
  141. package/dist/Editor/themeSettings/index.js +0 -361
  142. package/dist/Editor/themeSettings/style.js +0 -292
  143. package/dist/Editor/themeSettingsAI/icons.js +0 -96
  144. package/dist/Editor/themeSettingsAI/index.js +0 -355
  145. package/dist/Editor/themeSettingsAI/saveTheme.js +0 -202
  146. package/dist/Editor/themeSettingsAI/style.js +0 -324
@@ -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
  })
@@ -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
  };
@@ -3,139 +3,31 @@ const useOptionsPopupStyle = ({
3
3
  }) => ({
4
4
  root: {
5
5
  zIndex: 1200,
6
- background: theme?.palette?.editor?.miniToolBarBackground,
7
- border: `1px solid ${theme?.palette?.editor?.miniToolBarBorder}`,
8
- borderRadius: "20px",
6
+ background: theme?.palette?.editor?.background,
7
+ borderRadius: "7px",
9
8
  overflow: "hidden",
10
- boxShadow: "0px 0px 12px 4px #00000014",
9
+ boxShadow: "1px 1px 3px rgba(0,0,0,0.3)",
11
10
  marginRight: "4px !important",
12
- padding: "0px 5px",
13
- fontFamily: "'Inter',sans-serif",
14
- "& .MuiPaper-root": {
15
- background: theme?.palette?.editor?.miniToolBarBackground
16
- },
17
- "& .sectionOptionTitle": {
18
- fontSize: "16px",
19
- fontFamily: "'Inter',sans-serif",
20
- fontWeight: "700",
21
- fontSize: "16px",
22
- lineHeight: "25px",
23
- background: theme?.palette?.editor?.miniToolBarBackground,
24
- "& button": {
25
- background: theme?.palette?.editor?.closeButtonBackground,
26
- borderRadius: "8px",
27
- "& svg": {
28
- fill: theme?.palette?.editor?.closeButtonSvgStroke
29
- }
30
- }
31
- },
32
- "& .sectionOptionChild": {
33
- background: theme?.palette?.editor?.miniToolBarBackground,
34
- "& .MuiBox-root": {
35
- maxHeight: "unset"
36
- },
37
- "& .MuiInputBase-root, fieldset": {
38
- background: theme?.palette?.editor?.inputFieldBgColor,
39
- borderRadius: "8px",
40
- "& fieldset": {
41
- border: `1px solid ${theme?.palette?.editor?.inputFieldBorder}`,
42
- background: "transparent",
43
- borderRadius: "8px"
44
- },
45
- "& input": {
46
- border: `1px solid transparent`,
47
- background: theme?.palette?.editor?.inputFieldBgColor,
48
- borderRadius: "8px",
49
- fontSize: "12px",
50
- color: theme?.palette?.editor?.textColor
51
- }
52
- },
53
- "& p": {
54
- color: theme?.palette?.editor?.textColor
55
- },
56
- "& .sliderInput": {
57
- border: `1px solid ${theme?.palette?.editor?.inputFieldBorder}`,
58
- background: theme?.palette?.editor?.inputFieldBgColor,
59
- borderRadius: "10px"
60
- },
61
- "& .style-settings-wrpr": {
62
- overflow: "hidden",
63
- "&:hover": {
64
- overflowY: "auto",
65
- "&::-webkit-scrollbar-thumb, ::-webkit-scrollbar-thumb": {
66
- background: `${theme?.palette?.editor?.brainPopupScroll} !important`
67
- },
68
- "&::-webkit-scrollbar-track, ::-webkit-scrollbar-track": {
69
- visibility: "hidden"
70
- }
71
- }
72
- },
73
- "& svg": {
74
- width: "17.5px",
75
- height: "17.5px"
76
- }
77
- },
78
- "& .MuiList-root": {
79
- "& .MuiButtonBase-root": {
80
- padding: "8px 12px",
81
- "& .MuiTypography-root": {
82
- color: `${theme?.palette?.editor?.textColor} !important`,
83
- fontSize: "14px",
84
- fontWeight: "500",
85
- fontFamily: "'Inter',sans-serif"
86
- },
87
- "&:hover": {
88
- background: `${theme?.palette?.editor?.menuOptionHoverBackground} !important`,
89
- "& .MuiTypography-root": {
90
- color: `${theme?.palette?.editor?.textColor} !important`
91
- },
92
- "& .MuiListItemIcon-root": {
93
- "& .signatureElementIcon, & .newLineElementIcon": {
94
- "& path": {
95
- fill: `${theme?.palette?.editor?.textColor}`
96
- }
97
- },
98
- "& .commonSvgStyle, & .commonSvgStyle2": {
99
- "& path": {
100
- stroke: `${theme?.palette?.editor?.textColor}`
101
- }
102
- },
103
- "& .colorBoxElementIcon": {
104
- "& path": {
105
- stroke: `${theme?.palette?.editor?.textColor}`,
106
- fill: "none"
107
- }
108
- },
109
- "& .gridElementIcon": {
110
- "& path": {
111
- stroke: `${theme?.palette?.editor?.textColor}`,
112
- fill: `${theme?.palette?.editor?.textColor}`
113
- }
114
- }
115
- }
116
- }
117
- }
118
- },
119
- "& .sectionMoreOption": {
120
- "& .MuiButtonBase-root": {
121
- padding: "12px 12px",
122
- color: `${theme?.palette?.editor?.textColor} !important`,
123
- fontSize: "14px",
124
- fontWeight: "500",
125
- fontFamily: "'Inter',sans-serif"
126
- }
127
- },
128
11
  "& .papper-root": {
129
12
  width: "344px",
130
13
  boxShadow: "none",
14
+ border: `1px solid ${theme?.palette?.editor?.borderColor}`,
131
15
  borderRadius: "7px",
132
16
  background: theme?.palette?.editor?.background,
133
17
  "& .MuiTypography-root, .MuiInputBase-root, input": {
134
18
  color: theme?.palette?.editor?.textColor
135
19
  },
20
+ "& .MuiInputBase-root, input": {
21
+ border: `1px solid ${theme?.palette?.editor?.borderColor}`
22
+ },
136
23
  "& .borderInput": {
137
24
  background: theme?.palette?.editor?.background,
138
25
  color: theme?.palette?.editor?.textColor
26
+ },
27
+ "& .MuiCheckbox-root": {
28
+ "& svg": {
29
+ fill: theme?.palette?.editor?.textColor
30
+ }
139
31
  }
140
32
  },
141
33
  "& .item-list-wrpr": {
@@ -145,7 +37,13 @@ const useOptionsPopupStyle = ({
145
37
  "& .MuiListItemButton-root": {
146
38
  borderRadius: "7px",
147
39
  color: theme?.palette?.editor?.textColor,
148
- alignItems: "center"
40
+ "&:hover": {
41
+ color: theme?.palette?.editor?.activeColor,
42
+ background: "rgba(233, 243, 254, 1)",
43
+ "& .MuiTypography-root": {
44
+ color: theme?.palette?.editor?.activeColor
45
+ }
46
+ }
149
47
  }
150
48
  },
151
49
  "& .item-wrapper": {
@@ -10,27 +10,23 @@ const SwitchViewport = props => {
10
10
  const {
11
11
  breakpoint,
12
12
  onChange,
13
- translation,
14
- show
13
+ translation
15
14
  } = props;
16
15
  const classes = useSwitchViewport();
17
16
  const {
18
- setSelectedElement
17
+ setActiveBreakPoint
19
18
  } = useEditorContext();
20
19
  useEffect(() => {
21
- // to reset selection on viewport changes - FS-6589
22
- setSelectedElement({});
20
+ console.log(breakpoint);
23
21
  }, [breakpoint]);
24
22
  return /*#__PURE__*/_jsxs(Box, {
25
23
  sx: classes.root,
26
- style: {
27
- display: show ? "block" : "none"
28
- },
29
24
  children: [/*#__PURE__*/_jsx(Tooltip, {
30
25
  title: translation("Desktop View"),
31
26
  children: /*#__PURE__*/_jsx(IconButton, {
32
27
  className: `${!breakpoint || breakpoint === "lg" ? "active" : ""}`,
33
28
  onClick: () => {
29
+ setActiveBreakPoint("");
34
30
  onChange("");
35
31
  },
36
32
  children: /*#__PURE__*/_jsx(PersonalVideoIcon, {})
@@ -40,6 +36,7 @@ const SwitchViewport = props => {
40
36
  children: /*#__PURE__*/_jsx(IconButton, {
41
37
  className: `${breakpoint === "xs" ? "active" : ""}`,
42
38
  onClick: () => {
39
+ setActiveBreakPoint("xs");
43
40
  onChange("xs");
44
41
  },
45
42
  children: /*#__PURE__*/_jsx(PhoneIphoneIcon, {})
@@ -1,7 +1,6 @@
1
1
  import React from "react";
2
- import { useTheme, createTheme, useMediaQuery } from "@mui/material";
2
+ import { useTheme, ThemeProvider, createTheme, useMediaQuery } from "@mui/material";
3
3
  import { isStimulator, STIMULATOR_MOCK } from "../../../hooks/useBreakpoints";
4
- import MainThemeProvider from "./MainThemeProvider";
5
4
 
6
5
  // Custom breakpoints functions
7
6
  import { jsx as _jsx } from "react/jsx-runtime";
@@ -60,15 +59,13 @@ const extendedTheme = (prevTheme, isPrintMode) => createTheme({
60
59
  } : getBreakPoints(prevTheme)
61
60
  });
62
61
  const ViewportStimulator = ({
63
- children,
64
- selectedTheme
62
+ children
65
63
  }) => {
66
64
  const theme = useTheme();
67
65
  const isPrintMode = useMediaQuery("print");
68
66
  const viewportTheme = extendedTheme(theme, isPrintMode);
69
- return /*#__PURE__*/_jsx(MainThemeProvider, {
67
+ return /*#__PURE__*/_jsx(ThemeProvider, {
70
68
  theme: viewportTheme,
71
- userSelectedTheme: selectedTheme,
72
69
  children: children
73
70
  });
74
71
  };