argous 1.2.222 → 1.2.224

package/dist/components/Programa/Annotations/Annotation.js

@@ -0,0 +1,316 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ANNOTATION_DOCUMENT_URL_INDEX = exports.ANNOTATION_DOCUMENT_MIME_TYPE_INDEX = exports.ANNOTATION_CODE_INDEX = exports.ANNOTATION_PRIVACY_TYPE_INDEX = exports.ANNOTATION_MARKED_USERS_INDEX = exports.ANNOTATION_ANSWERS_INDEX = exports.ANNOTATION_DOCUMENT_ID_INDEX = exports.ANNOTATION_TEXT_INDEX = exports.ANNOTATION_DATE_INDEX = exports.ANNOTATION_PARAMETERS_INDEX = exports.ANNOTATION_PROGRAM_CODE_INDEX = exports.ANNOTATION_USER_INDEX = exports.ANNOTATION_PARENT_ID_INDEX = exports.ANNOTATION_ID_INDEX = void 0;
+var _1 = require(".");
+var utils_1 = require("./utils");
+var api_1 = require("../../../api");
+var components_1 = require("../../../components");
+var utils_2 = require("../../../utils");
+var core_1 = require("@material-ui/core");
+var moment_1 = __importDefault(require("moment"));
+var react_1 = __importStar(require("react"));
+var ANSWER_USER_MIN_WIDTH = 159.78;
+var useStyles = core_1.makeStyles(function (theme) {
+    var _a;
+    return ({
+        annotationContainer: {
+            padding: utils_1.SMALL_SIZE,
+            border: "2px solid " + utils_1.LIGHT_GREY_COLOR(theme.palette.type),
+            '&:not(:last-child)': {
+                marginBottom: utils_1.MEDIUM_SIZE
+            },
+            '&:last-child': {
+                borderBottom: 0
+            }
+        },
+        annotationHeader: {
+            display: 'flex',
+            justifyContent: 'space-between'
+        },
+        annotationUser: {
+            display: 'flex',
+            gap: utils_1.SMALL_SIZE,
+            '&>div:nth-child(1)': {
+                width: utils_1.AVATAR_SIZE,
+                height: utils_1.AVATAR_SIZE
+            },
+            '&>div:nth-child(2)': {
+                display: 'flex',
+                justifyContent: 'center',
+                flexDirection: 'column',
+                gap: utils_1.EXTRA_SMALL_SIZE,
+                '&>h6': {
+                    lineHeight: 1
+                },
+                '&>p': {
+                    lineHeight: 1,
+                    fontSize: '.75rem',
+                    fontWeight: 500,
+                    color: utils_1.MEDIUM_GREY_COLOR(theme.palette.type)
+                }
+            }
+        },
+        annotationBody: {
+            '&>div:nth-child(1)': {
+                padding: '10px 0',
+                overflow: 'hidden'
+            }
+        },
+        annotationFooter: {
+            display: 'flex',
+            gap: utils_1.SMALL_SIZE,
+            paddingTop: utils_1.SMALL_SIZE,
+            minHeight: 43
+        },
+        buttonsDiv: {
+            display: 'flex',
+            justifyContent: 'flex-end',
+            gap: utils_1.SMALL_SIZE
+        },
+        markedUsers: {
+            display: 'flex',
+            flexWrap: 'wrap',
+            gap: utils_1.SMALL_SIZE
+        },
+        markedUser: {
+            position: 'relative',
+            '&>div:nth-child(1)': {
+                width: utils_1.AVATAR_SIZE,
+                height: utils_1.AVATAR_SIZE
+            }
+        },
+        avatarViewedIcon: {
+            position: 'absolute',
+            bottom: -2,
+            right: -8,
+            width: 18,
+            height: 18,
+            color: utils_1.UNIMED_GREEN_COLOR
+        },
+        answer: {
+            alignItems: 'flex-start',
+            padding: utils_1.SMALL_SIZE,
+            gap: utils_1.SMALL_SIZE
+        },
+        answerUserDiv: {
+            display: 'flex',
+            gap: utils_1.SMALL_SIZE,
+            minWidth: ANSWER_USER_MIN_WIDTH,
+            '&>div:nth-child(1)': {
+                position: 'relative',
+                '&>div:nth-child(1)': {
+                    width: utils_1.AVATAR_SIZE,
+                    height: utils_1.AVATAR_SIZE
+                }
+            },
+            '&>div:nth-child(2)': {
+                display: 'flex',
+                justifyContent: 'center',
+                flexDirection: 'column',
+                gap: utils_1.EXTRA_SMALL_SIZE,
+                '&>h6': {
+                    lineHeight: 1
+                },
+                '&>p': {
+                    lineHeight: 1,
+                    fontSize: '.75rem',
+                    fontWeight: 500,
+                    color: utils_1.MEDIUM_GREY_COLOR(theme.palette.type)
+                }
+            }
+        },
+        avatarAnswerIcon: {
+            position: 'absolute',
+            top: -2,
+            left: -8,
+            width: 18,
+            height: 18,
+            color: utils_1.UNIMED_GREEN_COLOR
+        },
+        answerTextDiv: (_a = {
+                width: '100%',
+                maxWidth: '100%'
+            },
+            _a[theme.breakpoints.up('sm')] = {
+                maxWidth: "calc(100% - " + ANSWER_USER_MIN_WIDTH + "px - " + utils_1.SMALL_SIZE + "px)"
+            },
+            _a),
+        divider: {
+            height: 2
+        }
+    });
+});
+exports.ANNOTATION_ID_INDEX = 0;
+exports.ANNOTATION_PARENT_ID_INDEX = 1;
+exports.ANNOTATION_USER_INDEX = 2;
+exports.ANNOTATION_PROGRAM_CODE_INDEX = 3;
+exports.ANNOTATION_PARAMETERS_INDEX = 4;
+exports.ANNOTATION_DATE_INDEX = 5;
+exports.ANNOTATION_TEXT_INDEX = 6;
+exports.ANNOTATION_DOCUMENT_ID_INDEX = 7;
+exports.ANNOTATION_ANSWERS_INDEX = 8;
+exports.ANNOTATION_MARKED_USERS_INDEX = 9;
+exports.ANNOTATION_PRIVACY_TYPE_INDEX = 10;
+exports.ANNOTATION_CODE_INDEX = 11;
+exports.ANNOTATION_DOCUMENT_MIME_TYPE_INDEX = 12;
+exports.ANNOTATION_DOCUMENT_URL_INDEX = 13;
+var Annotation = function (_a) {
+    var _b, _c;
+    var annotation = _a.annotation;
+    var classes = useStyles();
+    var createModal = utils_2.useModal().createModal;
+    var fileView = createModal(components_1.ModalVisualizacaoDocumentos);
+    var _d = react_1.useContext(_1.AnnotationsContext), openAnnotationParameters = _d.openAnnotationParameters, handleDialogClose = _d.handleDialogClose, scrollDialogToBottom = _d.scrollDialogToBottom, dispatch = _d.dispatch;
+    var user = { id: (((_b = annotation[exports.ANNOTATION_USER_INDEX]) === null || _b === void 0 ? void 0 : _b[0]) || -1), name: (((_c = annotation[exports.ANNOTATION_USER_INDEX]) === null || _c === void 0 ? void 0 : _c[1]) || '') };
+    var date = (annotation[exports.ANNOTATION_DATE_INDEX]) ? moment_1.default(annotation[exports.ANNOTATION_DATE_INDEX]).format('DD/MM/YYYY HH:mm:ss') : '';
+    var text = annotation[exports.ANNOTATION_TEXT_INDEX];
+    var answers = (annotation[exports.ANNOTATION_ANSWERS_INDEX] || []);
+    var markedUsers = (annotation[exports.ANNOTATION_MARKED_USERS_INDEX] || []);
+    var annotationParameters = (annotation[exports.ANNOTATION_PARAMETERS_INDEX] || {});
+    var file = {
+        id: annotation[exports.ANNOTATION_DOCUMENT_ID_INDEX],
+        type: annotation[exports.ANNOTATION_DOCUMENT_MIME_TYPE_INDEX],
+        url: annotation[exports.ANNOTATION_DOCUMENT_URL_INDEX]
+    };
+    var reply = function (event) {
+        dispatch({ field: 'selectedAnnotation', value: annotation });
+        setTimeout(function () { return scrollDialogToBottom(event); }, 0);
+    };
+    var access = function (event) {
+        (openAnnotationParameters && (typeof openAnnotationParameters === 'function')) && openAnnotationParameters(event, annotationParameters);
+        handleDialogClose();
+    };
+    var handleFileClick = function (event) { return __awaiter(void 0, void 0, void 0, function () {
+        var response;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, api_1.getProgramAnnotations({ snToken: true })];
+                case 1:
+                    response = _a.sent();
+                    if (!(response === null || response === void 0 ? void 0 : response.status)) return [3 /*break*/, 3];
+                    return [4 /*yield*/, fileView({ nome: 'Documento da anotação', linkPronto: file.url, tokenSistema: response === null || response === void 0 ? void 0 : response.token })];
+                case 2:
+                    _a.sent();
+                    _a.label = 3;
+                case 3: return [2 /*return*/];
+            }
+        });
+    }); };
+    return react_1.default.createElement("div", { className: classes.annotationContainer },
+        react_1.default.createElement("div", { className: classes.annotationHeader },
+            react_1.default.createElement("div", { className: classes.annotationUser },
+                react_1.default.createElement(components_1.ArgousAvatar, { alt: user.name + " avatar", idUsuario: user.id, nome: user.name }),
+                react_1.default.createElement("div", null,
+                    react_1.default.createElement(core_1.Typography, { variant: 'subtitle2' }, user.name),
+                    react_1.default.createElement(core_1.Typography, { variant: 'body2' }, date))),
+            react_1.default.createElement("div", null, (file.id) && react_1.default.createElement(components_1.IconsComponent, { mimeType: file.type, height: utils_1.AVATAR_SIZE, onClick: handleFileClick, style: { cursor: 'pointer' } }))),
+        react_1.default.createElement("div", { className: classes.annotationBody },
+            react_1.default.createElement("div", null,
+                react_1.default.createElement(core_1.Typography, { variant: 'body2' }, text)),
+            react_1.default.createElement("div", null, answers.map(function (answer, answerIndex) { return react_1.default.createElement(Answer, __assign({ key: "answer-" + answerIndex }, { answer: answer })); }))),
+        react_1.default.createElement(core_1.Divider, { className: classes.divider }),
+        react_1.default.createElement(core_1.Grid, { container: true, justifyContent: (markedUsers.length) ? 'space-between' : 'flex-end', className: classes.annotationFooter },
+            (!!markedUsers.length) && (react_1.default.createElement(core_1.Grid, { item: true, xs: 12, sm: 'auto', className: classes.markedUsers }, markedUsers.map(function (user, userIndex) { return react_1.default.createElement(MarkedUser, __assign({ key: "marked-user-" + (user === null || user === void 0 ? void 0 : user.idUsuario) }, { user: user })); }))),
+            react_1.default.createElement(core_1.Grid, { item: true, xs: 12, sm: 'auto', className: classes.buttonsDiv },
+                react_1.default.createElement(core_1.Button, { fullWidth: true, variant: 'outlined', size: 'small', onClick: access }, "Acessar"),
+                react_1.default.createElement(core_1.Button, { fullWidth: true, color: 'primary', variant: 'contained', size: 'small', onClick: reply }, "Responder"))));
+};
+exports.default = Annotation;
+var Answer = function (_a) {
+    var _b, _c;
+    var answer = _a.answer;
+    var classes = useStyles();
+    var user = { id: (((_b = answer === null || answer === void 0 ? void 0 : answer.usuario) === null || _b === void 0 ? void 0 : _b[0]) || -1), name: (((_c = answer === null || answer === void 0 ? void 0 : answer.usuario) === null || _c === void 0 ? void 0 : _c[1]) || '') };
+    var date = (answer === null || answer === void 0 ? void 0 : answer.dtAnotacao) ? moment_1.default(answer === null || answer === void 0 ? void 0 : answer.dtAnotacao).format('DD/MM/YYYY HH:mm:ss') : '';
+    var text = answer === null || answer === void 0 ? void 0 : answer.dsAnotacao;
+    return react_1.default.createElement("div", null,
+        react_1.default.createElement(core_1.Divider, { className: classes.divider }),
+        react_1.default.createElement(core_1.Grid, { container: true, className: classes.answer },
+            react_1.default.createElement("div", { className: classes.answerUserDiv },
+                react_1.default.createElement("div", null,
+                    react_1.default.createElement(components_1.ArgousAvatar, { alt: user.name + " avatar", idUsuario: user.id, nome: user.name }),
+                    react_1.default.createElement(utils_1.AnswerIcon, { className: classes.avatarAnswerIcon })),
+                react_1.default.createElement("div", null,
+                    react_1.default.createElement(core_1.Typography, { variant: 'subtitle2' }, user.name),
+                    react_1.default.createElement(core_1.Typography, { variant: 'body2' }, date))),
+            react_1.default.createElement("div", { className: classes.answerTextDiv },
+                react_1.default.createElement(core_1.Typography, { variant: 'body2' }, text))));
+};
+var MarkedUser = function (props) {
+    var _a, _b, _c;
+    var classes = useStyles();
+    var user = { id: (((_a = props === null || props === void 0 ? void 0 : props.user) === null || _a === void 0 ? void 0 : _a.idUsuario) || -1), name: (((_b = props === null || props === void 0 ? void 0 : props.user) === null || _b === void 0 ? void 0 : _b.nmUsuario) || '') };
+    var viewDate = (_c = props === null || props === void 0 ? void 0 : props.user) === null || _c === void 0 ? void 0 : _c.dtVisualizacao;
+    return react_1.default.createElement("div", { className: classes.markedUser },
+        react_1.default.createElement(components_1.ArgousAvatar, { alt: user.name + " avatar", idUsuario: user.id, nome: user.name }),
+        (viewDate) && react_1.default.createElement(utils_1.ViewedIcon, { className: classes.avatarViewedIcon }));
+};

package/dist/components/Programa/Annotations/AnnotationsList.d.ts

@@ -0,0 +1,3 @@
+export default AnnotationsList;
+declare function AnnotationsList(): React.JSX.Element;
+import React from "react";

package/dist/components/Programa/Annotations/AnnotationsList.js

@@ -0,0 +1,50 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var _1 = require(".");
+var Annotation_1 = __importDefault(require("./Annotation"));
+var utils_1 = require("./utils");
+var core_1 = require("@material-ui/core");
+var react_1 = __importStar(require("react"));
+var AnnotationsList = function () {
+    var theme = core_1.useTheme();
+    var list = react_1.useContext(_1.AnnotationsContext).list;
+    return (react_1.default.createElement("div", { style: {
+            maxHeight: '60vh',
+            overflow: 'hidden auto',
+            borderBottom: "2px solid " + utils_1.LIGHT_GREY_COLOR(theme.palette.type)
+        } }, list.annotations.map(function (annotation, annotationIndex) { return (react_1.default.createElement(Annotation_1.default, __assign({ key: "annotation-" + (annotation === null || annotation === void 0 ? void 0 : annotation[0]) }, { annotation: annotation }))); })));
+};
+exports.default = AnnotationsList;

package/dist/components/Programa/Annotations/Input/FileInput.d.ts

@@ -0,0 +1,6 @@
+export default FileInput;
+declare function FileInput({ file, onChange }: {
+    file: any;
+    onChange: any;
+}): React.JSX.Element;
+import React from "react";

package/dist/components/Programa/Annotations/Input/FileInput.js

@@ -0,0 +1,147 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var __1 = require("..");
+var components_1 = require("../../../../components");
+var utils_1 = require("../../../../utils");
+var utils_2 = require("../utils");
+var core_1 = require("@material-ui/core");
+var react_1 = __importStar(require("react"));
+var io5_1 = require("react-icons/io5");
+var useStyles = core_1.makeStyles({
+    fileInputContainer: {
+        width: '100%',
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'flex-end',
+        gap: utils_2.SMALL_SIZE,
+        '&>input': {
+            display: 'none'
+        }
+    },
+    fileInputButtonsDiv: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: utils_2.SMALL_SIZE
+    },
+    file: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: utils_2.EXTRA_SMALL_SIZE,
+        maxWidth: '100%',
+        '&>p': __assign({}, utils_2.ELLIPSIS_TEXT_STYLE)
+    }
+});
+var FileInput = function (_a) {
+    var file = _a.file, onChange = _a.onChange;
+    var classes = useStyles();
+    var _b = react_1.useContext(__1.AnnotationsContext), printScreen = _b.printScreen, loading = _b.loading, dispatch = _b.dispatch;
+    var inputRef = react_1.useRef(null);
+    var canAddPrintScreen = !(file === (printScreen === null || printScreen === void 0 ? void 0 : printScreen.file));
+    var disabled = (loading.save || loading.file);
+    var printScreenClick = function (event) { return __awaiter(void 0, void 0, void 0, function () {
+        var file, response;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    dispatch({ type: 'loading', field: 'file', value: true });
+                    if (!(printScreen === null || printScreen === void 0 ? void 0 : printScreen.file)) return [3 /*break*/, 1];
+                    file = printScreen === null || printScreen === void 0 ? void 0 : printScreen.file;
+                    return [3 /*break*/, 3];
+                case 1: return [4 /*yield*/, utils_1.printScreen({ event: event })];
+                case 2:
+                    response = _a.sent();
+                    if (response === null || response === void 0 ? void 0 : response.status) {
+                        dispatch({ field: 'printScreen', value: response });
+                        file = response === null || response === void 0 ? void 0 : response.file;
+                    }
+                    _a.label = 3;
+                case 3:
+                    (file) && onChange(event, file);
+                    dispatch({ type: 'loading', field: 'file', value: false });
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    return react_1.default.createElement("div", { className: classes.fileInputContainer },
+        react_1.default.createElement("input", { ref: inputRef, type: 'file', onChange: function (e) { var _a, _b; return ((_b = (_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.files) === null || _b === void 0 ? void 0 : _b.length) && onChange(e, e.target.files[0]); } }),
+        (file) && react_1.default.createElement(File, __assign({}, { file: file, disabled: disabled, classes: classes }, { onDelete: function (e) { return onChange(e, undefined); } })),
+        react_1.default.createElement("div", { className: classes.fileInputButtonsDiv },
+            react_1.default.createElement(core_1.IconButton, __assign({}, { disabled: disabled }, { onClick: function () { return (inputRef.current) && inputRef.current.click(); }, style: { padding: utils_2.EXTRA_SMALL_SIZE } }),
+                react_1.default.createElement(io5_1.IoDocumentAttachOutline, { size: utils_2.MEDIUM_SIZE })),
+            (canAddPrintScreen) && (react_1.default.createElement(core_1.Button, __assign({}, { disabled: disabled }, { size: 'small', variant: 'outlined', startIcon: react_1.default.createElement(io5_1.IoImageOutline, null), onClick: printScreenClick }), "Captura de tela"))));
+};
+exports.default = FileInput;
+var File = function (_a) {
+    var file = _a.file, disabled = _a.disabled, onDelete = _a.onDelete, classes = _a.classes;
+    return react_1.default.createElement("div", { className: classes.file },
+        react_1.default.createElement(components_1.IconsComponent, { fileName: file === null || file === void 0 ? void 0 : file.name, mimeType: file === null || file === void 0 ? void 0 : file.type, height: utils_2.LARGE_SIZE }),
+        react_1.default.createElement(core_1.Typography, null, file === null || file === void 0 ? void 0 : file.name),
+        react_1.default.createElement(core_1.IconButton, __assign({}, { disabled: disabled }, { size: 'small', onClick: function (e) { return (typeof onDelete === 'function') && onDelete(e); } }),
+            react_1.default.createElement(utils_2.CloseIcon, null)));
+};

package/dist/components/Programa/Annotations/Input/Input.d.ts

@@ -0,0 +1,3 @@
+export default Input;
+declare function Input(): React.JSX.Element;
+import React from "react";