fix(graph): fixed graph + cell parsing

Author: TomasBoda

src/components/sidebars/graph.sidebar.tsx

@@ -18,6 +18,10 @@ export const GraphSidebar = () => {
 
     const [graphCellId, setGraphCellId] = useState<CellId>(graph.cells[0]?.id);
 
+    useEffect(() => {
+        setGraphCellId(graph.cells[0]?.id);
+    }, [graph.cells]);
+
     useEffect(() => {
         document.getElementById(GRAPH_RENDERER_ID).innerHTML = "";
 

src/components/spreadsheet/spreadsheet.utils.ts

@@ -179,11 +179,23 @@ export namespace SpreadsheetUtils {
     };
 
     export const tryGetFormulaFromCellValue = (input: string) => {
-        if (!isNaN(Number(input)) && input.trim() !== "") {
+        if (input.trim() === "") {
+            return "";
+        }
+
+        if (input.trim().startsWith("=")) {
+            return input.trim();
+        }
+
+        if (!isNaN(Number(input))) {
             return `= ${input.trim()}`;
         }
 
-        return input.trim();
+        if (["TRUE", "FALSE"].includes(input.trim().toUpperCase())) {
+            return `= ${input.trim().toUpperCase()}`;
+        }
+
+        return `= "${input.trim()}"`;
     };
 
     export const getValueText = (value: Value) => {

src/hooks/useGraph.tsx

@@ -35,6 +35,7 @@ export const GraphProvider = ({ children }: { children: ReactNode }) => {
         for (const cellId of spreadsheet.cells.usedCells) {
             const value =
                 spreadsheet.history.history.get(cellId)?.[stepper.step];
+
             if (!value || value.type !== ValueType.Graph) continue;
             graphCells.push({
                 id: cellId,
@@ -43,7 +44,11 @@ export const GraphProvider = ({ children }: { children: ReactNode }) => {
         }
 
         setCells(graphCells);
-    }, [spreadsheet.cells.usedCells]);
+    }, [
+        spreadsheet.cells.usedCells,
+        spreadsheet.history.history,
+        stepper.step,
+    ]);
 
     const values = {
         cells,