@gobolt/genesis 0.2.21 → 0.3.0

package/dist/components/Table/TableWithControls/TableWithControls.cjs

@@ -1,7 +1,7 @@
 "use strict";
 var jsxRuntime = require("react/jsx-runtime");
 var TableControls = require("../TableControls/TableControls.cjs");
-var Table = require("../Table.cjs");
+var TablePagination = require("../TablePagination.cjs");
 const TableWithControls = ({
   tableData,
   tableControlsData,
@@ -28,7 +28,7 @@ const TableWithControls = ({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      Table,
+      TablePagination,
       {
         dataSource,
         columns,

package/dist/components/Table/TableWithControls/TableWithControls.js

@@ -1,6 +1,6 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import TableControls from "../TableControls/TableControls.js";
-import Table from "../Table.js";
+import TablePagination from "../TablePagination.js";
 const TableWithControls = ({
   tableData,
   tableControlsData,
@@ -27,7 +27,7 @@ const TableWithControls = ({
       }
     ),
     /* @__PURE__ */ jsx(
-      Table,
+      TablePagination,
       {
         dataSource,
         columns,

package/dist/components/Table/TableWithControls/useTableWithControls.cjs

@@ -19,7 +19,7 @@ const tableControlsData = {
       warehouse: ["D2C"],
       availability: ["Out of Stock"]
     },
-    totalRecords: 0
+    totalRecords: tableMocks.mockDataSource.appointments.length
   }
 };
 const startingUseTableConfig = {
@@ -68,17 +68,17 @@ const useTableWithControls = (tableConfig) => {
   };
   const onChange = (actionEvent) => {
     if (actionEvent.event === "inputChange") {
-      setUseTableConfig((prev) => ({
-        ...prev,
+      setUseTableConfig((previous) => ({
+        ...previous,
         filters: {
-          ...prev.filters,
+          ...previous.filters,
           search: actionEvent.payload
         },
         fetchOptions: {
-          ...prev.fetchOptions,
+          ...previous.fetchOptions,
           body: JSON.stringify({
             filters: {
-              ...prev.filters,
+              ...previous.filters,
               search: actionEvent.payload
             }
           })
@@ -87,17 +87,17 @@ const useTableWithControls = (tableConfig) => {
     }
     if (actionEvent.event === "primaryChange") {
       const { value } = actionEvent.payload;
-      setUseTableConfig((prev) => ({
-        ...prev,
+      setUseTableConfig((previous) => ({
+        ...previous,
         filters: {
-          ...prev.filters,
+          ...previous.filters,
           sort: value
         },
         fetchOptions: {
-          ...prev.fetchOptions,
+          ...previous.fetchOptions,
           body: JSON.stringify({
             filters: {
-              ...prev.filters,
+              ...previous.filters,
               sort: value
             }
           })
@@ -109,22 +109,22 @@ const useTableWithControls = (tableConfig) => {
       onGroupItemClick(title, item);
     }
     if (actionEvent.event === "orderClick") {
-      setPrimaryTableRowData((prev) => ({
-        ...prev,
-        isSortedAscending: !prev.isSortedAscending
+      setPrimaryTableRowData((previous) => ({
+        ...previous,
+        isSortedAscending: !previous.isSortedAscending
       }));
       const newSortOrder = actionEvent.payload.value;
-      setUseTableConfig((prev) => ({
-        ...prev,
+      setUseTableConfig((previous) => ({
+        ...previous,
         filters: {
-          ...prev.filters,
+          ...previous.filters,
           order: newSortOrder
         },
         fetchOptions: {
-          ...prev.fetchOptions,
+          ...previous.fetchOptions,
           body: JSON.stringify({
             filters: {
-              ...prev.filters,
+              ...previous.filters,
               order: newSortOrder
             }
           })

package/dist/components/Table/TableWithControls/useTableWithControls.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useState } from "react";
 import { useTable } from "../useTable.js";
-import { mockColumns } from "../__mocks__/table-mocks.js";
+import { mockColumns, mockDataSource } from "../__mocks__/table-mocks.js";
 const tableControlsData = {
   primaryTableRowData: {
     sortOptions: [
@@ -18,7 +18,7 @@ const tableControlsData = {
       warehouse: ["D2C"],
       availability: ["Out of Stock"]
     },
-    totalRecords: 0
+    totalRecords: mockDataSource.appointments.length
   }
 };
 const startingUseTableConfig = {
@@ -67,17 +67,17 @@ const useTableWithControls = (tableConfig) => {
   };
   const onChange = (actionEvent) => {
     if (actionEvent.event === "inputChange") {
-      setUseTableConfig((prev) => ({
-        ...prev,
+      setUseTableConfig((previous) => ({
+        ...previous,
         filters: {
-          ...prev.filters,
+          ...previous.filters,
           search: actionEvent.payload
         },
         fetchOptions: {
-          ...prev.fetchOptions,
+          ...previous.fetchOptions,
           body: JSON.stringify({
             filters: {
-              ...prev.filters,
+              ...previous.filters,
               search: actionEvent.payload
             }
           })
@@ -86,17 +86,17 @@ const useTableWithControls = (tableConfig) => {
     }
     if (actionEvent.event === "primaryChange") {
       const { value } = actionEvent.payload;
-      setUseTableConfig((prev) => ({
-        ...prev,
+      setUseTableConfig((previous) => ({
+        ...previous,
         filters: {
-          ...prev.filters,
+          ...previous.filters,
           sort: value
         },
         fetchOptions: {
-          ...prev.fetchOptions,
+          ...previous.fetchOptions,
           body: JSON.stringify({
             filters: {
-              ...prev.filters,
+              ...previous.filters,
               sort: value
             }
           })
@@ -108,22 +108,22 @@ const useTableWithControls = (tableConfig) => {
       onGroupItemClick(title, item);
     }
     if (actionEvent.event === "orderClick") {
-      setPrimaryTableRowData((prev) => ({
-        ...prev,
-        isSortedAscending: !prev.isSortedAscending
+      setPrimaryTableRowData((previous) => ({
+        ...previous,
+        isSortedAscending: !previous.isSortedAscending
       }));
       const newSortOrder = actionEvent.payload.value;
-      setUseTableConfig((prev) => ({
-        ...prev,
+      setUseTableConfig((previous) => ({
+        ...previous,
         filters: {
-          ...prev.filters,
+          ...previous.filters,
           order: newSortOrder
         },
         fetchOptions: {
-          ...prev.fetchOptions,
+          ...previous.fetchOptions,
           body: JSON.stringify({
             filters: {
-              ...prev.filters,
+              ...previous.filters,
               order: newSortOrder
             }
           })

package/dist/components/Table/__mocks__/table-mocks.cjs

@@ -1,11 +1,11 @@
 "use strict";
 var React = require("react");
 var Badge = require("../../Badge/Badge.cjs");
-const startCase = (str) => {
-  if (str) {
-    return str.replace(/([A-Z])/g, " $1").replace(/^./, (s) => s.toUpperCase());
+const startCase = (string_) => {
+  if (string_) {
+    return string_.replaceAll(/([A-Z])/g, " $1").replace(/^./, (s) => s.toUpperCase());
   }
-  return str;
+  return string_;
 };
 const mockColumns = [
   {
@@ -60,11 +60,243 @@ const mockColumns = [
     }
   }
 ];
-const mockColumnsWithSort = mockColumns.map((column) => ({
+mockColumns.map((column) => ({
   ...column
 }));
-mockColumnsWithSort[1].sorter = true;
-mockColumnsWithSort[2].sorter = true;
-mockColumnsWithSort[4].sorter = true;
+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"
+    },
+    {
+      id: "2",
+      number: "2",
+      timerange: "10:00 AM - 11:00 AM",
+      status: "scheduled",
+      address: {
+        nickname: "Work",
+        address: "456 Elm St"
+      },
+      job_subtype: "pickup"
+    },
+    {
+      id: "3",
+      number: "3",
+      timerange: "11:00 AM - 12:00 PM",
+      status: "scheduled",
+      address: {
+        nickname: "Store",
+        address: "789 Oak St"
+      },
+      job_subtype: "delivery"
+    },
+    {
+      id: "4",
+      number: "4",
+      timerange: "1:00 PM - 2:00 PM",
+      status: "scheduled",
+      address: {
+        nickname: "Office",
+        address: "321 Pine St"
+      },
+      job_subtype: "pickup"
+    },
+    {
+      id: "5",
+      number: "5",
+      timerange: "2:00 PM - 3:00 PM",
+      status: "scheduled",
+      address: {
+        nickname: "Library",
+        address: "555 Book Lane"
+      },
+      job_subtype: "delivery"
+    },
+    {
+      id: "6",
+      number: "6",
+      timerange: "3:00 PM - 4:00 PM",
+      status: "scheduled",
+      address: {
+        nickname: "Gym",
+        address: "777 Fitness Ave"
+      },
+      job_subtype: "pickup"
+    },
+    {
+      id: "7",
+      number: "7",
+      timerange: "4:00 PM - 5:00 PM",
+      status: "scheduled",
+      address: {
+        nickname: "Mall",
+        address: "888 Shopping Center"
+      },
+      job_subtype: "delivery"
+    },
+    {
+      id: "8",
+      number: "8",
+      timerange: "9:00 AM - 10:00 AM",
+      status: "completed",
+      address: {
+        nickname: "School",
+        address: "999 Education Rd"
+      },
+      job_subtype: "pickup"
+    },
+    {
+      id: "9",
+      number: "9",
+      timerange: "10:00 AM - 11:00 AM",
+      status: "scheduled",
+      address: {
+        nickname: "Restaurant",
+        address: "111 Food Court"
+      },
+      job_subtype: "delivery"
+    },
+    {
+      id: "10",
+      number: "10",
+      timerange: "11:00 AM - 12:00 PM",
+      status: "scheduled",
+      address: {
+        nickname: "Park",
+        address: "222 Green Ave"
+      },
+      job_subtype: "pickup"
+    },
+    {
+      id: "11",
+      number: "11",
+      timerange: "1:00 PM - 2:00 PM",
+      status: "scheduled",
+      address: {
+        nickname: "Beach",
+        address: "333 Shore Dr"
+      },
+      job_subtype: "delivery"
+    },
+    {
+      id: "12",
+      number: "12",
+      timerange: "2:00 PM - 3:00 PM",
+      status: "scheduled",
+      address: {
+        nickname: "Hotel",
+        address: "444 Stay Blvd"
+      },
+      job_subtype: "pickup"
+    },
+    {
+      id: "13",
+      number: "13",
+      timerange: "3:00 PM - 4:00 PM",
+      status: "scheduled",
+      address: {
+        nickname: "Airport",
+        address: "666 Flight Way"
+      },
+      job_subtype: "delivery"
+    },
+    {
+      id: "14",
+      number: "14",
+      timerange: "4:00 PM - 5:00 PM",
+      status: "cancelled",
+      address: {
+        nickname: "Stadium",
+        address: "777 Sports Complex"
+      },
+      job_subtype: "pickup"
+    },
+    {
+      id: "15",
+      number: "15",
+      timerange: "9:00 AM - 10:00 AM",
+      status: "scheduled",
+      address: {
+        nickname: "Theater",
+        address: "888 Show Ave"
+      },
+      job_subtype: "delivery"
+    },
+    {
+      id: "16",
+      number: "16",
+      timerange: "10:00 AM - 11:00 AM",
+      status: "scheduled",
+      address: {
+        nickname: "Museum",
+        address: "999 History Lane"
+      },
+      job_subtype: "pickup"
+    },
+    {
+      id: "17",
+      number: "17",
+      timerange: "11:00 AM - 12:00 PM",
+      status: "scheduled",
+      address: {
+        nickname: "Zoo",
+        address: "123 Animal Park"
+      },
+      job_subtype: "delivery"
+    },
+    {
+      id: "18",
+      number: "18",
+      timerange: "1:00 PM - 2:00 PM",
+      status: "scheduled",
+      address: {
+        nickname: "Bank",
+        address: "456 Money St"
+      },
+      job_subtype: "pickup"
+    },
+    {
+      id: "19",
+      number: "19",
+      timerange: "2:00 PM - 3:00 PM",
+      status: "scheduled",
+      address: {
+        nickname: "Post Office",
+        address: "789 Mail Road"
+      },
+      job_subtype: "delivery"
+    },
+    {
+      id: "20",
+      number: "20",
+      timerange: "3:00 PM - 4:00 PM",
+      status: "scheduled",
+      address: {
+        nickname: "Church",
+        address: "321 Faith Street"
+      },
+      job_subtype: "pickup"
+    },
+    {
+      id: "21",
+      number: "21",
+      timerange: "4:00 PM - 5:00 PM",
+      status: "scheduled",
+      address: {
+        nickname: "Pharmacy",
+        address: "654 Health Ave"
+      },
+      job_subtype: "delivery"
+    }
+  ]
+};
 exports.mockColumns = mockColumns;
-exports.mockColumnsWithSort = mockColumnsWithSort;
+exports.mockDataSource = mockDataSource;

package/dist/components/Table/__mocks__/table-mocks.d.ts

@@ -15,6 +15,6 @@ export interface MockDataSource {
 }
 type AppointmentStatus = "scheduled" | "completed" | "cancelled" | "in_progress";
 export declare const mockColumns: ColumnsType<AppointmentWithSimpleAddress>;
-export declare const mockColumnsWithSort: ColumnsType<AppointmentWithSimpleAddress>;
+export declare const mockColumnsWithSortDisabled: ColumnsType<AppointmentWithSimpleAddress>;
 export declare const mockDataSource: MockDataSource;
 export {};