@flozy/editor 10.4.1 → 10.4.3

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 (167) hide show
  1. package/dist/Editor/ChatEditor.js +16 -17
  2. package/dist/Editor/CommonEditor.js +16 -131
  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/Components/MultiSelect.js +28 -30
  17. package/dist/Editor/Elements/DataView/Layouts/DataTypes/MultiSelectType.js +7 -9
  18. package/dist/Editor/Elements/DataView/Layouts/Options/AddOptions.js +1 -0
  19. package/dist/Editor/Elements/DataView/Layouts/ViewData.js +4 -8
  20. package/dist/Editor/Elements/Embed/Video.js +1 -1
  21. package/dist/Editor/Elements/Form/Form.js +3 -3
  22. package/dist/Editor/Elements/Form/FormElements/FormTextArea.js +1 -0
  23. package/dist/Editor/Elements/Form/FormField.js +2 -3
  24. package/dist/Editor/Elements/Form/Workflow/Styles.js +22 -24
  25. package/dist/Editor/Elements/FreeGrid/FreeGrid.js +31 -35
  26. package/dist/Editor/Elements/FreeGrid/FreeGridBox.js +4 -7
  27. package/dist/Editor/Elements/FreeGrid/FreeGridItem.js +0 -1
  28. package/dist/Editor/Elements/FreeGrid/Options/More.js +7 -7
  29. package/dist/Editor/Elements/FreeGrid/Options/sectionItemOptions.js +1 -1
  30. package/dist/Editor/Elements/FreeGrid/styles.js +0 -14
  31. package/dist/Editor/Elements/Grid/Grid.js +2 -14
  32. package/dist/Editor/Elements/Grid/GridItem.js +1 -1
  33. package/dist/Editor/Elements/Signature/Signature.css +1 -2
  34. package/dist/Editor/Elements/Signature/SignatureOptions/DrawSignature.js +5 -18
  35. package/dist/Editor/Elements/Signature/SignatureOptions/UploadSignature.js +3 -16
  36. package/dist/Editor/Elements/SimpleText/style.js +2 -2
  37. package/dist/Editor/Elements/Table/DragButton.js +1 -0
  38. package/dist/Editor/Elements/Table/Draggable.js +2 -6
  39. package/dist/Editor/Elements/Table/Styles.js +0 -7
  40. package/dist/Editor/Elements/Table/Table.js +3 -3
  41. package/dist/Editor/Elements/Table/TableCell.js +5 -24
  42. package/dist/Editor/Elements/Title/title.js +6 -6
  43. package/dist/Editor/Elements/Variables/VariableButton.js +1 -10
  44. package/dist/Editor/MiniEditor.js +1 -2
  45. package/dist/Editor/Styles/EditorStyles.js +5 -5
  46. package/dist/Editor/Toolbar/FormatTools/Dropdown.js +3 -27
  47. package/dist/Editor/Toolbar/FormatTools/FontFamilyAutocomplete.js +3 -4
  48. package/dist/Editor/Toolbar/FormatTools/MarkButton.js +2 -2
  49. package/dist/Editor/Toolbar/FormatTools/TextSize.js +13 -10
  50. package/dist/Editor/Toolbar/Mini/MiniToolbar.js +1 -2
  51. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/MiniColorPicker.js +2 -4
  52. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectFontSize.js +13 -6
  53. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectTypography.js +42 -167
  54. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/index.js +4 -7
  55. package/dist/Editor/Toolbar/PopupTool/PopperHeader.js +1 -2
  56. package/dist/Editor/Toolbar/PopupTool/PopupToolStyle.js +12 -72
  57. package/dist/Editor/Toolbar/PopupTool/TextFormat.js +10 -58
  58. package/dist/Editor/Toolbar/PopupTool/index.js +1 -1
  59. package/dist/Editor/Toolbar/toolbarGroups.js +6 -48
  60. package/dist/Editor/common/ColorPickerButton.js +16 -41
  61. package/dist/Editor/common/DnD/DragHandleButton.js +1 -1
  62. package/dist/Editor/common/FontLoader/FontLoader.js +0 -3
  63. package/dist/Editor/common/Icon.js +0 -28
  64. package/dist/Editor/common/ImageSelector/ImageSelector.js +2 -2
  65. package/dist/Editor/common/ImageSelector/Styles.js +9 -3
  66. package/dist/Editor/common/LinkSettings/NavComponents.js +66 -45
  67. package/dist/Editor/common/LinkSettings/index.js +28 -14
  68. package/dist/Editor/common/LinkSettings/navOptions.js +2 -2
  69. package/dist/Editor/common/LinkSettings/style.js +244 -164
  70. package/dist/Editor/common/MentionsPopup/index.js +1 -4
  71. package/dist/Editor/common/RnD/ElementOptions/Actions.js +5 -4
  72. package/dist/Editor/common/RnD/ElementSettings/OtherSettings/Settings.js +1 -2
  73. package/dist/Editor/common/RnD/ElementSettings/OtherSettings/Signature.js +3 -4
  74. package/dist/Editor/common/RnD/ElementSettings/Settings/AppHeaderSettings.js +2 -3
  75. package/dist/Editor/common/RnD/ElementSettings/Settings/BoxSettings.js +2 -3
  76. package/dist/Editor/common/RnD/ElementSettings/Settings/ButtonSettings.js +2 -3
  77. package/dist/Editor/common/RnD/ElementSettings/Settings/CodeSettings.js +2 -3
  78. package/dist/Editor/common/RnD/ElementSettings/Settings/FormSettings.js +2 -4
  79. package/dist/Editor/common/RnD/ElementSettings/Settings/ImageSettings.js +2 -3
  80. package/dist/Editor/common/RnD/ElementSettings/Settings/TableSettings.js +2 -3
  81. package/dist/Editor/common/RnD/ElementSettings/Settings/TextSettings.js +1 -3
  82. package/dist/Editor/common/RnD/ElementSettings/Settings/VideoSettings.js +2 -3
  83. package/dist/Editor/common/RnD/ElementSettings/styles.js +1 -0
  84. package/dist/Editor/common/RnD/OptionsPopup/style.js +1 -0
  85. package/dist/Editor/common/RnD/SwitchViewport/SwitchViewport.js +2 -11
  86. package/dist/Editor/common/RnD/Theme/ViewportStimulator.js +3 -6
  87. package/dist/Editor/common/RnD/Utils/gridDropItem.js +19 -28
  88. package/dist/Editor/common/RnD/Utils/index.js +1 -3
  89. package/dist/Editor/common/RnD/VirtualElement/VirtualTextElement.js +58 -42
  90. package/dist/Editor/common/RnD/VirtualElement/helper.js +132 -323
  91. package/dist/Editor/common/RnD/VirtualElement/styles.js +0 -16
  92. package/dist/Editor/common/RnD/index.js +39 -68
  93. package/dist/Editor/common/Select/index.js +7 -44
  94. package/dist/Editor/common/Select/styles.js +2 -31
  95. package/dist/Editor/common/Shorthands/elements.js +0 -54
  96. package/dist/Editor/common/StyleBuilder/accordionTitleBtnStyle.js +2 -2
  97. package/dist/Editor/common/StyleBuilder/accordionTitleStyle.js +9 -12
  98. package/dist/Editor/common/StyleBuilder/buttonStyle.js +2 -4
  99. package/dist/Editor/common/StyleBuilder/embedVideoStyle.js +0 -4
  100. package/dist/Editor/common/StyleBuilder/fieldTypes/backgroundImage.js +0 -5
  101. package/dist/Editor/common/StyleBuilder/fieldTypes/bannerSpacing.js +2 -12
  102. package/dist/Editor/common/StyleBuilder/fieldTypes/borderRadius.js +7 -15
  103. package/dist/Editor/common/StyleBuilder/fieldTypes/card.js +8 -16
  104. package/dist/Editor/common/StyleBuilder/fieldTypes/color.js +10 -36
  105. package/dist/Editor/common/StyleBuilder/fieldTypes/fontSize.js +7 -16
  106. package/dist/Editor/common/StyleBuilder/fieldTypes/index.js +1 -3
  107. package/dist/Editor/common/StyleBuilder/fieldTypes/textOptions.js +7 -15
  108. package/dist/Editor/common/SwipeableDrawer/style.js +12 -14
  109. package/dist/Editor/common/Uploader.js +0 -16
  110. package/dist/Editor/common/iconListV2.js +0 -76
  111. package/dist/Editor/common/iconslist.js +0 -21
  112. package/dist/Editor/commonStyle.js +61 -116
  113. package/dist/Editor/helper/index.js +1 -5
  114. package/dist/Editor/helper/theme.js +2 -203
  115. package/dist/Editor/hooks/useMouseMove.js +3 -9
  116. package/dist/Editor/hooks/useTable.js +4 -5
  117. package/dist/Editor/plugins/withEmbeds.js +1 -1
  118. package/dist/Editor/plugins/withHTML.js +1 -3
  119. package/dist/Editor/plugins/withTable.js +1 -1
  120. package/dist/Editor/theme/ThemeList.js +173 -50
  121. package/dist/Editor/utils/SlateUtilityFunctions.js +37 -161
  122. package/dist/Editor/utils/accordion.js +4 -14
  123. package/dist/Editor/utils/button.js +17 -1
  124. package/dist/Editor/utils/customHooks/useTableResize.js +9 -49
  125. package/dist/Editor/utils/draftToSlate.js +2 -3
  126. package/dist/Editor/utils/events.js +6 -50
  127. package/dist/Editor/utils/font.js +37 -40
  128. package/dist/Editor/utils/formfield.js +0 -1
  129. package/dist/Editor/utils/helper.js +26 -210
  130. package/dist/Editor/utils/insertAppHeader.js +1 -1
  131. package/dist/Editor/utils/signature.js +9 -2
  132. package/package.json +4 -4
  133. package/dist/Editor/Elements/FreeGrid/helper.js +0 -115
  134. package/dist/Editor/Toolbar/PopupTool/ThemeTextFormat.js +0 -439
  135. package/dist/Editor/assets/svg/BackIcon.js +0 -18
  136. package/dist/Editor/assets/svg/ThemeIcons.js +0 -293
  137. package/dist/Editor/common/Checkbox/index.js +0 -46
  138. package/dist/Editor/common/Checkbox/styles.js +0 -45
  139. package/dist/Editor/common/CustomColorPicker/index.js +0 -130
  140. package/dist/Editor/common/CustomColorPicker/style.js +0 -53
  141. package/dist/Editor/common/CustomDialog2/index.js +0 -94
  142. package/dist/Editor/common/CustomDialog2/style.js +0 -67
  143. package/dist/Editor/common/CustomSelect.js +0 -43
  144. package/dist/Editor/common/RadioGroup/index.js +0 -48
  145. package/dist/Editor/common/RadioGroup/styles.js +0 -29
  146. package/dist/Editor/common/RnD/Theme/MainThemeProvider.js +0 -17
  147. package/dist/Editor/common/StyleBuilder/fieldTypes/embedUpload.js +0 -115
  148. package/dist/Editor/helper/textIndeces.js +0 -58
  149. package/dist/Editor/hooks/useEditorTheme.js +0 -153
  150. package/dist/Editor/hooks/useThemeValues.js +0 -63
  151. package/dist/Editor/theme/index.js +0 -149
  152. package/dist/Editor/themeSettings/ActiveTheme.js +0 -82
  153. package/dist/Editor/themeSettings/buttons/index.js +0 -300
  154. package/dist/Editor/themeSettings/buttons/style.js +0 -23
  155. package/dist/Editor/themeSettings/colorTheme/index.js +0 -310
  156. package/dist/Editor/themeSettings/colorTheme/style.js +0 -81
  157. package/dist/Editor/themeSettings/fonts/PreviewElement.js +0 -121
  158. package/dist/Editor/themeSettings/fonts/index.js +0 -240
  159. package/dist/Editor/themeSettings/fonts/style.js +0 -62
  160. package/dist/Editor/themeSettings/icons.js +0 -60
  161. package/dist/Editor/themeSettings/index.js +0 -380
  162. package/dist/Editor/themeSettings/style.js +0 -299
  163. package/dist/Editor/themeSettingsAI/icons.js +0 -96
  164. package/dist/Editor/themeSettingsAI/index.js +0 -355
  165. package/dist/Editor/themeSettingsAI/saveTheme.js +0 -202
  166. package/dist/Editor/themeSettingsAI/style.js +0 -332
  167. package/dist/Editor/utils/updateFormName.js +0 -22
@@ -1,71 +1,36 @@
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 16px"
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
- }
6
+ "& .MuiDialogActions-root": {
7
+ padding: "10px"
42
8
  },
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
- }
9
+ "& .MuiTypography-h6": {
10
+ fontWeight: 600,
11
+ fontSize: "16px",
12
+ paddingRight: "20px"
58
13
  },
59
- "& .MuiSvgIcon-root": {
60
- color: textColor
14
+ "& .MuiGrid-container": {
15
+ marginTop: "0px"
61
16
  },
62
- "& .MuiFormLabel-root": {
63
- color: textColor,
64
- backgroundColor: background
17
+ "& .MuiGrid-item": {
18
+ padding: "14px"
65
19
  },
66
- "& .Mui-checked": {
20
+ "& .MuiPaper-root": {
21
+ padding: "10px !important",
22
+ borderRadius: "20px !important",
23
+ backgroundColor: `${theme?.palette?.editor?.miniToolBarBackground} !important`,
24
+ border: `1px solid ${theme?.palette?.editor?.miniToolBarBorder} !important`,
25
+ "& .MuiTypography-root": {
26
+ color: theme?.palette?.editor?.textColor
27
+ },
67
28
  "& .MuiSvgIcon-root": {
68
- color: `${activeColor} !important`
29
+ color: theme?.palette?.editor?.textColor
30
+ },
31
+ "& .MuiFormLabel-root": {
32
+ color: theme?.palette?.editor?.textColor,
33
+ backgroundColor: "transparent"
69
34
  }
70
35
  },
71
36
  "& .dialog-title": {
@@ -95,6 +60,47 @@ const ButtonNavSettingsStyles = theme => {
95
60
  borderRadius: "8px",
96
61
  color: theme?.palette?.editor?.textColor
97
62
  }
63
+ },
64
+ "& .radioBtnGrp": {
65
+ paddingRight: "0px",
66
+ paddingLeft: "0px"
67
+ }
68
+ },
69
+ "& .MuiFormControlLabel-root": {
70
+ "& .MuiCheckbox-root": {
71
+ "& svg": {
72
+ color: `${theme?.palette?.editor?.radioBtnBorder}`
73
+ }
74
+ }
75
+ },
76
+ "& .ccheckbox-primary": {
77
+ padding: "0px",
78
+ "& .MuiCheckbox-root": {
79
+ padding: "8px 8px 8px 10px",
80
+ "&:hover": {
81
+ background: "unset !important"
82
+ }
83
+ },
84
+ "& button": {
85
+ width: "18px !important",
86
+ height: "18px !important",
87
+ borderRadius: "3px",
88
+ border: `1px solid ${theme?.palette?.editor?.buttonBorder3}`,
89
+ "& svg": {
90
+ width: "14px",
91
+ height: "14px"
92
+ }
93
+ },
94
+ "& .checkedIcon": {
95
+ background: "#2563EB",
96
+ borderColor: "#2563EB",
97
+ padding: "0px"
98
+ },
99
+ "& .unCheckedIcon": {
100
+ background: theme?.palette?.editor?.checkedIconBg
101
+ },
102
+ "& p": {
103
+ margin: "0px !important"
98
104
  }
99
105
  },
100
106
  "& .trigger-text": {
@@ -103,120 +109,194 @@ const ButtonNavSettingsStyles = theme => {
103
109
  fontFamily: "'Inter',sans-serif",
104
110
  color: theme?.palette?.editor?.textColor
105
111
  }
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"
122
- },
123
- "& .MuiGrid-container": {
124
- marginTop: "0px"
125
- },
126
- "& .MuiGrid-item": {
127
- padding: "14px"
128
- },
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
112
+ },
113
+ customRadioBtn: {
114
+ "& .Mui-checked": {
115
+ "& span": {
116
+ "& .MuiSvgIcon-root": {
117
+ color: `#2563EB !important`
118
+ }
135
119
  }
136
120
  },
137
- swipeableDrawerContainer: commonContainerStyle,
138
- customSelect: {
139
- zIndex: "1302 !important",
140
- "& .MuiPopover-paper": {
141
- background: theme?.palette?.editor?.textWeightPopUpBackground,
142
- 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
121
+ "& .MuiRadio-root": {
122
+ "& span": {
123
+ "& .MuiSvgIcon-root": {
124
+ color: `${theme?.palette?.editor?.radioBtnBorder}`
161
125
  }
162
126
  }
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"
127
+ }
128
+ },
129
+ customSelect: {
130
+ zIndex: "1302 !important",
131
+ "& .MuiPopover-paper": {
132
+ background: theme?.palette?.editor?.textWeightPopUpBackground,
133
+ color: theme?.palette?.editor?.textColor,
134
+ borderRadius: "8px",
135
+ marginTop: "2px",
136
+ "& li": {
137
+ padding: "6px 16px",
138
+ margin: "5px !important",
139
+ borderRadius: "4px !important"
140
+ },
141
+ "& .MuiList-root": {
142
+ padding: "0px"
143
+ },
144
+ "& .MuiTypography-root": {
145
+ fontSize: "12px !important",
146
+ fontWeight: 500,
147
+ fontFamily: "'Inter',sans-serif"
148
+ },
149
+ "& .Mui-selected": {
150
+ background: theme?.palette?.editor?.menuOptionSelectedOption,
151
+ color: theme?.palette?.editor?.textColor
176
152
  }
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",
153
+ }
154
+ },
155
+ saveBtn: {
156
+ color: "#fff !important",
157
+ background: "#2563EB !important",
158
+ fontSize: "14px !important",
159
+ fontWeight: "700 !important",
160
+ padding: "8px 24px !important",
161
+ textTransform: "none !important",
162
+ borderRadius: "8px !important",
163
+ fontFamily: "'Inter',sans-serif !important",
164
+ "&:hover": {
165
+ color: "#fff !important",
166
+ background: "#2563EB !important"
167
+ }
168
+ },
169
+ closeBtn: {
170
+ backgroundColor: `${theme?.palette?.editor?.closeButtonBgColor} !important`,
171
+ color: `${theme?.palette?.editor?.customDialogueCloseBtnColor} !important`,
172
+ fontSize: "14px !important",
173
+ fontWeight: "700 !important",
174
+ padding: "8px 22px !important",
175
+ textTransform: "none !important",
176
+ border: `1px solid ${theme?.palette?.editor?.customDialogueCloseBtnBorder} !important`,
177
+ borderRadius: "8px !important",
178
+ fontFamily: "'Inter',sans-serif !important",
179
+ "&:hover": {
185
180
  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`
181
+ backgroundColor: `${theme?.palette?.editor?.closeButtonBgColor} !important`,
182
+ color: `${theme?.palette?.editor?.customDialogueCloseBtnColor} !important`
183
+ }
184
+ },
185
+ closeIcon: {
186
+ background: theme?.palette?.editor?.closeButtonBackground,
187
+ borderRadius: "8px",
188
+ padding: "2px",
189
+ marginRight: "8px",
190
+ "& svg": {
191
+ fill: theme?.palette?.editor?.closeButtonSvgStroke
192
+ }
193
+ },
194
+ gridDivider: {
195
+ borderRight: `1px solid ${theme?.palette?.editor?.miniToolBarBorder} !important`,
196
+ "& .MuiTypography-root": {
197
+ color: "#64748B !important",
198
+ fontFamily: "'Inter',sans-serif",
199
+ fontWeight: 500,
200
+ fontSize: "16px"
201
+ }
202
+ },
203
+ mobileActionBtns: {
204
+ display: "flex",
205
+ justifyContent: "flex-end",
206
+ gap: "8px",
207
+ paddingTop: "14px",
208
+ marginTop: "14px",
209
+ borderTop: `1px solid ${theme?.palette?.grey[300]}`
210
+ },
211
+ customAutoComplete: {
212
+ "& .MuiAutocomplete-listbox": {
213
+ padding: "0px",
214
+ "& li": {
215
+ margin: "5px",
216
+ borderRadius: "8px",
217
+ color: theme?.palette?.editor?.menuOptionTextColor,
218
+ fontSize: "14px",
219
+ padding: "8px 12px",
220
+ '&[aria-selected="true"]': {
221
+ backgroundColor: `${theme?.palette?.editor?.menuOptionSelectedOption} !important`
222
+ }
223
+ },
224
+ "& .Mui-selected": {
225
+ background: `${theme?.palette?.editor?.menuOptionSelectedOption} !important`
192
226
  }
193
227
  },
194
- closeIcon: {
195
- background: theme?.palette?.editor?.closeButtonBackground,
228
+ "& .MuiPaper-root": {
196
229
  borderRadius: "8px",
197
- padding: "2px",
198
- marginRight: "8px",
199
- "& svg": {
200
- fill: theme?.palette?.editor?.closeButtonSvgStroke
230
+ background: theme?.palette?.editor?.textWeightPopUpBackground
231
+ }
232
+ },
233
+ drawerContainer: {
234
+ "& .link-settings-title": {
235
+ fontSize: "18px",
236
+ padding: "12px 0px",
237
+ fontWeight: 600,
238
+ color: theme?.palette?.editor?.textColor
239
+ },
240
+ "& .MuiInputBase-root, fieldset": {
241
+ background: theme?.palette?.editor?.inputFieldBgColor,
242
+ borderRadius: "8px",
243
+ border: `1px solid ${theme?.palette?.editor?.inputFieldBorder} !important`,
244
+ "& fieldset": {
245
+ // border: `1px solid ${theme?.palette?.editor?.inputFieldBorder}`,
246
+ background: "transparent",
247
+ borderRadius: "8px"
248
+ },
249
+ "& input": {
250
+ border: `1px solid transparent`,
251
+ background: theme?.palette?.editor?.inputFieldBgColor,
252
+ borderRadius: "8px",
253
+ color: theme?.palette?.editor?.textColor
201
254
  }
202
255
  },
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"
256
+ "& .MuiFormLabel-root": {
257
+ color: theme?.palette?.editor?.textColor,
258
+ backgroundColor: "transparent !important"
259
+ },
260
+ "& .MuiTypography-root": {
261
+ color: theme?.palette?.editor?.textColor
262
+ },
263
+ "& .MuiFormControlLabel-root": {
264
+ "& .MuiCheckbox-root": {
265
+ "& svg": {
266
+ color: `${theme?.palette?.editor?.radioBtnBorder}`
267
+ }
210
268
  }
211
269
  },
212
- mobileActionBtns: {
213
- display: "flex",
214
- justifyContent: "flex-end",
215
- gap: "8px",
216
- paddingTop: "14px",
217
- marginTop: "14px",
218
- borderTop: `1px solid ${grey[300]}`
270
+ "& .ccheckbox-primary": {
271
+ padding: "0px",
272
+ "& .MuiCheckbox-root": {
273
+ padding: "8px 8px 8px 10px",
274
+ "&:hover": {
275
+ background: "unset !important"
276
+ }
277
+ },
278
+ "& button": {
279
+ width: "18px !important",
280
+ height: "18px !important",
281
+ borderRadius: "3px",
282
+ border: `1px solid ${theme?.palette?.editor?.buttonBorder3}`,
283
+ "& svg": {
284
+ width: "14px",
285
+ height: "14px"
286
+ }
287
+ },
288
+ "& .checkedIcon": {
289
+ background: "#2563EB",
290
+ borderColor: "#2563EB",
291
+ padding: "0px"
292
+ },
293
+ "& .unCheckedIcon": {
294
+ background: theme?.palette?.editor?.checkedIconBg
295
+ },
296
+ "& p": {
297
+ margin: "0px !important"
298
+ }
219
299
  }
220
- };
221
- };
300
+ }
301
+ });
222
302
  export default ButtonNavSettingsStyles;
@@ -146,10 +146,7 @@ const MentionsPopup = /*#__PURE__*/forwardRef((props, ref) => {
146
146
  setOpenAI("fromElements");
147
147
  }
148
148
  insertMention(editor, char, type);
149
- if (mentions === "mentions") {
150
- Transforms.insertText(editor, " "); //Added to insert space after inserting mention node
151
- }
152
-
149
+ Transforms.insertText(editor, " "); //Added to insert space after inserting mention node
153
150
  setMentions({
154
151
  ...mentions,
155
152
  target: null
@@ -1,11 +1,12 @@
1
1
  import { Button, IconButton } from "@mui/material";
2
- import CloseRoundedIcon from "@mui/icons-material/CloseRounded";
2
+ import CloseRoundedIcon from '@mui/icons-material/CloseRounded';
3
3
  import AutoAwesomeIcon from "@mui/icons-material/AutoAwesome";
4
4
  import DragIndicatorIcon from "@mui/icons-material/DragIndicator";
5
5
  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";
6
+ import AddRoundedIcon from '@mui/icons-material/AddRounded';
7
+ import ArrowUpwardRoundedIcon from '@mui/icons-material/ArrowUpwardRounded';
8
+ import ArrowDownwardRoundedIcon from '@mui/icons-material/ArrowDownwardRounded';
9
+ import SaveIcon from "@mui/icons-material/Save";
9
10
  import LinkIcon from "./Icons/LinkIcon";
10
11
  import FilterFramesIcon from "@mui/icons-material/FilterFrames";
11
12
  import { GridAddSectionIcon, SignatureIcon, WorkflowIcon } from "../../iconslist";
@@ -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;