@flozy/editor 10.0.9 → 10.1.1

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 (144) hide show
  1. package/dist/Editor/ChatEditor.js +16 -17
  2. package/dist/Editor/CommonEditor.js +20 -120
  3. package/dist/Editor/DialogWrapper.js +25 -31
  4. package/dist/Editor/Editor.css +8 -16
  5. package/dist/Editor/Elements/AI/PopoverAIInput.js +3 -11
  6. package/dist/Editor/Elements/AppHeader/AppHeader.js +3 -3
  7. package/dist/Editor/Elements/Button/EditorButton.js +9 -25
  8. package/dist/Editor/Elements/Color Picker/ColorButtons.js +14 -61
  9. package/dist/Editor/Elements/Color Picker/ColorPicker.css +1 -25
  10. package/dist/Editor/Elements/Color Picker/ColorPicker.js +7 -10
  11. package/dist/Editor/Elements/Color Picker/Styles.js +13 -15
  12. package/dist/Editor/Elements/DataView/Layouts/ColumnView.js +2 -4
  13. package/dist/Editor/Elements/DataView/Layouts/DataTypes/MultiSelectType.js +6 -21
  14. package/dist/Editor/Elements/DataView/Layouts/Options/AddOptions.js +1 -5
  15. package/dist/Editor/Elements/DataView/Layouts/Options/EditOption.js +2 -3
  16. package/dist/Editor/Elements/DataView/Layouts/Options/index.js +0 -11
  17. package/dist/Editor/Elements/DataView/Layouts/ViewData.js +4 -8
  18. package/dist/Editor/Elements/Embed/Video.js +1 -1
  19. package/dist/Editor/Elements/EmbedScript/Code.js +2 -14
  20. package/dist/Editor/Elements/EmbedScript/EmbedScriptPopup.js +28 -57
  21. package/dist/Editor/Elements/Form/Form.js +168 -179
  22. package/dist/Editor/Elements/Form/FormField.js +4 -10
  23. package/dist/Editor/Elements/Form/Workflow/Styles.js +22 -24
  24. package/dist/Editor/Elements/FreeGrid/FreeGrid.js +24 -6
  25. package/dist/Editor/Elements/FreeGrid/Options/More.js +8 -8
  26. package/dist/Editor/Elements/FreeGrid/styles.js +7 -64
  27. package/dist/Editor/Elements/Grid/GridItem.js +1 -1
  28. package/dist/Editor/Elements/List/CheckList.js +1 -4
  29. package/dist/Editor/Elements/Search/SearchAttachment.js +9 -40
  30. package/dist/Editor/Elements/Search/SearchButton.js +8 -9
  31. package/dist/Editor/Elements/Search/SearchList.js +7 -9
  32. package/dist/Editor/Elements/SimpleText/index.js +1 -6
  33. package/dist/Editor/Elements/SimpleText/style.js +2 -2
  34. package/dist/Editor/Elements/Table/Table.js +3 -3
  35. package/dist/Editor/Elements/Title/title.js +6 -6
  36. package/dist/Editor/Elements/Variables/VariableButton.js +1 -10
  37. package/dist/Editor/MiniEditor.js +1 -2
  38. package/dist/Editor/Styles/EditorStyles.js +5 -5
  39. package/dist/Editor/Toolbar/FormatTools/Dropdown.js +3 -27
  40. package/dist/Editor/Toolbar/FormatTools/FontFamilyAutocomplete.js +3 -4
  41. package/dist/Editor/Toolbar/FormatTools/MarkButton.js +2 -2
  42. package/dist/Editor/Toolbar/FormatTools/TextSize.js +13 -10
  43. package/dist/Editor/Toolbar/Mini/MiniToolbar.js +1 -2
  44. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/MiniColorPicker.js +2 -4
  45. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectFontSize.js +13 -6
  46. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectTypography.js +42 -167
  47. package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/index.js +4 -7
  48. package/dist/Editor/Toolbar/PopupTool/PopperHeader.js +1 -2
  49. package/dist/Editor/Toolbar/PopupTool/PopupToolStyle.js +12 -72
  50. package/dist/Editor/Toolbar/PopupTool/TextFormat.js +27 -100
  51. package/dist/Editor/Toolbar/PopupTool/index.js +1 -1
  52. package/dist/Editor/Toolbar/toolbarGroups.js +6 -48
  53. package/dist/Editor/assets/svg/SettingsIcon.js +0 -1
  54. package/dist/Editor/common/ColorPickerButton.js +16 -38
  55. package/dist/Editor/common/DnD/DragHandleButton.js +1 -1
  56. package/dist/Editor/common/FontLoader/FontLoader.js +0 -3
  57. package/dist/Editor/common/Icon.js +1 -31
  58. package/dist/Editor/common/ImageSelector/Styles.js +9 -3
  59. package/dist/Editor/common/LinkSettings/NavComponents.js +8 -34
  60. package/dist/Editor/common/LinkSettings/index.js +68 -84
  61. package/dist/Editor/common/LinkSettings/style.js +30 -245
  62. package/dist/Editor/common/RnD/ElementOptions/Actions.js +14 -13
  63. package/dist/Editor/common/RnD/ElementOptions/Icons/LinkIcon.js +0 -1
  64. package/dist/Editor/common/RnD/ElementOptions/index.js +2 -2
  65. package/dist/Editor/common/RnD/ElementOptions/styles.js +1 -28
  66. package/dist/Editor/common/RnD/ElementSettings/OtherSettings/Settings.js +5 -6
  67. package/dist/Editor/common/RnD/ElementSettings/Settings/AppHeaderSettings.js +2 -3
  68. package/dist/Editor/common/RnD/ElementSettings/Settings/BoxSettings.js +2 -3
  69. package/dist/Editor/common/RnD/ElementSettings/Settings/ButtonSettings.js +2 -3
  70. package/dist/Editor/common/RnD/ElementSettings/Settings/CodeSettings.js +2 -3
  71. package/dist/Editor/common/RnD/ElementSettings/Settings/FormSettings.js +2 -4
  72. package/dist/Editor/common/RnD/ElementSettings/Settings/ImageSettings.js +2 -3
  73. package/dist/Editor/common/RnD/ElementSettings/Settings/TableSettings.js +2 -3
  74. package/dist/Editor/common/RnD/ElementSettings/Settings/TextSettings.js +1 -3
  75. package/dist/Editor/common/RnD/ElementSettings/Settings/VideoSettings.js +2 -3
  76. package/dist/Editor/common/RnD/ElementSettings/styles.js +12 -147
  77. package/dist/Editor/common/RnD/OptionsPopup/index.js +5 -8
  78. package/dist/Editor/common/RnD/OptionsPopup/style.js +19 -121
  79. package/dist/Editor/common/RnD/SwitchViewport/SwitchViewport.js +5 -8
  80. package/dist/Editor/common/RnD/Theme/ViewportStimulator.js +3 -6
  81. package/dist/Editor/common/RnD/Utils/gridDropItem.js +2 -1
  82. package/dist/Editor/common/RnD/index.js +7 -6
  83. package/dist/Editor/common/Select/index.js +0 -2
  84. package/dist/Editor/common/Shorthands/elements.js +0 -54
  85. package/dist/Editor/common/StyleBuilder/buttonStyle.js +2 -4
  86. package/dist/Editor/common/StyleBuilder/fieldTypes/backgroundImage.js +0 -5
  87. package/dist/Editor/common/StyleBuilder/fieldTypes/bannerSpacing.js +2 -12
  88. package/dist/Editor/common/StyleBuilder/fieldTypes/borderRadius.js +7 -15
  89. package/dist/Editor/common/StyleBuilder/fieldTypes/card.js +8 -16
  90. package/dist/Editor/common/StyleBuilder/fieldTypes/color.js +10 -36
  91. package/dist/Editor/common/StyleBuilder/fieldTypes/fontSize.js +7 -16
  92. package/dist/Editor/common/StyleBuilder/fieldTypes/lineSpacing.js +6 -7
  93. package/dist/Editor/common/StyleBuilder/fieldTypes/menusArray.js +6 -13
  94. package/dist/Editor/common/StyleBuilder/fieldTypes/textOptions.js +7 -15
  95. package/dist/Editor/common/StyleBuilder/pageSettingsStyle.js +7 -5
  96. package/dist/Editor/common/Uploader.js +0 -8
  97. package/dist/Editor/common/iconListV2.js +6 -101
  98. package/dist/Editor/common/iconslist.js +0 -24
  99. package/dist/Editor/commonStyle.js +61 -174
  100. package/dist/Editor/helper/theme.js +2 -203
  101. package/dist/Editor/hooks/useMouseMove.js +5 -8
  102. package/dist/Editor/plugins/withEmbeds.js +1 -1
  103. package/dist/Editor/plugins/withHTML.js +1 -3
  104. package/dist/Editor/plugins/withTable.js +1 -1
  105. package/dist/Editor/theme/ThemeList.js +173 -50
  106. package/dist/Editor/utils/SlateUtilityFunctions.js +43 -166
  107. package/dist/Editor/utils/button.js +17 -1
  108. package/dist/Editor/utils/draftToSlate.js +2 -3
  109. package/dist/Editor/utils/font.js +37 -40
  110. package/dist/Editor/utils/helper.js +19 -90
  111. package/package.json +4 -4
  112. package/dist/Editor/Elements/DataView/Layouts/DataTypes/Components/MultiSelect.js +0 -454
  113. package/dist/Editor/Elements/EmbedScript/styles.js +0 -89
  114. package/dist/Editor/Toolbar/PopupTool/ThemeTextFormat.js +0 -439
  115. package/dist/Editor/assets/svg/BackIcon.js +0 -18
  116. package/dist/Editor/assets/svg/ClearAllRounded.js +0 -31
  117. package/dist/Editor/assets/svg/ResetIconNew.js +0 -23
  118. package/dist/Editor/assets/svg/ThemeIcons.js +0 -293
  119. package/dist/Editor/common/CustomColorPicker/index.js +0 -130
  120. package/dist/Editor/common/CustomColorPicker/style.js +0 -53
  121. package/dist/Editor/common/CustomDialog2/index.js +0 -94
  122. package/dist/Editor/common/CustomDialog2/style.js +0 -67
  123. package/dist/Editor/common/CustomSelect.js +0 -43
  124. package/dist/Editor/common/RnD/Theme/MainThemeProvider.js +0 -17
  125. package/dist/Editor/common/SnackBar/index.js +0 -43
  126. package/dist/Editor/helper/textIndeces.js +0 -58
  127. package/dist/Editor/hooks/useEditorTheme.js +0 -153
  128. package/dist/Editor/hooks/useThemeValues.js +0 -63
  129. package/dist/Editor/theme/index.js +0 -149
  130. package/dist/Editor/themeSettings/ActiveTheme.js +0 -72
  131. package/dist/Editor/themeSettings/buttons/index.js +0 -290
  132. package/dist/Editor/themeSettings/buttons/style.js +0 -23
  133. package/dist/Editor/themeSettings/colorTheme/index.js +0 -309
  134. package/dist/Editor/themeSettings/colorTheme/style.js +0 -81
  135. package/dist/Editor/themeSettings/fonts/PreviewElement.js +0 -121
  136. package/dist/Editor/themeSettings/fonts/index.js +0 -240
  137. package/dist/Editor/themeSettings/fonts/style.js +0 -62
  138. package/dist/Editor/themeSettings/icons.js +0 -60
  139. package/dist/Editor/themeSettings/index.js +0 -361
  140. package/dist/Editor/themeSettings/style.js +0 -292
  141. package/dist/Editor/themeSettingsAI/icons.js +0 -96
  142. package/dist/Editor/themeSettingsAI/index.js +0 -355
  143. package/dist/Editor/themeSettingsAI/saveTheme.js +0 -202
  144. package/dist/Editor/themeSettingsAI/style.js +0 -324
@@ -1,324 +0,0 @@
1
- const style = ({
2
- appTheme: theme
3
- }) => ({
4
- ".fs-12": {
5
- fontSize: "12px"
6
- },
7
- ".fs-14": {
8
- fontSize: "14px"
9
- },
10
- ".fw-500": {
11
- fontWeight: "500"
12
- },
13
- ".fw-600": {
14
- fontWeight: "600"
15
- },
16
- ".pointer": {
17
- cursor: "pointer"
18
- },
19
- ".transformNone": {
20
- textTransform: "none"
21
- },
22
- ".settingsContainer": {
23
- width: "340px",
24
- padding: "16px 16px",
25
- background: "#fff",
26
- ".header": {
27
- borderBottom: `1px solid #DCE4EC`,
28
- paddingBottom: "8px"
29
- // marginBottom: "16px",
30
- }
31
- },
32
-
33
- ".title": {
34
- fontWeight: "700",
35
- fontSize: "14px"
36
- },
37
- ".closeBtn": {
38
- width: "26px",
39
- height: "26px",
40
- BorderRadius: "4px",
41
- flexShrik: "0",
42
- padding: "4px",
43
- background: " #F8FAFC",
44
- borderRadius: "4px"
45
- },
46
- ".MuiTabs-scroller": {
47
- borderBottom: `1px solid #DCE4EC`
48
- },
49
- ".themeCardWrapper": {
50
- borderRadius: "4px",
51
- ".active": {
52
- background: "#ECF2FF"
53
- }
54
- },
55
- ".primaryCard, .secondaryCard": {
56
- width: "44px",
57
- height: "44px",
58
- borderRadius: "5px",
59
- border: `1px solid #929292`
60
- },
61
- ".flexAlign": {
62
- display: "flex",
63
- alignItems: "center"
64
- },
65
- ".activeColorBox, .xsColorBox": {
66
- width: "24px",
67
- height: "24px",
68
- borderRadius: "5px",
69
- border: `1px solid #929292`
70
- },
71
- ".themeCard": {
72
- borderRadius: "7px",
73
- padding: "16px",
74
- border: "1px solid #F3F3F3",
75
- boxShadow: "1px 2px 5px 0px #00000014",
76
- position: "relative",
77
- flexWrap: "nowrap",
78
- ".tickIcon": {
79
- visibility: "hidden",
80
- opacity: "0",
81
- position: "absolute",
82
- right: "-8px",
83
- top: "-8px"
84
- },
85
- "&.selected": {
86
- ".tickIcon": {
87
- visibility: "visible",
88
- opacity: "1"
89
- }
90
- }
91
- },
92
- ".otherColors": {
93
- display: "flex",
94
- flexWrap: "wrap",
95
- width: "48px",
96
- ".smallCard": {
97
- width: "20px",
98
- height: "20px",
99
- borderRadius: "5px",
100
- border: `1px solid #929292`
101
- }
102
- },
103
- ".imageUpload": {
104
- background: "#F3F3F3",
105
- borderRadius: "12px",
106
- padding: "10px",
107
- height: "208px",
108
- position: "relative",
109
- "& .resetIcon": {
110
- position: "absolute",
111
- right: "10px",
112
- top: "10px"
113
- },
114
- ".changeImgText": {
115
- position: "absolute",
116
- left: "50%",
117
- top: "50%",
118
- transform: "translate(-50%, -50%)",
119
- zIndex: 1,
120
- background: "#0000004D",
121
- color: "#fff",
122
- padding: "6px",
123
- borderRadius: "6px",
124
- fontSize: "12px",
125
- fontWeight: 600,
126
- opacity: "0",
127
- visibility: "hidden"
128
- },
129
- "&:hover": {
130
- ".changeImgText": {
131
- opacity: "1",
132
- visibility: "visible"
133
- }
134
- }
135
- },
136
- ".imgUploadInner": {
137
- background: "#fff",
138
- borderRadius: "10px",
139
- border: "0.79px dashed #8360FD",
140
- height: "100%"
141
- },
142
- ".outlineBtn": {
143
- color: "#2563EB",
144
- borderRadius: "10px",
145
- boxShadow: "0px 4px 10px 0px #00000026",
146
- border: "1px solid #2563EB",
147
- background: "#EBF1F9",
148
- height: "34px",
149
- textTransform: "unset",
150
- fontWeight: "bold",
151
- "&:hover": {
152
- background: "#EBF1F9"
153
- }
154
- },
155
- ".seondaryOutlineBtn": {
156
- border: "1px solid #D8DDE1",
157
- borderRadius: "8px",
158
- // boxShadow: "0px 4px 10px 0px #00000026",
159
- height: "34px",
160
- textTransform: "unset",
161
- background: "#f5f6f9 !important",
162
- color: "#64748B !important",
163
- "&:hover": {
164
- border: "1px solid #D8DDE1",
165
- background: "#f5f6f9 !important"
166
- }
167
- },
168
- ".blueBtn": {
169
- boxShadow: "0px 4px 10px 0px #00000026",
170
- background: "#2563EB",
171
- borderRadius: "8px",
172
- textTransform: "unset",
173
- height: "34px",
174
- color: "#fff",
175
- fontWeight: "bold",
176
- "&.disabled": {
177
- background: "#D9D9DD !important",
178
- color: "#fff !important"
179
- }
180
- },
181
- ".generatedItem": {
182
- border: "1px solid #E4E6E9",
183
- borderRadius: "7px",
184
- padding: "14px",
185
- display: "flex",
186
- gap: "16px",
187
- position: "relative",
188
- justifyContent: "space-between",
189
- marginBottom: "12px",
190
- ".tickIcon": {
191
- visibility: "hidden",
192
- opacity: "0",
193
- position: "absolute",
194
- right: "-8px",
195
- top: "-8px"
196
- },
197
- "&.selected": {
198
- border: "1px solid #2563EB",
199
- boxShadow: " 3px 3px 8px 0px #2563EB40",
200
- ".tickIcon": {
201
- visibility: "visible",
202
- opacity: "1"
203
- }
204
- },
205
- ".colorBox": {
206
- border: "1px solid #929292",
207
- height: "28px",
208
- width: "28px",
209
- borderRadius: "5px"
210
- }
211
- },
212
- ".textArea": {
213
- background: "#F3F3F3",
214
- borderRadius: "12px",
215
- padding: "10px",
216
- height: "208px",
217
- "& textarea": {
218
- width: "100%",
219
- height: "100% !important",
220
- border: "0.79px solid #8360FD",
221
- background: "#FFFFFF",
222
- borderRadius: "8px",
223
- padding: "10px"
224
- }
225
- },
226
- ".imageUrl": {
227
- height: "auto !important",
228
- ".MuiOutlinedInput-root": {
229
- border: "0.79px solid #8360FD",
230
- background: "#FFFFFF",
231
- borderRadius: "8px",
232
- ".tickIcon": {
233
- width: "18px"
234
- }
235
- },
236
- "&.invalidUrl": {
237
- ".MuiInputAdornment-root": {
238
- ".tickIcon": {
239
- ".fillPath": {
240
- fill: "#D9D9DD!important"
241
- }
242
- }
243
- }
244
- }
245
- },
246
- ".saveThemeContainer": {
247
- ".MuiOutlinedInput-root": {
248
- borderRadius: "8px",
249
- boxShadow: "0px 4px 16px 0px #0000000D"
250
- }
251
- },
252
- ".uploadedImage": {
253
- width: "126px",
254
- height: "126px",
255
- borderRadius: "126px"
256
- },
257
- ".MuiDialog-paper": {
258
- borderRadius: "10px",
259
- background: theme?.palette?.editor?.miniToolBarBackground
260
- },
261
- "& .MuiInputBase-root": {
262
- borderRadius: "8px",
263
- background: theme?.palette?.editor?.inputFieldBgColor,
264
- border: `none`,
265
- height: "40px",
266
- boxShadow: "0px 4px 16px 0px #0000000D",
267
- fontFamily: "Inter, sans-serif",
268
- "&:hover .MuiOutlinedInput-notchedOutline": {
269
- border: `1px solid ${theme?.palette?.editor?.inputFieldBorder}`
270
- },
271
- "& input::placeholder": {
272
- color: "#94A3B8 !important",
273
- opacity: "unset",
274
- fontFamily: "Inter, sans-serif"
275
- },
276
- "& .colorPickerButton": {
277
- border: `2px solid ${theme?.palette?.editor?.buttonBorder2} !important`
278
- }
279
- },
280
- "& .MuiInputBase-root:has(.colorPickerButton)": {
281
- "& .MuiInputBase-input": {
282
- padding: "8.5px 14px 8.5px 0px",
283
- fontFamily: "Inter, sans-serif"
284
- }
285
- },
286
- "& .MuiInputBase-input": {
287
- color: theme?.palette?.editor?.deletePopUpButtonTextColor,
288
- textTransform: "math-auto",
289
- fontFamily: "Inter, sans-serif"
290
- },
291
- "& .MuiOutlinedInput-notchedOutline": {
292
- border: `1px solid ${theme?.palette?.editor?.inputFieldBorder}`
293
- },
294
- "& fieldset": {
295
- border: `1px solid transparent`,
296
- borderRadius: "8px"
297
- },
298
- "& .saveThemeActionBtns": {
299
- "& button": {
300
- fontWeight: 600,
301
- fontSize: "14px",
302
- opacity: 1,
303
- borderRadius: "8px",
304
- textTransform: "math-auto",
305
- padding: "4px 20px",
306
- height: "fit-content",
307
- minWidth: "90px",
308
- "@media only screen and (max-width: 899px)": {
309
- width: "50%"
310
- },
311
- "&.confirmBtn": {
312
- backgroundColor: "#2563EB",
313
- color: "#ffffff",
314
- border: `1px solid #2563EB`
315
- },
316
- "&.cancelBtn": {
317
- backgroundColor: theme?.palette?.editor?.closeButtonBackground,
318
- color: theme?.palette?.editor?.customDialogueCloseBtnColor,
319
- border: `1px solid ${theme?.palette?.editor?.customDialogueCloseBtnBorder}`
320
- }
321
- }
322
- }
323
- });
324
- export default style;