argous 1.2.222 → 1.2.224

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

@@ -0,0 +1,218 @@
+"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 __spreadArray = (this && this.__spreadArray) || function (to, from) {
+    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
+        to[j] = from[i];
+    return to;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var FileInput_1 = __importDefault(require("./FileInput"));
+var PrivacySelection_1 = __importDefault(require("./PrivacySelection"));
+var ReplyInformation_1 = __importDefault(require("./ReplyInformation"));
+var UsersAutocomplete_1 = __importDefault(require("./UsersAutocomplete"));
+var __1 = require("..");
+var api_1 = require("../../../../api");
+var Annotation_1 = require("../Annotation");
+var utils_1 = require("../utils");
+var core_1 = require("@material-ui/core");
+var react_1 = __importStar(require("react"));
+var useStyles = core_1.makeStyles(function (theme) { return ({
+    inputContainer: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: utils_1.SMALL_SIZE
+    },
+    materialInput: {
+        padding: utils_1.EXTRA_SMALL_SIZE,
+        backgroundColor: theme.palette.background.default,
+        border: "1px solid " + utils_1.LIGHT_GREY_COLOR(theme.palette.type),
+        '&>textarea': {
+            minHeight: (utils_1.LARGE_SIZE + utils_1.SMALL_SIZE)
+        }
+    },
+    buttonsDiv: {
+        display: 'flex',
+        justifyContent: 'flex-end',
+        gap: utils_1.SMALL_SIZE,
+        '&>button': {
+            minHeight: 30,
+            lineHeight: 1
+        }
+    }
+}); });
+var initialStatePrivacyType = '0';
+var Input = function () {
+    var classes = useStyles();
+    var materialInputRef = react_1.useRef(null);
+    var _a = react_1.useContext(__1.AnnotationsContext), list = _a.list, annotationParameters = _a.annotationParameters, selectedAnnotation = _a.selectedAnnotation, code = _a.code, loading = _a.loading, dispatch = _a.dispatch;
+    var replying = !!selectedAnnotation.length;
+    var _b = react_1.useState(''), text = _b[0], setText = _b[1];
+    var _c = react_1.useState(''), file = _c[0], setFile = _c[1];
+    var _d = react_1.useState([]), markedUsers = _d[0], setMarkedUsers = _d[1];
+    var _e = react_1.useState(initialStatePrivacyType), privacyType = _e[0], setPrivacyType = _e[1];
+    function resetStates() {
+        setText('');
+        setFile('');
+        setMarkedUsers([]);
+        setPrivacyType(initialStatePrivacyType);
+    }
+    var cancelReply = function () {
+        dispatch({ field: 'selectedAnnotation', value: [] });
+        resetStates();
+    };
+    var addAnnotation = function (_a) {
+        var answer = _a.answer, _b = _a.newAnnotation, newAnnotation = _b === void 0 ? [] : _b;
+        if (!newAnnotation.length)
+            return;
+        var newList = __spreadArray([], list.annotations);
+        if (answer) {
+            var parentIndex = newList.findIndex(function (annotation) { return (annotation[Annotation_1.ANNOTATION_ID_INDEX] === answer); });
+            if (parentIndex === -1)
+                return;
+            var newParentAnnotation = __spreadArray([], newList[parentIndex]);
+            var newAnswers = __spreadArray([], newParentAnnotation[Annotation_1.ANNOTATION_ANSWERS_INDEX]);
+            var newAnswer = {
+                dsAnotacao: newAnnotation[Annotation_1.ANNOTATION_TEXT_INDEX],
+                dtAnotacao: newAnnotation[Annotation_1.ANNOTATION_DATE_INDEX],
+                idAnotacao: newAnnotation[Annotation_1.ANNOTATION_ID_INDEX],
+                idAnotacaoPai: answer,
+                parametros: newAnnotation[Annotation_1.ANNOTATION_PARAMETERS_INDEX],
+                pgCode: newAnnotation[Annotation_1.ANNOTATION_PROGRAM_CODE_INDEX],
+                usuario: newAnnotation[Annotation_1.ANNOTATION_USER_INDEX]
+            };
+            newAnswers.push(newAnswer);
+            newParentAnnotation.splice(Annotation_1.ANNOTATION_ANSWERS_INDEX, 1, newAnswers);
+            newList.splice(parentIndex, 1, newParentAnnotation);
+        }
+        else {
+            newList.unshift(newAnnotation);
+        }
+        dispatch({ type: 'list', field: 'annotations', value: newList });
+    };
+    var saveAnnotation = function (event) { return __awaiter(void 0, void 0, void 0, function () {
+        var methodParameters, idRecebimento, response;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    dispatch({ type: 'loading', field: 'save', value: true });
+                    methodParameters = {
+                        pgCode: code,
+                        dsAnotacao: text,
+                        idAnotacaoPai: (selectedAnnotation.length) ? selectedAnnotation[Annotation_1.ANNOTATION_ID_INDEX] : undefined,
+                        parametros: annotationParameters,
+                        tpPrivacidade: privacyType,
+                        idRecebimento: undefined,
+                        usuarioRelacionado: markedUsers.map(function (_a) {
+                            var id = _a[0];
+                            return id;
+                        })
+                    };
+                    if (!file) return [3 /*break*/, 2];
+                    return [4 /*yield*/, api_1.prepareFile(file)];
+                case 1:
+                    idRecebimento = (_a.sent()).idRecebimento;
+                    methodParameters.idRecebimento = idRecebimento;
+                    _a.label = 2;
+                case 2: return [4 /*yield*/, api_1.saveProgramAnnotation(methodParameters)];
+                case 3:
+                    response = _a.sent();
+                    if (response === null || response === void 0 ? void 0 : response.status) {
+                        cancelReply();
+                        addAnnotation({ answer: selectedAnnotation[Annotation_1.ANNOTATION_ID_INDEX], newAnnotation: response === null || response === void 0 ? void 0 : response.anotacao });
+                    }
+                    dispatch({ type: 'loading', field: 'save', value: false });
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var setUpReply = function () {
+        (materialInputRef.current) && materialInputRef.current.focus();
+        setFile('');
+        setMarkedUsers([]);
+        setPrivacyType(initialStatePrivacyType);
+    };
+    react_1.useEffect(function () { return (replying) && setUpReply(); }, [replying]);
+    return react_1.default.createElement("div", { className: classes.inputContainer },
+        (replying) && react_1.default.createElement(ReplyInformation_1.default, __assign({}, { selectedAnnotation: selectedAnnotation })),
+        react_1.default.createElement("div", null,
+            react_1.default.createElement(core_1.Input, { fullWidth: true, multiline: true, inputRef: materialInputRef, placeholder: 'Escreva a sua anota\u00E7\u00E3o', disabled: loading.save, value: text, onChange: function (event) { return setText(event.target.value); }, className: classes.materialInput })),
+        (!replying) && (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement("div", { className: classes.buttonsDiv },
+                react_1.default.createElement(FileInput_1.default, __assign({}, { file: file }, { onChange: function (_, value) { return setFile(value); } }))),
+            react_1.default.createElement("div", { className: classes.buttonsDiv },
+                react_1.default.createElement(UsersAutocomplete_1.default, { disabled: loading.save, value: markedUsers, onChange: function (event, value, reason, details) { return setMarkedUsers(value); } })),
+            react_1.default.createElement("div", { className: classes.buttonsDiv },
+                react_1.default.createElement(PrivacySelection_1.default, { disabled: loading.save, value: privacyType, onChange: function (event) { return setPrivacyType(event.target.value); } })))),
+        react_1.default.createElement("div", { className: classes.buttonsDiv },
+            (replying) && (react_1.default.createElement(core_1.Button, { color: 'default', variant: 'contained', size: 'small', onClick: cancelReply }, "Cancelar")),
+            react_1.default.createElement(core_1.Button, { color: 'primary', variant: 'contained', size: 'small', disabled: !text.length || loading.save, onClick: saveAnnotation, style: { width: (replying) ? 97.13 : 72.45 } }, (loading.save) ? react_1.default.createElement(core_1.CircularProgress, { color: 'primary', size: 22 }) : (replying) ? 'Responder' : 'Anotar')));
+};
+exports.default = Input;

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

@@ -0,0 +1,7 @@
+export default PrivacySelection;
+declare function PrivacySelection({ value, onChange, disabled }: {
+    value?: string | undefined;
+    onChange?: (() => string) | undefined;
+    disabled?: boolean | undefined;
+}): React.JSX.Element;
+import React from "react";

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

@@ -0,0 +1,65 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var utils_1 = require("../utils");
+var core_1 = require("@material-ui/core");
+var react_1 = __importDefault(require("react"));
+var useStyles = core_1.makeStyles({
+    selectTextField: {
+        '&>div>svg': {
+            right: utils_1.EXTRA_SMALL_SIZE
+        }
+    },
+    menuItem: {
+        display: 'flex',
+        gap: utils_1.EXTRA_SMALL_SIZE,
+        padding: utils_1.EXTRA_SMALL_SIZE
+    }
+});
+var PrivacySelection = function (_a) {
+    var _b = _a.value, value = _b === void 0 ? '' : _b, _c = _a.onChange, onChange = _c === void 0 ? function () { return ''; } : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d;
+    var classes = useStyles();
+    return (react_1.default.createElement(core_1.TextField, __assign({}, { value: value, onChange: onChange, disabled: disabled }, { select: true, variant: 'filled', InputProps: {
+            disableUnderline: true,
+            style: {
+                borderRadius: 4,
+                height: '100%'
+            }
+        }, SelectProps: {
+            SelectDisplayProps: {
+                style: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    gap: utils_1.EXTRA_SMALL_SIZE,
+                    padding: utils_1.EXTRA_SMALL_SIZE + "px " + ((utils_1.EXTRA_SMALL_SIZE * 2) + 24) + "px " + utils_1.EXTRA_SMALL_SIZE + "px " + utils_1.EXTRA_SMALL_SIZE + "px"
+                }
+            },
+            MenuProps: {
+                variant: 'menu',
+                MenuListProps: {
+                    style: { padding: utils_1.EXTRA_SMALL_SIZE + "px 0" }
+                }
+            }
+        }, className: classes.selectTextField }), utils_1.privacyTypeOptions.map(function (privacyType) {
+        var value = privacyType[0];
+        var label = privacyType[1];
+        var ICON = privacyType[2];
+        return react_1.default.createElement(core_1.MenuItem, __assign({ key: value + "-menu-item" }, { value: value }, { className: classes.menuItem }),
+            (ICON) && react_1.default.createElement(ICON, { size: utils_1.MEDIUM_SIZE }),
+            react_1.default.createElement(core_1.Typography, { variant: 'body2' }, label));
+    })));
+};
+exports.default = PrivacySelection;

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

@@ -0,0 +1,5 @@
+export default ReplyInformation;
+declare function ReplyInformation({ selectedAnnotation }: {
+    selectedAnnotation: any;
+}): React.JSX.Element;
+import React from "react";

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

@@ -0,0 +1,78 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var components_1 = require("../../../../components");
+var Annotation_1 = require("../Annotation");
+var utils_1 = require("../utils");
+var core_1 = require("@material-ui/core");
+var moment_1 = __importDefault(require("moment"));
+var react_1 = __importDefault(require("react"));
+var useStyles = core_1.makeStyles(function (theme) { return ({
+    replyInformation: {
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'flex-end',
+        gap: utils_1.SMALL_SIZE,
+        '&>div:nth-child(1)': {
+            display: 'flex',
+            gap: utils_1.SMALL_SIZE,
+            '&>h6': {
+                fontWeight: 500,
+                lineHeight: 1
+            }
+        },
+        '&>div:nth-child(2)': {
+            display: 'flex',
+            flexDirection: 'column',
+            gap: utils_1.SMALL_SIZE,
+            '&>div:nth-child(1)': {
+                display: 'flex',
+                justifyContent: 'flex-end',
+                gap: utils_1.SMALL_SIZE,
+                '&>div:nth-child(1)': {
+                    display: 'flex',
+                    alignItems: 'flex-end',
+                    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)
+                    }
+                },
+                '&>div:nth-child(2)': {
+                    width: utils_1.AVATAR_SIZE,
+                    height: utils_1.AVATAR_SIZE
+                }
+            }
+        }
+    }
+}); });
+var ReplyInformation = function (_a) {
+    var _b, _c;
+    var selectedAnnotation = _a.selectedAnnotation;
+    var classes = useStyles();
+    var text = selectedAnnotation[Annotation_1.ANNOTATION_TEXT_INDEX];
+    var user = { id: (((_b = selectedAnnotation[Annotation_1.ANNOTATION_USER_INDEX]) === null || _b === void 0 ? void 0 : _b[0]) || -1), name: (((_c = selectedAnnotation[Annotation_1.ANNOTATION_USER_INDEX]) === null || _c === void 0 ? void 0 : _c[1]) || '') };
+    var date = (selectedAnnotation[Annotation_1.ANNOTATION_DATE_INDEX]) ? moment_1.default(selectedAnnotation[Annotation_1.ANNOTATION_DATE_INDEX]).format('DD/MM/YYYY HH:mm:ss') : '';
+    return react_1.default.createElement("div", { className: classes.replyInformation },
+        react_1.default.createElement("div", null,
+            react_1.default.createElement(utils_1.AnswerIcon, { color: utils_1.UNIMED_GREEN_COLOR, size: 16 }),
+            react_1.default.createElement(core_1.Typography, { variant: 'subtitle1' }, "Respondendo")),
+        react_1.default.createElement("div", null,
+            react_1.default.createElement("div", null,
+                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(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: 'body2', align: 'right' }, text))));
+};
+exports.default = ReplyInformation;

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

@@ -0,0 +1,7 @@
+export default UsersAutocomplete;
+declare function UsersAutocomplete({ value, onChange, disabled }: {
+    value?: any[] | undefined;
+    onChange?: (() => string) | undefined;
+    disabled?: boolean | undefined;
+}): React.JSX.Element;
+import React from "react";

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

@@ -0,0 +1,139 @@
+"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 api_1 = require("../../../../api");
+var components_1 = require("../../../../components");
+var utils_1 = require("../../../../utils");
+var api_2 = require("../../../../utils/api");
+var utils_2 = require("../utils");
+var core_1 = require("@material-ui/core");
+var lab_1 = require("@material-ui/lab");
+var react_1 = __importStar(require("react"));
+var useStyles = core_1.makeStyles({
+    userAutocomplete: {
+        maxWidth: '100%'
+    },
+    usersAutocompleteInput: {
+        '&>div>input': {
+            minWidth: '137px !important',
+            padding: utils_2.EXTRA_SMALL_SIZE + "px !important"
+        },
+        '& .MuiAutocomplete-inputRoot[class*="MuiFilledInput-root"] .MuiAutocomplete-endAdornment': {
+            right: utils_2.EXTRA_SMALL_SIZE
+        }
+    },
+    usersAutocompleteChip: {
+        height: utils_2.LARGE_SIZE,
+        borderRadius: 0,
+        margin: utils_2.EXTRA_SMALL_SIZE,
+        '&>span': {
+            padding: "0 " + utils_2.SMALL_SIZE + "px"
+        },
+        '&>svg': {
+            margin: "0 " + utils_2.EXTRA_SMALL_SIZE + "px 0 0"
+        }
+    }
+});
+var UsersAutocomplete = function (_a) {
+    var _b = _a.value, value = _b === void 0 ? [] : _b, _c = _a.onChange, onChange = _c === void 0 ? function () { return ''; } : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d;
+    var classes = useStyles();
+    var _e = react_1.useState(''), search = _e[0], setSearch = _e[1];
+    var _f = react_1.useState([]), users = _f[0], setUsers = _f[1];
+    function getUsers(dsFiltroNome) {
+        var _a;
+        return __awaiter(this, void 0, void 0, function () {
+            var res;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0: return [4 /*yield*/, api_1.searchUsers({ dsFiltroNome: dsFiltroNome })];
+                    case 1:
+                        res = _b.sent();
+                        if ((_a = res.users) === null || _a === void 0 ? void 0 : _a.length)
+                            setUsers(res.users || []);
+                        else
+                            api_2.setError(res.dsErro);
+                        return [2 /*return*/];
+                }
+            });
+        });
+    }
+    react_1.useEffect(function () { return getUsers(search); }, [search]);
+    function handleOnChange(event, value, reason, details) {
+        (onChange) && onChange(event, value, reason, details);
+    }
+    return (react_1.default.createElement(lab_1.Autocomplete, __assign({}, { value: value, disabled: disabled }, { multiple: true, onChange: handleOnChange, options: users.filter(function (user) { return value.indexOf(user) < 0; }), getOptionLabel: function (option) { return utils_1.formataNome(option[1]); }, getOptionSelected: function (option, value) { return ((option === null || option === void 0 ? void 0 : option[0]) === (value === null || value === void 0 ? void 0 : value[0])); }, noOptionsText: 'N\u00E3o encontrado', openText: 'Abrir', closeText: 'Fechar', clearText: 'Limpar', renderTags: function (value, getTagProps) { return (value.map(function (option, index) {
+            var id = option === null || option === void 0 ? void 0 : option[0];
+            var name = option === null || option === void 0 ? void 0 : option[1];
+            return (react_1.default.createElement(core_1.Chip, __assign({ icon: (react_1.default.createElement(components_1.ArgousAvatar, { alt: name + " avatar", idUsuario: id, nome: name, style: { height: 30, width: 30, margin: "0 0 0 " + utils_2.EXTRA_SMALL_SIZE + "px" } })), label: option[1] || option }, getTagProps({ index: index }), { className: classes.usersAutocompleteChip })));
+        })); }, renderInput: function (params) { return (react_1.default.createElement(core_1.TextField, { id: params.id, variant: 'filled', placeholder: 'Selecione usu\u00E1rios', fullWidth: params.fullWidth, size: params.size, disabled: params.disabled, InputLabelProps: params.InputLabelProps, InputProps: __assign(__assign({}, params.InputProps), { disableUnderline: true, style: {
+                    height: '100%',
+                    borderRadius: 4,
+                    padding: utils_2.EXTRA_SMALL_SIZE + "px 62px " + utils_2.EXTRA_SMALL_SIZE + "px " + utils_2.EXTRA_SMALL_SIZE + "px"
+                } }), inputProps: params.inputProps, value: search, onChange: function (e) { return setSearch(e.target.value); }, className: classes.usersAutocompleteInput })); }, className: classes.userAutocomplete })));
+};
+exports.default = UsersAutocomplete;

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

@@ -0,0 +1,23 @@
+export const AnnotationsContext: React.Context<{
+    selectedAnnotation: never[];
+    list: {
+        annotations: never[];
+    };
+    loading: {
+        main: boolean;
+        save: boolean;
+        file: boolean;
+    };
+    printScreen: {};
+}>;
+export default Annotations;
+import React from "react";
+declare function Annotations({ open, proceed, onClose, code, pgTitle, annotationParameters, openAnnotationParameters }: {
+    open: any;
+    proceed: any;
+    onClose: any;
+    code: any;
+    pgTitle: any;
+    annotationParameters: any;
+    openAnnotationParameters: any;
+}): React.JSX.Element;