@gobolt/genesis 0.4.13 → 0.4.14

package/dist/index.cjs

@@ -85661,7 +85661,7 @@ const InfiniteScrollTable = ({
     [isFetchingNextPage, hasNextPage2, fetchNextPage, scrollableNode]
   );
   const dataSource = data?.pages.flatMap((page) => page.docs) ?? [];
-  const totalDocs = data?.pages?.[0]?.totalDocs ?? 0;
+  data?.pages?.[0]?.totalDocs ?? 0;
   if (status === "pending") {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -85694,34 +85694,6 @@ const InfiniteScrollTable = ({
       },
       ref: tableContainerRef,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          Typography$1.Title,
-          {
-            level: 2,
-            style: { marginBottom: "24px", textAlign: "center" },
-            children: [
-              title,
-              " (Table ",
-              instanceId,
-              ")"
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          Alert,
-          {
-            message: /* @__PURE__ */ jsxRuntime.jsxs(Typography$1.Text, { children: [
-              "Showing ",
-              /* @__PURE__ */ jsxRuntime.jsx("strong", { children: dataSource.length }),
-              " of",
-              " ",
-              /* @__PURE__ */ jsxRuntime.jsx("strong", { children: totalDocs }),
-              " total launches"
-            ] }),
-            type: "info",
-            style: { marginBottom: "16px", textAlign: "center" }
-          }
-        ),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { position: "relative" }, children: [
           /* @__PURE__ */ jsxRuntime.jsx("style", { children: `
             .infinite-scroll-table .ant-pagination {
@@ -85777,7 +85749,7 @@ const InfiniteScrollTable = ({
               padding: "20px",
               borderTop: "1px solid #f0f0f0"
             },
-            children: /* @__PURE__ */ jsxRuntime.jsx(Typography$1.Text, { type: "secondary", children: "You've reached the end of the launch history." })
+            children: /* @__PURE__ */ jsxRuntime.jsx(Typography$1.Text, { type: "secondary", children: "No more rows to load." })
           }
         )
       ]
@@ -86505,10 +86477,16 @@ const TableWithControls = ({
   tableData,
   tableControlsData: tableControlsData2,
   onChange,
-  onRowClick
+  onRowClick,
+  tableType = "table",
+  isInfiniteScroll,
+  // Deprecated: use tableType instead
+  infiniteScrollConfig,
+  paginationStyle
 }) => {
   const { primaryTableRowData, secondaryTableRowData } = tableControlsData2;
   const { dataSource, columns, rowSelection, hasSettings, hasFilter } = tableData;
+  const actualTableType = isInfiniteScroll ? "infiniteScroll" : tableType;
   const onTableControlsChange = (event) => {
     onChange(event);
   };
@@ -86518,6 +86496,60 @@ const TableWithControls = ({
       payload: { value: "tableChange", pagination, filters, sorter }
     });
   };
+  const renderTable = () => {
+    switch (actualTableType) {
+      case "infiniteScroll": {
+        if (!infiniteScrollConfig) {
+          console.warn("InfiniteScrollTable requires infiniteScrollConfig");
+          return null;
+        }
+        const resizableColumns = columns.map((col) => ({
+          title: col.title,
+          key: col.key,
+          dataIndex: Array.isArray(col.dataIndex) ? col.dataIndex.join(".") : typeof col.dataIndex === "string" ? col.dataIndex : col.key,
+          width: col.width || 150,
+          render: col.render ? (value2, record, index2) => col.render(value2, record, index2 ?? 0) : void 0
+        }));
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          InfiniteScrollTable,
+          {
+            instanceId: infiniteScrollConfig.instanceId,
+            columns: resizableColumns,
+            fetchService: infiniteScrollConfig.fetchService,
+            title: infiniteScrollConfig.title,
+            scrollHeight: infiniteScrollConfig.scrollHeight,
+            scrollWidth: infiniteScrollConfig.scrollWidth
+          }
+        );
+      }
+      case "pagination": {
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          TablePagination,
+          {
+            dataSource,
+            columns,
+            rowSelection,
+            onChange: onTableChange,
+            onRowClick,
+            paginationStyle
+          }
+        );
+      }
+      case "table":
+      default: {
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          Table,
+          {
+            dataSource,
+            columns,
+            rowSelection,
+            onChange: onTableChange,
+            onRowClick
+          }
+        );
+      }
+    }
+  };
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       TableControls,
@@ -86527,18 +86559,845 @@ const TableWithControls = ({
         onChange: onTableControlsChange
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      Table,
-      {
-        dataSource,
-        columns,
-        rowSelection,
-        onChange: onTableChange,
-        onRowClick
-      }
-    )
+    renderTable()
   ] });
 };
+const staticTableData = [
+  {
+    id: "1",
+    number: "1",
+    timerange: "9:00 AM - 10:00 AM",
+    status: "in_progress",
+    address: {
+      nickname: "Home",
+      address: "123 Main St"
+    },
+    job_subtype: "delivery",
+    progress: {
+      firstBarData: {
+        text: "Loading",
+        status: "info",
+        value: 100
+      },
+      secondBarData: {
+        text: "Processing",
+        status: "success",
+        value: 25
+      }
+    }
+  },
+  {
+    id: "2",
+    number: "2",
+    timerange: "10:00 AM - 11:00 AM",
+    status: "scheduled",
+    address: {
+      nickname: "Work",
+      address: "456 Elm St"
+    },
+    job_subtype: "pickup",
+    progress: {
+      firstBarData: {
+        text: "Preparing",
+        status: "info",
+        value: 100
+      },
+      secondBarData: {
+        text: "Final Check",
+        status: "success",
+        value: 0
+      }
+    }
+  },
+  {
+    id: "3",
+    number: "3",
+    timerange: "11:00 AM - 12:00 PM",
+    status: "scheduled",
+    address: {
+      nickname: "Store",
+      address: "789 Oak St"
+    },
+    job_subtype: "delivery",
+    progress: {
+      firstBarData: {
+        text: "Pending",
+        status: "info",
+        value: 0
+      },
+      secondBarData: {
+        text: "Awaiting",
+        status: "success",
+        value: 0
+      }
+    }
+  },
+  {
+    id: "4",
+    number: "4",
+    timerange: "1:00 PM - 2:00 PM",
+    status: "scheduled",
+    address: {
+      nickname: "Office",
+      address: "321 Pine St"
+    },
+    job_subtype: "pickup",
+    progress: {
+      firstBarData: {
+        text: "In Progress",
+        status: "info",
+        value: 100
+      },
+      secondBarData: {
+        text: "Validation",
+        status: "success",
+        value: 30
+      }
+    }
+  },
+  {
+    id: "5",
+    number: "5",
+    timerange: "2:00 PM - 3:00 PM",
+    status: "scheduled",
+    address: {
+      nickname: "Library",
+      address: "555 Book Lane"
+    },
+    job_subtype: "delivery",
+    progress: {
+      firstBarData: {
+        text: "Completed",
+        status: "info",
+        value: 100
+      },
+      secondBarData: {
+        text: "Verified",
+        status: "success",
+        value: 100
+      }
+    }
+  },
+  {
+    id: "6",
+    number: "6",
+    timerange: "3:00 PM - 4:00 PM",
+    status: "scheduled",
+    address: {
+      nickname: "Gym",
+      address: "777 Fitness Ave"
+    },
+    job_subtype: "pickup",
+    progress: {
+      firstBarData: {
+        text: "Phase 1",
+        status: "info",
+        value: 75
+      },
+      secondBarData: {
+        text: "Phase 2",
+        status: "success",
+        value: 50
+      }
+    }
+  },
+  {
+    id: "7",
+    number: "7",
+    timerange: "4:00 PM - 5:00 PM",
+    status: "scheduled",
+    address: {
+      nickname: "Mall",
+      address: "888 Shopping Center"
+    },
+    job_subtype: "delivery",
+    progress: {
+      firstBarData: {
+        text: "Queued",
+        status: "info",
+        value: 0
+      },
+      secondBarData: {
+        text: "Waiting",
+        status: "success",
+        value: 0
+      }
+    }
+  },
+  {
+    id: "8",
+    number: "8",
+    timerange: "9:00 AM - 10:00 AM",
+    status: "completed",
+    address: {
+      nickname: "School",
+      address: "999 Education Rd"
+    },
+    job_subtype: "pickup",
+    progress: {
+      firstBarData: {
+        text: "Delivered",
+        status: "info",
+        value: 100
+      },
+      secondBarData: {
+        text: "Confirmed",
+        status: "success",
+        value: 100
+      }
+    }
+  },
+  {
+    id: "9",
+    number: "9",
+    timerange: "10:00 AM - 11:00 AM",
+    status: "scheduled",
+    address: {
+      nickname: "Restaurant",
+      address: "111 Food Court"
+    },
+    job_subtype: "delivery",
+    progress: {
+      firstBarData: {
+        text: "Preparing",
+        status: "info",
+        value: 100
+      },
+      secondBarData: {
+        text: "Quality Check",
+        status: "success",
+        value: 15
+      }
+    }
+  },
+  {
+    id: "10",
+    number: "10",
+    timerange: "11:00 AM - 12:00 PM",
+    status: "scheduled",
+    address: {
+      nickname: "Park",
+      address: "222 Green Ave"
+    },
+    job_subtype: "pickup",
+    progress: {
+      firstBarData: {
+        text: "Processing",
+        status: "info",
+        value: 80
+      },
+      secondBarData: {
+        text: "Review",
+        status: "success",
+        value: 0
+      }
+    }
+  },
+  {
+    id: "11",
+    number: "11",
+    timerange: "1:00 PM - 2:00 PM",
+    status: "scheduled",
+    address: {
+      nickname: "Beach",
+      address: "333 Shore Dr"
+    },
+    job_subtype: "delivery",
+    progress: {
+      firstBarData: {
+        text: "Planning",
+        status: "info",
+        value: 40
+      },
+      secondBarData: {
+        text: "Route Check",
+        status: "success",
+        value: 20
+      }
+    }
+  },
+  {
+    id: "12",
+    number: "12",
+    timerange: "2:00 PM - 3:00 PM",
+    status: "scheduled",
+    address: {
+      nickname: "Hotel",
+      address: "444 Stay Blvd"
+    },
+    job_subtype: "pickup",
+    progress: {
+      firstBarData: {
+        text: "Scheduled",
+        status: "info",
+        value: 0
+      },
+      secondBarData: {
+        text: "Awaiting",
+        status: "success",
+        value: 0
+      }
+    }
+  },
+  {
+    id: "13",
+    number: "13",
+    timerange: "3:00 PM - 4:00 PM",
+    status: "scheduled",
+    address: {
+      nickname: "Airport",
+      address: "666 Flight Way"
+    },
+    job_subtype: "delivery",
+    progress: {
+      firstBarData: {
+        text: "Pre-flight",
+        status: "info",
+        value: 60
+      },
+      secondBarData: {
+        text: "Security",
+        status: "success",
+        value: 30
+      }
+    }
+  },
+  {
+    id: "14",
+    number: "14",
+    timerange: "4:00 PM - 5:00 PM",
+    status: "cancelled",
+    address: {
+      nickname: "Stadium",
+      address: "777 Sports Complex"
+    },
+    job_subtype: "pickup",
+    progress: {
+      firstBarData: {
+        text: "Cancelled",
+        status: "info",
+        value: 0
+      },
+      secondBarData: {
+        text: "Refund",
+        status: "success",
+        value: 100
+      }
+    }
+  },
+  {
+    id: "15",
+    number: "15",
+    timerange: "9:00 AM - 10:00 AM",
+    status: "scheduled",
+    address: {
+      nickname: "Theater",
+      address: "888 Show Ave"
+    },
+    job_subtype: "delivery",
+    progress: {
+      firstBarData: {
+        text: "Setup",
+        status: "info",
+        value: 25
+      },
+      secondBarData: {
+        text: "Sound Check",
+        status: "success",
+        value: 0
+      }
+    }
+  },
+  {
+    id: "16",
+    number: "16",
+    timerange: "10:00 AM - 11:00 AM",
+    status: "scheduled",
+    address: {
+      nickname: "Museum",
+      address: "999 History Lane"
+    },
+    job_subtype: "pickup",
+    progress: {
+      firstBarData: {
+        text: "Exhibit Prep",
+        status: "info",
+        value: 70
+      },
+      secondBarData: {
+        text: "Documentation",
+        status: "success",
+        value: 45
+      }
+    }
+  },
+  {
+    id: "17",
+    number: "17",
+    timerange: "11:00 AM - 12:00 PM",
+    status: "scheduled",
+    address: {
+      nickname: "Zoo",
+      address: "123 Animal Park"
+    },
+    job_subtype: "delivery",
+    progress: {
+      firstBarData: {
+        text: "Animal Care",
+        status: "info",
+        value: 85
+      },
+      secondBarData: {
+        text: "Feeding",
+        status: "success",
+        value: 90
+      }
+    }
+  },
+  {
+    id: "18",
+    number: "18",
+    timerange: "1:00 PM - 2:00 PM",
+    status: "scheduled",
+    address: {
+      nickname: "Bank",
+      address: "456 Money St"
+    },
+    job_subtype: "pickup",
+    progress: {
+      firstBarData: {
+        text: "Transaction",
+        status: "info",
+        value: 50
+      },
+      secondBarData: {
+        text: "Verification",
+        status: "success",
+        value: 25
+      }
+    }
+  },
+  {
+    id: "19",
+    number: "19",
+    timerange: "2:00 PM - 3:00 PM",
+    status: "scheduled",
+    address: {
+      nickname: "Post Office",
+      address: "789 Mail Road"
+    },
+    job_subtype: "delivery",
+    progress: {
+      firstBarData: {
+        text: "Sorting",
+        status: "info",
+        value: 100
+      },
+      secondBarData: {
+        text: "Dispatch",
+        status: "success",
+        value: 75
+      }
+    }
+  },
+  {
+    id: "20",
+    number: "20",
+    timerange: "3:00 PM - 4:00 PM",
+    status: "scheduled",
+    address: {
+      nickname: "Church",
+      address: "321 Faith Street"
+    },
+    job_subtype: "pickup",
+    progress: {
+      firstBarData: {
+        text: "Service Prep",
+        status: "info",
+        value: 30
+      },
+      secondBarData: {
+        text: "Community",
+        status: "success",
+        value: 10
+      }
+    }
+  },
+  {
+    id: "21",
+    number: "21",
+    timerange: "4:00 PM - 5:00 PM",
+    status: "scheduled",
+    address: {
+      nickname: "Pharmacy",
+      address: "654 Health Ave"
+    },
+    job_subtype: "delivery",
+    progress: {
+      firstBarData: {
+        text: "Prescription",
+        status: "info",
+        value: 90
+      },
+      secondBarData: {
+        text: "Quality Check",
+        status: "success",
+        value: 60
+      }
+    }
+  },
+  {
+    id: "22",
+    number: "22",
+    timerange: "2:00 PM - 3:00 PM",
+    status: "scheduled",
+    address: {
+      nickname: "Office Complex",
+      street: "789 Business Ave",
+      city: "Commerce City",
+      state: "CA",
+      zip: "90210"
+    },
+    progress: {
+      currentStep: 1,
+      totalSteps: 4,
+      steps: {
+        pickup: {
+          text: "Pickup Scheduled",
+          status: "pending",
+          value: 25
+        },
+        transit: {
+          text: "In Transit",
+          status: "pending",
+          value: 0
+        },
+        delivery: {
+          text: "Delivery",
+          status: "pending",
+          value: 0
+        },
+        quality: {
+          text: "Quality Check",
+          status: "pending",
+          value: 0
+        }
+      }
+    }
+  },
+  {
+    id: "23",
+    number: "23",
+    timerange: "3:00 PM - 4:00 PM",
+    status: "completed",
+    address: {
+      nickname: "Retail Store",
+      street: "456 Shopping St",
+      city: "Retail Town",
+      state: "CA",
+      zip: "90211"
+    },
+    progress: {
+      currentStep: 4,
+      totalSteps: 4,
+      steps: {
+        pickup: {
+          text: "Pickup Complete",
+          status: "success",
+          value: 100
+        },
+        transit: {
+          text: "Transit Complete",
+          status: "success",
+          value: 100
+        },
+        delivery: {
+          text: "Delivery Complete",
+          status: "success",
+          value: 100
+        },
+        quality: {
+          text: "Quality Check Complete",
+          status: "success",
+          value: 100
+        }
+      }
+    }
+  },
+  {
+    id: "24",
+    number: "24",
+    timerange: "4:00 PM - 5:00 PM",
+    status: "in_progress",
+    address: {
+      nickname: "Warehouse",
+      street: "321 Storage Blvd",
+      city: "Storage City",
+      state: "CA",
+      zip: "90212"
+    },
+    progress: {
+      currentStep: 2,
+      totalSteps: 4,
+      steps: {
+        pickup: {
+          text: "Pickup Complete",
+          status: "success",
+          value: 100
+        },
+        transit: {
+          text: "In Transit",
+          status: "active",
+          value: 50
+        },
+        delivery: {
+          text: "Delivery",
+          status: "pending",
+          value: 0
+        },
+        quality: {
+          text: "Quality Check",
+          status: "pending",
+          value: 0
+        }
+      }
+    }
+  },
+  {
+    id: "25",
+    number: "25",
+    timerange: "5:00 PM - 6:00 PM",
+    status: "cancelled",
+    address: {
+      nickname: "Canceled Location",
+      street: "999 Cancel St",
+      city: "Cancel City",
+      state: "CA",
+      zip: "90213"
+    },
+    progress: {
+      currentStep: 1,
+      totalSteps: 4,
+      steps: {
+        pickup: {
+          text: "Pickup Cancelled",
+          status: "error",
+          value: 0
+        },
+        transit: {
+          text: "In Transit",
+          status: "pending",
+          value: 0
+        },
+        delivery: {
+          text: "Delivery",
+          status: "pending",
+          value: 0
+        },
+        quality: {
+          text: "Quality Check",
+          status: "pending",
+          value: 0
+        }
+      }
+    }
+  },
+  {
+    id: "26",
+    number: "26",
+    timerange: "6:00 PM - 7:00 PM",
+    status: "scheduled",
+    address: {
+      nickname: "Evening Delivery",
+      street: "555 Evening Ave",
+      city: "Evening City",
+      state: "CA",
+      zip: "90214"
+    },
+    progress: {
+      currentStep: 1,
+      totalSteps: 4,
+      steps: {
+        pickup: {
+          text: "Pickup Scheduled",
+          status: "pending",
+          value: 25
+        },
+        transit: {
+          text: "In Transit",
+          status: "pending",
+          value: 0
+        },
+        delivery: {
+          text: "Delivery",
+          status: "pending",
+          value: 0
+        },
+        quality: {
+          text: "Quality Check",
+          status: "pending",
+          value: 0
+        }
+      }
+    }
+  },
+  {
+    id: "27",
+    number: "27",
+    timerange: "7:00 PM - 8:00 PM",
+    status: "in_progress",
+    address: {
+      nickname: "Night Shift",
+      street: "777 Night St",
+      city: "Night City",
+      state: "CA",
+      zip: "90215"
+    },
+    progress: {
+      currentStep: 3,
+      totalSteps: 4,
+      steps: {
+        pickup: {
+          text: "Pickup Complete",
+          status: "success",
+          value: 100
+        },
+        transit: {
+          text: "Transit Complete",
+          status: "success",
+          value: 100
+        },
+        delivery: {
+          text: "Delivery in Progress",
+          status: "active",
+          value: 75
+        },
+        quality: {
+          text: "Quality Check",
+          status: "pending",
+          value: 0
+        }
+      }
+    }
+  },
+  {
+    id: "28",
+    number: "28",
+    timerange: "8:00 PM - 9:00 PM",
+    status: "completed",
+    address: {
+      nickname: "Final Delivery",
+      street: "888 Final Blvd",
+      city: "Final City",
+      state: "CA",
+      zip: "90216"
+    },
+    progress: {
+      currentStep: 4,
+      totalSteps: 4,
+      steps: {
+        pickup: {
+          text: "Pickup Complete",
+          status: "success",
+          value: 100
+        },
+        transit: {
+          text: "Transit Complete",
+          status: "success",
+          value: 100
+        },
+        delivery: {
+          text: "Delivery Complete",
+          status: "success",
+          value: 100
+        },
+        quality: {
+          text: "Quality Check Complete",
+          status: "success",
+          value: 100
+        }
+      }
+    }
+  },
+  {
+    id: "29",
+    number: "29",
+    timerange: "9:00 PM - 10:00 PM",
+    status: "scheduled",
+    address: {
+      nickname: "Late Night",
+      street: "999 Late St",
+      city: "Late City",
+      state: "CA",
+      zip: "90217"
+    },
+    progress: {
+      currentStep: 1,
+      totalSteps: 4,
+      steps: {
+        pickup: {
+          text: "Pickup Scheduled",
+          status: "pending",
+          value: 25
+        },
+        transit: {
+          text: "In Transit",
+          status: "pending",
+          value: 0
+        },
+        delivery: {
+          text: "Delivery",
+          status: "pending",
+          value: 0
+        },
+        quality: {
+          text: "Quality Check",
+          status: "pending",
+          value: 0
+        }
+      }
+    }
+  },
+  {
+    id: "30",
+    number: "30",
+    timerange: "10:00 PM - 11:00 PM",
+    status: "in_progress",
+    address: {
+      nickname: "Last Stop",
+      street: "000 Last Ave",
+      city: "Last City",
+      state: "CA",
+      zip: "90218"
+    },
+    progress: {
+      currentStep: 2,
+      totalSteps: 4,
+      steps: {
+        pickup: {
+          text: "Pickup Complete",
+          status: "success",
+          value: 100
+        },
+        transit: {
+          text: "In Transit",
+          status: "active",
+          value: 60
+        },
+        delivery: {
+          text: "Delivery",
+          status: "pending",
+          value: 0
+        },
+        quality: {
+          text: "Quality Check",
+          status: "pending",
+          value: 0
+        }
+      }
+    }
+  }
+];
 const startCase = (string_) => {
   if (string_) {
     return string_.replaceAll(/([A-Z])/g, " $1").replace(/^./, (s) => s.toUpperCase());
@@ -86646,491 +87505,7 @@ mockColumns.map((column2) => ({
   ...column2
 }));
 const mockDataSource = {
-  appointments: [
-    {
-      id: "1",
-      number: "1",
-      timerange: "9:00 AM - 10:00 AM",
-      status: "in_progress",
-      address: {
-        nickname: "Home",
-        address: "123 Main St"
-      },
-      job_subtype: "delivery",
-      progress: {
-        firstBarData: {
-          text: "Loading",
-          status: "info",
-          value: 100
-        },
-        secondBarData: {
-          text: "Processing",
-          status: "success",
-          value: 25
-        }
-      }
-    },
-    {
-      id: "2",
-      number: "2",
-      timerange: "10:00 AM - 11:00 AM",
-      status: "scheduled",
-      address: {
-        nickname: "Work",
-        address: "456 Elm St"
-      },
-      job_subtype: "pickup",
-      progress: {
-        firstBarData: {
-          text: "Preparing",
-          status: "info",
-          value: 100
-        },
-        secondBarData: {
-          text: "Final Check",
-          status: "success",
-          value: 0
-        }
-      }
-    },
-    {
-      id: "3",
-      number: "3",
-      timerange: "11:00 AM - 12:00 PM",
-      status: "scheduled",
-      address: {
-        nickname: "Store",
-        address: "789 Oak St"
-      },
-      job_subtype: "delivery",
-      progress: {
-        firstBarData: {
-          text: "Pending",
-          status: "info",
-          value: 0
-        },
-        secondBarData: {
-          text: "Awaiting",
-          status: "success",
-          value: 0
-        }
-      }
-    },
-    {
-      id: "4",
-      number: "4",
-      timerange: "1:00 PM - 2:00 PM",
-      status: "scheduled",
-      address: {
-        nickname: "Office",
-        address: "321 Pine St"
-      },
-      job_subtype: "pickup",
-      progress: {
-        firstBarData: {
-          text: "In Progress",
-          status: "info",
-          value: 100
-        },
-        secondBarData: {
-          text: "Validation",
-          status: "success",
-          value: 30
-        }
-      }
-    },
-    {
-      id: "5",
-      number: "5",
-      timerange: "2:00 PM - 3:00 PM",
-      status: "scheduled",
-      address: {
-        nickname: "Library",
-        address: "555 Book Lane"
-      },
-      job_subtype: "delivery",
-      progress: {
-        firstBarData: {
-          text: "Completed",
-          status: "info",
-          value: 100
-        },
-        secondBarData: {
-          text: "Verified",
-          status: "success",
-          value: 100
-        }
-      }
-    },
-    {
-      id: "6",
-      number: "6",
-      timerange: "3:00 PM - 4:00 PM",
-      status: "scheduled",
-      address: {
-        nickname: "Gym",
-        address: "777 Fitness Ave"
-      },
-      job_subtype: "pickup",
-      progress: {
-        firstBarData: {
-          text: "Phase 1",
-          status: "info",
-          value: 75
-        },
-        secondBarData: {
-          text: "Phase 2",
-          status: "success",
-          value: 50
-        }
-      }
-    },
-    {
-      id: "7",
-      number: "7",
-      timerange: "4:00 PM - 5:00 PM",
-      status: "scheduled",
-      address: {
-        nickname: "Mall",
-        address: "888 Shopping Center"
-      },
-      job_subtype: "delivery",
-      progress: {
-        firstBarData: {
-          text: "Queued",
-          status: "info",
-          value: 0
-        },
-        secondBarData: {
-          text: "Waiting",
-          status: "success",
-          value: 0
-        }
-      }
-    },
-    {
-      id: "8",
-      number: "8",
-      timerange: "9:00 AM - 10:00 AM",
-      status: "completed",
-      address: {
-        nickname: "School",
-        address: "999 Education Rd"
-      },
-      job_subtype: "pickup",
-      progress: {
-        firstBarData: {
-          text: "Delivered",
-          status: "info",
-          value: 100
-        },
-        secondBarData: {
-          text: "Confirmed",
-          status: "success",
-          value: 100
-        }
-      }
-    },
-    {
-      id: "9",
-      number: "9",
-      timerange: "10:00 AM - 11:00 AM",
-      status: "scheduled",
-      address: {
-        nickname: "Restaurant",
-        address: "111 Food Court"
-      },
-      job_subtype: "delivery",
-      progress: {
-        firstBarData: {
-          text: "Preparing",
-          status: "info",
-          value: 100
-        },
-        secondBarData: {
-          text: "Quality Check",
-          status: "success",
-          value: 15
-        }
-      }
-    },
-    {
-      id: "10",
-      number: "10",
-      timerange: "11:00 AM - 12:00 PM",
-      status: "scheduled",
-      address: {
-        nickname: "Park",
-        address: "222 Green Ave"
-      },
-      job_subtype: "pickup",
-      progress: {
-        firstBarData: {
-          text: "Processing",
-          status: "info",
-          value: 80
-        },
-        secondBarData: {
-          text: "Review",
-          status: "success",
-          value: 0
-        }
-      }
-    },
-    {
-      id: "11",
-      number: "11",
-      timerange: "1:00 PM - 2:00 PM",
-      status: "scheduled",
-      address: {
-        nickname: "Beach",
-        address: "333 Shore Dr"
-      },
-      job_subtype: "delivery",
-      progress: {
-        firstBarData: {
-          text: "Planning",
-          status: "info",
-          value: 40
-        },
-        secondBarData: {
-          text: "Route Check",
-          status: "success",
-          value: 20
-        }
-      }
-    },
-    {
-      id: "12",
-      number: "12",
-      timerange: "2:00 PM - 3:00 PM",
-      status: "scheduled",
-      address: {
-        nickname: "Hotel",
-        address: "444 Stay Blvd"
-      },
-      job_subtype: "pickup",
-      progress: {
-        firstBarData: {
-          text: "Scheduled",
-          status: "info",
-          value: 0
-        },
-        secondBarData: {
-          text: "Awaiting",
-          status: "success",
-          value: 0
-        }
-      }
-    },
-    {
-      id: "13",
-      number: "13",
-      timerange: "3:00 PM - 4:00 PM",
-      status: "scheduled",
-      address: {
-        nickname: "Airport",
-        address: "666 Flight Way"
-      },
-      job_subtype: "delivery",
-      progress: {
-        firstBarData: {
-          text: "Pre-flight",
-          status: "info",
-          value: 60
-        },
-        secondBarData: {
-          text: "Security",
-          status: "success",
-          value: 30
-        }
-      }
-    },
-    {
-      id: "14",
-      number: "14",
-      timerange: "4:00 PM - 5:00 PM",
-      status: "cancelled",
-      address: {
-        nickname: "Stadium",
-        address: "777 Sports Complex"
-      },
-      job_subtype: "pickup",
-      progress: {
-        firstBarData: {
-          text: "Cancelled",
-          status: "info",
-          value: 0
-        },
-        secondBarData: {
-          text: "Refund",
-          status: "success",
-          value: 100
-        }
-      }
-    },
-    {
-      id: "15",
-      number: "15",
-      timerange: "9:00 AM - 10:00 AM",
-      status: "scheduled",
-      address: {
-        nickname: "Theater",
-        address: "888 Show Ave"
-      },
-      job_subtype: "delivery",
-      progress: {
-        firstBarData: {
-          text: "Setup",
-          status: "info",
-          value: 25
-        },
-        secondBarData: {
-          text: "Sound Check",
-          status: "success",
-          value: 0
-        }
-      }
-    },
-    {
-      id: "16",
-      number: "16",
-      timerange: "10:00 AM - 11:00 AM",
-      status: "scheduled",
-      address: {
-        nickname: "Museum",
-        address: "999 History Lane"
-      },
-      job_subtype: "pickup",
-      progress: {
-        firstBarData: {
-          text: "Exhibit Prep",
-          status: "info",
-          value: 70
-        },
-        secondBarData: {
-          text: "Documentation",
-          status: "success",
-          value: 45
-        }
-      }
-    },
-    {
-      id: "17",
-      number: "17",
-      timerange: "11:00 AM - 12:00 PM",
-      status: "scheduled",
-      address: {
-        nickname: "Zoo",
-        address: "123 Animal Park"
-      },
-      job_subtype: "delivery",
-      progress: {
-        firstBarData: {
-          text: "Animal Care",
-          status: "info",
-          value: 85
-        },
-        secondBarData: {
-          text: "Feeding",
-          status: "success",
-          value: 90
-        }
-      }
-    },
-    {
-      id: "18",
-      number: "18",
-      timerange: "1:00 PM - 2:00 PM",
-      status: "scheduled",
-      address: {
-        nickname: "Bank",
-        address: "456 Money St"
-      },
-      job_subtype: "pickup",
-      progress: {
-        firstBarData: {
-          text: "Transaction",
-          status: "info",
-          value: 50
-        },
-        secondBarData: {
-          text: "Verification",
-          status: "success",
-          value: 25
-        }
-      }
-    },
-    {
-      id: "19",
-      number: "19",
-      timerange: "2:00 PM - 3:00 PM",
-      status: "scheduled",
-      address: {
-        nickname: "Post Office",
-        address: "789 Mail Road"
-      },
-      job_subtype: "delivery",
-      progress: {
-        firstBarData: {
-          text: "Sorting",
-          status: "info",
-          value: 100
-        },
-        secondBarData: {
-          text: "Dispatch",
-          status: "success",
-          value: 75
-        }
-      }
-    },
-    {
-      id: "20",
-      number: "20",
-      timerange: "3:00 PM - 4:00 PM",
-      status: "scheduled",
-      address: {
-        nickname: "Church",
-        address: "321 Faith Street"
-      },
-      job_subtype: "pickup",
-      progress: {
-        firstBarData: {
-          text: "Service Prep",
-          status: "info",
-          value: 30
-        },
-        secondBarData: {
-          text: "Community",
-          status: "success",
-          value: 10
-        }
-      }
-    },
-    {
-      id: "21",
-      number: "21",
-      timerange: "4:00 PM - 5:00 PM",
-      status: "scheduled",
-      address: {
-        nickname: "Pharmacy",
-        address: "654 Health Ave"
-      },
-      job_subtype: "delivery",
-      progress: {
-        firstBarData: {
-          text: "Prescription",
-          status: "info",
-          value: 90
-        },
-        secondBarData: {
-          text: "Quality Check",
-          status: "success",
-          value: 60
-        }
-      }
-    }
-  ]
+  appointments: staticTableData
 };
 const tableControlsData = {
   primaryTableRowData: {