@quillforms/block-editor
Version:
92 lines (88 loc) • 2.88 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _adminComponents = require("@quillforms/admin-components");
var _components = require("@wordpress/components");
var _classnames = _interopRequireDefault(require("classnames"));
var _emotion = require("emotion");
var _lodash = require("lodash");
var _jsxRuntime = require("react/jsx-runtime");
/**
* QuillForms Dependencies
*/
/**
* WordPress Dependencies
*/
/**
* External Dependencies
*/
const DeleteAlertModal = ({
messages,
approve,
reject,
closeModal
}) => {
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Modal, {
className: (0, _classnames.default)('block-editor-delete-alert-modal', (0, _emotion.css)`
border: none !important;
min-width: 420px !important;
max-width: 470px !important;
border-radius: 10px;
z-index: 1111111;
`)
// Because focus on editor is causing the click handler to be triggered
,
shouldCloseOnClickOutside: false,
title: "Warning!",
onRequestClose: closeModal,
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
children: "Are you sure you want to delete this item? All of its data will be deleted."
}), (0, _lodash.size)(messages) > 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
children: messages.length === 1 ? messages[0] : messages.map((message, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
children: `${index + 1}. ${message}`
}, index))
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
children: "Are you sure you want to proceed?"
})]
})]
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
className: (0, _emotion.css)`
display: flex;
margin-top: 20px;
justify-content: flex-end;
`,
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_adminComponents.Button, {
isDefault: true,
isLarge: true,
className: (0, _emotion.css)`
margin-right: 10px !important;
`,
onClick: () => {
reject();
},
children: "Cancel"
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminComponents.Button, {
isLarge: true,
isDanger: true,
className: (0, _emotion.css)`
width: 70px;
display: flex;
justify-content: center;
align-items: center;
`,
onClick: () => {
approve();
},
isPrimary: true,
children: "Delete"
})]
})]
});
};
var _default = exports.default = DeleteAlertModal;
//# sourceMappingURL=index.js.map