@flozy/editor 10.3.0 → 10.3.2

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 (162) hide show
  1. package/dist/Editor/ChatEditor.js +16 -17
  2. package/dist/Editor/CommonEditor.js +14 -128
  3. package/dist/Editor/DialogWrapper.js +25 -31
  4. package/dist/Editor/Editor.css +8 -46
  5. package/dist/Editor/Elements/AI/PopoverAIInput.js +3 -11
  6. package/dist/Editor/Elements/Accordion/Accordion.js +7 -30
  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 -1
  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 +30 -31
  26. package/dist/Editor/Elements/FreeGrid/FreeGridBox.js +4 -7
  27. package/dist/Editor/Elements/FreeGrid/Options/More.js +7 -7
  28. package/dist/Editor/Elements/FreeGrid/styles.js +0 -14
  29. package/dist/Editor/Elements/Grid/Grid.js +2 -14
  30. package/dist/Editor/Elements/Grid/GridItem.js +1 -1
  31. package/dist/Editor/Elements/Signature/Signature.css +1 -2
  32. package/dist/Editor/Elements/Signature/SignatureOptions/DrawSignature.js +5 -18
  33. package/dist/Editor/Elements/Signature/SignatureOptions/UploadSignature.js +3 -16
  34. package/dist/Editor/Elements/SimpleText/style.js +2 -2
  35. package/dist/Editor/Elements/Table/DragButton.js +1 -0
  36. package/dist/Editor/Elements/Table/Draggable.js +2 -6
  37. package/dist/Editor/Elements/Table/Styles.js +0 -7
  38. package/dist/Editor/Elements/Table/Table.js +3 -3
  39. package/dist/Editor/Elements/Table/TableCell.js +5 -24
  40. package/dist/Editor/Elements/Title/title.js +6 -6
  41. package/dist/Editor/Elements/Variables/VariableButton.js +1 -10
  42. package/dist/Editor/MiniEditor.js +1 -2
  43. package/dist/Editor/Styles/EditorStyles.js +5 -5
  44. package/dist/Editor/Toolbar/FormatTools/Dropdown.js +3 -27
  45. package/dist/Editor/Toolbar/FormatTools/FontFamilyAutocomplete.js +3 -4
  46. package/dist/Editor/Toolbar/FormatTools/MarkButton.js +2 -2
  47. package/dist/Editor/Toolbar/FormatTools/TextSize.js +13 -10
  48. package/dist/Editor/Toolbar/Mini/MiniToolbar.js +1 -2
  49. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/MiniColorPicker.js +2 -4
  50. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectFontSize.js +13 -6
  51. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectTypography.js +42 -167
  52. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/index.js +4 -7
  53. package/dist/Editor/Toolbar/PopupTool/PopperHeader.js +1 -2
  54. package/dist/Editor/Toolbar/PopupTool/PopupToolStyle.js +12 -72
  55. package/dist/Editor/Toolbar/PopupTool/TextFormat.js +10 -58
  56. package/dist/Editor/Toolbar/PopupTool/index.js +1 -1
  57. package/dist/Editor/Toolbar/toolbarGroups.js +6 -48
  58. package/dist/Editor/common/ColorPickerButton.js +16 -41
  59. package/dist/Editor/common/DnD/DragHandleButton.js +1 -1
  60. package/dist/Editor/common/FontLoader/FontLoader.js +0 -3
  61. package/dist/Editor/common/Icon.js +0 -28
  62. package/dist/Editor/common/ImageSelector/ImageSelector.js +2 -2
  63. package/dist/Editor/common/ImageSelector/Styles.js +9 -3
  64. package/dist/Editor/common/LinkSettings/NavComponents.js +65 -45
  65. package/dist/Editor/common/LinkSettings/index.js +26 -13
  66. package/dist/Editor/common/LinkSettings/navOptions.js +2 -2
  67. package/dist/Editor/common/LinkSettings/style.js +244 -164
  68. package/dist/Editor/common/RnD/ElementOptions/Actions.js +5 -4
  69. package/dist/Editor/common/RnD/ElementSettings/OtherSettings/Settings.js +1 -2
  70. package/dist/Editor/common/RnD/ElementSettings/OtherSettings/Signature.js +3 -4
  71. package/dist/Editor/common/RnD/ElementSettings/Settings/AppHeaderSettings.js +2 -3
  72. package/dist/Editor/common/RnD/ElementSettings/Settings/BoxSettings.js +2 -3
  73. package/dist/Editor/common/RnD/ElementSettings/Settings/ButtonSettings.js +2 -3
  74. package/dist/Editor/common/RnD/ElementSettings/Settings/CodeSettings.js +2 -3
  75. package/dist/Editor/common/RnD/ElementSettings/Settings/FormSettings.js +2 -4
  76. package/dist/Editor/common/RnD/ElementSettings/Settings/ImageSettings.js +2 -3
  77. package/dist/Editor/common/RnD/ElementSettings/Settings/TableSettings.js +2 -3
  78. package/dist/Editor/common/RnD/ElementSettings/Settings/TextSettings.js +1 -3
  79. package/dist/Editor/common/RnD/ElementSettings/Settings/VideoSettings.js +2 -3
  80. package/dist/Editor/common/RnD/ElementSettings/styles.js +1 -0
  81. package/dist/Editor/common/RnD/OptionsPopup/style.js +1 -0
  82. package/dist/Editor/common/RnD/SwitchViewport/SwitchViewport.js +2 -11
  83. package/dist/Editor/common/RnD/Theme/ViewportStimulator.js +3 -6
  84. package/dist/Editor/common/RnD/Utils/gridDropItem.js +19 -28
  85. package/dist/Editor/common/RnD/Utils/index.js +1 -3
  86. package/dist/Editor/common/RnD/VirtualElement/VirtualTextElement.js +58 -42
  87. package/dist/Editor/common/RnD/VirtualElement/helper.js +131 -321
  88. package/dist/Editor/common/RnD/VirtualElement/styles.js +0 -16
  89. package/dist/Editor/common/RnD/index.js +12 -26
  90. package/dist/Editor/common/Select/index.js +7 -44
  91. package/dist/Editor/common/Select/styles.js +2 -30
  92. package/dist/Editor/common/Shorthands/elements.js +0 -54
  93. package/dist/Editor/common/StyleBuilder/accordionTitleBtnStyle.js +2 -2
  94. package/dist/Editor/common/StyleBuilder/accordionTitleStyle.js +9 -12
  95. package/dist/Editor/common/StyleBuilder/buttonStyle.js +2 -4
  96. package/dist/Editor/common/StyleBuilder/embedVideoStyle.js +0 -4
  97. package/dist/Editor/common/StyleBuilder/fieldTypes/backgroundImage.js +0 -5
  98. package/dist/Editor/common/StyleBuilder/fieldTypes/bannerSpacing.js +2 -12
  99. package/dist/Editor/common/StyleBuilder/fieldTypes/borderRadius.js +7 -15
  100. package/dist/Editor/common/StyleBuilder/fieldTypes/card.js +8 -16
  101. package/dist/Editor/common/StyleBuilder/fieldTypes/color.js +10 -36
  102. package/dist/Editor/common/StyleBuilder/fieldTypes/fontSize.js +7 -16
  103. package/dist/Editor/common/StyleBuilder/fieldTypes/index.js +1 -3
  104. package/dist/Editor/common/StyleBuilder/fieldTypes/textOptions.js +7 -15
  105. package/dist/Editor/common/SwipeableDrawer/style.js +12 -14
  106. package/dist/Editor/common/Uploader.js +0 -16
  107. package/dist/Editor/common/iconListV2.js +0 -76
  108. package/dist/Editor/common/iconslist.js +0 -21
  109. package/dist/Editor/commonStyle.js +61 -116
  110. package/dist/Editor/helper/index.js +0 -4
  111. package/dist/Editor/helper/theme.js +2 -203
  112. package/dist/Editor/hooks/useMouseMove.js +3 -9
  113. package/dist/Editor/hooks/useTable.js +4 -5
  114. package/dist/Editor/plugins/withEmbeds.js +1 -1
  115. package/dist/Editor/plugins/withHTML.js +1 -3
  116. package/dist/Editor/plugins/withTable.js +1 -1
  117. package/dist/Editor/theme/ThemeList.js +173 -50
  118. package/dist/Editor/utils/SlateUtilityFunctions.js +36 -158
  119. package/dist/Editor/utils/accordion.js +4 -14
  120. package/dist/Editor/utils/button.js +17 -1
  121. package/dist/Editor/utils/customHooks/useTableResize.js +9 -49
  122. package/dist/Editor/utils/draftToSlate.js +2 -3
  123. package/dist/Editor/utils/events.js +6 -50
  124. package/dist/Editor/utils/font.js +37 -40
  125. package/dist/Editor/utils/helper.js +26 -134
  126. package/dist/Editor/utils/insertAppHeader.js +1 -1
  127. package/dist/Editor/utils/signature.js +9 -2
  128. package/package.json +4 -4
  129. package/dist/Editor/Elements/FreeGrid/helper.js +0 -113
  130. package/dist/Editor/Toolbar/PopupTool/ThemeTextFormat.js +0 -439
  131. package/dist/Editor/assets/svg/BackIcon.js +0 -18
  132. package/dist/Editor/assets/svg/ThemeIcons.js +0 -293
  133. package/dist/Editor/common/Checkbox/index.js +0 -46
  134. package/dist/Editor/common/Checkbox/styles.js +0 -45
  135. package/dist/Editor/common/CustomColorPicker/index.js +0 -130
  136. package/dist/Editor/common/CustomColorPicker/style.js +0 -53
  137. package/dist/Editor/common/CustomDialog2/index.js +0 -94
  138. package/dist/Editor/common/CustomDialog2/style.js +0 -67
  139. package/dist/Editor/common/CustomSelect.js +0 -43
  140. package/dist/Editor/common/RadioGroup/index.js +0 -48
  141. package/dist/Editor/common/RadioGroup/styles.js +0 -29
  142. package/dist/Editor/common/RnD/Theme/MainThemeProvider.js +0 -17
  143. package/dist/Editor/common/StyleBuilder/fieldTypes/embedUpload.js +0 -115
  144. package/dist/Editor/helper/textIndeces.js +0 -58
  145. package/dist/Editor/hooks/useEditorTheme.js +0 -153
  146. package/dist/Editor/hooks/useThemeValues.js +0 -63
  147. package/dist/Editor/theme/index.js +0 -149
  148. package/dist/Editor/themeSettings/ActiveTheme.js +0 -82
  149. package/dist/Editor/themeSettings/buttons/index.js +0 -300
  150. package/dist/Editor/themeSettings/buttons/style.js +0 -23
  151. package/dist/Editor/themeSettings/colorTheme/index.js +0 -310
  152. package/dist/Editor/themeSettings/colorTheme/style.js +0 -81
  153. package/dist/Editor/themeSettings/fonts/PreviewElement.js +0 -121
  154. package/dist/Editor/themeSettings/fonts/index.js +0 -240
  155. package/dist/Editor/themeSettings/fonts/style.js +0 -62
  156. package/dist/Editor/themeSettings/icons.js +0 -60
  157. package/dist/Editor/themeSettings/index.js +0 -380
  158. package/dist/Editor/themeSettings/style.js +0 -299
  159. package/dist/Editor/themeSettingsAI/icons.js +0 -96
  160. package/dist/Editor/themeSettingsAI/index.js +0 -355
  161. package/dist/Editor/themeSettingsAI/saveTheme.js +0 -202
  162. package/dist/Editor/themeSettingsAI/style.js +0 -332
@@ -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;
@@ -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;
@@ -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",