@eccenca/gui-elements
Version:
GUI elements based on other libraries, usable in React application, written in Typescript.
64 lines • 3.95 kB
JavaScript
;
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
var desc = Object.getOwnPropertyDescriptor(m, k);
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
desc = { enumerable: true, get: function() { return m[k]; } };
}
Object.defineProperty(o, k2, desc);
}) : (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
o[k2] = m[k];
}));
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
Object.defineProperty(o, "default", { enumerable: true, value: v });
}) : function(o, v) {
o["default"] = v;
});
var __importStar = (this && this.__importStar) || function (mod) {
if (mod && mod.__esModule) return mod;
var result = {};
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
__setModuleDefault(result, mod);
return result;
};
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
return new (P || (P = Promise))(function (resolve, reject) {
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
step((generator = generator.apply(thisArg, _arguments || [])).next());
});
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.ActivityExecutionErrorReportModal = void 0;
const react_1 = __importStar(require("react"));
const index_1 = require("../../index");
/** Shows the execution error report to the user and offers to download the report. */
const ActivityExecutionErrorReportModal = ({ title, onDiscard, report, downloadButtonValue, closeButtonValue, fetchErrorReport, }) => {
const [displayFullscreen, setDisplayFullscreen] = (0, react_1.useState)(false);
const fileName = "Activity execution report from " +
new Date().toISOString().replace(/T/, " ").replace(/:/g, "-").substr(0, 19) +
".md";
const handleDownload = () => __awaiter(void 0, void 0, void 0, function* () {
const markdown = yield fetchErrorReport();
if (markdown) {
const element = document.createElement("a");
element.href = window.URL.createObjectURL(new Blob([markdown], { type: "text/markdown" }));
element.download = fileName;
//the above code is equivalent to
document.body.appendChild(element);
//onClick property
element.click();
document.body.removeChild(element);
}
});
return (react_1.default.createElement(index_1.SimpleDialog, { title: title, isOpen: true, size: displayFullscreen ? "fullscreen" : "large", onClose: onDiscard, headerOptions: react_1.default.createElement(index_1.IconButton, { name: displayFullscreen ? "toggler-minimize" : "toggler-maximize", onClick: () => setDisplayFullscreen(!displayFullscreen) }), actions: [
react_1.default.createElement(index_1.Button, { "data-test-id": "error-report-download-btn", affirmative: true, onClick: handleDownload, key: "download" }, downloadButtonValue),
react_1.default.createElement(index_1.Button, { "data-test-id": "error-report-close-btn", key: "close", onClick: onDiscard }, closeButtonValue),
] },
react_1.default.createElement(index_1.HtmlContentBlock, { noScrollbarsOnChildren: true }, report)));
};
exports.ActivityExecutionErrorReportModal = ActivityExecutionErrorReportModal;
//# sourceMappingURL=ActivityExecutionErrorReportModal.js.map