componenteshospitais 3.3.3 → 3.3.5

package/dist/cjs/index.js

@@ -16349,9 +16349,9 @@ var styles$1 = {"tableContainer":"tableStandard-module_tableContainer__W2g84","t
 styleInject(css_248z$1);
 
 var TableStandard = function (_a) {
-    var dados = _a.dados, onRowClick = _a.onRowClick, _b = _a.idColumn, idColumn = _b === void 0 ? 'id' : _b, onActionClick = _a.onActionClick, onDownloadClick = _a.onDownloadClick, onViewClick = _a.onViewClick, _c = _a.showActionColumn, showActionColumn = _c === void 0 ? false : _c, _d = _a.showDownloadButton, showDownloadButton = _d === void 0 ? false : _d, _e = _a.showExcelDownloadButton, showExcelDownloadButton = _e === void 0 ? false : _e, _f = _a.showViewButton, showViewButton = _f === void 0 ? false : _f, _g = _a.cor, cor = _g === void 0 ? false : _g, _h = _a.numeroPaginas, numeroPaginas = _h === void 0 ? 10 : _h, empresa = _a.empresa;
-    var _j = React.useState(null), selectedRow = _j[0], setSelectedRow = _j[1];
-    var _k = React.useState(1), currentPage = _k[0], setCurrentPage = _k[1];
+    var dados = _a.dados, onRowClick = _a.onRowClick, _b = _a.idColumn, idColumn = _b === void 0 ? 'id' : _b, onActionClick = _a.onActionClick, onDownloadClick = _a.onDownloadClick, onViewClick = _a.onViewClick, _c = _a.showActionColumn, showActionColumn = _c === void 0 ? false : _c, _d = _a.showDownloadButton, showDownloadButton = _d === void 0 ? false : _d, _e = _a.showExcelDownloadButton, showExcelDownloadButton = _e === void 0 ? false : _e, _f = _a.showViewButton, showViewButton = _f === void 0 ? false : _f, _g = _a.cor, cor = _g === void 0 ? false : _g, _h = _a.numeroPaginas, numeroPaginas = _h === void 0 ? 10 : _h, empresa = _a.empresa, _j = _a.paginacao, paginacao = _j === void 0 ? true : _j;
+    var _k = React.useState(null), selectedRow = _k[0], setSelectedRow = _k[1];
+    var _l = React.useState(1), currentPage = _l[0], setCurrentPage = _l[1];
     var ultimoItem = currentPage * numeroPaginas;
     var primeiroItem = ultimoItem - numeroPaginas;
     var currentItems = dados.slice(primeiroItem, ultimoItem);
@@ -16411,7 +16411,7 @@ var TableStandard = function (_a) {
                                     onViewClick(row[idColumn]);
                             }, className: styles$1.actionButton, title: 'Visualizar' },
                             React.createElement(FaEye, null)))))))); }))),
-        React.createElement("div", { className: "".concat(empresaClass, " ").concat(styles$1.pagination) }, pageNumbers.map(function (number) { return (React.createElement("button", { key: number, onClick: function () { return setCurrentPage(number); }, className: "".concat(styles$1.pageButton, " ").concat(currentPage === number ? styles$1.activePage : '') }, number)); }))));
+        paginacao === true && (React.createElement("div", { className: "".concat(empresaClass, " ").concat(styles$1.pagination) }, pageNumbers.map(function (number) { return (React.createElement("button", { key: number, onClick: function () { return setCurrentPage(number); }, className: "".concat(styles$1.pageButton, " ").concat(currentPage === number ? styles$1.activePage : '') }, number)); })))));
 };
 
 var TextAreaField = function (_a) {
@@ -16451,7 +16451,63 @@ var FluxoProcesso = function (_a) {
             React.createElement("div", { className: styles.textos }, texto))); })),
         tableContent.length > 0 && (React.createElement("div", null,
             React.createElement(TableStandard, { dados: tableContent, idColumn: "titulo", empresa: "1" })))));
-};
+};
+/*
+
+import { FluxoProcessos } from 'componenteshospitais';
+
+const [activeDot, setActiveDot] = useState(4);
+const [inProgress, setinProgress] = useState(5);
+const [listaContent, setListaContent] = useState([{}]);
+const [openedDot, setOpenedDot] = useState<number | null>(null);
+
+let textos = [
+    'Solicitado',
+    'Aprovado',
+    'Avaliação final contratual',
+    'Autorização',
+    'Contratação',
+];
+
+//Funcao responsavel por alterar o conteudo da lista de acordo com o clicado
+const handleDotClick = (id: number) => {
+    if (openedDot === id) {
+        setListaContent([]);
+        setOpenedDot(null);
+    } else {
+        setOpenedDot(id);
+        if (id === 1) {
+            setListaContent([
+                { titulo: 'Solicitado' },
+            ]);
+        } else if (id === 2 && id < inProgress) {
+            setListaContent([
+                { titulo: 'Aprovado' },
+            ]);
+        } else if (id === 3 && id < inProgress) {
+            setListaContent([
+                { titulo: 'Avaliação final contratual' },
+            ]);
+        } else if (id === 4 && id < inProgress) {
+            setListaContent([
+                { titulo: 'Autorização' },
+            ]);
+        } else if (id === 5 && id < inProgress) {
+            setListaContent([
+                { titulo: 'Contratação' },
+            ]);
+        }
+    }
+};
+
+
+//Chamada do componente
+
+<div style={{width: '750px'}}> //Definição do tamanho de acordo com o necessário
+    <FluxoProcessos activeDot={activeDot} inProgress={inProgress} textos={textos} tableContent={listaContent} onDotClick={handleDotClick} />
+</div>
+
+*/
 
 exports.Busca = Busca;
 exports.Button = Button;