componenteshospitais 3.3.3 → 3.3.4

package/dist/cjs/index.js

@@ -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;