@spectric/ui 0.0.25 → 0.0.27

package/src/stories/fixtures/data.ts

@@ -136,6 +136,7 @@ export type TestData = {
     state: string;
   };
   years: number;
+  start: string;
 };
 export const tabledata: TestData[] = [
   {
@@ -144,6 +145,7 @@ export const tabledata: TestData[] = [
     contact: "123-4567",
     location: { country: "US", state: "VA" },
     years: 11,
+    start: "2025-12-19T20:22:42.008Z",
   },
   {
     name: "Kipp",
@@ -151,6 +153,7 @@ export const tabledata: TestData[] = [
     contact: "123-4567",
     location: { country: "UK", state: "N/A" },
     years: 5,
+    start: "2024-12-19T20:22:42.008Z",
   },
   {
     name: "Adam",
@@ -158,6 +161,7 @@ export const tabledata: TestData[] = [
     contact: "123-4567",
     location: { country: "US", state: "VA" },
     years: 19,
+    start: "2023-12-19T20:22:42.008Z",
   },
   {
     name: "Chris",
@@ -165,6 +169,7 @@ export const tabledata: TestData[] = [
     contact: "123-4567",
     location: { country: "US", state: "VA" },
     years: 27,
+    start: "2022-12-19T20:22:42.008Z",
   },
   {
     name: "Michael",
@@ -172,6 +177,7 @@ export const tabledata: TestData[] = [
     contact: "123-4567",
     location: { country: "US", state: "VA" },
     years: 3,
+    start: "2021-12-19T20:22:42.008Z",
   },
   {
     name: "Matt",
@@ -179,6 +185,7 @@ export const tabledata: TestData[] = [
     contact: "123-4567",
     location: { country: "US", state: "VA" },
     years: 9,
+    start: "2021-12-19T20:22:42.008Z",
   },
   {
     name: "Matt",
@@ -186,6 +193,7 @@ export const tabledata: TestData[] = [
     contact: "865-6343",
     location: { country: "UK", state: "VA" },
     years: 5,
+    start: "2025-11-19T20:22:42.008Z",
   },
   {
     name: "Matt",
@@ -193,6 +201,7 @@ export const tabledata: TestData[] = [
     contact: "253-6795",
     location: { country: "UK", state: "VA" },
     years: 15,
+    start: "2025-10-19T20:22:42.008Z",
   },
   {
     name: "Matt",
@@ -200,6 +209,7 @@ export const tabledata: TestData[] = [
     contact: "253-6795",
     location: { country: "US", state: "CO" },
     years: 1,
+    start: "2025-08-19T20:22:42.008Z",
   },
   {
     name: "Matt",
@@ -207,6 +217,7 @@ export const tabledata: TestData[] = [
     contact: "912-1230",
     location: { country: "UK", state: "VA" },
     years: 24,
+    start: "2025-07-19T20:22:42.008Z",
   },
   {
     name: "Grant",
@@ -214,6 +225,7 @@ export const tabledata: TestData[] = [
     contact: "123-4567",
     location: { country: "US", state: "VA" },
     years: 100,
+    start: "2022-01-19T20:22:42.008Z",
   },
 ];
 export const getTableColumns = () => {
@@ -229,28 +241,13 @@ export const getTableColumns = () => {
           onClick: (row, _column) => {
             alert(`Calling ${row.name} at ${row.contact}`);
           },
-          icon: html`<svg
-            width="16px"
-            height="16px"
-            viewBox="0 0 24 24"
-            fill="none"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <g>
-              <path
-                d="M14.05 6C15.0268 6.19057 15.9244 6.66826 16.6281 7.37194C17.3318 8.07561 17.8095 8.97326 18 9.95M14.05 2C16.0793 2.22544 17.9716 3.13417 19.4163 4.57701C20.8609 6.01984 21.7721 7.91101 22 9.94M18.5 21C9.93959 21 3 14.0604 3 5.5C3 5.11378 3.01413 4.73086 3.04189 4.35173C3.07375 3.91662 3.08968 3.69907 3.2037 3.50103C3.29814 3.33701 3.4655 3.18146 3.63598 3.09925C3.84181 3 4.08188 3 4.56201 3H7.37932C7.78308 3 7.98496 3 8.15802 3.06645C8.31089 3.12515 8.44701 3.22049 8.55442 3.3441C8.67601 3.48403 8.745 3.67376 8.88299 4.05321L10.0491 7.26005C10.2096 7.70153 10.2899 7.92227 10.2763 8.1317C10.2643 8.31637 10.2012 8.49408 10.0942 8.64506C9.97286 8.81628 9.77145 8.93713 9.36863 9.17882L8 10C9.2019 12.6489 11.3501 14.7999 14 16L14.8212 14.6314C15.0629 14.2285 15.1837 14.0271 15.3549 13.9058C15.5059 13.7988 15.6836 13.7357 15.8683 13.7237C16.0777 13.7101 16.2985 13.7904 16.74 13.9509L19.9468 15.117C20.3262 15.255 20.516 15.324 20.6559 15.4456C20.7795 15.553 20.8749 15.6891 20.9335 15.842C21 16.015 21 16.2169 21 16.6207V19.438C21 19.9181 21 20.1582 20.9007 20.364C20.8185 20.5345 20.663 20.7019 20.499 20.7963C20.3009 20.9103 20.0834 20.9262 19.6483 20.9581C19.2691 20.9859 18.8862 21 18.5 21Z"
-                stroke="#000000"
-                stroke-width="2"
-                stroke-linecap="round"
-                stroke-linejoin="round"
-              ></path>
-            </g>
-          </svg>`,
+          icon: "☎",
         },
       ],
     },
     { title: "Country", key: "location.country", filterable: true },
     { title: "Years Employed", key: "years", sortable: true },
+    { title: "Start Date", key: "start", sortable: true },
   ];
   return tablecolumns;
 };