@gobolt/genesis 0.2.2 → 0.2.3

package/dist/components/Table/TableWithControls/useTableWithControls.d.ts

@@ -23,9 +23,6 @@ export declare const useTableWithControls: (tableConfig: UseTableConfig) => {
     rowSelection: {
         type: import('../Table').SelectionType;
         onChange: (selectedRowKeys: React.Key[], selectedRows: Record<string, any>[]) => void;
-        getCheckboxProps: (record: Record<string, any>) => {
-            disabled: boolean;
-            name: any;
-        };
+        getCheckboxProps: (record: any) => unknown;
     };
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),o=require("../../Badge/Badge.cjs"),a=e=>e&&e.replace(/([A-Z])/g," $1").replace(/^./,t=>t.toUpperCase()),c=[{key:"number",title:"Number",dataIndex:"number"},{key:"timeslot",title:"Timeslot",dataIndex:"timerange"},{key:"status",title:"Status",dataIndex:"status",render:e=>{const t={in_progress:"warning",scheduled:"generic",completed:"success"},r=e==="in_progress"?"in progress":e;return n.createElement(o,{label:a(r),state:t[e]})}},{key:"address",title:"Address",render:e=>{const{address:{nickname:t,address:r}}=e;return t?`${t} (${r})`:r}},{title:"Type",dataIndex:"job_subtype",render:e=>{const t={delivery:"info",pickup:"success"};return n.createElement(o,{label:a(e),state:t[e]})}}],s=c.map(e=>({...e}));s[1].sorter=!0;s[2].sorter=!0;s[4].sorter=!0;exports.mockColumns=c;exports.mockColumnsWithSort=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),o=require("../../Badge/Badge.cjs"),a=e=>e&&e.replace(/([A-Z])/g," $1").replace(/^./,t=>t.toUpperCase()),c=[{key:"number",title:"Id",dataIndex:"number"},{key:"timeslot",title:"Timeslot",dataIndex:"timerange"},{key:"status",title:"Status",dataIndex:"status",render:e=>{const t={in_progress:"warning",scheduled:"generic",completed:"success"},r=e==="in_progress"?"in progress":e;return n.createElement(o,{label:a(r),state:t[e]})}},{key:"address",title:"Address",render:e=>{const{address:{nickname:t,address:r}}=e;return t?`${t} (${r})`:r}},{title:"Type",dataIndex:"job_subtype",render:e=>{const t={delivery:"info",pickup:"success"};return n.createElement(o,{label:a(e),state:t[e]})}}],s=c.map(e=>({...e}));s[1].sorter=!0;s[2].sorter=!0;s[4].sorter=!0;exports.mockColumns=c;exports.mockColumnsWithSort=s;

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

@@ -1,9 +1,9 @@
 import a from "react";
 import n from "../../Badge/Badge.js";
-const o = (e) => e && e.replace(/([A-Z])/g, " $1").replace(/^./, (t) => t.toUpperCase()), c = [
+const o = (e) => e && e.replace(/([A-Z])/g, " $1").replace(/^./, (t) => t.toUpperCase()), d = [
   {
     key: "number",
-    title: "Number",
+    title: "Id",
     dataIndex: "number"
   },
   {
@@ -51,13 +51,13 @@ const o = (e) => e && e.replace(/([A-Z])/g, " $1").replace(/^./, (t) => t.toUppe
       });
     }
   }
-], s = c.map((e) => ({
+], s = d.map((e) => ({
   ...e
 }));
 s[1].sorter = !0;
 s[2].sorter = !0;
 s[4].sorter = !0;
 export {
-  c as mockColumns,
+  d as mockColumns,
   s as mockColumnsWithSort
 };

package/dist/components/Table/useTable.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),D=(a,e)=>{if(!e||Array.isArray(e)&&e.length===0)return[...a];if(Array.isArray(e))return[...a].sort((s,i)=>{for(const r of e){if(!r.field)continue;const n=r.field,o=s[n],u=i[n];if(o<u)return r.order==="ascend"?-1:1;if(o>u)return r.order==="ascend"?1:-1}return 0});if(e.field){const s=e.field;return[...a].sort((i,r)=>{const n=i[s],o=r[s];return e.order==="ascend"?n<o?-1:n>o?1:0:e.order==="descend"?n<o?1:n>o?-1:0:0})}return[...a]},w=a=>{const{columns:e,filters:s=null,fetchUrl:i="/table/data",fetchOptions:r={method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(s)},selectionType:n="checkbox",simulateDelay:o=0}=a,[u,b]=l.useState([]),[h,f]=l.useState({dataSource:[],columns:[],error:null}),[y,g]=l.useState([]);l.useEffect(()=>{(async()=>{try{const S=(await(await fetch(i,r)).json()).data||[];b(S),f({dataSource:S,columns:e,error:null})}catch(t){console.error("Error fetching table data:",t),f({dataSource:[],columns:e,error:t instanceof Error?t:new Error(String(t))})}})()},[r]),l.useCallback(c=>{setTimeout(()=>{const t=D(u,c);f(d=>({...d,dataSource:t}))},o)},[u]);const p=l.useCallback((c,t)=>{console.log("Row Selected:",c,t),g(t)},[]);return{...h,rowSelection:{type:n,onChange:p,getCheckboxProps:c=>({disabled:!1,name:c.id})},selectedRows:y}};exports.useTable=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),m=a=>({disabled:!1,name:a.id}),T=a=>{const[i,u]=t.useState(!0),{columns:s,filters:d=null,fetchUrl:S="/table/data",fetchOptions:n={method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(d)},selectionType:f="checkbox",simulateDelay:r=0,disableRowSelection:b=m}=a,[D,g]=t.useState([]),[h,c]=t.useState({dataSource:[],columns:[],error:null}),[y,p]=t.useState([]);t.useEffect(()=>{const o=async()=>{try{const l=(await(await fetch(S,n)).json()).data||[];g(l),c({dataSource:l,columns:s,error:null})}catch(e){console.error("Error fetching table data:",e),c({dataSource:[],columns:s,error:e instanceof Error?e:new Error(String(e))})}finally{u(!1)}};r>0?setTimeout(o,r):o()},[n]);const w=t.useCallback((o,e)=>{console.log("Row Selected:",o,e),p(e)},[]);return{...h,isLoading:i,rowSelection:{type:f,onChange:w,getCheckboxProps:b},selectedRows:y}};exports.useTable=T;

package/dist/components/Table/useTable.d.ts

@@ -7,15 +7,14 @@ export type UseTableConfig = {
     fetchOptions?: RequestInit;
     selectionType?: SelectionType;
     simulateDelay?: number;
+    disableRowSelection?: (record: any) => unknown;
 };
 export declare const useTable: <T extends Record<string, any>>(useTableConfig: any) => {
+    isLoading: boolean;
     rowSelection: {
         type: SelectionType;
         onChange: (selectedRowKeys: React.Key[], selectedRows: T[]) => void;
-        getCheckboxProps: (record: T) => {
-            disabled: boolean;
-            name: any;
-        };
+        getCheckboxProps: (record: any) => unknown;
     };
     selectedRows: T[];
     dataSource: T[];

package/dist/components/Table/useTable.js

@@ -1,93 +1,66 @@
-import { useState as f, useEffect as m, useCallback as S } from "react";
-const w = (a, e) => {
-  if (!e || Array.isArray(e) && e.length === 0)
-    return [...a];
-  if (Array.isArray(e))
-    return [...a].sort((c, i) => {
-      for (const r of e) {
-        if (!r.field) continue;
-        const n = r.field, o = c[n], l = i[n];
-        if (o < l) return r.order === "ascend" ? -1 : 1;
-        if (o > l) return r.order === "ascend" ? 1 : -1;
-      }
-      return 0;
-    });
-  if (e.field) {
-    const c = e.field;
-    return [...a].sort((i, r) => {
-      const n = i[c], o = r[c];
-      return e.order === "ascend" ? n < o ? -1 : n > o ? 1 : 0 : e.order === "descend" ? n < o ? 1 : n > o ? -1 : 0 : 0;
-    });
-  }
-  return [...a];
-}, C = (a) => {
-  const {
-    columns: e,
-    filters: c = null,
-    fetchUrl: i = "/table/data",
-    fetchOptions: r = {
+import { useState as o, useEffect as m, useCallback as D } from "react";
+const R = (a) => ({
+  disabled: !1,
+  // Add your disable logic here
+  name: a.id
+}), k = (a) => {
+  const [i, d] = o(!0), {
+    columns: n,
+    filters: u = null,
+    fetchUrl: f = "/table/data",
+    fetchOptions: s = {
       method: "POST",
       headers: {
         "Content-Type": "application/json"
       },
-      body: JSON.stringify(c)
+      body: JSON.stringify(u)
     },
-    selectionType: n = "checkbox",
-    simulateDelay: o = 0
-  } = a, [l, y] = f([]), [p, u] = f({
+    selectionType: S = "checkbox",
+    simulateDelay: r = 0,
+    disableRowSelection: h = R
+  } = a, [T, p] = o([]), [g, c] = o({
     dataSource: [],
     columns: [],
     error: null
-  }), [b, g] = f([]);
+  }), [w, b] = o([]);
   m(() => {
-    (async () => {
+    const t = async () => {
       try {
-        const h = (await (await fetch(i, r)).json()).data || [];
-        y(h), u({
-          dataSource: h,
-          columns: e,
+        const l = (await (await fetch(f, s)).json()).data || [];
+        p(l), c({
+          dataSource: l,
+          columns: n,
           error: null
         });
-      } catch (t) {
-        console.error("Error fetching table data:", t), u({
+      } catch (e) {
+        console.error("Error fetching table data:", e), c({
           dataSource: [],
-          columns: e,
-          error: t instanceof Error ? t : new Error(String(t))
+          columns: n,
+          error: e instanceof Error ? e : new Error(String(e))
         });
+      } finally {
+        d(!1);
       }
-    })();
-  }, [r]), S(
-    (s) => {
-      setTimeout(() => {
-        const t = w(l, s);
-        u((d) => ({
-          ...d,
-          dataSource: t
-        }));
-      }, o);
-    },
-    [l]
-  );
-  const D = S(
-    (s, t) => {
-      console.log("Row Selected:", s, t), g(t);
+    };
+    r > 0 ? setTimeout(t, r) : t();
+  }, [s]);
+  const y = D(
+    (t, e) => {
+      console.log("Row Selected:", t, e), b(e);
     },
     []
   );
   return {
-    ...p,
+    ...g,
+    isLoading: i,
     rowSelection: {
-      type: n,
-      onChange: D,
-      getCheckboxProps: (s) => ({
-        disabled: !1,
-        // Add your disable logic here
-        name: s.id
-      })
+      type: S,
+      onChange: y,
+      getCheckboxProps: h
     },
-    selectedRows: b
+    selectedRows: w
   };
 };
 export {
-  C as useTable
+  k as useTable
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gobolt/genesis",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "description": "genesis design system",
   "author": "gobolt",
   "license": "MIT",