@flozy/editor 3.4.8 → 3.4.9
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.
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { useState } from "react";
|
|
2
2
|
import { useSlateStatic } from "slate-react";
|
|
3
|
-
import { Box, Divider, Grid, Tooltip } from "@mui/material";
|
|
3
|
+
import { Box, Divider, Grid, IconButton, Tooltip } from "@mui/material";
|
|
4
4
|
import { toolbarGroups } from "../toolbarGroups";
|
|
5
5
|
import { MarkButton } from "../FormatTools";
|
|
6
6
|
import LinkButton from "../../Elements/Link/LinkButton";
|
|
@@ -8,6 +8,7 @@ import { addMarkData, isBlockActive } from "../../utils/SlateUtilityFunctions";
|
|
|
8
8
|
import ColorPickerButton from "../../common/ColorPickerButton";
|
|
9
9
|
import { colors } from "../../Elements/Color Picker/defaultColors";
|
|
10
10
|
import VariableButton from "../../Elements/Variables/VariableButton";
|
|
11
|
+
import Icon from "../../common/Icon";
|
|
11
12
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
12
13
|
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
13
14
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
@@ -21,10 +22,11 @@ const BasicToolbar = props => {
|
|
|
21
22
|
variableOptions,
|
|
22
23
|
fontStyleOptions,
|
|
23
24
|
hideLink = false,
|
|
24
|
-
hideTextColor = false
|
|
25
|
+
hideTextColor = false,
|
|
26
|
+
hideResetIcon = true,
|
|
27
|
+
onResetClick = () => {}
|
|
25
28
|
}
|
|
26
29
|
} = props;
|
|
27
|
-
|
|
28
30
|
// state
|
|
29
31
|
const [activeColor, setActiveColor] = useState("#000000");
|
|
30
32
|
const fontStyle = allTools.filter(f => f.basic || fontStyleOptions?.includes(f.format));
|
|
@@ -83,9 +85,23 @@ const BasicToolbar = props => {
|
|
|
83
85
|
})
|
|
84
86
|
}), /*#__PURE__*/_jsx(Grid, {
|
|
85
87
|
item: true,
|
|
86
|
-
children:
|
|
87
|
-
|
|
88
|
-
|
|
88
|
+
children: /*#__PURE__*/_jsxs(Grid, {
|
|
89
|
+
container: true,
|
|
90
|
+
children: [!hideResetIcon && /*#__PURE__*/_jsx(Grid, {
|
|
91
|
+
item: true,
|
|
92
|
+
children: /*#__PURE__*/_jsx(IconButton, {
|
|
93
|
+
onClick: onResetClick,
|
|
94
|
+
children: /*#__PURE__*/_jsx(Icon, {
|
|
95
|
+
icon: "resetIcon"
|
|
96
|
+
})
|
|
97
|
+
})
|
|
98
|
+
}), /*#__PURE__*/_jsx(Grid, {
|
|
99
|
+
item: true,
|
|
100
|
+
children: variableOptions && variableOptions.length > 0 && /*#__PURE__*/_jsx(VariableButton, {
|
|
101
|
+
placeholder: "Variables",
|
|
102
|
+
options: variableOptions
|
|
103
|
+
})
|
|
104
|
+
})]
|
|
89
105
|
})
|
|
90
106
|
})]
|
|
91
107
|
}), /*#__PURE__*/_jsx(Divider, {})]
|
|
@@ -7,7 +7,7 @@ import { AiFillEdit, AiOutlineInsertRowBelow, AiOutlineInsertRowRight, AiOutline
|
|
|
7
7
|
import { SiLatex } from "react-icons/si";
|
|
8
8
|
import { RiDeleteColumn, RiDeleteRow } from "react-icons/ri";
|
|
9
9
|
import { IoIosImage } from "react-icons/io";
|
|
10
|
-
import { GridIcon, AccordionIcon, SignatureIcon, ButtonIcon, Carousal, FormIcon, BoldIcon, FontFamilyIcon, FontSizeIcon, ImageIcon, ItalicIcon, LinkIcon, StrikethroughIcon, TableIcon, UnderLineIcon, VideoIcon, CheckboxIcon, AppHeader, MoreHorizontal, UploadImage, DocsUpload, LeftArrow, RightArrow, CheckListButton, CheckListButtonActive, ExcelIcon, CsvIcon, DividerIcon, CloseIcon, SearchIcon, ExpandIcon, CalendarIconNew, Text, TextAreaIcon, Phone, BriefCase, Bank, CalendarTick, DollarSquare, Checkbox, Description, RadioButtonIcon, CheckedIcon, UncheckedIcon, InfinityIcon } from "./iconslist";
|
|
10
|
+
import { GridIcon, AccordionIcon, SignatureIcon, ButtonIcon, Carousal, FormIcon, BoldIcon, FontFamilyIcon, FontSizeIcon, ImageIcon, ItalicIcon, LinkIcon, StrikethroughIcon, TableIcon, UnderLineIcon, VideoIcon, CheckboxIcon, AppHeader, MoreHorizontal, UploadImage, DocsUpload, LeftArrow, RightArrow, CheckListButton, CheckListButtonActive, ExcelIcon, CsvIcon, DividerIcon, CloseIcon, SearchIcon, ExpandIcon, CalendarIconNew, Text, TextAreaIcon, Phone, BriefCase, Bank, CalendarTick, DollarSquare, Checkbox, Description, RadioButtonIcon, CheckedIcon, UncheckedIcon, InfinityIcon, ResetIcon } from "./iconslist";
|
|
11
11
|
import ArrowRightIcon from "@mui/icons-material/ArrowRight";
|
|
12
12
|
import ArrowDropDownIcon from "@mui/icons-material/ArrowDropDown";
|
|
13
13
|
import EmailRoundedIcon from '@mui/icons-material/EmailRounded';
|
|
@@ -243,7 +243,8 @@ const iconList = {
|
|
|
243
243
|
}),
|
|
244
244
|
checkedIcon: /*#__PURE__*/_jsx(CheckedIcon, {}),
|
|
245
245
|
uncheckedIcon: /*#__PURE__*/_jsx(UncheckedIcon, {}),
|
|
246
|
-
infinityIcon: /*#__PURE__*/_jsx(InfinityIcon, {})
|
|
246
|
+
infinityIcon: /*#__PURE__*/_jsx(InfinityIcon, {}),
|
|
247
|
+
resetIcon: /*#__PURE__*/_jsx(ResetIcon, {})
|
|
247
248
|
};
|
|
248
249
|
const Icon = props => {
|
|
249
250
|
const {
|
|
@@ -2344,4 +2344,30 @@ export const InfinityIcon = () => /*#__PURE__*/_jsxs("svg", {
|
|
|
2344
2344
|
})]
|
|
2345
2345
|
})]
|
|
2346
2346
|
})]
|
|
2347
|
+
});
|
|
2348
|
+
export const ResetIcon = () => /*#__PURE__*/_jsxs("svg", {
|
|
2349
|
+
width: "22",
|
|
2350
|
+
height: "23",
|
|
2351
|
+
viewBox: "0 0 22 23",
|
|
2352
|
+
fill: "none",
|
|
2353
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
2354
|
+
children: [/*#__PURE__*/_jsx("path", {
|
|
2355
|
+
d: "M13.6514 5.61292C12.8539 5.37458 11.9739 5.21875 11.0022 5.21875C6.61135 5.21875 3.05469 8.77542 3.05469 13.1662C3.05469 17.5662 6.61135 21.1229 11.0022 21.1229C15.393 21.1229 18.9497 17.5662 18.9497 13.1754C18.9497 11.5438 18.4547 10.0221 17.6114 8.75708",
|
|
2356
|
+
stroke: "#64748B",
|
|
2357
|
+
strokeWidth: "1.5",
|
|
2358
|
+
strokeLinecap: "round",
|
|
2359
|
+
strokeLinejoin: "round"
|
|
2360
|
+
}), /*#__PURE__*/_jsx("path", {
|
|
2361
|
+
d: "M14.782 5.8324L12.1328 2.78906",
|
|
2362
|
+
stroke: "#64748B",
|
|
2363
|
+
strokeWidth: "1.5",
|
|
2364
|
+
strokeLinecap: "round",
|
|
2365
|
+
strokeLinejoin: "round"
|
|
2366
|
+
}), /*#__PURE__*/_jsx("path", {
|
|
2367
|
+
d: "M14.7845 5.83203L11.6953 8.08703",
|
|
2368
|
+
stroke: "#64748B",
|
|
2369
|
+
strokeWidth: "1.5",
|
|
2370
|
+
strokeLinecap: "round",
|
|
2371
|
+
strokeLinejoin: "round"
|
|
2372
|
+
})]
|
|
2347
2373
|
});
|
|
@@ -242,7 +242,8 @@ export const handleLinkType = (url, linkType, readOnly, openInNewTab, onClick =
|
|
|
242
242
|
props.component = "a";
|
|
243
243
|
const [page, section] = url?.split("#") || [];
|
|
244
244
|
const sec = section ? `#${section}` : "";
|
|
245
|
-
|
|
245
|
+
const currentUserPage = getCurrentUserPage();
|
|
246
|
+
props.href = isHomePage(page) ? `./${currentUserPage}${sec}` : `./${url}`;
|
|
246
247
|
if (openInNewTab) {
|
|
247
248
|
if (isCurrentPage(page)) {
|
|
248
249
|
// temp fix, if user is presented in current page, open in new tab option is restricted, we will scroll to the element in current page
|
|
@@ -304,9 +305,13 @@ export const handleLinkType = (url, linkType, readOnly, openInNewTab, onClick =
|
|
|
304
305
|
}
|
|
305
306
|
return props;
|
|
306
307
|
};
|
|
307
|
-
const
|
|
308
|
+
const getCurrentUserPage = () => {
|
|
308
309
|
const paths = window.location.pathname.split("/");
|
|
309
310
|
let currentUserPage = paths[paths?.length - 1];
|
|
311
|
+
return currentUserPage;
|
|
312
|
+
};
|
|
313
|
+
const isCurrentPage = page => {
|
|
314
|
+
let currentUserPage = getCurrentUserPage();
|
|
310
315
|
currentUserPage = isHomePage(currentUserPage) ? "home" : currentUserPage;
|
|
311
316
|
const buttonPage = isHomePage(page) ? "home" : page;
|
|
312
317
|
return currentUserPage === buttonPage;
|