@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
@@ -1,222 +1,87 @@
1
- const ButtonNavSettingsStyles = theme => {
2
- const {
3
- editor,
4
- grey
5
- } = theme?.palette || {};
6
- const {
7
- borderColor,
8
- background,
9
- textColor,
10
- activeColor,
11
- miniToolBarBackground
12
- } = editor || {};
13
- const commonContainerStyle = {
14
- backgroundColor: miniToolBarBackground,
15
- "& .MuiTypography-root": {
16
- color: textColor
1
+ const ButtonNavSettingsStyles = theme => ({
2
+ dialogContainer: {
3
+ "& .MuiDialogContent-root": {
4
+ padding: "0px 20px"
17
5
  },
18
- "& .link-settings-title": {
19
- fontSize: "18px",
20
- padding: "12px 0px",
21
- fontWeight: 600,
22
- color: theme?.palette?.editor?.textColor,
23
- borderRadius: "8px",
24
- marginTop: "2px",
25
- "& li": {
26
- padding: "6px 16px",
27
- margin: "5px !important",
28
- borderRadius: "4px !important"
29
- },
30
- "& .MuiList-root": {
31
- padding: "0px"
32
- },
33
- "& .MuiTypography-root": {
34
- fontSize: "12px !important",
35
- fontWeight: 500,
36
- fontFamily: "'Inter',sans-serif"
37
- },
38
- "& .Mui-selected": {
39
- background: theme?.palette?.editor?.menuOptionSelectedOption,
40
- color: theme?.palette?.editor?.textColor
41
- }
42
- },
43
- "& .MuiInputBase-root, fieldset": {
44
- background: theme?.palette?.editor?.inputFieldBgColor,
45
- borderRadius: "8px",
46
- // border: `1px solid ${theme?.palette?.editor?.inputFieldBorder} !important`,
47
- "& fieldset": {
48
- // border: `1px solid ${theme?.palette?.editor?.inputFieldBorder}`,
49
- background: "transparent",
50
- borderRadius: "8px"
51
- },
52
- "& input": {
53
- border: `1px solid transparent`,
54
- background: theme?.palette?.editor?.inputFieldBgColor,
55
- borderRadius: "8px",
56
- color: theme?.palette?.editor?.textColor
57
- }
6
+ "& .MuiDialogActions-root": {
7
+ padding: "10px"
58
8
  },
59
- "& .MuiSvgIcon-root": {
60
- color: textColor
9
+ "& .MuiTypography-h6": {
10
+ fontWeight: 600,
11
+ fontSize: "16px",
12
+ paddingRight: "20px"
61
13
  },
62
- "& .MuiFormLabel-root": {
63
- color: textColor,
64
- backgroundColor: background
14
+ "& .MuiGrid-container": {
15
+ marginTop: "0px"
65
16
  },
66
- "& .Mui-checked": {
67
- "& .MuiSvgIcon-root": {
68
- color: `${activeColor} !important`
69
- }
17
+ "& .MuiGrid-item": {
18
+ padding: "14px"
70
19
  },
71
- "& .dialog-title": {
20
+ "& .MuiPaper-root": {
21
+ backgroundColor: theme?.palette?.editor?.background,
72
22
  "& .MuiTypography-root": {
73
- fontSize: "18px",
74
- padding: "12px",
75
- fontWeight: 600
76
- }
77
- },
78
- "& .link-settings-content": {
79
- margin: "0px 10px",
80
- borderTop: `1px solid ${theme?.palette?.editor?.miniToolBarBorder} !important`,
81
- borderBottom: `1px solid ${theme?.palette?.editor?.miniToolBarBorder} !important`,
82
- overflow: "hidden !important",
83
- "& .MuiInputBase-root, fieldset": {
84
- background: theme?.palette?.editor?.inputFieldBgColor,
85
- borderRadius: "8px",
86
- border: "unset",
87
- "& fieldset": {
88
- border: `1px solid ${theme?.palette?.editor?.inputFieldBorder}`,
89
- background: "transparent",
90
- borderRadius: "8px"
91
- },
92
- "& input": {
93
- border: `1px solid transparent`,
94
- background: theme?.palette?.editor?.inputFieldBgColor,
95
- borderRadius: "8px",
96
- color: theme?.palette?.editor?.textColor
97
- }
98
- }
99
- },
100
- "& .trigger-text": {
101
- fontSize: "14px !important",
102
- fontWeight: 400,
103
- fontFamily: "'Inter',sans-serif",
104
- color: theme?.palette?.editor?.textColor
105
- }
106
- };
107
- return {
108
- dialogContainer: {
109
- "& .MuiDialogContent-root": {
110
- margin: "0px 20px",
111
- padding: "0px 4px",
112
- borderTop: `1px solid ${borderColor}`,
113
- borderBottom: `1px solid ${borderColor}`
114
- },
115
- "& .MuiDialogActions-root": {
116
- padding: "10px"
117
- },
118
- "& .MuiTypography-h6": {
119
- fontWeight: 600,
120
- fontSize: "20px",
121
- paddingRight: "20px"
23
+ color: theme?.palette?.editor?.textColor
122
24
  },
123
- "& .MuiGrid-container": {
124
- marginTop: "0px"
25
+ "& .MuiInputBase-root": {
26
+ border: `1px solid ${theme?.palette?.editor?.textColor}`,
27
+ color: theme?.palette?.editor?.textColor
125
28
  },
126
- "& .MuiGrid-item": {
127
- padding: "14px"
29
+ "& .MuiSvgIcon-root": {
30
+ color: theme?.palette?.editor?.textColor
128
31
  },
129
- "& .MuiPaper-root": {
130
- padding: "10px !important",
131
- borderRadius: "20px !important",
132
- backgroundColor: `${theme?.palette?.editor?.miniToolBarBackground} !important`,
133
- border: `1px solid ${theme?.palette?.editor?.miniToolBarBorder} !important`,
134
- ...commonContainerStyle
135
- }
136
- },
137
- swipeableDrawerContainer: commonContainerStyle,
138
- customSelect: {
139
- zIndex: "1302 !important",
140
- "& .MuiPopover-paper": {
141
- background: theme?.palette?.editor?.textWeightPopUpBackground,
32
+ "& .MuiFormLabel-root": {
142
33
  color: theme?.palette?.editor?.textColor,
143
- borderRadius: "8px",
144
- marginTop: "2px",
145
- "& li": {
146
- padding: "6px 16px",
147
- margin: "5px !important",
148
- borderRadius: "4px !important"
149
- },
150
- "& .MuiList-root": {
151
- padding: "0px"
152
- },
153
- "& .MuiTypography-root": {
154
- fontSize: "12px !important",
155
- fontWeight: 500,
156
- fontFamily: "'Inter',sans-serif"
157
- },
158
- "& .Mui-selected": {
159
- background: theme?.palette?.editor?.menuOptionSelectedOption,
160
- color: theme?.palette?.editor?.textColor
161
- }
162
- }
163
- },
164
- saveBtn: {
165
- color: "#fff !important",
166
- background: "#2563EB !important",
167
- fontSize: "14px !important",
168
- fontWeight: "700 !important",
169
- padding: "8px 24px !important",
170
- textTransform: "none !important",
171
- borderRadius: "8px !important",
172
- fontFamily: "'Inter',sans-serif !important",
173
- "&:hover": {
174
- color: "#fff !important",
175
- background: "#2563EB !important"
176
- }
177
- },
178
- closeBtn: {
179
- backgroundColor: `${theme?.palette?.editor?.closeButtonBgColor} !important`,
180
- color: `${theme?.palette?.editor?.customDialogueCloseBtnColor} !important`,
181
- fontSize: "14px !important",
182
- fontWeight: "700 !important",
183
- padding: "8px 22px !important",
184
- textTransform: "none !important",
185
- border: `1px solid ${theme?.palette?.editor?.customDialogueCloseBtnBorder} !important`,
186
- borderRadius: "8px !important",
187
- fontFamily: "'Inter',sans-serif !important",
188
- "&:hover": {
189
- border: `1px solid ${theme?.palette?.editor?.customDialogueCloseBtnBorder} !important`,
190
- backgroundColor: `${theme?.palette?.editor?.closeButtonBgColor} !important`,
191
- color: `${theme?.palette?.editor?.customDialogueCloseBtnColor} !important`
34
+ backgroundColor: theme?.palette?.editor?.background
192
35
  }
193
- },
194
- closeIcon: {
195
- background: theme?.palette?.editor?.closeButtonBackground,
196
- borderRadius: "8px",
197
- padding: "2px",
198
- marginRight: "8px",
199
- "& svg": {
200
- fill: theme?.palette?.editor?.closeButtonSvgStroke
201
- }
202
- },
203
- gridDivider: {
204
- borderRight: `1px solid ${theme?.palette?.editor?.miniToolBarBorder} !important`,
205
- "& .MuiTypography-root": {
206
- color: "#64748B !important",
207
- fontFamily: "'Inter',sans-serif",
208
- fontWeight: 500,
209
- fontSize: "16px"
210
- }
211
- },
212
- mobileActionBtns: {
213
- display: "flex",
214
- justifyContent: "flex-end",
215
- gap: "8px",
216
- paddingTop: "14px",
217
- marginTop: "14px",
218
- borderTop: `1px solid ${grey[300]}`
219
36
  }
220
- };
221
- };
37
+ },
38
+ customSelect: {
39
+ zIndex: "1302 !important",
40
+ "& .MuiPopover-paper": {
41
+ background: theme?.palette?.editor?.miniToolBarBackground,
42
+ color: theme?.palette?.editor?.textColor
43
+ }
44
+ },
45
+ saveBtn: {
46
+ color: "#fff",
47
+ background: "#2563EB",
48
+ fontSize: "14px",
49
+ fontWeight: 500,
50
+ padding: "4px 24px",
51
+ textTransform: "none",
52
+ "&:hover": {
53
+ color: "#fff",
54
+ background: "#2563EB"
55
+ }
56
+ },
57
+ closeBtn: {
58
+ backgroundColor: "#F4F6F9",
59
+ color: "#64748B",
60
+ fontSize: "14px",
61
+ fontWeight: 500,
62
+ padding: "4px 22px",
63
+ textTransform: "none",
64
+ border: "1px solid #D8DDE1",
65
+ "&:hover": {
66
+ border: "1px solid #64748B"
67
+ }
68
+ },
69
+ closeIcon: {
70
+ position: "absolute",
71
+ right: 8,
72
+ top: 8,
73
+ color: theme?.palette?.grey[500]
74
+ },
75
+ gridDivider: {
76
+ borderRight: "1px solid rgba(0, 0, 0, 0.12)"
77
+ },
78
+ mobileActionBtns: {
79
+ display: "flex",
80
+ justifyContent: "flex-end",
81
+ gap: "8px",
82
+ paddingTop: "14px",
83
+ marginTop: "14px",
84
+ borderTop: `1px solid ${theme?.palette?.grey[300]}`
85
+ }
86
+ });
222
87
  export default ButtonNavSettingsStyles;
@@ -1,17 +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";
11
+ import SaveIcon from "@mui/icons-material/Save";
9
12
  import LinkIcon from "./Icons/LinkIcon";
13
+ import CodeIcon from "@mui/icons-material/Code";
10
14
  import FilterFramesIcon from "@mui/icons-material/FilterFrames";
11
15
  import { GridAddSectionIcon, SignatureIcon, WorkflowIcon } from "../../iconslist";
12
16
  import Delete from "@mui/icons-material/Delete";
13
- import SettingsIcon from "../../../assets/svg/SettingsIcon";
14
- import { CodeElementIcon, PenIcon, SaveTemplIcon } from "../../iconListV2";
15
17
  const Actions = {
16
18
  ai: {
17
19
  type: "ai",
@@ -28,7 +30,7 @@ const Actions = {
28
30
  addElementInSection: {
29
31
  type: "addElement",
30
32
  Button: IconButton,
31
- Icon: AddRoundedIcon,
33
+ Icon: AddIcon,
32
34
  title: "Add Element"
33
35
  },
34
36
  settings: {
@@ -72,25 +74,25 @@ const Actions = {
72
74
  edit: {
73
75
  type: 2,
74
76
  Button: IconButton,
75
- Icon: PenIcon,
77
+ Icon: EditIcon,
76
78
  title: "Edit"
77
79
  },
78
80
  close: {
79
81
  type: 3,
80
82
  Button: IconButton,
81
- Icon: CloseRoundedIcon,
83
+ Icon: CloseIcon,
82
84
  title: "close"
83
85
  },
84
86
  moveUp: {
85
87
  type: "moveUp",
86
88
  Button: IconButton,
87
- Icon: ArrowUpwardRoundedIcon,
89
+ Icon: ArrowUpwardIcon,
88
90
  title: "Move Up"
89
91
  },
90
92
  moveDown: {
91
93
  type: "moveDown",
92
94
  Button: IconButton,
93
- Icon: ArrowDownwardRoundedIcon,
95
+ Icon: ArrowDownwardIcon,
94
96
  title: "Move Down"
95
97
  },
96
98
  addFormField: {
@@ -108,13 +110,13 @@ const Actions = {
108
110
  embedScript: {
109
111
  type: "addEmbedScript",
110
112
  Button: IconButton,
111
- Icon: CodeElementIcon,
113
+ Icon: CodeIcon,
112
114
  title: "Embed Code"
113
115
  },
114
116
  saveAsTemplate: {
115
117
  type: "saveAsTemplate",
116
118
  Button: IconButton,
117
- Icon: SaveTemplIcon,
119
+ Icon: SaveIcon,
118
120
  title: "Save As Template"
119
121
  },
120
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;