componenteshospitais 3.3.2 → 3.3.4

package/dist/cjs/index.js

@@ -16436,7 +16436,10 @@ styleInject(css_248z);
 
 var FluxoProcesso = function (_a) {
     var _b = _a.activeDot, activeDot = _b === void 0 ? 1 : _b, _c = _a.inProgress, inProgress = _c === void 0 ? 2 : _c, textos = _a.textos, tableContent = _a.tableContent, onDotClick = _a.onDotClick;
+    var _d = React.useState(false); _d[0]; var setTable = _d[1];
+    var _e = React.useState(0); _e[0]; _e[1];
     React.useEffect(function () {
+        setTable(false);
     }, [activeDot]);
     return (React.createElement("div", null,
         React.createElement("div", { className: styles.wrapper }, textos.map(function (texto, index) { return (React.createElement("div", { className: styles.stepWrapper, key: index },
@@ -16448,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;