@flozy/editor 9.2.4 → 9.2.6

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 (4) hide show
  1. package/dist/Editor/assets/svg/CalenderIconTick.js +1 -0
  2. package/dist/Editor/common/MentionsPopup/Styles.js +111 -67
  3. package/dist/Editor/common/MentionsPopup/index.js +2 -2
  4. package/package.json +1 -1
package/dist/Editor/assets/svg/CalenderIconTick.js CHANGED
@@ -7,6 +7,7 @@ const CalenderIconTick = () => {
7
7
  viewBox: "0 0 14 14",
8
8
  fill: "none",
9
9
  xmlns: "http://www.w3.org/2000/svg",
10
+ className: "commonSvgStyle",
10
11
  children: [/*#__PURE__*/_jsx("path", {
11
12
  d: "M4.66797 1.1665V2.9165",
12
13
  stroke: "#64748B",
package/dist/Editor/common/MentionsPopup/Styles.js CHANGED
@@ -8,32 +8,51 @@ const usePopupStyles = theme => ({
8
8
  // padding: "8px 0px !important",
9
9
  background: `${theme?.palette?.editor?.miniToolBarBackground} !important`,
10
10
  "& .MuiPaper-root": {
11
- background: `${theme?.palette?.editor?.miniToolBarBackground} !important`,
12
- "& .MuiBox-root": {
13
- "& .renderComp": {
14
- padding: "2px 0px 2px 1px",
15
- background: "transparent !important",
16
- "&:hover": {
17
- borderRadius: "10px",
18
- background: `${theme?.palette?.editor?.menuOptionHoverBackground} !important`
19
- }
20
- },
21
- "& button": {
22
- padding: "0px 0px 0px 4px !important",
23
- "& svg": {
24
- width: "21px !important",
25
- margin: "5px 12px 6px 4px !important"
26
- },
27
- "&:hover": {
28
- borderRadius: "10px",
29
- background: `${theme?.palette?.editor?.menuOptionHoverBackground} !important`
30
- }
31
- },
11
+ borderRadius: "10px !important",
12
+ background: `${theme?.palette?.editor?.miniToolBarBackground}`
13
+ },
14
+ "& button": {
15
+ borderRadius: "10px !important",
16
+ padding: "0px 0px 0px 4px !important",
17
+ "& svg": {
18
+ width: "21px !important",
19
+ margin: "5px 12px 6px 4px !important"
20
+ }
21
+ },
22
+ "& .renderComp": {
23
+ padding: "2px 0px 2px 1px"
24
+ },
25
+ "& .selectedEle": {
26
+ marginTop: "5px",
27
+ background: theme?.palette?.editor?.menuOptionSelectedOption,
28
+ border: "unset",
29
+ "& .MuiTypography-root": {
30
+ color: theme?.palette?.editor?.menuOptionsSelectedTextColor
31
+ },
32
+ "& .MuiPaper-root": {
33
+ background: theme?.palette?.editor?.menuOptionSelectedOption,
32
34
  "&:hover": {
33
- "& .MuiPaper-root": {
34
- background: `${theme?.palette?.editor?.menuOptionHoverBackground} !important`,
35
- borderRadius: "7px"
36
- }
35
+ background: theme?.palette?.editor?.menuOptionSelectedOption
36
+ }
37
+ },
38
+ "& button": {
39
+ background: theme?.palette?.editor?.menuOptionSelectedOption
40
+ },
41
+ "&:hover": {
42
+ background: theme?.palette?.editor?.menuOptionSelectedOption
43
+ }
44
+ },
45
+ "& .notActive": {
46
+ marginTop: "5px",
47
+ background: theme?.palette?.editor?.miniToolBarBackground,
48
+ border: "unset",
49
+ "&:hover": {
50
+ background: theme?.palette?.editor?.menuOptionHoverBackground
51
+ },
52
+ "& .MuiPaper-root": {
53
+ background: theme?.palette?.editor?.miniToolBarBackground,
54
+ "&:hover": {
55
+ background: theme?.palette?.editor?.menuOptionHoverBackground
37
56
  }
38
57
  }
39
58
  }
@@ -59,6 +78,12 @@ const usePopupStyles = theme => ({
59
78
  "& .orderedListIcon, .bulletedListTextIcon, .checkedListTextIcon, .accordianIconSvgTextFormat": {
60
79
  width: "20px !important"
61
80
  },
81
+ "&::-webkit-scrollbar-thumb": {
82
+ background: `none !important`
83
+ },
84
+ "&::-webkit-scrollbar-track": {
85
+ visibility: "hidden"
86
+ },
62
87
  "&::-webkit-scrollbar-thumb": {
63
88
  background: `${theme?.palette?.editor?.brainPopupScroll} !important`
64
89
  },
@@ -69,62 +94,32 @@ const usePopupStyles = theme => ({
69
94
  width: "20px",
70
95
  height: "20px"
71
96
  },
72
- "& .signatureElementIcon": {
97
+ "& .signatureElementIcon, & .newLineElementIcon": {
73
98
  "& path": {
74
- fill: `${theme?.palette?.editor?.closeButtonSvgStroke}`
75
- }
76
- },
77
- "& .commonSvgStyle": {
78
- "& path": {
79
- stroke: `${theme?.palette?.editor?.closeButtonSvgStroke}`
99
+ fill: theme?.palette?.editor?.closeButtonSvgStroke
80
100
  }
81
101
  },
82
- "& .commonSvgStyle2": {
102
+ "& .commonSvgStyle, & .commonSvgStyle2, & .gridElementIcon, & .checkedListTextIcon, & .accordianIconSvgTextFormat": {
83
103
  "& path": {
84
- stroke: `${theme?.palette?.editor?.closeButtonSvgStroke}`
104
+ stroke: theme?.palette?.editor?.closeButtonSvgStroke
85
105
  }
86
106
  },
87
107
  "& .colorBoxElementIcon": {
88
108
  "& path": {
89
- stroke: `${theme?.palette?.editor?.closeButtonSvgStroke}`,
109
+ stroke: theme?.palette?.editor?.closeButtonSvgStroke,
90
110
  fill: "none"
91
111
  }
92
112
  },
93
- "& .gridElementIcon": {
94
- "& path": {
95
- stroke: `${theme?.palette?.editor?.closeButtonSvgStroke}`
96
- }
97
- },
98
- "& .newLineElementIcon": {
99
- "& path": {
100
- fill: `${theme?.palette?.editor?.closeButtonSvgStroke}`
101
- }
102
- },
103
113
  "& .orderedListIcon": {
104
- "& .strokePathList": {
105
- stroke: theme?.palette?.editor?.closeButtonSvgStroke
106
- },
107
- "& .fillPathList": {
114
+ "& .strokePathList, & .fillPathList": {
115
+ stroke: theme?.palette?.editor?.closeButtonSvgStroke,
108
116
  fill: theme?.palette?.editor?.closeButtonSvgStroke
109
117
  }
110
118
  },
111
119
  "& .bulletedListTextIcon": {
112
- "& path": {
120
+ "& path, & circle": {
113
121
  fill: theme?.palette?.editor?.closeButtonSvgStroke,
114
122
  stroke: theme?.palette?.editor?.closeButtonSvgStroke
115
- },
116
- "& circle": {
117
- fill: theme?.palette?.editor?.closeButtonSvgStroke
118
- }
119
- },
120
- "& .checkedListTextIcon": {
121
- "& path": {
122
- stroke: theme?.palette?.editor?.closeButtonSvgStroke
123
- }
124
- },
125
- "& .accordianIconSvgTextFormat": {
126
- "& path": {
127
- stroke: theme?.palette?.editor?.closeButtonSvgStroke
128
123
  }
129
124
  },
130
125
  "& .blockQuoteSvg": {
@@ -142,15 +137,64 @@ const usePopupStyles = theme => ({
142
137
  }
143
138
  },
144
139
  "& .calederIconSvg": {
145
- "& rect": {
146
- stroke: theme?.palette?.editor?.closeButtonSvgStroke
147
- },
148
- "& .strokePath": {
140
+ "& rect, & .strokePath": {
149
141
  stroke: theme?.palette?.editor?.closeButtonSvgStroke
150
142
  },
151
143
  "& .fillPath": {
152
144
  fill: theme?.palette?.editor?.closeButtonSvgStroke
153
145
  }
146
+ },
147
+ "& .selectedEle": {
148
+ "& .signatureElementIcon, & .newLineElementIcon": {
149
+ "& path": {
150
+ fill: theme?.palette?.editor?.menuOptionsSelectedTextColor
151
+ }
152
+ },
153
+ "& .commonSvgStyle, & .commonSvgStyle2, & .gridElementIcon, & .checkedListTextIcon, & .accordianIconSvgTextFormat": {
154
+ "& path": {
155
+ stroke: theme?.palette?.editor?.menuOptionsSelectedTextColor
156
+ }
157
+ },
158
+ "& .colorBoxElementIcon": {
159
+ "& path": {
160
+ stroke: theme?.palette?.editor?.menuOptionsSelectedTextColor,
161
+ fill: "none"
162
+ }
163
+ },
164
+ "& .orderedListIcon": {
165
+ "& .strokePathList, & .fillPathList": {
166
+ stroke: theme?.palette?.editor?.menuOptionsSelectedTextColor,
167
+ fill: theme?.palette?.editor?.menuOptionsSelectedTextColor
168
+ }
169
+ },
170
+ "& .bulletedListTextIcon": {
171
+ "& path, & circle": {
172
+ fill: theme?.palette?.editor?.menuOptionsSelectedTextColor,
173
+ stroke: theme?.palette?.editor?.menuOptionsSelectedTextColor
174
+ }
175
+ },
176
+ "& .blockQuoteSvg": {
177
+ fill: theme?.palette?.editor?.menuOptionsSelectedTextColor,
178
+ stroke: theme?.palette?.editor?.menuOptionsSelectedTextColor
179
+ },
180
+ "& .BrainIcon": {
181
+ "& .bainIconPathStroke": {
182
+ fill: theme?.palette?.editor?.menuOptionsSelectedTextColor,
183
+ stroke: "unset !important"
184
+ },
185
+ "& .bainIconPathStroke2": {
186
+ stroke: theme?.palette?.editor?.menuOptionsSelectedTextColor,
187
+ fill: theme?.palette?.editor?.menuOptionsSelectedTextColor
188
+ }
189
+ },
190
+ "& .calederIconSvg": {
191
+ "& rect, & .strokePath": {
192
+ stroke: theme?.palette?.editor?.menuOptionsSelectedTextColor
193
+ },
194
+ "& .fillPath": {
195
+ fill: theme?.palette?.editor?.menuOptionsSelectedTextColor
196
+ }
197
+ }
154
198
  }
155
199
  },
156
200
  groupHeader: {
package/dist/Editor/common/MentionsPopup/index.js CHANGED
@@ -98,10 +98,10 @@ const MentionsPopup = /*#__PURE__*/forwardRef((props, ref) => {
98
98
  component: "div",
99
99
  sx: classes.renderComp,
100
100
  children: [renderGroupHeader(char), /*#__PURE__*/_jsx(Box, {
101
- id: `cmd-li-ind-${index}}`,
101
+ id: `cmd-li-ind-${index}`,
102
102
  component: "div",
103
103
  onClick: handleClick(char, i),
104
- className: `${type !== 'elements' && i === index ? "active" : " "} ${char.renderComponent ? "renderComp" : ""}`,
104
+ className: `${i === index ? "selectedEle" : "notActive"} ${char.renderComponent ? "renderComp" : ""}`,
105
105
  sx: classes.listItem,
106
106
  ref: i === index ? papperRef : null,
107
107
  children: char.renderComponent ? char.renderComponent({
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@flozy/editor",
3
- "version": "9.2.4",
3
+ "version": "9.2.6",
4
4
  "description": "An Editor for flozy app brain",
5
5
  "files": [
6
6
  "dist"