@flozy/editor 4.8.9 → 4.9.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.
- package/dist/Editor/Editor.css +3 -3
- package/dist/Editor/Elements/Color Picker/ColorButtons.js +1 -1
- package/dist/Editor/Elements/Color Picker/Styles.js +5 -1
- package/dist/Editor/Elements/Grid/GridButton.js +2 -1
- package/dist/Editor/Elements/Signature/SignatureOptions/TypeSignature.js +2 -2
- package/dist/Editor/Elements/Signature/SignaturePopup.js +10 -46
- package/dist/Editor/Toolbar/FormatTools/BlockButton.js +7 -0
- package/dist/Editor/Toolbar/FormatTools/Dropdown.js +5 -11
- package/dist/Editor/Toolbar/FormatTools/FontFamilyAutocomplete.js +8 -4
- package/dist/Editor/Toolbar/FormatTools/TextSize.js +0 -2
- package/dist/Editor/Toolbar/Mini/MiniToolbar.js +3 -6
- package/dist/Editor/Toolbar/Mini/Styles.js +4 -1
- package/dist/Editor/Toolbar/PopupTool/PopperHeader.js +6 -9
- package/dist/Editor/Toolbar/PopupTool/PopupToolStyle.js +265 -40
- package/dist/Editor/Toolbar/PopupTool/TextFormat.js +12 -5
- package/dist/Editor/common/Icon.js +13 -18
- package/dist/Editor/common/MentionsPopup/Styles.js +135 -1
- package/dist/Editor/common/iconListV2.js +304 -19
- package/dist/Editor/commonStyle.js +109 -8
- package/package.json +1 -1
|
@@ -68,9 +68,9 @@ const useCommonStyle = theme => ({
|
|
|
68
68
|
},
|
|
69
69
|
signaturePopup: {
|
|
70
70
|
"& .MuiPaper-root": {
|
|
71
|
-
backgroundColor: theme?.palette?.editor?.
|
|
71
|
+
backgroundColor: theme?.palette?.editor?.miniToolBarBackground,
|
|
72
72
|
"& .signature-canvas": {
|
|
73
|
-
backgroundColor:
|
|
73
|
+
backgroundColor: `${theme?.palette?.editor?.inputFieldBgColor} !important`
|
|
74
74
|
},
|
|
75
75
|
"& label": {
|
|
76
76
|
color: theme?.palette?.editor?.textColor
|
|
@@ -97,25 +97,89 @@ const useCommonStyle = theme => ({
|
|
|
97
97
|
borderColor: theme?.palette?.editor?.textColor
|
|
98
98
|
},
|
|
99
99
|
"& .upload-wrapper-ui": {
|
|
100
|
-
backgroundColor: theme?.palette?.type === "dark" ? "
|
|
100
|
+
backgroundColor: theme?.palette?.type === "dark" ? "#2563EB0F" : "#F8F9FF",
|
|
101
101
|
"& .MuiTypography-root": {
|
|
102
102
|
color: theme?.palette?.editor?.textColor
|
|
103
103
|
}
|
|
104
104
|
},
|
|
105
|
+
"& .typesignature-input-wrapper": {
|
|
106
|
+
"& .MuiInputBase-root": {
|
|
107
|
+
background: `${theme?.palette?.editor?.inputFieldBgColor} !important`,
|
|
108
|
+
borderRadius: "7px !important",
|
|
109
|
+
paddingRight: "6px !important"
|
|
110
|
+
},
|
|
111
|
+
"& .MuiInputBase-input": {
|
|
112
|
+
background: `${theme?.palette?.editor?.inputFieldBgColor} !important`
|
|
113
|
+
},
|
|
114
|
+
"& .MuiOutlinedInput-notchedOutline": {
|
|
115
|
+
border: `1px solid ${theme?.palette?.editor?.signaturePopUpInputFieldBorder}`
|
|
116
|
+
},
|
|
117
|
+
"& .Mui-focused": {
|
|
118
|
+
"& .MuiOutlinedInput-notchedOutline": {
|
|
119
|
+
border: `1px solid #2563EB !important`
|
|
120
|
+
}
|
|
121
|
+
},
|
|
122
|
+
"& button": {
|
|
123
|
+
background: `${theme?.palette?.editor?.closeButtonBgColor} !important`,
|
|
124
|
+
color: `${theme?.palette?.editor?.closeButtonSvgStroke} !important`
|
|
125
|
+
}
|
|
126
|
+
},
|
|
105
127
|
"& .typesignature-fontfamily": {
|
|
106
128
|
"& button": {
|
|
107
|
-
color: theme?.palette?.editor?.textColor
|
|
129
|
+
color: theme?.palette?.editor?.textColor,
|
|
130
|
+
background: `${theme?.palette?.editor?.signatureFontBtnBg} !important`,
|
|
131
|
+
border: `1px solid ${theme?.palette?.editor?.sectionSettingIconHover} !important`,
|
|
132
|
+
"& p": {
|
|
133
|
+
fontSize: "13px !important"
|
|
134
|
+
}
|
|
135
|
+
},
|
|
136
|
+
"& .active ": {
|
|
137
|
+
border: `1px solid #2563EB !important`,
|
|
138
|
+
background: `${theme?.palette?.editor?.signaturePopUpTabButtonSelectedBg} !important`
|
|
108
139
|
}
|
|
109
140
|
},
|
|
110
141
|
"& .MuiTab-root": {
|
|
111
|
-
color: theme?.palette?.editor?.
|
|
112
|
-
backgroundColor: theme?.palette?.editor?.
|
|
142
|
+
color: `${theme?.palette?.editor?.closeButtonSvgStroke} !important`,
|
|
143
|
+
backgroundColor: `${theme?.palette?.editor?.inputFieldBgColor} !important`,
|
|
144
|
+
opacity: "unset",
|
|
145
|
+
fontSize: "12px !important",
|
|
146
|
+
fontWeight: "500 !important",
|
|
147
|
+
border: `1px solid ${theme?.palette?.editor?.signaturePopUpTabButtonBorder} !important`
|
|
148
|
+
},
|
|
149
|
+
"& .Mui-selected": {
|
|
150
|
+
background: `${theme?.palette?.editor?.signaturePopUpTabButtonSelectedBg} !important`,
|
|
151
|
+
color: `${theme?.palette?.editor?.textColor} !important`,
|
|
152
|
+
border: `1px solid ${theme?.palette?.editor?.signaturePopUpTabButtonSelectedBorder} !important`,
|
|
153
|
+
"& .MuiGrid-root": {
|
|
154
|
+
"& svg": {
|
|
155
|
+
"& path": {
|
|
156
|
+
fill: `${theme?.palette?.editor?.signaturePopUpTabButtonSelectedSvg} !important`
|
|
157
|
+
}
|
|
158
|
+
}
|
|
159
|
+
}
|
|
113
160
|
},
|
|
114
161
|
"& .close-popupbtn": {
|
|
115
|
-
color: theme?.palette?.editor?.
|
|
162
|
+
color: theme?.palette?.editor?.closeButtonSvgStroke,
|
|
163
|
+
background: `${theme?.palette?.editor?.closeButtonBgColor} !important`
|
|
116
164
|
},
|
|
117
165
|
"& .deleteBtn": {
|
|
118
166
|
background: "transparent"
|
|
167
|
+
},
|
|
168
|
+
"& .MuiGrid-container": {
|
|
169
|
+
"& .workFlowButton": {
|
|
170
|
+
background: `${theme?.palette?.editor?.workFlowButtonBackground} !important`,
|
|
171
|
+
textTransform: "unset !important",
|
|
172
|
+
color: `${theme?.palette?.editor?.textColor} !important`,
|
|
173
|
+
fontSize: "14px !important",
|
|
174
|
+
fontWeight: "500 !important"
|
|
175
|
+
}
|
|
176
|
+
},
|
|
177
|
+
"& .MuiDialogActions-root": {
|
|
178
|
+
"& .deleteButtonSignature": {
|
|
179
|
+
background: `${theme?.palette?.editor?.closeButtonBackground} !important`,
|
|
180
|
+
color: `${theme?.palette?.editor?.deletePopUpButtonTextColor} !important`,
|
|
181
|
+
border: `1px solid ${theme?.palette?.editor?.closeButtonBorder} !important`
|
|
182
|
+
}
|
|
119
183
|
}
|
|
120
184
|
}
|
|
121
185
|
},
|
|
@@ -130,7 +194,44 @@ const useCommonStyle = theme => ({
|
|
|
130
194
|
},
|
|
131
195
|
datePicker: {
|
|
132
196
|
"& .react-datepicker-wrapper": {
|
|
133
|
-
width: "100%"
|
|
197
|
+
width: "100%",
|
|
198
|
+
"& .react-datepicker__input-container": {
|
|
199
|
+
"& .MuiInputBase-root": {
|
|
200
|
+
background: `${theme?.palette?.editor?.inputFieldBgColor} !important`,
|
|
201
|
+
"& .MuiInputBase-input": {
|
|
202
|
+
background: `${theme?.palette?.editor?.inputFieldBgColor} !important`,
|
|
203
|
+
color: `${theme?.palette?.editor?.textColor} !important`
|
|
204
|
+
},
|
|
205
|
+
"& .MuiOutlinedInput-notchedOutline": {
|
|
206
|
+
border: `1px solid ${theme?.palette?.editor?.signaturePopUpInputFieldBorder} !important`
|
|
207
|
+
}
|
|
208
|
+
}
|
|
209
|
+
}
|
|
210
|
+
}
|
|
211
|
+
},
|
|
212
|
+
signaturePopUpNameField: {
|
|
213
|
+
background: "transparent !important",
|
|
214
|
+
"& .MuiInputBase-root": {
|
|
215
|
+
borderRadius: "10px !important",
|
|
216
|
+
background: "transparent !important",
|
|
217
|
+
"& .MuiOutlinedInput-input": {
|
|
218
|
+
background: `${theme?.palette?.editor?.inputFieldBgColor} !important`,
|
|
219
|
+
borderRadius: "10px !important",
|
|
220
|
+
border: `1px solid ${theme?.palette?.editor?.signaturePopUpInputFieldBorder} !important`,
|
|
221
|
+
fontSize: "14px !important",
|
|
222
|
+
fontWeight: "500 !important"
|
|
223
|
+
},
|
|
224
|
+
"& .MuiOutlinedInput-notchedOutline": {
|
|
225
|
+
border: `1px solid transparent !important`
|
|
226
|
+
}
|
|
227
|
+
},
|
|
228
|
+
"& .Mui-focused": {
|
|
229
|
+
"& .MuiOutlinedInput-input": {
|
|
230
|
+
border: `1px solid #2563EB !important`
|
|
231
|
+
},
|
|
232
|
+
"& .MuiOutlinedInput-notchedOutline": {
|
|
233
|
+
border: `1px solid transparent !important`
|
|
234
|
+
}
|
|
134
235
|
}
|
|
135
236
|
}
|
|
136
237
|
});
|