@flozy/editor 5.3.4 → 5.3.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 (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
  }