argous 1.2.225 → 1.2.227

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

@@ -1,195 +0,0 @@
-"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.AnnotationsContext = void 0;
-var AnnotationsList_1 = __importDefault(require("./AnnotationsList"));
-var Input_1 = __importDefault(require("./Input/Input"));
-var utils_1 = require("./utils");
-var api_1 = require("../../../api");
-var utils_2 = require("../../../utils");
-var core_1 = require("@material-ui/core");
-var react_1 = __importStar(require("react"));
-var use_immer_1 = require("use-immer");
-var useStyles = core_1.makeStyles(function () { return ({
-    dialogContainer: {
-        display: 'flex',
-        flexDirection: 'column',
-        gap: utils_1.MEDIUM_SIZE,
-        padding: utils_1.MEDIUM_SIZE,
-        overflowY: 'auto'
-    },
-    dialogHeader: {
-        display: 'flex',
-        alignItems: 'flex-start',
-        justifyContent: 'space-between',
-        gap: utils_1.MEDIUM_SIZE,
-        '&>h6': {
-            lineHeight: 1
-        }
-    },
-    dialogHeaderActions: {
-        position: 'relative',
-        '&>button': {
-            zIndex: 1,
-            padding: utils_1.EXTRA_SMALL_SIZE
-        }
-    },
-    dialogHeaderLoading: {
-        position: 'absolute',
-        inset: 0,
-        zIndex: 0
-    }
-}); });
-var initialStateLoading = {
-    main: false,
-    save: false,
-    file: false
-};
-var initialStateList = {
-    annotations: []
-};
-var initialState = {
-    selectedAnnotation: [],
-    list: initialStateList,
-    loading: initialStateLoading,
-    printScreen: {}
-};
-var reducer = function (state, _a) {
-    if (state === void 0) { state = initialState; }
-    var type = _a.type, property = _a.property, field = _a.field, value = _a.value;
-    switch (type) {
-        default:
-            if (type && property && field)
-                state[type][property][field] = value;
-            else if (type && field)
-                state[type][field] = value;
-            else if (field)
-                state[field] = value;
-            break;
-    }
-};
-exports.AnnotationsContext = react_1.createContext(initialState);
-var Annotations = function (_a) {
-    var open = _a.open, proceed = _a.proceed, onClose = _a.onClose, code = _a.code, pgTitle = _a.pgTitle, annotationParameters = _a.annotationParameters, openAnnotationParameters = _a.openAnnotationParameters;
-    var classes = useStyles();
-    var loggedUser = utils_2.useStore().usuarioLogado;
-    var dialogRef = react_1.useRef(null);
-    var _b = use_immer_1.useImmerReducer(reducer, initialState), state = _b[0], dispatch = _b[1];
-    var loading = state.loading, list = state.list;
-    var handleDialogClose = react_1.useCallback(function (event) {
-        (proceed) && proceed();
-        (onClose) && onClose(event);
-    }, [proceed, onClose]);
-    var getAnnotations = react_1.useCallback(function (code) { return __awaiter(void 0, void 0, void 0, function () {
-        var response;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    dispatch({ type: 'loading', field: 'main', value: true });
-                    return [4 /*yield*/, api_1.getProgramAnnotations({ pgCode: code, ctrlPgn: {} })];
-                case 1:
-                    response = _a.sent();
-                    (response === null || response === void 0 ? void 0 : response.status) && dispatch({ type: 'list', field: 'annotations', value: ((response === null || response === void 0 ? void 0 : response.list) || []) });
-                    dispatch({ type: 'loading', field: 'main', value: false });
-                    return [2 /*return*/];
-            }
-        });
-    }); }, [dispatch]);
-    react_1.useEffect(function () { return getAnnotations(code); }, [code, getAnnotations]);
-    var scrollDialogToBottom = function (event) {
-        if (!dialogRef.current)
-            return;
-        dialogRef.current.children[2].children[0].scroll({ top: dialogRef.current.offsetHeight, behavior: 'smooth' });
-    };
-    var contextValues = react_1.useMemo(function () { return (__assign(__assign({}, state), { code: code,
-        pgTitle: pgTitle,
-        loggedUser: loggedUser,
-        dialogRef: dialogRef,
-        annotationParameters: annotationParameters,
-        openAnnotationParameters: openAnnotationParameters,
-        scrollDialogToBottom: scrollDialogToBottom,
-        handleDialogClose: handleDialogClose,
-        dispatch: dispatch })); }, [code, pgTitle, annotationParameters, openAnnotationParameters, loggedUser, state, handleDialogClose, dispatch]);
-    return react_1.default.createElement(exports.AnnotationsContext.Provider, { value: contextValues },
-        react_1.default.createElement(core_1.Dialog, __assign({}, { open: open }, { maxWidth: 'lg', disableRestoreFocus: true, disableEnforceFocus: true, ref: dialogRef, onClose: handleDialogClose }),
-            react_1.default.createElement("div", { className: classes.dialogContainer },
-                react_1.default.createElement("div", { className: classes.dialogHeader },
-                    react_1.default.createElement(core_1.Typography, { variant: 'h6' },
-                        "Anota\u00E7\u00F5es ",
-                        pgTitle),
-                    react_1.default.createElement("div", { className: classes.dialogHeaderActions },
-                        react_1.default.createElement(core_1.IconButton, { onClick: handleDialogClose },
-                            react_1.default.createElement(utils_1.CloseIcon, null)),
-                        (loading.main) && react_1.default.createElement(core_1.CircularProgress, { color: 'secondary', size: 34, className: classes.dialogHeaderLoading }))),
-                (!!list.annotations.length) && react_1.default.createElement(AnnotationsList_1.default, null),
-                react_1.default.createElement(Input_1.default, null))));
-};
-exports.default = Annotations;

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

@@ -1,18 +0,0 @@
-export const EXTRA_SMALL_SIZE: 5;
-export const SMALL_SIZE: number;
-export const MEDIUM_SIZE: number;
-export const LARGE_SIZE: number;
-export const AVATAR_SIZE: 33;
-export const UNIMED_GREEN_COLOR: "#00995D";
-export function LIGHT_GREY_COLOR(type: any): string;
-export function MEDIUM_GREY_COLOR(type: any): string;
-export function ViewedIcon(props: any): React.JSX.Element;
-export function AnswerIcon(props: any): React.JSX.Element;
-export function CloseIcon(props: any): React.JSX.Element;
-export const privacyTypeOptions: (string | import("react-icons/lib").IconType)[][];
-export namespace ELLIPSIS_TEXT_STYLE {
-    const overflow: string;
-    const whiteSpace: string;
-    const textOverflow: string;
-}
-import React from "react";

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

@@ -1,46 +0,0 @@
-"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 });
-exports.ELLIPSIS_TEXT_STYLE = exports.privacyTypeOptions = exports.CloseIcon = exports.AnswerIcon = exports.ViewedIcon = exports.MEDIUM_GREY_COLOR = exports.LIGHT_GREY_COLOR = exports.UNIMED_GREEN_COLOR = exports.AVATAR_SIZE = exports.LARGE_SIZE = exports.MEDIUM_SIZE = exports.SMALL_SIZE = exports.EXTRA_SMALL_SIZE = void 0;
-var react_1 = __importDefault(require("react"));
-var bs_1 = require("react-icons/bs");
-var io_1 = require("react-icons/io");
-var io5_1 = require("react-icons/io5");
-exports.EXTRA_SMALL_SIZE = 5;
-exports.SMALL_SIZE = (exports.EXTRA_SMALL_SIZE * 2);
-exports.MEDIUM_SIZE = (exports.SMALL_SIZE * 2);
-exports.LARGE_SIZE = (exports.MEDIUM_SIZE * 2);
-exports.AVATAR_SIZE = 33;
-exports.UNIMED_GREEN_COLOR = '#00995D';
-var LIGHT_GREY_COLOR = function (type) { return "rgba(" + ((type === 'light') ? '0, 0, 0' : '255, 255, 255') + ", .12)"; };
-exports.LIGHT_GREY_COLOR = LIGHT_GREY_COLOR;
-var MEDIUM_GREY_COLOR = function (type) { return "rgba(" + ((type === 'light') ? '0, 0, 0' : '255, 255, 255') + ", .6)"; };
-exports.MEDIUM_GREY_COLOR = MEDIUM_GREY_COLOR;
-var ViewedIcon = function (props) { return react_1.default.createElement(bs_1.BsCheck2All, __assign({}, props)); };
-exports.ViewedIcon = ViewedIcon;
-var AnswerIcon = function (props) { return react_1.default.createElement(io5_1.IoArrowUndoSharp, __assign({}, props)); };
-exports.AnswerIcon = AnswerIcon;
-var CloseIcon = function (props) { return react_1.default.createElement(io5_1.IoClose, __assign({}, props)); };
-exports.CloseIcon = CloseIcon;
-exports.privacyTypeOptions = [
-    ['0', 'Público', io_1.IoMdGlobe],
-    ['1', 'Privado', io5_1.IoLockClosed]
-];
-exports.ELLIPSIS_TEXT_STYLE = {
-    overflow: 'hidden',
-    whiteSpace: 'nowrap',
-    textOverflow: 'ellipsis'
-};

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

@@ -1,275 +0,0 @@
-import { AnnotationsContext } from '.';
-import { EXTRA_SMALL_SIZE, MEDIUM_SIZE, SMALL_SIZE, LIGHT_GREY_COLOR, MEDIUM_GREY_COLOR, AVATAR_SIZE, ViewedIcon, UNIMED_GREEN_COLOR, AnswerIcon } from './utils';
-import { getProgramAnnotations } from '../../../api';
-import { ArgousAvatar, IconsComponent, ModalVisualizacaoDocumentos } from '../../../components';
-import { useModal } from '../../../utils';
-import { Button, Divider, Grid, Typography, makeStyles } from '@material-ui/core';
-import moment from 'moment';
-import React, { useContext } from 'react';
-
-
-const ANSWER_USER_MIN_WIDTH = 159.78;
-
-const useStyles = makeStyles((theme) => ({
-  annotationContainer: {
-    padding: SMALL_SIZE,
-    border: `2px solid ${LIGHT_GREY_COLOR(theme.palette.type)}`,
-    '&:not(:last-child)': {
-      marginBottom: MEDIUM_SIZE
-    },
-    '&:last-child': {
-      borderBottom: 0
-    }
-  },
-  annotationHeader: {
-    display: 'flex',
-    justifyContent: 'space-between',
-    gap: SMALL_SIZE
-  },
-  annotationUser: {
-    display: 'flex',
-    gap: SMALL_SIZE,
-    '&>div:nth-child(1)': {
-      width: AVATAR_SIZE,
-      height: AVATAR_SIZE
-    },
-    '&>div:nth-child(2)': {
-      display: 'flex',
-      justifyContent: 'center',
-      flexDirection: 'column',
-      gap: EXTRA_SMALL_SIZE,
-      '&>h6': {
-        lineHeight: 1
-      },
-      '&>p': {
-        lineHeight: 1,
-        fontSize: '.75rem',
-        fontWeight: 500,
-        color: MEDIUM_GREY_COLOR(theme.palette.type)
-      }
-    }
-  },
-  annotationBody: {
-    '&>div:nth-child(1)': {
-      padding: '10px 0',
-      overflow: 'hidden'
-    }
-  },
-  annotationFooter: {
-    display: 'flex',
-    gap: SMALL_SIZE,
-    paddingTop: SMALL_SIZE,
-    minHeight: 43
-  },
-  buttonsDiv: {
-    display: 'flex',
-    justifyContent: 'flex-end',
-    gap: SMALL_SIZE
-  },
-  markedUsers: {
-    display: 'flex',
-    flexWrap: 'wrap',
-    gap: SMALL_SIZE
-  },
-  markedUser: {
-    position: 'relative',
-    '&>div:nth-child(1)': {
-      width: AVATAR_SIZE,
-      height: AVATAR_SIZE
-    }
-  },
-  avatarViewedIcon: {
-    position: 'absolute',
-    bottom: -2,
-    right: -8,
-    width: 18,
-    height: 18,
-    color: UNIMED_GREEN_COLOR
-  },
-  answer: {
-    alignItems: 'flex-start',
-    padding: SMALL_SIZE,
-    gap: SMALL_SIZE
-  },
-  answerUserDiv: {
-    display: 'flex',
-    gap: SMALL_SIZE,
-    minWidth: ANSWER_USER_MIN_WIDTH,
-    '&>div:nth-child(1)': {
-      position: 'relative',
-      '&>div:nth-child(1)': {
-        width: AVATAR_SIZE,
-        height: AVATAR_SIZE
-      }
-    },
-    '&>div:nth-child(2)': {
-      display: 'flex',
-      justifyContent: 'center',
-      flexDirection: 'column',
-      gap: EXTRA_SMALL_SIZE,
-      '&>h6': {
-        lineHeight: 1
-      },
-      '&>p': {
-        lineHeight: 1,
-        fontSize: '.75rem',
-        fontWeight: 500,
-        color: MEDIUM_GREY_COLOR(theme.palette.type)
-      }
-    }
-  },
-  avatarAnswerIcon: {
-    position: 'absolute',
-    top: -2,
-    left: -8,
-    width: 18,
-    height: 18,
-    color: UNIMED_GREEN_COLOR
-  },
-  answerTextDiv: {
-    width: '100%',
-    maxWidth: '100%',
-    [theme.breakpoints.up('sm')]: {
-      maxWidth: `calc(100% - ${ANSWER_USER_MIN_WIDTH}px - ${SMALL_SIZE}px)`
-    }
-  },
-  divider: {
-    height: 2
-  }
-}));
-
-
-export const ANNOTATION_ID_INDEX = 0;
-export const ANNOTATION_PARENT_ID_INDEX = 1;
-export const ANNOTATION_USER_INDEX = 2;
-export const ANNOTATION_PROGRAM_CODE_INDEX = 3;
-export const ANNOTATION_PARAMETERS_INDEX = 4;
-export const ANNOTATION_DATE_INDEX = 5;
-export const ANNOTATION_TEXT_INDEX = 6;
-export const ANNOTATION_DOCUMENT_ID_INDEX = 7;
-export const ANNOTATION_ANSWERS_INDEX = 8;
-export const ANNOTATION_MARKED_USERS_INDEX = 9;
-export const ANNOTATION_PRIVACY_TYPE_INDEX = 10;
-export const ANNOTATION_CODE_INDEX = 11;
-export const ANNOTATION_DOCUMENT_MIME_TYPE_INDEX = 12;
-export const ANNOTATION_DOCUMENT_URL_INDEX = 13;
-
-
-const Annotation = ({ annotation }) => {
-
-  const classes = useStyles();
-  const { createModal } = useModal();
-  const fileView = createModal(ModalVisualizacaoDocumentos);
-  const { openAnnotationParameters, handleDialogClose, scrollDialogToBottom, dispatch } = useContext(AnnotationsContext);
-
-  const user = { id: (annotation[ANNOTATION_USER_INDEX]?.[0] || -1), name: (annotation[ANNOTATION_USER_INDEX]?.[1] || '') };
-  const date = (annotation[ANNOTATION_DATE_INDEX]) ? moment(annotation[ANNOTATION_DATE_INDEX]).format('DD/MM/YYYY HH:mm:ss') : '';
-  const text = annotation[ANNOTATION_TEXT_INDEX];
-  const answers = (annotation[ANNOTATION_ANSWERS_INDEX] || []);
-  const markedUsers = (annotation[ANNOTATION_MARKED_USERS_INDEX] || []);
-  const annotationParameters = (annotation[ANNOTATION_PARAMETERS_INDEX] || {});
-  const file = { 
-    id: annotation[ANNOTATION_DOCUMENT_ID_INDEX], 
-    type: annotation[ANNOTATION_DOCUMENT_MIME_TYPE_INDEX], 
-    url: annotation[ANNOTATION_DOCUMENT_URL_INDEX] 
-  };
-
-  const reply = (event) => {
-    dispatch({ field: 'selectedAnnotation', value: annotation });
-    setTimeout(() => scrollDialogToBottom(event), 0);
-  };
-
-  const access = (event) => {
-    (openAnnotationParameters && (typeof openAnnotationParameters === 'function')) && openAnnotationParameters(event, annotationParameters);
-    handleDialogClose();
-  };
-
-  const handleFileClick = async (event) => {
-    const response = await getProgramAnnotations({ snToken: true });
-    if (response?.status) {
-      await fileView({ nome: 'Documento da anotação', linkPronto: file.url, tokenSistema: response?.token });
-    }
-  };
-
-
-  return <div className={classes.annotationContainer}>
-    <div className={classes.annotationHeader}>
-      <div className={classes.annotationUser}>
-        <ArgousAvatar alt={`${user.name} avatar`} idUsuario={user.id} nome={user.name} />
-        <div>
-          <Typography variant='subtitle2'>{user.name}</Typography>
-          <Typography variant='body2'>{date}</Typography>
-        </div>
-      </div>
-      <div>
-        {(file.id) && <IconsComponent mimeType={file.type} height={AVATAR_SIZE} onClick={handleFileClick} style={{ cursor: 'pointer' }} />}
-      </div>
-    </div>
-    <div className={classes.annotationBody}>
-      <div>
-        <Typography variant='body2'>{text}</Typography>
-      </div>
-      <div>
-        {answers.map((answer, answerIndex) => <Answer key={`answer-${answerIndex}`} {...{ answer }} />)}
-      </div>
-    </div>
-    <Divider className={classes.divider} />
-    <Grid container justifyContent={(markedUsers.length) ? 'space-between' : 'flex-end'} className={classes.annotationFooter}>
-      {(!!markedUsers.length) && (
-        <Grid item xs={12} sm='auto' className={classes.markedUsers}>
-          {markedUsers.map((user, userIndex) => <MarkedUser key={`marked-user-${user?.idUsuario}`} {...{ user }} />)}
-        </Grid>
-      )}
-      <Grid item xs={12} sm='auto' className={classes.buttonsDiv}>
-        <Button fullWidth variant='outlined' size='small' onClick={access}>Acessar</Button>
-        <Button fullWidth color='primary' variant='contained' size='small' onClick={reply}>Responder</Button>
-      </Grid>
-    </Grid>
-  </div>;
-};
-
-
-export default Annotation;
-
-
-const Answer = ({ answer }) => {
-
-  const classes = useStyles();
-  const user = { id: (answer?.usuario?.[0] || -1), name: (answer?.usuario?.[1] || '') };
-  const date = (answer?.dtAnotacao) ? moment(answer?.dtAnotacao).format('DD/MM/YYYY HH:mm:ss') : '';
-  const text = answer?.dsAnotacao;
-
-
-  return <div>
-    <Divider className={classes.divider} />
-    <Grid container className={classes.answer}>
-      <div className={classes.answerUserDiv}>
-        <div>
-          <ArgousAvatar alt={`${user.name} avatar`} idUsuario={user.id} nome={user.name} />
-          <AnswerIcon className={classes.avatarAnswerIcon} />
-        </div>
-        <div>
-          <Typography variant='subtitle2'>{user.name}</Typography>
-          <Typography variant='body2'>{date}</Typography>
-        </div>
-      </div>
-      <div className={classes.answerTextDiv}>
-        <Typography variant='body2'>{text}</Typography>
-      </div>
-    </Grid>
-  </div>;
-};
-
-
-const MarkedUser = (props) => {
-
-  const classes = useStyles();
-  const user = { id: (props?.user?.idUsuario || -1), name: (props?.user?.nmUsuario || '') };
-  const viewDate = props?.user?.dtVisualizacao;
-
-
-  return <div className={classes.markedUser}>
-    <ArgousAvatar alt={`${user.name} avatar`} idUsuario={user.id} nome={user.name} />
-    {(viewDate) && <ViewedIcon className={classes.avatarViewedIcon} />}
-  </div>;
-};

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

@@ -1,30 +0,0 @@
-import { AnnotationsContext } from '.';
-import Annotation from './Annotation';
-import { LIGHT_GREY_COLOR } from './utils';
-import { useTheme } from '@material-ui/core';
-import React, { useContext } from 'react';
-
-
-const AnnotationsList = () => {
-
-  const theme = useTheme();
-  const { list } = useContext(AnnotationsContext);
-
-
-  return (
-    <div 
-      style={{ 
-        maxHeight: '60vh', 
-        overflow: 'hidden auto', 
-        borderBottom: `2px solid ${LIGHT_GREY_COLOR(theme.palette.type)}` 
-      }}
-    >
-      {list.annotations.map((annotation, annotationIndex) => (
-        <Annotation key={`annotation-${annotation?.[0]}`} {...{ annotation }} />
-      ))}
-    </div>
-  );
-};
-
-
-export default AnnotationsList;

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

@@ -1,96 +0,0 @@
-import { AnnotationsContext } from '..';
-import { IconsComponent } from '../../../../components';
-import { printScreen as getPrintScreen } from '../../../../utils';
-import { CloseIcon, EXTRA_SMALL_SIZE, MEDIUM_SIZE, SMALL_SIZE, ELLIPSIS_TEXT_STYLE, LARGE_SIZE } from '../utils';
-import { Button, IconButton, Typography, makeStyles } from '@material-ui/core';
-import React, { useContext, useRef } from 'react';
-import { IoDocumentAttachOutline, IoImageOutline } from 'react-icons/io5';
-
-
-const useStyles = makeStyles({
-  fileInputContainer: {
-    width: '100%',
-    display: 'flex',
-    flexDirection: 'column',
-    alignItems: 'flex-end',
-    gap: SMALL_SIZE,
-    '&>input': {
-      display: 'none'
-    }
-  },
-  fileInputButtonsDiv: {
-    display: 'flex',
-    alignItems: 'center',
-    gap: SMALL_SIZE
-  },
-  file: {
-    display: 'flex',
-    alignItems: 'center',
-    gap: EXTRA_SMALL_SIZE,
-    maxWidth: '100%',
-    '&>p': {
-      ...ELLIPSIS_TEXT_STYLE
-    }
-  }
-});
-
-
-const FileInput = ({ file, onChange }) => {
-
-  const classes = useStyles();
-  const { printScreen, loading, dispatch } = useContext(AnnotationsContext);
-  const inputRef = useRef(null);
-  const canAddPrintScreen = !(file === printScreen?.file);
-  const disabled = (loading.save || loading.file);
-
-  const printScreenClick = async (event) => {
-    dispatch({ type: 'loading', field: 'file', value: true });
-
-    let file;
-    if (printScreen?.file) file = printScreen?.file;
-    else {
-      const response = await getPrintScreen({ event });
-      if (response?.status) {
-        dispatch({ field: 'printScreen', value: response });
-        file = response?.file;
-      }
-    }
-
-    (file) && onChange(event, file);
-    dispatch({ type: 'loading', field: 'file', value: false });
-  };
-
-
-  return <div className={classes.fileInputContainer}>
-    <input ref={inputRef} type='file' onChange={e => (e?.target?.files?.length) && onChange(e, e.target.files[0])} />
-    {(file) && <File {...{ file, disabled, classes }} onDelete={e => onChange(e, undefined)} />}
-    <div className={classes.fileInputButtonsDiv}>
-      <IconButton {...{ disabled }} onClick={() => (inputRef.current) && inputRef.current.click()} style={{ padding: EXTRA_SMALL_SIZE }}>
-        <IoDocumentAttachOutline size={MEDIUM_SIZE} />
-      </IconButton>
-      {(canAddPrintScreen) && (
-        <Button 
-          {...{ disabled }} 
-          size='small' 
-          variant='outlined' 
-          startIcon={<IoImageOutline />} 
-          onClick={printScreenClick}
-        >
-          Captura de tela
-        </Button>
-      )}
-    </div>
-  </div>;
-};
-
-
-export default FileInput;
-
-
-const File = ({ file, disabled, onDelete, classes }) => <div className={classes.file}>
-  <IconsComponent fileName={file?.name} mimeType={file?.type} height={LARGE_SIZE} />
-  <Typography>{file?.name}</Typography>
-  <IconButton {...{ disabled }} size='small' onClick={e => (typeof onDelete === 'function') && onDelete(e)}>
-    <CloseIcon />
-  </IconButton>
-</div>;