@flozy/editor 4.8.9 → 4.9.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 (26) hide show
  1. package/dist/Editor/CommonEditor.js +2 -1
  2. package/dist/Editor/Editor.css +3 -3
  3. package/dist/Editor/Elements/Color Picker/ColorButtons.js +1 -1
  4. package/dist/Editor/Elements/Color Picker/Styles.js +5 -1
  5. package/dist/Editor/Elements/Grid/GridButton.js +2 -1
  6. package/dist/Editor/Elements/Grid/GridItem.js +4 -3
  7. package/dist/Editor/Elements/Grid/Styles.js +10 -0
  8. package/dist/Editor/Elements/Grid/templates/default_grid.js +4 -4
  9. package/dist/Editor/Elements/Signature/SignatureOptions/TypeSignature.js +2 -2
  10. package/dist/Editor/Elements/Signature/SignaturePopup.js +10 -46
  11. package/dist/Editor/Toolbar/FormatTools/BlockButton.js +7 -0
  12. package/dist/Editor/Toolbar/FormatTools/Dropdown.js +5 -11
  13. package/dist/Editor/Toolbar/FormatTools/FontFamilyAutocomplete.js +8 -4
  14. package/dist/Editor/Toolbar/FormatTools/TextSize.js +0 -2
  15. package/dist/Editor/Toolbar/Mini/MiniToolbar.js +3 -6
  16. package/dist/Editor/Toolbar/Mini/Styles.js +4 -1
  17. package/dist/Editor/Toolbar/PopupTool/PopperHeader.js +6 -9
  18. package/dist/Editor/Toolbar/PopupTool/PopupToolStyle.js +265 -40
  19. package/dist/Editor/Toolbar/PopupTool/TextFormat.js +12 -5
  20. package/dist/Editor/common/Icon.js +13 -18
  21. package/dist/Editor/common/MentionsPopup/Styles.js +135 -1
  22. package/dist/Editor/common/RnD/SwitchViewport/SwitchViewport.js +11 -2
  23. package/dist/Editor/common/iconListV2.js +304 -19
  24. package/dist/Editor/commonStyle.js +109 -8
  25. package/dist/Editor/utils/gridItem.js +8 -4
  26. package/package.json +1 -1
package/dist/Editor/common/MentionsPopup/Styles.js CHANGED
@@ -5,7 +5,141 @@ const usePopupStyles = theme => ({
5
5
  borderRadius: "10px",
6
6
  padding: "0px",
7
7
  boxShadow: "0px 4px 10px 0px #00000029",
8
- overflow: "hidden"
8
+ overflow: "hidden",
9
+ padding: "8px 0px !important",
10
+ background: `${theme?.palette?.editor?.miniToolBarBackground} !important`,
11
+ "& .MuiPaper-root": {
12
+ background: `${theme?.palette?.editor?.miniToolBarBackground} !important`,
13
+ "& .MuiBox-root": {
14
+ "& .renderComp": {
15
+ padding: "2px 0px",
16
+ background: "transparent !important"
17
+ },
18
+ "& button": {
19
+ padding: "0px 0px 0px 6px",
20
+ "& svg": {
21
+ width: "19px !important"
22
+ }
23
+ },
24
+ "& .active": {
25
+ border: "unset !important",
26
+ "& .MuiPaper-root": {
27
+ background: `${theme?.palette?.editor?.menuOptionSelectedOption} !important`,
28
+ borderRadius: "7px",
29
+ "& .MuiBox-root": {
30
+ "& .MuiCardContent-root": {
31
+ "& .MuiTypography-root": {
32
+ color: `${theme?.palette?.editor?.menuOptionsSelectedTextColor} !important`
33
+ }
34
+ }
35
+ }
36
+ },
37
+ "& button": {
38
+ background: `${theme?.palette?.editor?.menuOptionSelectedOption} !important`,
39
+ borderRadius: "7px",
40
+ "& svg": {
41
+ "& path": {
42
+ stroke: `${theme?.palette?.editor?.menuOptionsSelectedTextColor} !important`
43
+ }
44
+ },
45
+ "& span": {
46
+ "& .MuiTypography-root": {
47
+ color: `${theme?.palette?.editor?.menuOptionsSelectedTextColor} !important`
48
+ }
49
+ }
50
+ },
51
+ "& .MuiCardMedia-root": {
52
+ "& .signatureElementIcon": {
53
+ "& path": {
54
+ fill: `${theme?.palette?.editor?.menuOptionsSelectedTextColor} !important`
55
+ }
56
+ },
57
+ "& .commonSvgStyle": {
58
+ "& path": {
59
+ stroke: `${theme?.palette?.editor?.menuOptionsSelectedTextColor} !important`
60
+ }
61
+ },
62
+ "& .calederIconSvg": {
63
+ "& path": {
64
+ stroke: `${theme?.palette?.editor?.menuOptionsSelectedTextColor} !important`
65
+ },
66
+ "& rect": {
67
+ stroke: `${theme?.palette?.editor?.menuOptionsSelectedTextColor} !important`
68
+ }
69
+ },
70
+ "& .colorBoxElementIcon": {
71
+ "& path": {
72
+ stroke: `${theme?.palette?.editor?.menuOptionsSelectedTextColor} !important`,
73
+ fill: "none"
74
+ }
75
+ },
76
+ "& .gridElementIcon": {
77
+ "& path": {
78
+ stroke: `${theme?.palette?.editor?.menuOptionsSelectedTextColor} !important`
79
+ }
80
+ },
81
+ "& .newLineElementIcon": {
82
+ "& path": {
83
+ fill: `${theme?.palette?.editor?.menuOptionsSelectedTextColor} !important`
84
+ }
85
+ },
86
+ "& .blockQuoteSvg": {
87
+ fill: `${theme?.palette?.editor?.menuOptionsSelectedTextColor} !important`
88
+ },
89
+ "& .orderedListIcon": {
90
+ "& path": {
91
+ stroke: `${theme?.palette?.editor?.menuOptionsSelectedTextColor} !important`
92
+ },
93
+ "& text": {
94
+ fill: `${theme?.palette?.editor?.menuOptionsSelectedTextColor} !important`
95
+ }
96
+ },
97
+ "& .bulletedListTextIcon": {
98
+ "& path": {
99
+ fill: `${theme?.palette?.editor?.menuOptionsSelectedTextColor} !important`,
100
+ stroke: `${theme?.palette?.editor?.menuOptionsSelectedTextColor} !important`
101
+ },
102
+ "& circle": {
103
+ fill: `${theme?.palette?.editor?.menuOptionsSelectedTextColor} !important`
104
+ }
105
+ },
106
+ "& .checkedListTextIcon": {
107
+ "& path": {
108
+ stroke: `${theme?.palette?.editor?.menuOptionsSelectedTextColor} !important`
109
+ }
110
+ },
111
+ "& .accordianListTextIcon": {
112
+ // stroke: `${theme?.palette?.editor?.svgTextAlignStrokeColor} !important`,
113
+ "& svg": {
114
+ fill: `${theme?.palette?.editor?.menuOptionsSelectedTextColor} !important`,
115
+ stroke: `${theme?.palette?.editor?.menuOptionsSelectedTextColor} !important`
116
+ },
117
+ "& path": {
118
+ fill: `${theme?.palette?.editor?.menuOptionsSelectedTextColor} !important`,
119
+ stroke: `${theme?.palette?.editor?.menuOptionsSelectedTextColor} !important`
120
+ }
121
+ },
122
+ "& .accordianIconSvgTextFormat": {
123
+ "& path": {
124
+ stroke: `${theme?.palette?.editor?.menuOptionsSelectedTextColor} !important`
125
+ }
126
+ },
127
+ "& .commonSvgStyle2": {
128
+ background: "red !important"
129
+ }
130
+ },
131
+ "& .renderComp": {
132
+ backgroundColor: "red !important"
133
+ }
134
+ },
135
+ "&:hover": {
136
+ "& .MuiPaper-root": {
137
+ background: `${theme?.palette?.editor?.menuOptionHoverBackground} !important`,
138
+ borderRadius: "7px"
139
+ }
140
+ }
141
+ }
142
+ }
9
143
  },
10
144
  papper: {
11
145
  boxShadow: "none",
package/dist/Editor/common/RnD/SwitchViewport/SwitchViewport.js CHANGED
@@ -3,19 +3,28 @@ import PersonalVideoIcon from "@mui/icons-material/PersonalVideo";
3
3
  import PhoneIphoneIcon from "@mui/icons-material/PhoneIphone";
4
4
  import useSwitchViewport from "./styles";
5
5
  import { useEffect } from "react";
6
+ import { useEditorContext } from "../../../hooks/useMouseMove";
6
7
  import { jsx as _jsx } from "react/jsx-runtime";
7
8
  import { jsxs as _jsxs } from "react/jsx-runtime";
8
9
  const SwitchViewport = props => {
9
10
  const {
10
11
  breakpoint,
11
- onChange
12
+ onChange,
13
+ show
12
14
  } = props;
13
15
  const classes = useSwitchViewport();
16
+ const {
17
+ setSelectedElement
18
+ } = useEditorContext();
14
19
  useEffect(() => {
15
- console.log(breakpoint);
20
+ // to reset selection on viewport changes - FS-6589
21
+ setSelectedElement({});
16
22
  }, [breakpoint]);
17
23
  return /*#__PURE__*/_jsxs(Box, {
18
24
  sx: classes.root,
25
+ style: {
26
+ display: show ? "block" : "none"
27
+ },
19
28
  children: [/*#__PURE__*/_jsx(Tooltip, {
20
29
  title: "Desktop View",
21
30
  children: /*#__PURE__*/_jsx(IconButton, {