argous 1.2.189 → 1.2.190

package/dist/components/BarraFerramentas/BarraFerramentas.js

@@ -41,6 +41,7 @@ var clsx_1 = __importDefault(require("clsx"));
 var lodash_1 = require("lodash");
 var prop_types_1 = __importDefault(require("prop-types"));
 var react_1 = __importStar(require("react"));
+var ai_1 = require("react-icons/ai");
 var fa_1 = require("react-icons/fa");
 var md_1 = require("react-icons/md");
 var useStyles = core_1.makeStyles(function (theme) { return ({
@@ -85,16 +86,16 @@ var useStyles = core_1.makeStyles(function (theme) { return ({
     }
 }); });
 function BarraFerramentas(_a) {
-    var titulo = _a.titulo, _b = _a.abas, abas = _b === void 0 ? [] : _b, _c = _a.ferramentas, ferramentas = _c === void 0 ? [] : _c, _d = _a.habFavorito, habFavorito = _d === void 0 ? true : _d, _e = _a.habCrud, habCrud = _e === void 0 ? false : _e, _f = _a.habNavegador, habNavegador = _f === void 0 ? false : _f, checkIfIsFavorite = _a.checkIfIsFavorite, addFavorite = _a.addFavorite, favoriteAnimationInsert = _a.favoriteAnimationInsert, favoriteAnimationRemove = _a.favoriteAnimationRemove, nmFuncaoVoltar = _a.nmFuncaoVoltar, nmCompartilhar = _a.nmCompartilhar, _g = _a.linkCompartilhamento, linkCompartilhamento = _g === void 0 ? '' : _g, threads = _a.threads, currentProgram = _a.currentProgram, nmSalva = _a.nmSalva, nmExclui = _a.nmExclui, _h = _a.executaFuncao, executaFuncao = _h === void 0 ? function (prm) { return void (prm); } : _h;
+    var titulo = _a.titulo, _b = _a.abas, abas = _b === void 0 ? [] : _b, _c = _a.ferramentas, ferramentas = _c === void 0 ? [] : _c, _d = _a.habFavorito, habFavorito = _d === void 0 ? true : _d, _e = _a.habCrud, habCrud = _e === void 0 ? false : _e, _f = _a.habNavegador, habNavegador = _f === void 0 ? false : _f, checkIfIsFavorite = _a.checkIfIsFavorite, addFavorite = _a.addFavorite, favoriteAnimationInsert = _a.favoriteAnimationInsert, favoriteAnimationRemove = _a.favoriteAnimationRemove, nmFuncaoVoltar = _a.nmFuncaoVoltar, nmCompartilhar = _a.nmCompartilhar, _g = _a.linkCompartilhamento, linkCompartilhamento = _g === void 0 ? '' : _g, threads = _a.threads, currentProgram = _a.currentProgram, nmSalva = _a.nmSalva, nmExclui = _a.nmExclui, _h = _a.executaFuncao, executaFuncao = _h === void 0 ? function (prm) { return void (prm); } : _h, _j = _a.habWidget, habWidget = _j === void 0 ? false : _j, _k = _a.addWidget, addWidget = _k === void 0 ? function () { return ''; } : _k;
     var classes = useStyles({ habNavegador: habNavegador });
     var anchorMenu = react_1.useRef(null);
     var anchorCompartilhar = react_1.useRef(null);
-    var _j = react_1.useState(false), open = _j[0], setOpen = _j[1];
-    var _k = react_1.useState(undefined), abaAtual = _k[0], setAbaAtual = _k[1];
-    var _l = react_1.useState(true), habEditar = _l[0], setHabEditar = _l[1];
-    var _m = react_1.useState(false), habSalvar = _m[0], setHabSalvar = _m[1];
-    var _o = react_1.useState(false), habExcluir = _o[0], setHabExcluir = _o[1];
-    var _p = react_1.useState(false), openCompartilhar = _p[0], setOpenCompartilhar = _p[1];
+    var _l = react_1.useState(false), open = _l[0], setOpen = _l[1];
+    var _m = react_1.useState(undefined), abaAtual = _m[0], setAbaAtual = _m[1];
+    var _o = react_1.useState(true), habEditar = _o[0], setHabEditar = _o[1];
+    var _p = react_1.useState(false), habSalvar = _p[0], setHabSalvar = _p[1];
+    var _q = react_1.useState(false), habExcluir = _q[0], setHabExcluir = _q[1];
+    var _r = react_1.useState(false), openCompartilhar = _r[0], setOpenCompartilhar = _r[1];
     react_1.useEffect(function () {
         if (anchorMenu.current)
             anchorMenu.current.focus();
@@ -214,6 +215,10 @@ function BarraFerramentas(_a) {
                         react_1.default.createElement(__1.Compartilhar, __assign({}, { linkCompartilhamento: linkCompartilhamento })))));
             }),
             lodash_1.isArray(threads) && threads.map(function (thread, key) { return react_1.default.createElement(ThreadLog_1.default, __assign({}, { key: key, thread: thread, currentProgram: currentProgram })); }),
+            habWidget &&
+                (react_1.default.createElement(core_1.Tooltip, { title: 'Adicionar widget' },
+                    react_1.default.createElement(core_1.IconButton, { onClick: addWidget },
+                        react_1.default.createElement(ai_1.AiOutlineAppstoreAdd, null)))),
             habFavorito && checkIfIsFavorite && (react_1.default.createElement(core_1.Tooltip, { title: 'Favorito' },
                 react_1.default.createElement(core_1.IconButton, { onClick: addFavorite },
                     react_1.default.createElement(fa_1.FaStar, { className: "pg-fav-start " + checkIfIsFavorite() }),
@@ -239,5 +244,7 @@ BarraFerramentas.propTypes = {
     linkCompartilhamento: prop_types_1.default.string,
     threads: prop_types_1.default.array,
     currentProgram: prop_types_1.default.string,
+    habWidget: prop_types_1.default.bool,
+    addWidget: prop_types_1.default.func
 };
 exports.default = BarraFerramentas;

package/dist/components/Programa/Programa.js

@@ -93,7 +93,7 @@ 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, _ = _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", "fields"]);
+    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];
@@ -110,7 +110,7 @@ function Programa(_a) {
                         res = _a.sent();
                         // TODO prever aqui tempo de bloqueio diferenciado
                         if (res.pgmOk)
-                            setPrograma(__assign(__assign({}, res.pgmDd), { loaded: true }));
+                            setPrograma(__assign(__assign({}, res.pgmDd), { loaded: true, habWidget: res.habWidget }));
                         else
                             setPrograma(function (p) { return (__assign(__assign({}, p), { dsErro: res.dsErro, loaded: true })); });
                         programDidMount && programDidMount();
@@ -119,6 +119,7 @@ function Programa(_a) {
             });
         }); })();
         return function () { return setCurrentProgram(undefined); };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
     var addFavorite = function () {
         var path = window.location.pathname;
@@ -135,6 +136,13 @@ function Programa(_a) {
             }
         });
     };
+    var addWidget = function () {
+        if (!code)
+            return;
+        if (!rightSidebar)
+            setRightSidebar && setRightSidebar(true);
+        setAddProgramWidget && setAddProgramWidget(code);
+    };
     var checkIfIsFavorite = function () {
         var path = window.location.pathname;
         var existIn = favorites.filter(function (item) { return item[3] === path; });
@@ -151,13 +159,13 @@ function Programa(_a) {
         bfTitulo = pnlTitle;
     return (react_1.default.createElement(core_1.Box, __assign({ fontFamily: 'Raleway, Helvetica, Arial, sans-serif', className: className }, props),
         !hideTitle &&
-            react_1.default.createElement("span", { component: 'span', style: { cursor: 'default', overflow: 'hidden', display: 'block', marginBottom: '2px', color: theme.palette.text.primary } },
+            react_1.default.createElement("span", { style: { cursor: 'default', overflow: 'hidden', display: 'block', marginBottom: '2px', color: theme.palette.text.primary } },
                 react_1.default.createElement("h2", { className: 'reset-margin pull-left', style: { color: theme.palette.text.primary } },
                     pgTitle,
                     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, { 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 }),
+            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 })),
             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' },
@@ -165,11 +173,17 @@ function Programa(_a) {
         react_1.default.createElement(PageCodeEasterEgg_1.default, __assign({}, { code: code }))));
 }
 var mapStateToProps = function (state) {
-    return { fields: state.argous.fields, favorites: state.argous.favorites };
+    return {
+        fields: state.argous.fields,
+        favorites: state.argous.favorites,
+        rightSidebar: state.argous.rightSidebar
+    };
 };
 var mapDispatchToProps = function (dispatch) {
     return {
+        setAddProgramWidget: function (data) { return dispatch(argous.setAddProgramWidget(data)); },
         setCurrentProgram: function (data) { return dispatch(argous.setCurrentProgram(data)); },
+        setRightSidebar: function (data) { return dispatch(argous.setRightSidebar(data)); },
         setFavorites: function (data) { return dispatch(argous.setFavorites(data)); }
     };
 };

package/lib/components/BarraFerramentas/BarraFerramentas.js

@@ -6,6 +6,7 @@ import clsx from 'clsx';
 import { isArray, isNumber, isString, isEqual, isFunction } from 'lodash';
 import PropTypes from 'prop-types';
 import React, { useEffect, useRef, useState } from 'react';
+import { AiOutlineAppstoreAdd } from 'react-icons/ai';
 import { FaStar } from 'react-icons/fa';
 import { MdShare, MdFormatListBulleted, MdArrowBack, MdEdit, MdDelete, MdSave, MdKeyboardArrowRight, MdFirstPage, MdKeyboardArrowLeft, MdLastPage } from 'react-icons/md';
 
@@ -67,6 +68,8 @@ function BarraFerramentas ({
   nmSalva, 
   nmExclui, 
   executaFuncao = prm => void(prm),
+  habWidget = false,
+  addWidget = () => ''
 }) {
   const classes = useStyles({ habNavegador });
   const anchorMenu = useRef(null);
@@ -255,6 +258,15 @@ function BarraFerramentas ({
         )}
       </Popper>
       {isArray(threads) && threads.map((thread, key) => <ThreadLog {...{ key, thread, currentProgram }} />)}
+      {habWidget &&
+        (
+          <Tooltip title='Adicionar widget'>
+            <IconButton onClick={addWidget}>
+              <AiOutlineAppstoreAdd />
+            </IconButton>
+          </Tooltip>
+        )
+      }
       {habFavorito && checkIfIsFavorite && (
         <Tooltip title='Favorito'>
           <IconButton onClick={addFavorite}>
@@ -287,6 +299,8 @@ BarraFerramentas.propTypes = {
   linkCompartilhamento: PropTypes.string,
   threads: PropTypes.array,
   currentProgram: PropTypes.string,
+  habWidget: PropTypes.bool,
+  addWidget: PropTypes.func
 };
 
 export default BarraFerramentas;

package/lib/components/Programa/Programa.js

@@ -35,6 +35,9 @@ function Programa({
   // permissoes = { salvar: true, editar: true, excluir: true },
   linkCompartilhamento,
   className,
+  rightSidebar,
+  setRightSidebar,
+  setAddProgramWidget,
   fields: _,
   ...props
 }) {
@@ -49,11 +52,12 @@ function Programa({
       setCurrentProgram(code);
       const res = await getProgram(code);
       // TODO prever aqui tempo de bloqueio diferenciado
-      if (res.pgmOk) setPrograma({ ...res.pgmDd, loaded: true });
+      if (res.pgmOk) setPrograma({ ...res.pgmDd, loaded: true, habWidget: res.habWidget });
       else setPrograma(p => ({ ...p, dsErro: res.dsErro, loaded: true }));   
       programDidMount && programDidMount();
     })();
     return () => setCurrentProgram(undefined);
+  // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
   const addFavorite = () => {
@@ -71,6 +75,12 @@ function Programa({
     });
   };
 
+  const addWidget = () => {
+    if (!code) return;
+    if (!rightSidebar) setRightSidebar && setRightSidebar(true);
+    setAddProgramWidget && setAddProgramWidget(code);
+  };
+
   const checkIfIsFavorite = () => {
     const path = window.location.pathname;
     const existIn = favorites.filter(item => item[3] === path);
@@ -87,7 +97,7 @@ function Programa({
   return (
     <Box fontFamily='Raleway, Helvetica, Arial, sans-serif' className={className} {...props}>
       {!hideTitle &&
-        <span component='span' style={{ cursor: 'default', overflow: 'hidden', display: 'block', marginBottom: '2px', color: theme.palette.text.primary }}>
+        <span style={{ cursor: 'default', overflow: 'hidden', display: 'block', marginBottom: '2px', color: theme.palette.text.primary }}>
           <h2 className='reset-margin pull-left' style={{ color: theme.palette.text.primary }}>
             {pgTitle}
             <span className='text-muted' style={{ color: theme.palette.text.primary }} >&nbsp;|&nbsp;</span>
@@ -115,6 +125,8 @@ function Programa({
           favoriteAnimationRemove={favoriteAnimationRemove}
           threads={threads}
           currentProgram={code}
+          habWidget={programa?.habWidget}
+          {...{ addWidget }}
         />
         {dsErro ? (
           <Box textAlign='center' >
@@ -133,12 +145,18 @@ function Programa({
 }
 
 const mapStateToProps = (state) => {
-  return { fields: state.argous.fields, favorites: state.argous.favorites };
+  return { 
+    fields: state.argous.fields, 
+    favorites: state.argous.favorites, 
+    rightSidebar: state.argous.rightSidebar
+  };
 };
 
 const mapDispatchToProps = (dispatch) => {
   return {
+    setAddProgramWidget: data => dispatch(argous.setAddProgramWidget(data)),
     setCurrentProgram: data => dispatch(argous.setCurrentProgram(data)),
+    setRightSidebar: data => dispatch(argous.setRightSidebar(data)),
     setFavorites: data => dispatch(argous.setFavorites(data))
   };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "argous",
-  "version": "1.2.189",
+  "version": "1.2.190",
   "description": "Argous.",
   "main": "lib/index.js",
   "author": "Carlos Schneider",