@flozy/editor 5.3.4 → 5.3.6
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/Editor/CommonEditor.js +8 -14
- package/dist/Editor/Editor.css +22 -50
- package/dist/Editor/Elements/Accordion/Accordion.js +1 -8
- package/dist/Editor/Elements/AppHeader/AppHeader.js +6 -6
- package/dist/Editor/Elements/Button/EditorButton.js +2 -9
- package/dist/Editor/Elements/Color Picker/ColorButtons.js +2 -4
- package/dist/Editor/Elements/Divider/Divider.js +9 -24
- package/dist/Editor/Elements/Embed/Image.js +12 -31
- package/dist/Editor/Elements/Embed/Video.js +2 -13
- package/dist/Editor/Elements/Form/Form.js +0 -1
- package/dist/Editor/Elements/FreeGrid/breakpointConstants.js +4 -4
- package/dist/Editor/Elements/FreeGrid/styles.js +1 -2
- package/dist/Editor/Elements/Grid/GridItem.js +0 -2
- package/dist/Editor/Elements/Grid/Styles.js +0 -44
- package/dist/Editor/Elements/List/CheckList.js +1 -2
- package/dist/Editor/Elements/PageSettings/PageSettingsButton.js +0 -1
- package/dist/Editor/Elements/Search/SearchAttachment.js +0 -1
- package/dist/Editor/Elements/Signature/SignaturePopup.js +4 -4
- package/dist/Editor/Elements/SimpleText/index.js +1 -8
- package/dist/Editor/Elements/SimpleText/style.js +1 -10
- package/dist/Editor/Elements/TopBanner/TopBanner.js +1 -2
- package/dist/Editor/Styles/EditorStyles.js +3 -5
- package/dist/Editor/Toolbar/FormatTools/FontFamilyAutocomplete.js +1 -17
- package/dist/Editor/Toolbar/FormatTools/TextSize.js +3 -5
- package/dist/Editor/Toolbar/PopupTool/PopupToolStyle.js +72 -210
- package/dist/Editor/Toolbar/PopupTool/TextFormat.js +8 -55
- package/dist/Editor/Toolbar/Toolbar.js +0 -6
- package/dist/Editor/Toolbar/toolbarGroups.js +0 -4
- package/dist/Editor/assets/svg/SettingsIcon.js +4 -4
- package/dist/Editor/common/ColorPickerButton.js +3 -5
- package/dist/Editor/common/DnD/Draggable.js +1 -2
- package/dist/Editor/common/FontLoader/FontLoader.js +4 -4
- package/dist/Editor/common/Icon.js +0 -6
- package/dist/Editor/common/ImageSelector/Options/Upload.js +1 -2
- package/dist/Editor/common/ImageSelector/Styles.js +6 -47
- package/dist/Editor/common/ImageSelector/UploadStyles.js +6 -18
- package/dist/Editor/common/MentionsPopup/Styles.js +122 -109
- package/dist/Editor/common/RnD/ElementSettings/Settings/FormSettings.js +0 -1
- package/dist/Editor/common/RnD/GuideLines/styles.js +3 -3
- package/dist/Editor/common/RnD/ShadowElement.js +1 -1
- package/dist/Editor/common/RnD/SwitchViewport/SwitchViewport.js +2 -14
- package/dist/Editor/common/RnD/Utils/gridDropItem.js +6 -9
- package/dist/Editor/common/RnD/index.js +1 -2
- package/dist/Editor/common/Section/index.js +3 -3
- package/dist/Editor/common/Section/styles.js +1 -5
- package/dist/Editor/common/Shorthands/elements.js +1 -13
- package/dist/Editor/common/StyleBuilder/fieldTypes/backgroundImage.js +3 -9
- package/dist/Editor/common/StyleBuilder/fieldTypes/bannerSpacing.js +3 -27
- package/dist/Editor/common/StyleBuilder/fieldTypes/borderRadius.js +2 -15
- package/dist/Editor/common/StyleBuilder/fieldTypes/card.js +2 -10
- package/dist/Editor/common/StyleBuilder/fieldTypes/color.js +1 -2
- package/dist/Editor/common/StyleBuilder/fieldTypes/fontSize.js +1 -1
- package/dist/Editor/common/StyleBuilder/fieldTypes/icons.js +0 -2
- package/dist/Editor/common/StyleBuilder/fieldTypes/index.js +1 -3
- package/dist/Editor/common/StyleBuilder/fieldTypes/radiusStyle.js +4 -4
- package/dist/Editor/common/StyleBuilder/fieldTypes/saveAsTemplate.js +6 -22
- package/dist/Editor/common/StyleBuilder/fieldTypes/selectBox.js +2 -21
- package/dist/Editor/common/StyleBuilder/fieldTypes/textOptions.js +0 -7
- package/dist/Editor/common/StyleBuilder/index.js +3 -4
- package/dist/Editor/common/StyleBuilder/pageSettingsStyle.js +0 -4
- package/dist/Editor/common/ToolbarIcon.js +1 -2
- package/dist/Editor/common/Uploader.js +36 -46
- package/dist/Editor/common/iconListV2.js +130 -348
- package/dist/Editor/common/iconslist.js +3 -6
- package/dist/Editor/commonStyle.js +4 -290
- package/dist/Editor/helper/index.js +3 -16
- package/dist/Editor/helper/theme.js +1 -24
- package/dist/Editor/hooks/useMouseMove.js +2 -5
- package/dist/Editor/plugins/withCustomDeleteBackward.js +2 -33
- package/dist/Editor/plugins/withEmbeds.js +26 -30
- package/dist/Editor/utils/SlateUtilityFunctions.js +4 -27
- package/dist/Editor/utils/button.js +4 -4
- package/dist/Editor/utils/helper.js +13 -40
- package/dist/Editor/utils/pageSettings.js +2 -14
- package/package.json +2 -2
- package/dist/Editor/Elements/DataView/DataView.js +0 -124
- package/dist/Editor/Elements/DataView/DataViewButton.js +0 -23
- package/dist/Editor/Elements/DataView/Layouts/ColumnView.js +0 -67
- package/dist/Editor/Elements/DataView/Layouts/DataTypes/CheckType.js +0 -33
- package/dist/Editor/Elements/DataView/Layouts/DataTypes/Components/Select.js +0 -162
- package/dist/Editor/Elements/DataView/Layouts/DataTypes/Components/SimpleSelect.js +0 -40
- package/dist/Editor/Elements/DataView/Layouts/DataTypes/Components/styles.js +0 -67
- package/dist/Editor/Elements/DataView/Layouts/DataTypes/DateType.js +0 -35
- package/dist/Editor/Elements/DataView/Layouts/DataTypes/MultiSelectType.js +0 -39
- package/dist/Editor/Elements/DataView/Layouts/DataTypes/NumberType.js +0 -30
- package/dist/Editor/Elements/DataView/Layouts/DataTypes/PersonType.js +0 -30
- package/dist/Editor/Elements/DataView/Layouts/DataTypes/SelectType.js +0 -35
- package/dist/Editor/Elements/DataView/Layouts/DataTypes/TextType.js +0 -36
- package/dist/Editor/Elements/DataView/Layouts/DataTypes/index.js +0 -17
- package/dist/Editor/Elements/DataView/Layouts/FilterSort/SortOptions/ChooseField.js +0 -29
- package/dist/Editor/Elements/DataView/Layouts/FilterSort/SortOptions/ChooseSort.js +0 -38
- package/dist/Editor/Elements/DataView/Layouts/FilterSort/SortOptions/index.js +0 -74
- package/dist/Editor/Elements/DataView/Layouts/FilterSort/index.js +0 -64
- package/dist/Editor/Elements/DataView/Layouts/FilterSort/styles.js +0 -106
- package/dist/Editor/Elements/DataView/Layouts/FilterView.js +0 -174
- package/dist/Editor/Elements/DataView/Layouts/Formula.js +0 -29
- package/dist/Editor/Elements/DataView/Layouts/Options/AddOptions.js +0 -113
- package/dist/Editor/Elements/DataView/Layouts/Options/AddProperty.js +0 -37
- package/dist/Editor/Elements/DataView/Layouts/Options/AllProperties.js +0 -111
- package/dist/Editor/Elements/DataView/Layouts/Options/ChangeProperty.js +0 -60
- package/dist/Editor/Elements/DataView/Layouts/Options/ColumnsList.js +0 -36
- package/dist/Editor/Elements/DataView/Layouts/Options/Constants.js +0 -101
- package/dist/Editor/Elements/DataView/Layouts/Options/EditOption.js +0 -160
- package/dist/Editor/Elements/DataView/Layouts/Options/EditProperty.js +0 -190
- package/dist/Editor/Elements/DataView/Layouts/Options/FilterProperty.js +0 -42
- package/dist/Editor/Elements/DataView/Layouts/Options/PropertyList.js +0 -30
- package/dist/Editor/Elements/DataView/Layouts/Options/index.js +0 -110
- package/dist/Editor/Elements/DataView/Layouts/Options/styles.js +0 -179
- package/dist/Editor/Elements/DataView/Layouts/TableStyles.js +0 -112
- package/dist/Editor/Elements/DataView/Layouts/TableView.js +0 -227
- package/dist/Editor/Elements/DataView/Layouts/ViewData.js +0 -80
- package/dist/Editor/Elements/DataView/Layouts/colStyles.js +0 -10
- package/dist/Editor/Elements/DataView/Layouts/index.js +0 -25
- package/dist/Editor/Elements/DataView/Providers/DataViewProvider.js +0 -281
- package/dist/Editor/Elements/DataView/Utils/globalSearch.js +0 -15
- package/dist/Editor/Elements/DataView/Utils/multiSortRows.js +0 -74
- package/dist/Editor/Elements/DataView/styles.js +0 -154
- package/dist/Editor/common/StyleBuilder/fieldTypes/lineSpacing.js +0 -79
- package/dist/Editor/helper/enforceDateFormat.js +0 -41
- package/dist/Editor/utils/dataView.js +0 -43
@@ -112,50 +112,6 @@ const GridStyles = (theme, appTheme) => ({
|
|
112
112
|
background: appTheme?.palette?.editor?.background,
|
113
113
|
color: appTheme?.palette?.editor?.textColor
|
114
114
|
}
|
115
|
-
},
|
116
|
-
groupIcons: {
|
117
|
-
background: appTheme?.palette?.editor?.aiInputBackground,
|
118
|
-
border: `1px solid ${appTheme?.palette?.editor?.buttonBorder1} !important`,
|
119
|
-
padding: '5px !important',
|
120
|
-
borderRadius: '50% !important',
|
121
|
-
'& svg': {
|
122
|
-
width: '18px',
|
123
|
-
height: '18px',
|
124
|
-
'& path': {
|
125
|
-
stroke: `${appTheme?.palette?.editor?.closeButtonSvgStroke} !important`
|
126
|
-
}
|
127
|
-
},
|
128
|
-
'&:hover': {
|
129
|
-
background: `${appTheme?.palette?.editor?.aiInputBackground} !important`,
|
130
|
-
border: `1px solid ${appTheme?.palette?.editor?.buttonBorder1} !important`,
|
131
|
-
'& svg': {
|
132
|
-
'& path': {
|
133
|
-
stroke: `${appTheme?.palette?.editor?.closeButtonSvgStroke} !important`
|
134
|
-
}
|
135
|
-
}
|
136
|
-
}
|
137
|
-
},
|
138
|
-
groupIcons2: {
|
139
|
-
background: appTheme?.palette?.editor?.aiInputBackground,
|
140
|
-
border: `1px solid ${appTheme?.palette?.editor?.buttonBorder1} !important`,
|
141
|
-
padding: '5px !important',
|
142
|
-
borderRadius: '50% !important',
|
143
|
-
'& svg': {
|
144
|
-
width: '18px',
|
145
|
-
height: '18px',
|
146
|
-
'& path': {
|
147
|
-
fill: `${appTheme?.palette?.editor?.closeButtonSvgStroke} !important`
|
148
|
-
}
|
149
|
-
},
|
150
|
-
'&:hover': {
|
151
|
-
background: `${appTheme?.palette?.editor?.aiInputBackground} !important`,
|
152
|
-
border: `1px solid ${appTheme?.palette?.editor?.buttonBorder1} !important`,
|
153
|
-
'& svg': {
|
154
|
-
'& path': {
|
155
|
-
fill: `${appTheme?.palette?.editor?.closeButtonSvgStroke} !important`
|
156
|
-
}
|
157
|
-
}
|
158
|
-
}
|
159
115
|
}
|
160
116
|
});
|
161
117
|
export default GridStyles;
|
@@ -49,7 +49,6 @@ const SearchAttachment = props => {
|
|
49
49
|
background: theme?.palette?.containers?.slashBrainCardBg,
|
50
50
|
cursor: 'pointer',
|
51
51
|
margin: '4px 0px',
|
52
|
-
lineHeight: 1.43,
|
53
52
|
"&.MuiPaper-root.MuiPaper-rounded": {
|
54
53
|
borderRadius: "7px !important",
|
55
54
|
paddingTop: '0px !important'
|
@@ -147,7 +147,7 @@ const SignaturePopup = props => {
|
|
147
147
|
style: {
|
148
148
|
width: "fit-content"
|
149
149
|
},
|
150
|
-
children: "Sign
|
150
|
+
children: "Sign Here"
|
151
151
|
})]
|
152
152
|
}), /*#__PURE__*/_jsx(Dialog, {
|
153
153
|
className: `${className} dialogComp`,
|
@@ -294,7 +294,7 @@ const SignaturePopup = props => {
|
|
294
294
|
},
|
295
295
|
children: [/*#__PURE__*/_jsx(Grid, {
|
296
296
|
sx: {
|
297
|
-
minWidth: "
|
297
|
+
minWidth: "46px"
|
298
298
|
},
|
299
299
|
children: /*#__PURE__*/_jsx("label", {
|
300
300
|
htmlFor: "signedBy",
|
@@ -420,7 +420,7 @@ const SignaturePopup = props => {
|
|
420
420
|
xs: 12,
|
421
421
|
children: [/*#__PURE__*/_jsx(Grid, {
|
422
422
|
sx: {
|
423
|
-
minWidth: "
|
423
|
+
minWidth: "46px"
|
424
424
|
},
|
425
425
|
children: /*#__PURE__*/_jsx("label", {
|
426
426
|
htmlFor: "signedByEmail",
|
@@ -492,7 +492,7 @@ const SignaturePopup = props => {
|
|
492
492
|
return /*#__PURE__*/_jsx(IconButton, {
|
493
493
|
onClick: onBrushSize(m),
|
494
494
|
disableRipple: true,
|
495
|
-
className:
|
495
|
+
className: brush.size === m ? "activeBrush" : "",
|
496
496
|
children: /*#__PURE__*/_jsx("span", {
|
497
497
|
style: {
|
498
498
|
width: 17 + m,
|
@@ -5,7 +5,6 @@ import { getPageSettings } from "../../utils/pageSettings";
|
|
5
5
|
import { isTextSelected } from "../../utils/helper";
|
6
6
|
import { useEditorContext } from "../../hooks/useMouseMove";
|
7
7
|
import SimpleTextStyle from "./style";
|
8
|
-
import { getBreakpointLineSpacing } from "../../helper/theme";
|
9
8
|
import { jsx as _jsx } from "react/jsx-runtime";
|
10
9
|
import { Fragment as _Fragment } from "react/jsx-runtime";
|
11
10
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
@@ -33,14 +32,8 @@ const SimpleText = props => {
|
|
33
32
|
const {
|
34
33
|
pageColor
|
35
34
|
} = pageSt?.pageProps || {};
|
36
|
-
const {
|
37
|
-
activeBreakPoint
|
38
|
-
} = useEditorContext();
|
39
|
-
const lineHeight = element?.children[0]?.lineHeight;
|
40
|
-
const lineH = getBreakpointLineSpacing(lineHeight, activeBreakPoint);
|
41
35
|
const classes = SimpleTextStyle({
|
42
|
-
pageColor: pageColor || theme?.palette?.editor?.background || "#FFFFFF"
|
43
|
-
lineHeight: lineH
|
36
|
+
pageColor: pageColor || theme?.palette?.editor?.background || "#FFFFFF"
|
44
37
|
});
|
45
38
|
const selected = useSelected();
|
46
39
|
const path = ReactEditor.findPath(editor, element);
|
@@ -1,17 +1,10 @@
|
|
1
1
|
import { invertColor } from "../../helper";
|
2
2
|
const SimpleTextStyle = ({
|
3
|
-
pageColor
|
4
|
-
lineHeight
|
3
|
+
pageColor
|
5
4
|
}) => ({
|
6
5
|
root: {
|
7
6
|
position: "relative",
|
8
7
|
padding: "0px",
|
9
|
-
lineHeight: lineHeight,
|
10
|
-
"&.dataView": {
|
11
|
-
"& .placeholder-simple-text": {
|
12
|
-
opacity: 0
|
13
|
-
}
|
14
|
-
},
|
15
8
|
"&.signature": {
|
16
9
|
"& .placeholder-simple-text": {
|
17
10
|
opacity: 0
|
@@ -35,8 +28,6 @@ const SimpleTextStyle = ({
|
|
35
28
|
height: "24px",
|
36
29
|
overflow: "hidden",
|
37
30
|
fontSize: "14px",
|
38
|
-
display: "inline-flex",
|
39
|
-
alignItems: "center",
|
40
31
|
"& .bg-pad-sl": {
|
41
32
|
padding: "2px 4px 2px 4px",
|
42
33
|
background: "transparent",
|
@@ -77,7 +77,6 @@ const TopBanner = props => {
|
|
77
77
|
theme
|
78
78
|
} = useEditorContext();
|
79
79
|
const classes = TopBannerStyles(theme);
|
80
|
-
const renderHeaderAboveBanner = customProps?.metadata?.renderHeader ? customProps.metadata.renderHeader() : null;
|
81
80
|
return /*#__PURE__*/_jsxs(Box, {
|
82
81
|
component: "div",
|
83
82
|
...attributes,
|
@@ -88,7 +87,7 @@ const TopBanner = props => {
|
|
88
87
|
},
|
89
88
|
contentEditable: false,
|
90
89
|
sx: classes.root,
|
91
|
-
children: [
|
90
|
+
children: [/*#__PURE__*/_jsx("img", {
|
92
91
|
src: url,
|
93
92
|
alt: "Top Banner",
|
94
93
|
className: "top-banner-wrpr-ele",
|
@@ -129,8 +129,7 @@ const editorStyles = ({
|
|
129
129
|
}
|
130
130
|
},
|
131
131
|
"& .accordion-summary-collapse-btn": {
|
132
|
-
padding: "4px"
|
133
|
-
width: '5px'
|
132
|
+
padding: "4px"
|
134
133
|
},
|
135
134
|
"& .workflow-icon-btn": {
|
136
135
|
pointerEvents: "none",
|
@@ -239,7 +238,6 @@ const editorStyles = ({
|
|
239
238
|
}
|
240
239
|
},
|
241
240
|
"& .section-tw": {
|
242
|
-
background: 'transparent !important',
|
243
241
|
"& button": {
|
244
242
|
padding: "2px",
|
245
243
|
borderRadius: "0px",
|
@@ -288,8 +286,8 @@ const editorStyles = ({
|
|
288
286
|
}
|
289
287
|
},
|
290
288
|
"& ::selection": {
|
291
|
-
|
292
|
-
|
289
|
+
color: "inherit",
|
290
|
+
background: "#EAEBFE"
|
293
291
|
},
|
294
292
|
"&.readOnlyContainer": {
|
295
293
|
"& .max-content": {
|
@@ -42,9 +42,7 @@ const FontFamilyAutocomplete = ({
|
|
42
42
|
},
|
43
43
|
value: value || options?.[0],
|
44
44
|
className: "editor-dd",
|
45
|
-
sx:
|
46
|
-
...classes.autoCompleteaFontFamily
|
47
|
-
},
|
45
|
+
sx: classes.autoCompleteaFontFamily,
|
48
46
|
onChange: (e, newValue) => changeMarkData(e, newValue, format),
|
49
47
|
getOptionLabel: option => {
|
50
48
|
return option;
|
@@ -60,13 +58,6 @@ const FontFamilyAutocomplete = ({
|
|
60
58
|
children: option
|
61
59
|
});
|
62
60
|
},
|
63
|
-
slotProps: {
|
64
|
-
popper: {
|
65
|
-
sx: {
|
66
|
-
...classes.fontFamilyListOptions
|
67
|
-
}
|
68
|
-
}
|
69
|
-
},
|
70
61
|
popupIcon: /*#__PURE__*/_jsx(KeyboardArrowDownRoundedIcon, {}),
|
71
62
|
renderInput: params => /*#__PURE__*/_jsx(TextField, {
|
72
63
|
sx: {
|
@@ -76,13 +67,6 @@ const FontFamilyAutocomplete = ({
|
|
76
67
|
},
|
77
68
|
...params
|
78
69
|
})
|
79
|
-
// componentsProps={{
|
80
|
-
// clearIndicator: {
|
81
|
-
// style: { display: 'none' },
|
82
|
-
// },
|
83
|
-
// }}
|
84
|
-
,
|
85
|
-
disableClearable: true
|
86
70
|
});
|
87
71
|
};
|
88
72
|
export default FontFamilyAutocomplete;
|
@@ -2,12 +2,10 @@ import React, { useEffect, useRef, useState } from "react";
|
|
2
2
|
import { TextField, IconButton } from "@mui/material";
|
3
3
|
import { addMarkData, activeMark, isBlockActive } from "../../utils/SlateUtilityFunctions.js";
|
4
4
|
import { headingMap, sizeMap } from "../../utils/font.js";
|
5
|
-
import
|
6
|
-
import ExpandMoreRoundedIcon from "@mui/icons-material/ExpandMoreRounded";
|
5
|
+
import { TextMinusIcon, TextPlusIcon } from "../../common/iconslist.js";
|
7
6
|
import { getBreakPointsValue } from "../../helper/theme.js";
|
8
7
|
import useWindowResize from "../../hooks/useWindowResize.js";
|
9
8
|
import { BREAKPOINTS_DEVICES } from "../../helper/theme.js";
|
10
|
-
import { TextSizeDownArrow, TextSizeUpArrow } from "../../common/iconListV2.js";
|
11
9
|
import { jsx as _jsx } from "react/jsx-runtime";
|
12
10
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
13
11
|
import { Fragment as _Fragment } from "react/jsx-runtime";
|
@@ -108,11 +106,11 @@ const TextSize = ({
|
|
108
106
|
children: [/*#__PURE__*/_jsx(IconButton, {
|
109
107
|
onClick: onIncreaseSize,
|
110
108
|
size: "small",
|
111
|
-
children: /*#__PURE__*/_jsx(
|
109
|
+
children: /*#__PURE__*/_jsx(TextPlusIcon, {})
|
112
110
|
}), /*#__PURE__*/_jsx(IconButton, {
|
113
111
|
onClick: onDecreaseSize,
|
114
112
|
size: "small",
|
115
|
-
children: /*#__PURE__*/_jsx(
|
113
|
+
children: /*#__PURE__*/_jsx(TextMinusIcon, {})
|
116
114
|
})]
|
117
115
|
})
|
118
116
|
}
|