CATEGORIES and ORDERING start

Author: james-isbister

src/features/small-microcircuit/_components/utils.ts

@@ -15,42 +15,97 @@ export function isAtom<T>(val: unknown): val is Atom<T> {
   return typeof val === 'object' && val !== null && 'read' in val;
 }
 
-export const ORDERING: Record<string, { order: number; category: string }> = {
-  info: {
-    order: 0,
-    category: 'Setup',
-  },
-  initialize: {
-    order: 1,
-    category: 'Setup',
+// export const ORDERING: Record<string, { order: number; category: string }> = {
+//   info: {
+//     order: 0,
+//     category: 'Setup',
+//   },
+//   initialize: {
+//     order: 1,
+//     category: 'Setup',
+//   },
+//   equations: {
+//     order: 2,
+//     category: 'Equations',
+//   },
+//   stimuli: {
+//     order: 3,
+//     category: 'Stimuli & Recordings',
+//   },
+//   recordings: {
+//     order: 4,
+//     category: 'Stimuli & Recordings',
+//   },
+//   neuron_sets: {
+//     order: 5,
+//     category: 'Circuit components',
+//   },
+//   timestamps: {
+//     order: 6,
+//     category: 'Events',
+//   },
+//   synaptic_manipulations: {
+//     order: 7,
+//     category: 'Circuit components',
+//   },
+// };
+
+
+export const ORDERING: Record<
+  string,
+  Record<string, { order: number; category: string }>
+> = {
+  a: {
+    info: {
+      order: 0,
+      category: 'Setup',
+    },
+    initialize: {
+      order: 1,
+      category: 'Setup',
+    },
+    equations: {
+      order: 2,
+      category: 'Equations',
+    },
   },
-  equations: {
-    order: 2,
-    category: 'Equations',
+  b: {
+      info: {
+      order: 0,
+      category: 'Setup',
+    },
+    initialize: {
+      order: 1,
+      category: 'Setup',
+    },
+    stimuli: {
+      order: 2,
+      category: 'Stimuli & Recordings',
+    },
+    recordings: {
+      order: 3,
+      category: 'Stimuli & Recordings',
+    },
+    neuron_sets: {
+      order: 4,
+      category: 'Circuit components',
+    },
+    timestamps: {
+      order: 5,
+      category: 'Events',
+    },
+    synaptic_manipulations: {
+      order: 6,
+      category: 'Circuit components',
+    },
   },
-  // stimuli: {
-  //   order: 3,
-  //   category: 'Stimuli & Recordings',
-  // },
-  // recordings: {
-  //   order: 4,
-  //   category: 'Stimuli & Recordings',
-  // },
-  // neuron_sets: {
-  //   order: 5,
-  //   category: 'Circuit components',
-  // },
-  // timestamps: {
-  //   order: 6,
-  //   category: 'Events',
-  // },
-  // synaptic_manipulations: {
-  //   order: 7,
-  //   category: 'Circuit components',
-  // },
 };
 
-export const CATEGORIES: string[] = uniq(Object.values(ORDERING).map((o) => o.category));
+
+export const CATEGORIES: Record<'a' | 'b', string[]> = {
+  a: uniq(Object.values(ORDERING.a).map(o => o.category)),
+  b: uniq(Object.values(ORDERING.b).map(o => o.category)),
+};
 
 const simExecStatusListordered = [
   CircuitSimulationExecutionStatus.CREATED,

src/features/small-microcircuit/index.tsx

@@ -11,6 +11,8 @@ import { match } from 'ts-pattern';
 // James asked to only comment it out for now.
 // import CircuitName from './_components/circuit-name';
 
+const groupKey = 'a';
+
 import { ICircuitSimulation } from '@/api/entitycore/types/entities/circuit-simulation';
 import { CircuitSimulationExecutionStatus } from '@/api/entitycore/types/entities/circuit-simulation-execution';
 import ApiError from '@/api/error';
@@ -149,15 +151,15 @@ export default function SimulationCampaignConfiguration({
         <div className={styles.threeColumns}>
           <div className={styles.scrollable}>
             <div className="flex flex-grow flex-col items-center gap-5 overflow-y-auto pr-5 pb-5">
-              {CATEGORIES.map((c) => {
+              {CATEGORIES["a"].map((c) => {
                 return (
                   <Fragment key={c}>
                     <div className="self-start text-gray-500 uppercase">{c}</div>
                     {schema.properties &&
                       Object.entries(schema.properties)
-                        .filter(([k]) => k !== 'type' && ORDERING[k]?.category === c)
+                        .filter(([k]) => k !== 'type' && ORDERING["a"][k]?.category === c)
                         .sort((a, b) => {
-                          const order = (k: string) => ORDERING[k]?.order ?? 999;
+                          const order = (k: string) => ORDERING["a"][k]?.order ?? 999;
                           return order(a[0]) - order(b[0]);
                         })
                         .map(([k, v]) => {