@flozy/editor 3.5.4 → 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,
|