@gobolt/genesis 0.2.2 → 0.2.4

package/dist/components/Avatar/Avatar.cjs

@@ -1 +1 @@
-"use strict";const t=require("react/jsx-runtime"),o=require("./styles.cjs"),n=require("../Typography/Typography.cjs"),u=({size:r=64,shape:a="circle",imageUrl:s,altText:e,children:i,backgroundColor:c="#00282B"})=>typeof i=="string"?t.jsx(o.Avatar,{"data-testid":"avatar",shape:a,size:r,src:s,alt:e,style:{backgroundColor:c},children:t.jsx(n,{variant:"body2",color:"white",style:{fontWeight:600},children:i})}):t.jsx(o.Avatar,{"data-testid":"avatar",shape:a,size:r,src:s,alt:e});module.exports=u;
+"use strict";const i=require("react/jsx-runtime"),n=require("./styles.cjs"),m=require("../../utils/user-util.cjs"),s=require("../Typography/Typography.cjs"),o=a=>a.includes("[")&&a.includes("]")?a.split("]")[1].trim():a,y=({size:a=48,shape:l="circle",children:c,backgroundColor:r="#00282B",user:t=null})=>{if(console.log("Avatar",t),!t)return i.jsx(n.Avatar,{"data-testid":"avatar",shape:l,size:a,alt:"Default Avatar",style:{backgroundColor:r}});const e=`${o(t.first_name)} ${t.last_name}`;if(t&&!(t!=null&&t.image_url)){const v={first_name:o(t.first_name),last_name:t.last_name},d=m.createInitials(v);return i.jsx(n.Avatar,{"data-testid":"avatar",shape:l,size:a,alt:e,style:{backgroundColor:r},children:i.jsx(s,{variant:"body2",color:"white",style:{fontWeight:600},children:d})})}return typeof c=="string"?i.jsx(n.Avatar,{"data-testid":"avatar",shape:l,size:a,src:t==null?void 0:t.image_url,alt:e,style:{backgroundColor:r},children:i.jsx(s,{variant:"body2",color:"white",style:{fontWeight:600},children:c})}):i.jsx(n.Avatar,{"data-testid":"avatar",shape:l,size:a,src:t==null?void 0:t.image_url,alt:e})};module.exports=y;

package/dist/components/Avatar/Avatar.d.ts

@@ -1,12 +1,16 @@
 import * as React from "react";
+export type GoBoltUser = {
+    first_name: string;
+    last_name: string;
+    image_url?: string;
+};
 export interface AvatarProps {
     size?: number;
     icon?: React.ReactNode;
     shape?: "circle" | "square";
-    imageUrl?: string;
-    altText?: string;
     children?: string;
     backgroundColor?: string;
+    user?: GoBoltUser;
 }
-declare const Avatar: ({ size, shape, imageUrl, altText, children, backgroundColor, }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
+declare const Avatar: ({ size, shape, children, backgroundColor, user, }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
 export default Avatar;

package/dist/components/Avatar/Avatar.js

@@ -1,34 +1,65 @@
-import { jsx as t } from "react/jsx-runtime";
-import { Avatar as e } from "./styles.js";
+import { jsx as i } from "react/jsx-runtime";
+import { Avatar as n } from "./styles.js";
+import { createInitials as v } from "../../utils/user-util.js";
 import c from "../Typography/Typography.js";
-const v = ({
-  size: r = 64,
-  shape: a = "circle",
-  imageUrl: o,
-  altText: i,
-  children: s,
-  backgroundColor: f = "#00282B"
-}) => typeof s == "string" ? /* @__PURE__ */ t(
-  e,
-  {
-    "data-testid": "avatar",
-    shape: a,
-    size: r,
-    src: o,
-    alt: i,
-    style: { backgroundColor: f },
-    children: /* @__PURE__ */ t(c, { variant: "body2", color: "white", style: { fontWeight: 600 }, children: s })
+const e = (a) => a.includes("[") && a.includes("]") ? a.split("]")[1].trim() : a, s = ({
+  size: a = 48,
+  shape: l = "circle",
+  children: m,
+  backgroundColor: r = "#00282B",
+  user: t = null
+}) => {
+  if (console.log("Avatar", t), !t)
+    return /* @__PURE__ */ i(
+      n,
+      {
+        "data-testid": "avatar",
+        shape: l,
+        size: a,
+        alt: "Default Avatar",
+        style: { backgroundColor: r }
+      }
+    );
+  const o = `${e(t.first_name)} ${t.last_name}`;
+  if (t && !(t != null && t.image_url)) {
+    const f = {
+      first_name: e(t.first_name),
+      last_name: t.last_name
+    }, d = v(f);
+    return /* @__PURE__ */ i(
+      n,
+      {
+        "data-testid": "avatar",
+        shape: l,
+        size: a,
+        alt: o,
+        style: { backgroundColor: r },
+        children: /* @__PURE__ */ i(c, { variant: "body2", color: "white", style: { fontWeight: 600 }, children: d })
+      }
+    );
   }
-) : /* @__PURE__ */ t(
-  e,
-  {
-    "data-testid": "avatar",
-    shape: a,
-    size: r,
-    src: o,
-    alt: i
-  }
-);
+  return typeof m == "string" ? /* @__PURE__ */ i(
+    n,
+    {
+      "data-testid": "avatar",
+      shape: l,
+      size: a,
+      src: t == null ? void 0 : t.image_url,
+      alt: o,
+      style: { backgroundColor: r },
+      children: /* @__PURE__ */ i(c, { variant: "body2", color: "white", style: { fontWeight: 600 }, children: m })
+    }
+  ) : /* @__PURE__ */ i(
+    n,
+    {
+      "data-testid": "avatar",
+      shape: l,
+      size: a,
+      src: t == null ? void 0 : t.image_url,
+      alt: o
+    }
+  );
+};
 export {
-  v as default
+  s as default
 };

package/dist/components/Avatar/__stories__/Avatar.stories.d.ts

@@ -3,5 +3,7 @@ import { default as Avatar } from '../Avatar';
 declare const meta: Meta<typeof Avatar>;
 export default meta;
 type Story = StoryObj<typeof Avatar>;
-export declare const ImageStory: Story;
-export declare const SmallerTextStory: Story;
+export declare const UserWithImage: Story;
+export declare const SimpleFirstNameUserNoImage: Story;
+export declare const UserWithComplexNameNoImage: Story;
+export declare const UndefinedUser: Story;

package/dist/components/Button/icon-button-styles.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../../utils/styled.cjs"),e=(o,d)=>o==="small"?`${d.Size1}px ${d.Size1}px`:`${d.Size2}px ${d.Size2}px`,b=({colors:o,sizing:d,borderRadius:n,components:t},r,a,l,i)=>`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../../utils/styled.cjs"),e=(o,d)=>o==="small"?`${d.Size1}px ${d.Size1}px`:`${d.Size2}px ${d.Size2}px`,b=({colors:o,sizing:d,borderRadius:n,components:t},r,a,i,l)=>`
       display: flex;
       align-items: center;
       justify-content: center;
@@ -9,12 +9,12 @@
       letter-spacing: 0;
       font-weight: 400;
       border-width: 1px;
-
+      cursor: pointer;
       width: auto; !important;
       height: auto; !important;
 
-      background-color:${i?o[r].hover.backgroundColor:o[r][a].backgroundColor};
-      padding: ${e(l,d)};
+      background-color:${l?o[r].hover.backgroundColor:o[r][a].backgroundColor};
+      padding: ${e(i,d)};
 
       box-shadow: ${r==="utility"?"0px 1px 2px 0px #00000026":"none"};
 

package/dist/components/Button/icon-button-styles.js

@@ -1,5 +1,5 @@
 import { styled as u } from "../../utils/styled.js";
-const b = (o, d) => o === "small" ? `${d.Size1}px ${d.Size1}px` : `${d.Size2}px ${d.Size2}px`, c = ({ colors: o, sizing: d, borderRadius: n, components: a }, r, i, l, t) => `
+const b = (o, d) => o === "small" ? `${d.Size1}px ${d.Size1}px` : `${d.Size2}px ${d.Size2}px`, c = ({ colors: o, sizing: d, borderRadius: n, components: a }, r, i, t, l) => `
       display: flex;
       align-items: center;
       justify-content: center;
@@ -10,12 +10,12 @@ const b = (o, d) => o === "small" ? `${d.Size1}px ${d.Size1}px` : `${d.Size2}px
       letter-spacing: 0;
       font-weight: 400;
       border-width: 1px;
-
+      cursor: pointer;
       width: auto; !important;
       height: auto; !important;
 
-      background-color:${t ? o[r].hover.backgroundColor : o[r][i].backgroundColor};
-      padding: ${b(l, d)};
+      background-color:${l ? o[r].hover.backgroundColor : o[r][i].backgroundColor};
+      padding: ${b(t, d)};
 
       box-shadow: ${r === "utility" ? "0px 1px 2px 0px #00000026" : "none"};
 

package/dist/components/Button/styles.cjs

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("../../utils/styled.cjs"),e=require("../../node_modules/antd/es/button/button.cjs"),i=(r,l,d,a)=>a&&(r==="normal"||r==="large")?`${d.Size2}px ${d.Size2}px`:a&&r==="small"?`${d.Size1}px ${d.Size1}px`:l==="utility"&&r==="small"?`${d.Size1_5}px ${d.Size2}px`:l==="utility"&&(r==="normal"||r==="large")?`${d.Size3}px ${d.Size2_5}px`:r==="small"?`${d.Size1_5}px ${d.Size4}px`:r==="normal"||r==="large"?`${d.Size2_5}px ${d.Size6}px`:`${d.Size2}px ${d.Size2}px`,c=({colors:r,sizing:l,borderRadius:d,components:a},o,n,t,u)=>(r[o][n].backgroundColor,`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("../../utils/styled.cjs"),e=require("../../node_modules/antd/es/button/button.cjs"),i=(r,l,d,n)=>n&&(r==="normal"||r==="large")?`${d.Size2}px ${d.Size2}px`:n&&r==="small"?`${d.Size1}px ${d.Size1}px`:l==="utility"&&r==="small"?`${d.Size1_5}px ${d.Size2}px`:l==="utility"&&(r==="normal"||r==="large")?`${d.Size2_5}px ${d.Size3}px`:r==="small"?`${d.Size1_5}px ${d.Size4}px`:r==="normal"||r==="large"?`${d.Size2_5}px ${d.Size6}px`:`${d.Size2}px ${d.Size2}px`,c=r=>r==="normal"||r==="large"?"40px":r==="small"?"32px":"40px",x=({colors:r,sizing:l,borderRadius:d,components:n},o,a,t,u)=>(r[o][a].backgroundColor,`
       &.ant-btn {
       
-        color: ${r[o][n].color};
+        color: ${r[o][a].color};
         font-size: ${l.Size4}px;
         line-height: ${l.Size6}px;
         letter-spacing: 0;
@@ -10,17 +10,17 @@
         line-height: 1 !important;
 
         width: auto; !important;
-        height: auto; !important;
+        height: ${c(t)}; !important;
 
-        background-color: ${r[o][n].backgroundColor};
+        background-color: ${r[o][a].backgroundColor};
         padding: ${i(t,o,l,u)};
 
         box-shadow: ${o==="utility"?"0px 1px 2px 0px #00000026":"none"};
 
         border-radius: ${d.BorderRadiusMd}px;
-        gap: ${a.button.gap}px;
+        gap: ${n.button.gap}px;
         border-style: solid;
-        border-color: ${r[o][n].borderColor};
+        border-color: ${r[o][a].borderColor};
         
         transition: all 0.2s ease-in-out;
 
@@ -55,12 +55,12 @@
     
       }
         
-      `),x=(r,l,d,a,o)=>`
+      `),f=(r,l,d,n,o)=>`
     &.ant-btn {
       font-family: 'Inter', sans-serif;
  
-      ${c(r,l,d,o,a)}
+      ${x(r,l,d,o,n)}
     } 
-`,f=b.styled(e)`
-  ${({theme:r,$themeType:l,$state:d,children:a,$isIconButton:o,size:n})=>x(r,l,d,o,n)}
-`;exports.Button=f;
+`,p=b.styled(e)`
+  ${({theme:r,$themeType:l,$state:d,children:n,$isIconButton:o,size:a})=>f(r,l,d,o,a)}
+`;exports.Button=p;

package/dist/components/Button/styles.js

@@ -1,26 +1,26 @@
 import { styled as b } from "../../utils/styled.js";
-import i from "../../node_modules/antd/es/button/button.js";
-const x = (r, a, d, l) => l && (r === "normal" || r === "large") ? `${d.Size2}px ${d.Size2}px` : l && r === "small" ? `${d.Size1}px ${d.Size1}px` : a === "utility" && r === "small" ? `${d.Size1_5}px ${d.Size2}px` : a === "utility" && (r === "normal" || r === "large") ? `${d.Size3}px ${d.Size2_5}px` : r === "small" ? `${d.Size1_5}px ${d.Size4}px` : r === "normal" || r === "large" ? `${d.Size2_5}px ${d.Size6}px` : `${d.Size2}px ${d.Size2}px`, c = ({ colors: r, sizing: a, borderRadius: d, components: l }, o, n, t, u) => (r[o][n].backgroundColor, `
+import x from "../../node_modules/antd/es/button/button.js";
+const i = (r, l, d, a) => a && (r === "normal" || r === "large") ? `${d.Size2}px ${d.Size2}px` : a && r === "small" ? `${d.Size1}px ${d.Size1}px` : l === "utility" && r === "small" ? `${d.Size1_5}px ${d.Size2}px` : l === "utility" && (r === "normal" || r === "large") ? `${d.Size2_5}px ${d.Size3}px` : r === "small" ? `${d.Size1_5}px ${d.Size4}px` : r === "normal" || r === "large" ? `${d.Size2_5}px ${d.Size6}px` : `${d.Size2}px ${d.Size2}px`, c = (r) => r === "normal" || r === "large" ? "40px" : r === "small" ? "32px" : "40px", e = ({ colors: r, sizing: l, borderRadius: d, components: a }, o, n, t, u) => (r[o][n].backgroundColor, `
       &.ant-btn {
       
         color: ${r[o][n].color};
-        font-size: ${a.Size4}px;
-        line-height: ${a.Size6}px;
+        font-size: ${l.Size4}px;
+        line-height: ${l.Size6}px;
         letter-spacing: 0;
         font-weight: 400;
         border-width: 1px;
         line-height: 1 !important;
 
         width: auto; !important;
-        height: auto; !important;
+        height: ${c(t)}; !important;
 
         background-color: ${r[o][n].backgroundColor};
-        padding: ${x(t, o, a, u)};
+        padding: ${i(t, o, l, u)};
 
         box-shadow: ${o === "utility" ? "0px 1px 2px 0px #00000026" : "none"};
 
         border-radius: ${d.BorderRadiusMd}px;
-        gap: ${l.button.gap}px;
+        gap: ${a.button.gap}px;
         border-style: solid;
         border-color: ${r[o][n].borderColor};
         
@@ -57,21 +57,21 @@ const x = (r, a, d, l) => l && (r === "normal" || r === "large") ? `${d.Size2}px
     
       }
         
-      `), e = (r, a, d, l, o) => `
+      `), f = (r, l, d, a, o) => `
     &.ant-btn {
       font-family: 'Inter', sans-serif;
  
-      ${c(r, a, d, o, l)}
+      ${e(r, l, d, o, a)}
     } 
-`, $ = b(i)`
-  ${({ theme: r, $themeType: a, $state: d, children: l, $isIconButton: o, size: n }) => e(
+`, S = b(x)`
+  ${({ theme: r, $themeType: l, $state: d, children: a, $isIconButton: o, size: n }) => f(
   r,
-  a,
+  l,
   d,
   o,
   n
 )}
 `;
 export {
-  $ as Button
+  S as Button
 };

package/dist/components/Row/RowActions/RowActions.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),o=require("../../../constants/index.cjs"),n=require("./styles.cjs"),s=require("../../Typography/Typography.cjs"),c=({action:{onClick:e,label:t}})=>r.jsx(n.RowActionButton,{onClick:e,style:{cursor:"pointer",display:"100%",alignItems:"center",background:"#fff",borderRadius:4,padding:8,boxShadow:"0px 1px 2px 0px #00000026",width:"100%",border:"1px solid #cbcbcb"},children:r.jsx(s,{variant:o.TYPOGRAPHY_VARIANT.label1,isFullWidth:!0,children:t})}),u=({actions:e})=>e?r.jsx(n.ActionsContainer,{children:e.map((t,i)=>r.jsx(c,{action:t},i))}):null;exports.RowActions=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),r=require("./styles.cjs"),i=require("../../Button/UtilityButton.cjs"),s=({action:{onClick:t,label:e}})=>n.jsx(i,{onClick:t,style:{boxShadow:"0px 1px 2px 0px #00000026",width:"100%"},children:e}),c=({actions:t})=>t?n.jsx(r.ActionsContainer,{children:t.map((e,o)=>n.jsx(s,{action:e},o))}):null;exports.RowActions=c;

package/dist/components/Row/RowActions/RowActions.js

@@ -1,32 +1,17 @@
-import { jsx as o } from "react/jsx-runtime";
-import { TYPOGRAPHY_VARIANT as n } from "../../../constants/index.js";
-import { ActionsContainer as e, RowActionButton as p } from "./styles.js";
-import c from "../../Typography/Typography.js";
-const d = ({ action: { onClick: r, label: t } }) => /* @__PURE__ */ o(
+import { jsx as r } from "react/jsx-runtime";
+import { ActionsContainer as i } from "./styles.js";
+import p from "../../Button/UtilityButton.js";
+const e = ({ action: { onClick: t, label: o } }) => /* @__PURE__ */ r(
   p,
   {
-    onClick: r,
+    onClick: t,
     style: {
-      cursor: "pointer",
-      display: "100%",
-      alignItems: "center",
-      background: "#fff",
-      borderRadius: 4,
-      padding: 8,
       boxShadow: "0px 1px 2px 0px #00000026",
-      width: "100%",
-      border: "1px solid #cbcbcb"
+      width: "100%"
     },
-    children: /* @__PURE__ */ o(
-      c,
-      {
-        variant: n.label1,
-        isFullWidth: !0,
-        children: t
-      }
-    )
+    children: o
   }
-), u = ({ actions: r }) => r ? /* @__PURE__ */ o(e, { children: r.map((t, i) => /* @__PURE__ */ o(d, { action: t }, i)) }) : null;
+), l = ({ actions: t }) => t ? /* @__PURE__ */ r(i, { children: t.map((o, n) => /* @__PURE__ */ r(e, { action: o }, n)) }) : null;
 export {
-  u as RowActions
+  l as RowActions
 };

package/dist/components/Row/RowActions/styles.cjs

@@ -1,27 +1,7 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../utils/styled.cjs"),e=t.styled.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../utils/styled.cjs"),t=e.styled.div`
   display: flex;
   flex-direction: column;
   gap: 16px;
   width: 100%;
   padding: 0px 26px;
-`,n=t.styled.button`
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  text-align: center;
-  background: #fff;
-  border: 1px solid #cbcbcb !important;
-  border-radius: 4px;
-  padding: 8px;
-  box-shadow: ${({theme:o})=>o.shadows.general[1]};
-  width: 100%;
-  border: none;
-
-  &:hover {
-    background: #fafafa;
-  }
-
-  &:active {
-    background: #f0f0f0;
-  }
-`;exports.ActionsContainer=e;exports.RowActionButton=n;
+`;exports.ActionsContainer=t;

package/dist/components/Row/RowActions/styles.d.ts

@@ -1,2 +1 @@
 export declare const ActionsContainer: any;
-export declare const RowActionButton: any;

package/dist/components/Row/RowActions/styles.js

@@ -1,32 +1,11 @@
-import { styled as o } from "../../../utils/styled.js";
-const r = o.div`
+import { styled as i } from "../../../utils/styled.js";
+const p = i.div`
   display: flex;
   flex-direction: column;
   gap: 16px;
   width: 100%;
   padding: 0px 26px;
-`, e = o.button`
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  text-align: center;
-  background: #fff;
-  border: 1px solid #cbcbcb !important;
-  border-radius: 4px;
-  padding: 8px;
-  box-shadow: ${({ theme: n }) => n.shadows.general[1]};
-  width: 100%;
-  border: none;
-
-  &:hover {
-    background: #fafafa;
-  }
-
-  &:active {
-    background: #f0f0f0;
-  }
 `;
 export {
-  r as ActionsContainer,
-  e as RowActionButton
+  p as ActionsContainer
 };

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/dist/utils/user-util.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=t=>{var n,c;if(!(t!=null&&t.first_name)||!(t!=null&&t.last_name))return"";const a=(n=t==null?void 0:t.first_name)==null?void 0:n.trim(),i=(c=t==null?void 0:t.last_name)==null?void 0:c.trim(),e=a.replace(/[^a-zA-Z]/g,""),l=i.replace(/[^a-zA-Z]/g,"");return a&&i?`${e.charAt(0).toUpperCase()}${l.charAt(0).toUpperCase()}`:""};exports.createInitials=o;

package/dist/utils/user-util.d.ts

@@ -0,0 +1,2 @@
+import { GoBoltUser } from '../components/Avatar/Avatar';
+export declare const createInitials: (user: GoBoltUser) => string;

package/dist/utils/user-util.js

@@ -0,0 +1,10 @@
+const p = (t) => {
+  var n, c;
+  if (!(t != null && t.first_name) || !(t != null && t.last_name))
+    return "";
+  const a = (n = t == null ? void 0 : t.first_name) == null ? void 0 : n.trim(), i = (c = t == null ? void 0 : t.last_name) == null ? void 0 : c.trim(), m = a.replace(/[^a-zA-Z]/g, ""), o = i.replace(/[^a-zA-Z]/g, "");
+  return a && i ? `${m.charAt(0).toUpperCase()}${o.charAt(0).toUpperCase()}` : "";
+};
+export {
+  p as createInitials
+};

package/package.json

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