@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.
Files changed (120) hide show
  1. package/dist/Editor/CommonEditor.js +8 -14
  2. package/dist/Editor/Editor.css +22 -50
  3. package/dist/Editor/Elements/Accordion/Accordion.js +1 -8
  4. package/dist/Editor/Elements/AppHeader/AppHeader.js +6 -6
  5. package/dist/Editor/Elements/Button/EditorButton.js +2 -9
  6. package/dist/Editor/Elements/Color Picker/ColorButtons.js +2 -4
  7. package/dist/Editor/Elements/Divider/Divider.js +9 -24
  8. package/dist/Editor/Elements/Embed/Image.js +12 -31
  9. package/dist/Editor/Elements/Embed/Video.js +2 -13
  10. package/dist/Editor/Elements/Form/Form.js +0 -1
  11. package/dist/Editor/Elements/FreeGrid/breakpointConstants.js +4 -4
  12. package/dist/Editor/Elements/FreeGrid/styles.js +1 -2
  13. package/dist/Editor/Elements/Grid/GridItem.js +0 -2
  14. package/dist/Editor/Elements/Grid/Styles.js +0 -44
  15. package/dist/Editor/Elements/List/CheckList.js +1 -2
  16. package/dist/Editor/Elements/PageSettings/PageSettingsButton.js +0 -1
  17. package/dist/Editor/Elements/Search/SearchAttachment.js +0 -1
  18. package/dist/Editor/Elements/Signature/SignaturePopup.js +4 -4
  19. package/dist/Editor/Elements/SimpleText/index.js +1 -8
  20. package/dist/Editor/Elements/SimpleText/style.js +1 -10
  21. package/dist/Editor/Elements/TopBanner/TopBanner.js +1 -2
  22. package/dist/Editor/Styles/EditorStyles.js +3 -5
  23. package/dist/Editor/Toolbar/FormatTools/FontFamilyAutocomplete.js +1 -17
  24. package/dist/Editor/Toolbar/FormatTools/TextSize.js +3 -5
  25. package/dist/Editor/Toolbar/PopupTool/PopupToolStyle.js +72 -210
  26. package/dist/Editor/Toolbar/PopupTool/TextFormat.js +8 -55
  27. package/dist/Editor/Toolbar/Toolbar.js +0 -6
  28. package/dist/Editor/Toolbar/toolbarGroups.js +0 -4
  29. package/dist/Editor/assets/svg/SettingsIcon.js +4 -4
  30. package/dist/Editor/common/ColorPickerButton.js +3 -5
  31. package/dist/Editor/common/DnD/Draggable.js +1 -2
  32. package/dist/Editor/common/FontLoader/FontLoader.js +4 -4
  33. package/dist/Editor/common/Icon.js +0 -6
  34. package/dist/Editor/common/ImageSelector/Options/Upload.js +1 -2
  35. package/dist/Editor/common/ImageSelector/Styles.js +6 -47
  36. package/dist/Editor/common/ImageSelector/UploadStyles.js +6 -18
  37. package/dist/Editor/common/MentionsPopup/Styles.js +122 -109
  38. package/dist/Editor/common/RnD/ElementSettings/Settings/FormSettings.js +0 -1
  39. package/dist/Editor/common/RnD/GuideLines/styles.js +3 -3
  40. package/dist/Editor/common/RnD/ShadowElement.js +1 -1
  41. package/dist/Editor/common/RnD/SwitchViewport/SwitchViewport.js +2 -14
  42. package/dist/Editor/common/RnD/Utils/gridDropItem.js +6 -9
  43. package/dist/Editor/common/RnD/index.js +1 -2
  44. package/dist/Editor/common/Section/index.js +3 -3
  45. package/dist/Editor/common/Section/styles.js +1 -5
  46. package/dist/Editor/common/Shorthands/elements.js +1 -13
  47. package/dist/Editor/common/StyleBuilder/fieldTypes/backgroundImage.js +3 -9
  48. package/dist/Editor/common/StyleBuilder/fieldTypes/bannerSpacing.js +3 -27
  49. package/dist/Editor/common/StyleBuilder/fieldTypes/borderRadius.js +2 -15
  50. package/dist/Editor/common/StyleBuilder/fieldTypes/card.js +2 -10
  51. package/dist/Editor/common/StyleBuilder/fieldTypes/color.js +1 -2
  52. package/dist/Editor/common/StyleBuilder/fieldTypes/fontSize.js +1 -1
  53. package/dist/Editor/common/StyleBuilder/fieldTypes/icons.js +0 -2
  54. package/dist/Editor/common/StyleBuilder/fieldTypes/index.js +1 -3
  55. package/dist/Editor/common/StyleBuilder/fieldTypes/radiusStyle.js +4 -4
  56. package/dist/Editor/common/StyleBuilder/fieldTypes/saveAsTemplate.js +6 -22
  57. package/dist/Editor/common/StyleBuilder/fieldTypes/selectBox.js +2 -21
  58. package/dist/Editor/common/StyleBuilder/fieldTypes/textOptions.js +0 -7
  59. package/dist/Editor/common/StyleBuilder/index.js +3 -4
  60. package/dist/Editor/common/StyleBuilder/pageSettingsStyle.js +0 -4
  61. package/dist/Editor/common/ToolbarIcon.js +1 -2
  62. package/dist/Editor/common/Uploader.js +36 -46
  63. package/dist/Editor/common/iconListV2.js +130 -348
  64. package/dist/Editor/common/iconslist.js +3 -6
  65. package/dist/Editor/commonStyle.js +4 -290
  66. package/dist/Editor/helper/index.js +3 -16
  67. package/dist/Editor/helper/theme.js +1 -24
  68. package/dist/Editor/hooks/useMouseMove.js +2 -5
  69. package/dist/Editor/plugins/withCustomDeleteBackward.js +2 -33
  70. package/dist/Editor/plugins/withEmbeds.js +26 -30
  71. package/dist/Editor/utils/SlateUtilityFunctions.js +4 -27
  72. package/dist/Editor/utils/button.js +4 -4
  73. package/dist/Editor/utils/helper.js +13 -40
  74. package/dist/Editor/utils/pageSettings.js +2 -14
  75. package/package.json +2 -2
  76. package/dist/Editor/Elements/DataView/DataView.js +0 -124
  77. package/dist/Editor/Elements/DataView/DataViewButton.js +0 -23
  78. package/dist/Editor/Elements/DataView/Layouts/ColumnView.js +0 -67
  79. package/dist/Editor/Elements/DataView/Layouts/DataTypes/CheckType.js +0 -33
  80. package/dist/Editor/Elements/DataView/Layouts/DataTypes/Components/Select.js +0 -162
  81. package/dist/Editor/Elements/DataView/Layouts/DataTypes/Components/SimpleSelect.js +0 -40
  82. package/dist/Editor/Elements/DataView/Layouts/DataTypes/Components/styles.js +0 -67
  83. package/dist/Editor/Elements/DataView/Layouts/DataTypes/DateType.js +0 -35
  84. package/dist/Editor/Elements/DataView/Layouts/DataTypes/MultiSelectType.js +0 -39
  85. package/dist/Editor/Elements/DataView/Layouts/DataTypes/NumberType.js +0 -30
  86. package/dist/Editor/Elements/DataView/Layouts/DataTypes/PersonType.js +0 -30
  87. package/dist/Editor/Elements/DataView/Layouts/DataTypes/SelectType.js +0 -35
  88. package/dist/Editor/Elements/DataView/Layouts/DataTypes/TextType.js +0 -36
  89. package/dist/Editor/Elements/DataView/Layouts/DataTypes/index.js +0 -17
  90. package/dist/Editor/Elements/DataView/Layouts/FilterSort/SortOptions/ChooseField.js +0 -29
  91. package/dist/Editor/Elements/DataView/Layouts/FilterSort/SortOptions/ChooseSort.js +0 -38
  92. package/dist/Editor/Elements/DataView/Layouts/FilterSort/SortOptions/index.js +0 -74
  93. package/dist/Editor/Elements/DataView/Layouts/FilterSort/index.js +0 -64
  94. package/dist/Editor/Elements/DataView/Layouts/FilterSort/styles.js +0 -106
  95. package/dist/Editor/Elements/DataView/Layouts/FilterView.js +0 -174
  96. package/dist/Editor/Elements/DataView/Layouts/Formula.js +0 -29
  97. package/dist/Editor/Elements/DataView/Layouts/Options/AddOptions.js +0 -113
  98. package/dist/Editor/Elements/DataView/Layouts/Options/AddProperty.js +0 -37
  99. package/dist/Editor/Elements/DataView/Layouts/Options/AllProperties.js +0 -111
  100. package/dist/Editor/Elements/DataView/Layouts/Options/ChangeProperty.js +0 -60
  101. package/dist/Editor/Elements/DataView/Layouts/Options/ColumnsList.js +0 -36
  102. package/dist/Editor/Elements/DataView/Layouts/Options/Constants.js +0 -101
  103. package/dist/Editor/Elements/DataView/Layouts/Options/EditOption.js +0 -160
  104. package/dist/Editor/Elements/DataView/Layouts/Options/EditProperty.js +0 -190
  105. package/dist/Editor/Elements/DataView/Layouts/Options/FilterProperty.js +0 -42
  106. package/dist/Editor/Elements/DataView/Layouts/Options/PropertyList.js +0 -30
  107. package/dist/Editor/Elements/DataView/Layouts/Options/index.js +0 -110
  108. package/dist/Editor/Elements/DataView/Layouts/Options/styles.js +0 -179
  109. package/dist/Editor/Elements/DataView/Layouts/TableStyles.js +0 -112
  110. package/dist/Editor/Elements/DataView/Layouts/TableView.js +0 -227
  111. package/dist/Editor/Elements/DataView/Layouts/ViewData.js +0 -80
  112. package/dist/Editor/Elements/DataView/Layouts/colStyles.js +0 -10
  113. package/dist/Editor/Elements/DataView/Layouts/index.js +0 -25
  114. package/dist/Editor/Elements/DataView/Providers/DataViewProvider.js +0 -281
  115. package/dist/Editor/Elements/DataView/Utils/globalSearch.js +0 -15
  116. package/dist/Editor/Elements/DataView/Utils/multiSortRows.js +0 -74
  117. package/dist/Editor/Elements/DataView/styles.js +0 -154
  118. package/dist/Editor/common/StyleBuilder/fieldTypes/lineSpacing.js +0 -79
  119. package/dist/Editor/helper/enforceDateFormat.js +0 -41
  120. 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;
@@ -39,8 +39,7 @@ const CheckList = ({
39
39
  display: "flex",
40
40
  justifyContent: "center",
41
41
  alignItems: "center",
42
- ...(style || {}),
43
- lineHeight: 1.43
42
+ ...(style || {})
44
43
  },
45
44
  children: [/*#__PURE__*/_jsxs("div", {
46
45
  contentEditable: false,
@@ -26,7 +26,6 @@ const PageSettingsButton = props => {
26
26
  element: element?.pageProps || {},
27
27
  path
28
28
  });
29
- console.log("OPen setting :".openSetttings, path, element?.pageProps);
30
29
  };
31
30
  const onSave = data => {
32
31
  try {
@@ -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 here"
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: "49px"
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: "49px"
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: `${brush.size === m ? "activeBrush" : ""} brushIcon`,
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: [renderHeaderAboveBanner, /*#__PURE__*/_jsx("img", {
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
- background: 'rgba(35, 131, 226, 0.35)!important',
292
- color: 'inherit'
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 ExpandLessRoundedIcon from "@mui/icons-material/ExpandLessRounded";
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(TextSizeUpArrow, {})
109
+ children: /*#__PURE__*/_jsx(TextPlusIcon, {})
112
110
  }), /*#__PURE__*/_jsx(IconButton, {
113
111
  onClick: onDecreaseSize,
114
112
  size: "small",
115
- children: /*#__PURE__*/_jsx(TextSizeDownArrow, {})
113
+ children: /*#__PURE__*/_jsx(TextMinusIcon, {})
116
114
  })]
117
115
  })
118
116
  }