fixed bug in ModifiedTable where NullClosure rows (in Drawer) were refreshing to original rows when Delay selector was selected

Author: anserwaseem

src/components/Editor.tsx

@@ -127,6 +127,9 @@ export const Editor = () => {
   ];
   const [states, setStates] = useState<DraggableStateModel[]>([]);
   const [transitions, setTransitions] = useState<TransitionModel[]>([]);
+  
+  const [nullClosureRows, setNullClosureRows] = useState<RowModel[]>([]);
+  const [modifiedTableRows, setModifiedTableRows] = useState<RowModel[]>([]);
 
   const [selected, setSelected] = useState<SelectedElementType | null>(null);
   const [actionState, setActionState] = useState("Normal");
@@ -672,6 +675,10 @@ export const Editor = () => {
         playgroundSize,
         stateSize,
         setStateSize,
+        nullClosureRows,
+        setNullClosureRows,
+        modifiedTableRows,
+        setModifiedTableRows,
       }}
     >
       <>

src/components/types/AutomataData.ts

@@ -16,4 +16,8 @@ export type AutomataData = {
   playgroundSize: PlaygroundSize;
   stateSize: number;
   setStateSize: React.Dispatch<React.SetStateAction<number>>;
+  nullClosureRows: RowModel[];
+  setNullClosureRows: React.Dispatch<React.SetStateAction<RowModel[]>>;
+  modifiedTableRows: RowModel[];
+  setModifiedTableRows: React.Dispatch<React.SetStateAction<RowModel[]>>;
 };

src/features/NfaToDfa.tsx

@@ -93,7 +93,7 @@ export const NfaToDfa = () => {
   };
 
   let modifiedTableProps: ModifiedTableProps = {
-    rows: nullClosureRows.map((row) => {
+    rows: dataContext.nullClosureRows.map((row) => {
       return {
         ...row,
         ...Object.fromEntries(
@@ -110,7 +110,6 @@ export const NfaToDfa = () => {
       };
     }),
     setRows: setModifiedRows,
-    nullClosureRows: nullClosureRows,
     setIsModifiedTransitionTableComplete: setIsModifiedTransitionTableComplete,
   };
 

src/features/components/nfaToDfa/ModifiedTable.tsx

@@ -187,7 +187,7 @@ export const ModifiedTable = (props: ModifiedTableProps) => {
                     dataContext?.rows?.[modifiedTableRowId - 1]?.a
                       ?.split(" ")
                       ?.map((s) =>
-                        props.nullClosureRows
+                        dataContext.nullClosureRows
                           ?.find(
                             (r) =>
                               r.state.replaceAll(NullClosureStateId, "") === s
@@ -214,7 +214,7 @@ export const ModifiedTable = (props: ModifiedTableProps) => {
                     dataContext?.rows?.[modifiedTableRowId - 1]?.b
                       ?.split(" ")
                       ?.map((s) =>
-                        props.nullClosureRows
+                        dataContext.nullClosureRows
                           ?.find(
                             (r) =>
                               r.state.replaceAll(NullClosureStateId, "") === s
@@ -308,7 +308,7 @@ export const ModifiedTable = (props: ModifiedTableProps) => {
     setOpen,
     transitionTableProps: {
       rows: GetDrawerTransitionTableRows(
-        props.nullClosureRows,
+        dataContext.nullClosureRows,
         NullClosureStateId
       ),
       columns: GetDrawerTransitionTableColumns(dataContext.columns, ["a", "b"]),

src/features/components/nfaToDfa/NullClosure.tsx

@@ -233,6 +233,7 @@ export const NullClosure = (props: NullClosureProps) => {
         props.setStates(nullClosureStates);
         props.setTransitions(nullClosureTransitions);
         props.setIsNullClosureTableComplete(true);
+        dataContext.setNullClosureRows(nullClosureRows);
       }
 
       handleUpdateData(

src/features/components/nfaToDfa/props/ModifiedTableProps.ts

@@ -3,7 +3,6 @@ import { RowModel } from "../../../../models";
 export type ModifiedTableProps = {
   rows: RowModel[];
   setRows: React.Dispatch<React.SetStateAction<RowModel[]>>;
-  nullClosureRows: RowModel[];
   setIsModifiedTransitionTableComplete?: React.Dispatch<
     React.SetStateAction<boolean>
   >;