@flozy/editor 3.5.3 → 3.5.5
Sign up to get free protection for your applications and to get access to all the features.
@@ -13,6 +13,7 @@ import formButtonStyle from "../../common/StyleBuilder/formButtonStyle";
|
|
13
13
|
import Workflow from "./Workflow";
|
14
14
|
import { getTRBLBreakPoints, getBreakPointsValue } from "../../helper/theme";
|
15
15
|
import { validation } from "./FormElements/validations";
|
16
|
+
import Icon from "../../common/Icon";
|
16
17
|
import { jsx as _jsx } from "react/jsx-runtime";
|
17
18
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
18
19
|
const Form = props => {
|
@@ -256,6 +257,9 @@ const Form = props => {
|
|
256
257
|
const onMouseOver = () => {
|
257
258
|
setShowOptions(true);
|
258
259
|
};
|
260
|
+
const handleCloseMessage = () => {
|
261
|
+
setSubmittedSuccessfully(false);
|
262
|
+
};
|
259
263
|
const onMouseLeave = () => {
|
260
264
|
setShowOptions(false);
|
261
265
|
};
|
@@ -408,27 +412,47 @@ const Form = props => {
|
|
408
412
|
}
|
409
413
|
})
|
410
414
|
})]
|
411
|
-
}) : /*#__PURE__*/_jsx(
|
412
|
-
|
413
|
-
|
414
|
-
|
415
|
-
borderWidth: borderWidth || "1px",
|
416
|
-
borderRadius: {
|
417
|
-
...getBreakPointsValue(borderRadius || {}, null, "overrideBorderRadius", true)
|
418
|
-
},
|
419
|
-
borderStyle: borderStyle || "solid",
|
420
|
-
background: bgColor || "transparent",
|
421
|
-
padding: {
|
422
|
-
...getTRBLBreakPoints(bannerSpacing)
|
423
|
-
},
|
424
|
-
minHeight: `${formHeight}px`,
|
425
|
-
display: 'flex',
|
415
|
+
}) : /*#__PURE__*/_jsx(Grid, {
|
416
|
+
item: true,
|
417
|
+
children: /*#__PURE__*/_jsxs(Grid, {
|
418
|
+
container: true,
|
426
419
|
alignItems: "center",
|
427
420
|
justifyContent: "center",
|
428
|
-
|
429
|
-
|
430
|
-
|
431
|
-
|
421
|
+
spacing: 2,
|
422
|
+
children: [/*#__PURE__*/_jsx(Grid, {
|
423
|
+
item: true,
|
424
|
+
children: /*#__PURE__*/_jsx(Typography, {
|
425
|
+
sx: {
|
426
|
+
color: textColor || "#A2A9B4",
|
427
|
+
borderColor: borderColor || "transparent",
|
428
|
+
borderWidth: borderWidth || "1px",
|
429
|
+
borderRadius: {
|
430
|
+
...getBreakPointsValue(borderRadius || {}, null, "overrideBorderRadius", true)
|
431
|
+
},
|
432
|
+
borderStyle: borderStyle || "solid",
|
433
|
+
background: bgColor || "transparent",
|
434
|
+
padding: {
|
435
|
+
...getTRBLBreakPoints(bannerSpacing)
|
436
|
+
},
|
437
|
+
minHeight: `${formHeight}px`,
|
438
|
+
display: 'flex',
|
439
|
+
alignItems: "center",
|
440
|
+
justifyContent: "center",
|
441
|
+
textAlign: "center",
|
442
|
+
position: 'relative'
|
443
|
+
},
|
444
|
+
children: "Form Submitted Successfully...!"
|
445
|
+
})
|
446
|
+
}), /*#__PURE__*/_jsx(Grid, {
|
447
|
+
item: true,
|
448
|
+
children: /*#__PURE__*/_jsx(IconButton, {
|
449
|
+
onClick: handleCloseMessage,
|
450
|
+
children: /*#__PURE__*/_jsx(Icon, {
|
451
|
+
icon: "closeIcon"
|
452
|
+
})
|
453
|
+
})
|
454
|
+
})]
|
455
|
+
})
|
432
456
|
}), openSetttings ? /*#__PURE__*/_jsx(FormPopup, {
|
433
457
|
element: element,
|
434
458
|
onSave: onSave,
|
@@ -103,22 +103,26 @@ const MentionsPopup = /*#__PURE__*/forwardRef((props, ref) => {
|
|
103
103
|
}, 0);
|
104
104
|
};
|
105
105
|
const handleInsertMention = (char, e) => {
|
106
|
-
|
107
|
-
|
108
|
-
|
109
|
-
|
106
|
+
try {
|
107
|
+
if (!char.renderComponent) {
|
108
|
+
Transforms.select(editor, target);
|
109
|
+
if (char.type === "infinityAI") {
|
110
|
+
setOpenAI("fromElements");
|
111
|
+
}
|
112
|
+
insertMention(editor, char, type);
|
113
|
+
setMentions({
|
114
|
+
...mentions,
|
115
|
+
target: null
|
116
|
+
});
|
117
|
+
} else if (buttonRef && buttonRef?.current) {
|
118
|
+
if (e) {
|
119
|
+
e.preventDefault();
|
120
|
+
}
|
121
|
+
// trigger click of the ToolbarIcon button
|
122
|
+
buttonRef?.current?.triggerClick(target);
|
110
123
|
}
|
111
|
-
|
112
|
-
|
113
|
-
...mentions,
|
114
|
-
target: null
|
115
|
-
});
|
116
|
-
} else if (buttonRef && buttonRef?.current) {
|
117
|
-
if (e) {
|
118
|
-
e.preventDefault();
|
119
|
-
}
|
120
|
-
// trigger click of the ToolbarIcon button
|
121
|
-
buttonRef?.current?.triggerClick(target);
|
124
|
+
} catch (err) {
|
125
|
+
console.log(err);
|
122
126
|
}
|
123
127
|
};
|
124
128
|
return target && chars.length > 0 ? /*#__PURE__*/_jsx(Popper, {
|
@@ -1536,19 +1536,17 @@ export const UploadImage = () => /*#__PURE__*/_jsx("svg", {
|
|
1536
1536
|
})
|
1537
1537
|
});
|
1538
1538
|
export const WorkflowIcon = () => {
|
1539
|
-
return /*#__PURE__*/
|
1539
|
+
return /*#__PURE__*/_jsx("svg", {
|
1540
1540
|
xmlns: "http://www.w3.org/2000/svg",
|
1541
1541
|
fill: "#000000",
|
1542
1542
|
width: "800px",
|
1543
1543
|
height: "800px",
|
1544
1544
|
viewBox: "0 0 32 32",
|
1545
1545
|
version: "1.1",
|
1546
|
-
children:
|
1547
|
-
children: "lightning-bolt"
|
1548
|
-
}), /*#__PURE__*/_jsx("path", {
|
1546
|
+
children: /*#__PURE__*/_jsx("path", {
|
1549
1547
|
d: "M23.5 13.187h-7.5v-12.187l-7.5 17.813h7.5v12.187l7.5-17.813z",
|
1550
1548
|
fill: "#f3b814"
|
1551
|
-
})
|
1549
|
+
})
|
1552
1550
|
});
|
1553
1551
|
};
|
1554
1552
|
export const LeftArrow = () => /*#__PURE__*/_jsx("svg", {
|
@@ -1,11 +1,15 @@
|
|
1
1
|
import { Transforms } from "slate";
|
2
2
|
import insertNewLine from "./insertNewLine";
|
3
3
|
export const insertDefaultEmbed = (editor, type, defaultURL = "") => {
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
4
|
+
try {
|
5
|
+
const url = defaultURL ? defaultURL : type === "image" ? "" : "";
|
6
|
+
insertEmbed(editor, {
|
7
|
+
url,
|
8
|
+
images: []
|
9
|
+
}, type);
|
10
|
+
} catch (err) {
|
11
|
+
console.log(err);
|
12
|
+
}
|
9
13
|
};
|
10
14
|
export const createEmbedNode = (type, {
|
11
15
|
url,
|