argous 1.2.222 → 1.2.224

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

@@ -0,0 +1,195 @@
+"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

@@ -0,0 +1,18 @@
+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

@@ -0,0 +1,46 @@
+"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/dist/components/Programa/Programa.d.ts

@@ -23,7 +23,9 @@ export interface ProgramaProps extends BoxProps {
   bfHabFavorito: boolean,
   bfTitulo: string, 
   linkCompartilhamento: string,
-  className: string
+  className: string,
+  annotationParameters?: object,
+  openAnnotationParameters?: (event: Event, parameters: object) => void
 }
 
 declare function Programa(props: ProgramaProps): JSX.Element

package/dist/components/Programa/Programa.js

@@ -81,23 +81,31 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var BarraFerramentas_1 = __importDefault(require("./../BarraFerramentas"));
+var Annotations_1 = __importDefault(require("./Annotations"));
 var PageCodeEasterEgg_1 = __importDefault(require("./PageCodeEasterEgg"));
 var argous = __importStar(require("../../actions"));
 var api_1 = require("../../api");
+var utils_1 = require("../../utils");
 var core_1 = require("@material-ui/core");
 var prop_types_1 = __importDefault(require("prop-types"));
 var react_1 = __importStar(require("react"));
 var fa_1 = require("react-icons/fa");
 var react_redux_1 = require("react-redux");
+var initialStateToolbarLoading = {
+    annotations: false
+};
 function Programa(_a) {
     var _this = this;
     var code = _a.code, children = _a.children, _b = _a.loading, loading = _b === void 0 ? false : _b, _c = _a.threads, threads = _c === void 0 ? [] : _c, hint = _a.hint, title = _a.title, panelTitle = _a.panelTitle, hideTitle = _a.hideTitle, setCurrentProgram = _a.setCurrentProgram, programDidMount = _a.programDidMount, favorites = _a.favorites, setFavorites = _a.setFavorites, bfHabNavegador = _a.bfHabNavegador, _d = _a.bfAbas, bfAbas = _d === void 0 ? [] : _d, _e = _a.bfFerramentas, bfFerramentas = _e === void 0 ? [] : _e, bfExecutaFuncao = _a.bfExecutaFuncao, bfNmFuncaoVoltar = _a.bfNmFuncaoVoltar, bfNmCompartilhar = _a.bfNmCompartilhar, bfHabCrud = _a.bfHabCrud, bfNmSalva = _a.bfNmSalva, bfNmExclui = _a.bfNmExclui, _f = _a.bfHabFavorito, bfHabFavorito = _f === void 0 ? true : _f, bfTitulo = _a.bfTitulo, 
     // permissoes = { salvar: true, editar: true, excluir: true },
-    linkCompartilhamento = _a.linkCompartilhamento, className = _a.className, rightSidebar = _a.rightSidebar, setRightSidebar = _a.setRightSidebar, setAddProgramWidget = _a.setAddProgramWidget, _ = _a.fields, props = __rest(_a, ["code", "children", "loading", "threads", "hint", "title", "panelTitle", "hideTitle", "setCurrentProgram", "programDidMount", "favorites", "setFavorites", "bfHabNavegador", "bfAbas", "bfFerramentas", "bfExecutaFuncao", "bfNmFuncaoVoltar", "bfNmCompartilhar", "bfHabCrud", "bfNmSalva", "bfNmExclui", "bfHabFavorito", "bfTitulo", "linkCompartilhamento", "className", "rightSidebar", "setRightSidebar", "setAddProgramWidget", "fields"]);
-    var _g = react_1.useState({}), programa = _g[0], setPrograma = _g[1];
-    var _h = react_1.useState(false), favoriteAnimationInsert = _h[0], setFavoriteAnimationInsert = _h[1];
-    var _j = react_1.useState(false), favoriteAnimationRemove = _j[0], setFavoriteAnimationRemove = _j[1];
+    linkCompartilhamento = _a.linkCompartilhamento, className = _a.className, rightSidebar = _a.rightSidebar, setRightSidebar = _a.setRightSidebar, setAddProgramWidget = _a.setAddProgramWidget, _g = _a.annotationParameters, annotationParameters = _g === void 0 ? {} : _g, _h = _a.openAnnotationParameters, openAnnotationParameters = _h === void 0 ? function () { return ''; } : _h, _ = _a.fields, props = __rest(_a, ["code", "children", "loading", "threads", "hint", "title", "panelTitle", "hideTitle", "setCurrentProgram", "programDidMount", "favorites", "setFavorites", "bfHabNavegador", "bfAbas", "bfFerramentas", "bfExecutaFuncao", "bfNmFuncaoVoltar", "bfNmCompartilhar", "bfHabCrud", "bfNmSalva", "bfNmExclui", "bfHabFavorito", "bfTitulo", "linkCompartilhamento", "className", "rightSidebar", "setRightSidebar", "setAddProgramWidget", "annotationParameters", "openAnnotationParameters", "fields"]);
     var theme = core_1.useTheme();
+    var createModal = utils_1.useModal().createModal;
+    var annotationsModal = createModal(Annotations_1.default);
+    var _j = react_1.useState({}), programa = _j[0], setPrograma = _j[1];
+    var _k = react_1.useState(false), favoriteAnimationInsert = _k[0], setFavoriteAnimationInsert = _k[1];
+    var _l = react_1.useState(false), favoriteAnimationRemove = _l[0], setFavoriteAnimationRemove = _l[1];
+    var toolbarLoading = react_1.useState(initialStateToolbarLoading)[0] /*, setToolbarLoading*/;
     react_1.useEffect(function () {
         (function () { return __awaiter(_this, void 0, void 0, function () {
             var res;
@@ -121,6 +129,12 @@ function Programa(_a) {
         return function () { return setCurrentProgram(undefined); };
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
+    var openAnnotations = function (event) { return __awaiter(_this, void 0, void 0, function () { return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0: return [4 /*yield*/, annotationsModal(__assign(__assign({}, programa), { code: code, annotationParameters: annotationParameters, openAnnotationParameters: openAnnotationParameters }))];
+            case 1: return [2 /*return*/, _a.sent()];
+        }
+    }); }); };
     var addFavorite = function () {
         var path = window.location.pathname;
         api_1.toggleFavorite({ link: path }).then(function (res) {
@@ -148,7 +162,7 @@ function Programa(_a) {
         var existIn = favorites.filter(function (item) { return item[3] === path; });
         return existIn.length > 0 ? 'active' : '';
     };
-    var pgHint = programa.pgHint, pgTitle = programa.pgTitle, pnlTitle = programa.pnlTitle, dsErro = programa.dsErro, loaded = programa.loaded;
+    var pgHint = programa.pgHint, pgTitle = programa.pgTitle, pnlTitle = programa.pnlTitle, dsErro = programa.dsErro, loaded = programa.loaded, habWidget = programa.habWidget, snAnotacaoPrograma = programa.snAnotacaoPrograma;
     if (title !== undefined)
         pgTitle = title;
     if (hint !== undefined)
@@ -165,7 +179,7 @@ function Programa(_a) {
                     react_1.default.createElement("span", { className: 'text-muted', style: { color: theme.palette.text.primary } }, "\u00A0|\u00A0")),
                 react_1.default.createElement("p", { id: 'pg-subtitulo', className: 'pull-left hw-program-subtitulo', style: { color: theme.palette.text.primary } }, pgHint)),
         react_1.default.createElement(core_1.Paper, { variant: 'outlined', style: { padding: 10, position: 'relative' } },
-            react_1.default.createElement(BarraFerramentas_1.default, __assign({ titulo: bfTitulo, abas: bfAbas, habFavorito: bfHabFavorito, habNavegador: bfHabNavegador, executaFuncao: bfExecutaFuncao, nmFuncaoVoltar: bfNmFuncaoVoltar, nmCompartilhar: bfNmCompartilhar, habCrud: bfHabCrud, nmSalva: bfNmSalva, nmExclui: bfNmExclui, ferramentas: bfFerramentas, checkIfIsFavorite: checkIfIsFavorite, addFavorite: addFavorite, linkCompartilhamento: linkCompartilhamento, favoriteAnimationInsert: favoriteAnimationInsert, favoriteAnimationRemove: favoriteAnimationRemove, threads: threads, currentProgram: code, habWidget: programa === null || programa === void 0 ? void 0 : programa.habWidget }, { addWidget: addWidget })),
+            react_1.default.createElement(BarraFerramentas_1.default, __assign({ titulo: bfTitulo, abas: bfAbas, habFavorito: bfHabFavorito, habNavegador: bfHabNavegador, executaFuncao: bfExecutaFuncao, nmFuncaoVoltar: bfNmFuncaoVoltar, nmCompartilhar: bfNmCompartilhar, habCrud: bfHabCrud, nmSalva: bfNmSalva, nmExclui: bfNmExclui, ferramentas: bfFerramentas, checkIfIsFavorite: checkIfIsFavorite, addFavorite: addFavorite, linkCompartilhamento: linkCompartilhamento, favoriteAnimationInsert: favoriteAnimationInsert, favoriteAnimationRemove: favoriteAnimationRemove, threads: threads, currentProgram: code }, { addWidget: addWidget, habWidget: habWidget, snAnotacaoPrograma: snAnotacaoPrograma, openAnnotations: openAnnotations, toolbarLoading: toolbarLoading })),
             dsErro ? (react_1.default.createElement(core_1.Box, { textAlign: 'center' },
                 react_1.default.createElement(fa_1.FaExclamationTriangle, { style: { color: '#ED1651', width: '90px', height: '90px' } }),
                 react_1.default.createElement(core_1.Typography, { variant: 'h6' }, dsErro))) : (!pnlTitle || loading || !loaded) ? (react_1.default.createElement(core_1.Box, { position: 'relative', top: 20, left: '50%', "z-index": 20, height: 80, width: 0, marginLeft: '-20px' },

package/dist/components/index.d.ts

@@ -169,4 +169,6 @@ export { default as Carousel } from './Carousel';
 export * from './Carousel';
 
 export { default as Cam } from './Cam';
-export * from './Cam';
+export * from './Cam';
+
+export * from './Document';

package/dist/components/index.js

@@ -185,3 +185,4 @@ __exportStar(require("./Carousel"), exports);
 var Cam_1 = require("./Cam");
 Object.defineProperty(exports, "Cam", { enumerable: true, get: function () { return __importDefault(Cam_1).default; } });
 __exportStar(require("./Cam"), exports);
+__exportStar(require("./Document"), exports);

package/dist/utils/index.d.ts

@@ -75,3 +75,50 @@ export declare const bytesTranslator: (bytes?: number, decimals?: number, binary
 export declare const formatCpfCnpj: (value: (string | number)) => string;
 export declare function dataUrlToBlob(dataUrl: string): Blob | undefined;
 export declare function cpfTest(cpf: (string | number)): boolean;
+interface PrintScreenParameters {
+    /**
+     * Event
+     */
+    event?: Event;
+    /**
+     * Element id
+     */
+    id: string;
+    /**
+     * Auto download
+     */
+    download: boolean;
+}
+export declare const printScreen: ({ event, id, download }: PrintScreenParameters) => Promise<object>;
+interface GeraLogInterface {
+    (
+    /**
+     * Id do documento
+     */
+    idDocumento: number, 
+    /**
+     * Descrição
+     */
+    descricao: string, 
+    /**
+     * Tipo de ação
+     *
+     * 1 - Upload
+     * 2 - Alteração
+     * 3 - Consulta
+     */
+    tpAcao: string, 
+    /**
+     * Token do sistema
+     */
+    tokenSistema?: string): Promise<void>;
+}
+export declare const geraLog: GeraLogInterface;
+export declare const printUrl: (url: string) => Promise<void>;
+declare global {
+    interface Window {
+        clipboardData: any;
+    }
+}
+export declare function stopPrntScr(e: KeyboardEvent): boolean;
+export {};

package/dist/utils/index.js

@@ -81,15 +81,21 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from) {
         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 });
-exports.cpfTest = exports.dataUrlToBlob = exports.formatCpfCnpj = exports.bytesTranslator = exports.storageMeasures = exports.confirm = exports.copyToClipboard = exports.toFloat = exports.currencyMask = exports.numbersOnly = exports.formataCpf = exports.useWebSocket = exports.formataTelefone = exports.reduxDispatch = exports.useStore = exports.useModal = exports.useGraph = exports.randomColor = exports.humanFileSize = exports.sanitizaHTML = exports.formataDinheiro = exports.useUpdateEffect = exports.usePrevious = exports.getNumeroFromInitials = exports.getInitials = exports.getRandomColor = exports.printPdf = exports.downloadFromUrl = exports.downloadBase64 = exports.formataNome = exports.addExtraZero = exports.getCookie = exports.widthToCenterVertically = void 0;
+exports.stopPrntScr = exports.printUrl = exports.geraLog = exports.printScreen = exports.cpfTest = exports.dataUrlToBlob = exports.formatCpfCnpj = exports.bytesTranslator = exports.storageMeasures = exports.confirm = exports.copyToClipboard = exports.toFloat = exports.currencyMask = exports.numbersOnly = exports.formataCpf = exports.useWebSocket = exports.formataTelefone = exports.reduxDispatch = exports.useStore = exports.useModal = exports.useGraph = exports.randomColor = exports.humanFileSize = exports.sanitizaHTML = exports.formataDinheiro = exports.useUpdateEffect = exports.usePrevious = exports.getNumeroFromInitials = exports.getInitials = exports.getRandomColor = exports.printPdf = exports.downloadFromUrl = exports.downloadBase64 = exports.formataNome = exports.addExtraZero = exports.getCookie = exports.widthToCenterVertically = void 0;
+var api_1 = require("./api");
 var store_1 = require("./store");
-var api_1 = require("../api");
+var api_2 = require("../api");
 var ModalProvider_1 = require("../components/ConfirmModal/ModalProvider");
 var fieldsRedux_1 = require("../fieldsRedux");
 var core_1 = require("@material-ui/core");
 var colors = __importStar(require("@material-ui/core/colors"));
+var dom_to_image_1 = __importDefault(require("dom-to-image"));
 var lodash_1 = require("lodash");
+var moment_1 = __importDefault(require("moment"));
 var react_1 = require("react");
 var widthToCenterVertically = function (content) {
     var B = document.body;
@@ -149,7 +155,7 @@ function downloadFromUrl(url, fileName, fileExtension) {
         var blob, urlCreator, tag;
         return __generator(this, function (_a) {
             switch (_a.label) {
-                case 0: return [4 /*yield*/, fetch(url, { method: 'GET', headers: api_1.headers() })];
+                case 0: return [4 /*yield*/, fetch(url, { method: 'GET', headers: api_2.headers() })];
                 case 1: return [4 /*yield*/, (_a.sent()).blob()];
                 case 2:
                     blob = _a.sent();
@@ -173,7 +179,7 @@ var printPdf = function (URL) {
         var url, iframe;
         return __generator(this, function (_a) {
             switch (_a.label) {
-                case 0: return [4 /*yield*/, api_1.getFileFromLink({ URL: URL })];
+                case 0: return [4 /*yield*/, api_2.getFileFromLink({ URL: URL })];
                 case 1:
                     url = _a.sent();
                     iframe = document.createElement('iframe');
@@ -476,3 +482,97 @@ function cpfTest(cpf) {
     return true;
 }
 exports.cpfTest = cpfTest;
+var printScreen = function (_a) {
+    var event = _a.event, _b = _a.id, id = _b === void 0 ? 'root' : _b, _c = _a.download, download = _c === void 0 ? false : _c;
+    return __awaiter(void 0, void 0, void 0, function () {
+        var status, file, linkElement, element, dataUrl, blob;
+        return __generator(this, function (_d) {
+            switch (_d.label) {
+                case 0:
+                    status = false;
+                    element = document.getElementById(id);
+                    if (!element) return [3 /*break*/, 2];
+                    return [4 /*yield*/, dom_to_image_1.default.toPng(element)];
+                case 1:
+                    dataUrl = _d.sent();
+                    if (dataUrl) {
+                        linkElement = document.createElement('a');
+                        linkElement.download = "print_screen_" + moment_1.default(new Date()).format('DD-MM-YYYY_HH:mm:ss') + ".png";
+                        linkElement.href = dataUrl;
+                        blob = dataUrlToBlob(dataUrl);
+                        if (blob)
+                            file = new File([blob], linkElement.download, { type: blob.type });
+                    }
+                    _d.label = 2;
+                case 2:
+                    (linkElement && file) && (status = true);
+                    (linkElement && download) && linkElement.click();
+                    return [2 /*return*/, { event: event, status: status, file: file, element: element, link: linkElement }];
+            }
+        });
+    });
+};
+exports.printScreen = printScreen;
+var geraLog = function (idDocumento, descricao, tpAcao, tokenSistema) { return __awaiter(void 0, void 0, void 0, function () {
+    var _a, _b, _c, _d;
+    return __generator(this, function (_e) {
+        switch (_e.label) {
+            case 0:
+                if (!((_d = (_c = (_b = (_a = store_1.getStore()) === null || _a === void 0 ? void 0 : _a.getState()) === null || _b === void 0 ? void 0 : _b.argous) === null || _c === void 0 ? void 0 : _c.usuarioLogado) === null || _d === void 0 ? void 0 : _d.idUsuario))
+                    return [2 /*return*/];
+                return [4 /*yield*/, api_1.serverAction('geraLog', { idDocumento: idDocumento, descricao: descricao, tpAcao: tpAcao }, 'CtrlDocumentos', false, tokenSistema)];
+            case 1:
+                _e.sent();
+                return [2 /*return*/];
+        }
+    });
+}); };
+exports.geraLog = geraLog;
+var printUrl = function (url) { return __awaiter(void 0, void 0, void 0, function () {
+    var res, file, iframe;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0: return [4 /*yield*/, fetch(url)];
+            case 1:
+                res = _a.sent();
+                return [4 /*yield*/, res.blob()];
+            case 2:
+                file = _a.sent();
+                iframe = document.createElement('iframe');
+                document.body.appendChild(iframe);
+                iframe.style.display = 'none';
+                iframe.src = window.URL.createObjectURL(file);
+                iframe.onload = function () {
+                    setTimeout(function () {
+                        var _a;
+                        iframe.focus();
+                        (_a = iframe === null || iframe === void 0 ? void 0 : iframe.contentWindow) === null || _a === void 0 ? void 0 : _a.print();
+                    }, 1);
+                };
+                return [2 /*return*/];
+        }
+    });
+}); };
+exports.printUrl = printUrl;
+function stopPrntScr(e) {
+    if (e.key === 'PrintScreen') {
+        e.preventDefault();
+        e.stopPropagation();
+        try {
+            window.clipboardData.setData('text', 'Access Restricted');
+        }
+        catch (err) { }
+    }
+    var inpFld = document.createElement('input');
+    inpFld.setAttribute('value', '.');
+    inpFld.setAttribute('width', '0');
+    inpFld.style.height = '0px';
+    inpFld.style.width = '0px';
+    inpFld.style.border = '0px';
+    document.body.appendChild(inpFld);
+    inpFld.select();
+    document.execCommand('copy');
+    inpFld.remove();
+    return false;
+}
+exports.stopPrntScr = stopPrntScr;

package/lib/api/index.js

@@ -419,7 +419,7 @@ export const getLink = async (idDocumento, nrRevisao, timeout) => {
   return await (await fetch(`${api()}docs/getURL.agdoc`, {
     method: 'post',
     headers: headers(),
-    body: JSON.stringify({ idDocumento, nrRevisao, timeout }) 
+    body: JSON.stringify({ idDocumento, nrRevisao, timeout })
   })).json();
 };
 
@@ -429,7 +429,7 @@ export const scanDocument = async (idDocumento, nrRevisao) => {
   const res = await fetch(`${docsUrl}argous/docs/scan.agdoc`, {
     method: 'post',
     headers: headers(),
-    body: JSON.stringify({ idDocumento, nrRevisao }) 
+    body: JSON.stringify({ idDocumento, nrRevisao })
   });
   return await res.json();
 };
@@ -439,7 +439,7 @@ export const getWidgets = async (data, abortController) => {
     method: 'post',
     headers: headers(),
     body: JSON.stringify(data),
-    signal: abortController?.signal 
+    signal: abortController?.signal
   });
   return await res.json();
 };
@@ -448,7 +448,7 @@ export const getWidgetInfo = async (pgCode) => {
   const res = await fetch(`${api()}agetwidgetinfo.rslvr`, {
     method: 'post',
     headers: headers(),
-    body: JSON.stringify({ pgCode }) 
+    body: JSON.stringify({ pgCode })
   });
   return await res.json();
 };
@@ -457,7 +457,7 @@ export const sendWidgets = async (widgets) => {
   const res = await fetch(`${api()}agsendwidgets.rslvr`, {
     method: 'post',
     headers: headers(),
-    body: JSON.stringify({ widgets }) 
+    body: JSON.stringify({ widgets })
   });
   return await res.json();
 };
@@ -466,7 +466,25 @@ export const getPublicDoc = async (data) => {
   const res = await fetch(`${api()}agpublicdoc.rslvr`, {
     method: 'post',
     headers: headers(),
-    body: JSON.stringify(data) 
+    body: JSON.stringify(data)
+  });
+  return await res.json();
+};
+
+export const getProgramAnnotations = async (data, token) => {
+  const res = await fetch(`${api()}aggetpgannotation.rslvr`, {
+    method: 'post',
+    headers: headers(token),
+    body: JSON.stringify(data)
+  });
+  return await res.json();
+};
+
+export const saveProgramAnnotation = async (data, token) => {
+  const res = await fetch(`${api()}agsavepgannotation.rslvr`, {
+    method: 'post',
+    headers: headers(token),
+    body: JSON.stringify(data)
   });
   return await res.json();
 };

package/lib/components/ArgousComplexTable/ArgousComplexTable.d.ts

@@ -143,7 +143,15 @@ export interface ArgousComplexTableProps extends ArgousComplexTableBodyProps, Ar
    * 
    * @returns {void} Sem retorno
    */ 
-  setExternalCtrlPgn?: (value: Object) => void
+  setExternalCtrlPgn?: (value: Object) => void,
+  /**
+   * Program code (pgCode) que será utilizado junto ao método
+   */
+  code?: string,
+  /**
+   * Token que será utilizado junto ao método
+   */
+  token?: string
 }
 
 declare function ArgousComplexTable(props: ArgousComplexTableProps): JSX.Element