@gobolt/genesis 0.2.1 → 0.2.3

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

@@ -0,0 +1,39 @@
+import { jsxs as h, Fragment as m, jsx as l } from "react/jsx-runtime";
+import g from "../TableControls/TableControls.js";
+import d from "../Table.js";
+const x = ({
+  tableData: t,
+  tableControlsData: r,
+  onChange: a
+}) => {
+  const { primaryTableRowData: s, secondaryTableRowData: c } = r, { dataSource: b, columns: C, rowSelection: T } = t;
+  return /* @__PURE__ */ h(m, { children: [
+    /* @__PURE__ */ l(
+      g,
+      {
+        primaryTableRowData: s,
+        secondaryTableRowData: c,
+        onChange: (o) => {
+          a(o);
+        }
+      }
+    ),
+    /* @__PURE__ */ l(
+      d,
+      {
+        dataSource: b,
+        columns: C,
+        rowSelection: T,
+        onChange: (o, e, n) => {
+          console.log("Table changed:", o, e, n), a({
+            event: "tableChange",
+            payload: { pagination: o, filters: e, sorter: n }
+          });
+        }
+      }
+    )
+  ] });
+};
+export {
+  x as default
+};

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

@@ -1,2 +1,3 @@
 export { default } from './TableWithControls';
 export type { TableWithControlsProps } from './TableWithControls';
+export { useTableWithControls } from './useTableWithControls';

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),r=require("react"),T=require("../useTable.cjs"),C=require("../__mocks__/table-mocks.cjs"),l={primaryTableRowData:{sortOptions:[{value:"status",label:o.jsx("span",{children:"Status"})},{value:"address",label:o.jsx("span",{children:"Address"})},{value:"job_subtype",label:o.jsx("span",{children:"Type"})}],searchByPlaceholder:"Search by Address",isSortedAscending:!0},secondaryTableRowData:{groups:{orders:["Cancelled","Paused"],warehouse:["D2C"],availability:["Out of Stock"]},totalRecords:0}},O={columns:C.mockColumns,filters:{order:"asc"},fetchUrl:"/table/data",fetchOptions:{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({filters:{order:"asc",search:"",page:1,per_page:10,sort:null}})}},m=w=>{const[c,a]=r.useState(O),[n,d]=r.useState(l.secondaryTableRowData.groups),[u,f]=r.useState(l.primaryTableRowData),{secondaryTableRowData:b}=l,y={...b,groups:n},{dataSource:i,columns:p,rowSelection:h}=T.useTable(c);if(!i)return null;const g=(t,s)=>{const e={...n};e[t]=e[t].filter(S=>S!==s),d(e)};return{onChange:t=>{if(t.event==="inputChange"&&a(s=>({...s,filters:{...s.filters,search:t.payload},fetchOptions:{...s.fetchOptions,body:JSON.stringify({filters:{...s.filters,search:t.payload}})}})),t.event==="primaryChange"){const{value:s}=t.payload;a(e=>({...e,filters:{...e.filters,sort:s},fetchOptions:{...e.fetchOptions,body:JSON.stringify({filters:{...e.filters,sort:s}})}}))}if(t.event==="groupItemClick"){const{title:s,item:e}=t.payload;g(s,e)}if(t.event==="orderClick"){f(e=>({...e,isSortedAscending:!e.isSortedAscending}));const s=t.payload.value;a(e=>({...e,filters:{...e.filters,order:s},fetchOptions:{...e.fetchOptions,body:JSON.stringify({filters:{...e.filters,order:s}})}}))}},primaryTableRowData:u,secondaryTableRowData:y,dataSource:i,columns:p,rowSelection:h}};exports.useTableWithControls=m;

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

@@ -0,0 +1,28 @@
+import { UseTableConfig } from '../useTable';
+import { ActionEvent } from '../Table';
+export declare const useTableWithControls: (tableConfig: UseTableConfig) => {
+    onChange: (actionEvent: ActionEvent) => void;
+    primaryTableRowData: {
+        sortOptions: {
+            value: string;
+            label: import("react/jsx-runtime").JSX.Element;
+        }[];
+        searchByPlaceholder: string;
+        isSortedAscending: boolean;
+    };
+    secondaryTableRowData: {
+        groups: {
+            orders: string[];
+            warehouse: string[];
+            availability: string[];
+        };
+        totalRecords: number;
+    };
+    dataSource: Record<string, any>[];
+    columns: import('antd').TableColumnsType<Record<string, any>>;
+    rowSelection: {
+        type: import('../Table').SelectionType;
+        onChange: (selectedRowKeys: React.Key[], selectedRows: Record<string, any>[]) => void;
+        getCheckboxProps: (record: any) => unknown;
+    };
+};

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

@@ -0,0 +1,133 @@
+import { jsx as a } from "react/jsx-runtime";
+import { useState as r } from "react";
+import { useTable as C } from "../useTable.js";
+import { mockColumns as T } from "../__mocks__/table-mocks.js";
+const l = {
+  primaryTableRowData: {
+    sortOptions: [
+      { value: "status", label: /* @__PURE__ */ a("span", { children: "Status" }) },
+      { value: "address", label: /* @__PURE__ */ a("span", { children: "Address" }) },
+      { value: "job_subtype", label: /* @__PURE__ */ a("span", { children: "Type" }) }
+    ],
+    searchByPlaceholder: "Search by Address",
+    isSortedAscending: !0
+  },
+  secondaryTableRowData: {
+    groups: {
+      orders: ["Cancelled", "Paused"],
+      warehouse: ["D2C"],
+      availability: ["Out of Stock"]
+    },
+    totalRecords: 0
+  }
+}, S = {
+  columns: T,
+  filters: {
+    order: "asc"
+  },
+  fetchUrl: "/table/data",
+  fetchOptions: {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json"
+    },
+    body: JSON.stringify({
+      filters: {
+        order: "asc",
+        search: "",
+        page: 1,
+        per_page: 10,
+        sort: null
+      }
+    })
+  }
+}, J = (O) => {
+  const [c, o] = r(
+    S
+  ), [i, d] = r(
+    l.secondaryTableRowData.groups
+  ), [f, u] = r(
+    l.primaryTableRowData
+  ), { secondaryTableRowData: p } = l, y = {
+    ...p,
+    groups: i
+  }, { dataSource: n, columns: b, rowSelection: h } = C(c);
+  if (!n) return null;
+  const g = (t, s) => {
+    const e = { ...i };
+    e[t] = e[t].filter((m) => m !== s), d(e);
+  };
+  return {
+    onChange: (t) => {
+      if (t.event === "inputChange" && o((s) => ({
+        ...s,
+        filters: {
+          ...s.filters,
+          search: t.payload
+        },
+        fetchOptions: {
+          ...s.fetchOptions,
+          body: JSON.stringify({
+            filters: {
+              ...s.filters,
+              search: t.payload
+            }
+          })
+        }
+      })), t.event === "primaryChange") {
+        const { value: s } = t.payload;
+        o((e) => ({
+          ...e,
+          filters: {
+            ...e.filters,
+            sort: s
+          },
+          fetchOptions: {
+            ...e.fetchOptions,
+            body: JSON.stringify({
+              filters: {
+                ...e.filters,
+                sort: s
+              }
+            })
+          }
+        }));
+      }
+      if (t.event === "groupItemClick") {
+        const { title: s, item: e } = t.payload;
+        g(s, e);
+      }
+      if (t.event === "orderClick") {
+        u((e) => ({
+          ...e,
+          isSortedAscending: !e.isSortedAscending
+        }));
+        const s = t.payload.value;
+        o((e) => ({
+          ...e,
+          filters: {
+            ...e.filters,
+            order: s
+          },
+          fetchOptions: {
+            ...e.fetchOptions,
+            body: JSON.stringify({
+              filters: {
+                ...e.filters,
+                order: s
+              }
+            })
+          }
+        }));
+      }
+    },
+    primaryTableRowData: f,
+    secondaryTableRowData: y,
+    dataSource: n,
+    columns: b,
+    rowSelection: h
+  };
+};
+export {
+  J as useTableWithControls
+};

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

@@ -0,0 +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:"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

@@ -0,0 +1,63 @@
+import a from "react";
+import n from "../../Badge/Badge.js";
+const o = (e) => e && e.replace(/([A-Z])/g, " $1").replace(/^./, (t) => t.toUpperCase()), d = [
+  {
+    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 a.createElement(n, {
+        label: o(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 a.createElement(n, {
+        label: o(e),
+        state: t[e]
+      });
+    }
+  }
+], s = d.map((e) => ({
+  ...e
+}));
+s[1].sorter = !0;
+s[2].sorter = !0;
+s[4].sorter = !0;
+export {
+  d as mockColumns,
+  s as mockColumnsWithSort
+};

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

@@ -1,2 +1,4 @@
 export { default } from './Table';
 export type { TableProps } from './Table';
+export { useTable } from './useTable';
+export type { UseTableConfig } from './useTable';

package/dist/components/Table/useTable.cjs

@@ -0,0 +1 @@
+"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

@@ -0,0 +1,23 @@
+import { ColumnsType } from 'antd/es/table';
+import { SelectionType } from './Table';
+export type UseTableConfig = {
+    columns: ColumnsType<any>;
+    filters?: Record<string, any>;
+    fetchUrl?: string;
+    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: any) => unknown;
+    };
+    selectedRows: T[];
+    dataSource: T[];
+    columns: ColumnsType<T>;
+    error: Error | null;
+};

package/dist/components/Table/useTable.js

@@ -0,0 +1,66 @@
+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(u)
+    },
+    selectionType: S = "checkbox",
+    simulateDelay: r = 0,
+    disableRowSelection: h = R
+  } = a, [T, p] = o([]), [g, c] = o({
+    dataSource: [],
+    columns: [],
+    error: null
+  }), [w, b] = o([]);
+  m(() => {
+    const t = async () => {
+      try {
+        const l = (await (await fetch(f, s)).json()).data || [];
+        p(l), c({
+          dataSource: l,
+          columns: n,
+          error: null
+        });
+      } catch (e) {
+        console.error("Error fetching table data:", e), c({
+          dataSource: [],
+          columns: n,
+          error: e instanceof Error ? e : new Error(String(e))
+        });
+      } finally {
+        d(!1);
+      }
+    };
+    r > 0 ? setTimeout(t, r) : t();
+  }, [s]);
+  const y = D(
+    (t, e) => {
+      console.log("Row Selected:", t, e), b(e);
+    },
+    []
+  );
+  return {
+    ...g,
+    isLoading: i,
+    rowSelection: {
+      type: S,
+      onChange: y,
+      getCheckboxProps: h
+    },
+    selectedRows: w
+  };
+};
+export {
+  k as useTable
+};

package/dist/components/index.d.ts

@@ -4,6 +4,7 @@ export { default as Badge } from './Badge';
 export type { BadgeProps } from './Badge';
 export { default as Breadcrumb } from './Breadcrumb';
 export type { BreadcrumbProps } from './Breadcrumb';
+export type { BreadcrumbItem } from './Breadcrumb/Breadcrumb.types';
 export { default as Button } from './Button';
 export type { ButtonProps } from './Button';
 export { default as UtilityButton } from './Button/UtilityButton';
@@ -50,6 +51,10 @@ export { default as Switch } from './Switch';
 export type { SwitchProps } from './Switch';
 export { default as Table } from './Table';
 export type { TableProps } from './Table';
+export { default as TableWithControls } from './Table/TableWithControls';
+export type { TableWithControlsProps } from './Table/TableWithControls';
+export { useTable } from './Table';
+export { useTableWithControls } from './Table/TableWithControls';
 export { default as Tabs } from './Tabs';
 export type { TabsProps } from './Tabs';
 export { default as Tile } from './Tile';

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./constants/index.cjs"),r=require("./styles/global-styles.cjs"),o=require("./components/Avatar/Avatar.cjs"),t=require("./components/Badge/Badge.cjs"),s=require("./components/Breadcrumb/Breadcrumb.cjs"),i=require("./components/Button/Button.cjs"),n=require("./components/Button/UtilityButton.cjs"),u=require("./components/Button/IconButton.cjs"),c=require("./components/Card/Card.cjs"),a=require("./components/Checkbox/Checkbox.cjs"),q=require("./components/DatePicker/DatePicker.cjs"),l=require("./components/DateRangePicker/DateRangePicker.cjs"),d=require("./components/ErrorBoundary/ErrorBoundary.cjs"),y=require("./components/ErrorBoundaryFallback/ErrorBoundaryFallback.cjs"),b=require("./components/Form/Form.cjs"),g=require("./components/Input/Input.cjs"),p=require("./components/Layout/Layout.cjs"),S=require("./components/Message/Message.cjs"),B=require("./components/Notification/Notification.cjs"),T=require("./components/Popover/Popover.cjs"),P=require("./components/Progress/Progress.cjs"),G=require("./components/Radio/RadioGroup.cjs"),h=require("./components/Row/Row.cjs"),k=require("./components/SegmentedControls/SegmentedControls.cjs"),v=require("./components/Select/Select.cjs"),m=require("./components/Shapes/Shapes.cjs"),C=require("./components/Switch/Switch.cjs"),E=require("./components/Table/Table.cjs"),R=require("./components/Tabs/Tabs.cjs"),f=require("./components/Tile/Tile.cjs"),I=require("./components/Toast/Toast.cjs"),w=require("./components/Tooltip/Tooltip.cjs"),D=require("./components/Typography/Typography.cjs"),F=require("./providers/GenesisProvider.cjs"),x=require("./providers/useGenesis.cjs");exports.GENESIS=e.default;exports.GlobalStyles=r.GlobalStyles;exports.Avatar=o;exports.Badge=t;exports.Breadcrumb=s;exports.Button=i;exports.UtilityButton=n;exports.IconButton=u;exports.Card=c;exports.Checkbox=a;exports.DatePicker=q;exports.DateRangePicker=l;exports.ErrorBoundary=d;exports.ErrorBoundaryFallback=y;exports.Form=b.default;exports.Input=g;exports.Layout=p;exports.Message=S;exports.Notification=B;exports.Popover=T;exports.Progress=P;exports.RadioGroup=G;exports.Row=h;exports.SegmentedControls=k;exports.Select=v;exports.Shapes=m;exports.Switch=C;exports.Table=E;exports.Tabs=R;exports.Tile=f;exports.Toast=I;exports.Tooltip=w;exports.Typography=D;exports.GenesisProvider=F.GenesisProvider;exports.useGenesis=x.useGenesis;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./constants/index.cjs"),r=require("./styles/global-styles.cjs"),o=require("./components/Avatar/Avatar.cjs"),t=require("./components/Badge/Badge.cjs"),s=require("./components/Breadcrumb/Breadcrumb.cjs"),i=require("./components/Button/Button.cjs"),n=require("./components/Button/UtilityButton.cjs"),u=require("./components/Button/IconButton.cjs"),c=require("./components/Card/Card.cjs"),a=require("./components/Checkbox/Checkbox.cjs"),l=require("./components/DatePicker/DatePicker.cjs"),q=require("./components/DateRangePicker/DateRangePicker.cjs"),b=require("./components/ErrorBoundary/ErrorBoundary.cjs"),d=require("./components/ErrorBoundaryFallback/ErrorBoundaryFallback.cjs"),T=require("./components/Form/Form.cjs"),y=require("./components/Input/Input.cjs"),g=require("./components/Layout/Layout.cjs"),p=require("./components/Message/Message.cjs"),S=require("./components/Notification/Notification.cjs"),B=require("./components/Popover/Popover.cjs"),h=require("./components/Progress/Progress.cjs"),P=require("./components/Radio/RadioGroup.cjs"),C=require("./components/Row/Row.cjs"),G=require("./components/SegmentedControls/SegmentedControls.cjs"),k=require("./components/Select/Select.cjs"),v=require("./components/Shapes/Shapes.cjs"),m=require("./components/Switch/Switch.cjs"),E=require("./components/Table/Table.cjs"),R=require("./components/Table/TableWithControls/TableWithControls.cjs"),f=require("./components/Tabs/Tabs.cjs"),I=require("./components/Tile/Tile.cjs"),W=require("./components/Toast/Toast.cjs"),w=require("./components/Tooltip/Tooltip.cjs"),D=require("./components/Typography/Typography.cjs"),F=require("./providers/GenesisProvider.cjs"),x=require("./components/Table/useTable.cjs"),M=require("./components/Table/TableWithControls/useTableWithControls.cjs"),N=require("./providers/useGenesis.cjs");exports.GENESIS=e.default;exports.GlobalStyles=r.GlobalStyles;exports.Avatar=o;exports.Badge=t;exports.Breadcrumb=s;exports.Button=i;exports.UtilityButton=n;exports.IconButton=u;exports.Card=c;exports.Checkbox=a;exports.DatePicker=l;exports.DateRangePicker=q;exports.ErrorBoundary=b;exports.ErrorBoundaryFallback=d;exports.Form=T.default;exports.Input=y;exports.Layout=g;exports.Message=p;exports.Notification=S;exports.Popover=B;exports.Progress=h;exports.RadioGroup=P;exports.Row=C;exports.SegmentedControls=G;exports.Select=k;exports.Shapes=v;exports.Switch=m;exports.Table=E;exports.TableWithControls=R;exports.Tabs=f;exports.Tile=I;exports.Toast=W;exports.Tooltip=w;exports.Typography=D;exports.GenesisProvider=F.GenesisProvider;exports.useTable=x.useTable;exports.useTableWithControls=M.useTableWithControls;exports.useGenesis=N.useGenesis;

package/dist/index.js

@@ -5,68 +5,74 @@ import { default as p } from "./components/Badge/Badge.js";
 import { default as d } from "./components/Breadcrumb/Breadcrumb.js";
 import { default as x } from "./components/Button/Button.js";
 import { default as n } from "./components/Button/UtilityButton.js";
-import { default as y } from "./components/Button/IconButton.js";
-import { default as S } from "./components/Card/Card.js";
-import { default as g } from "./components/Checkbox/Checkbox.js";
-import { default as G } from "./components/DatePicker/DatePicker.js";
-import { default as h } from "./components/DateRangePicker/DateRangePicker.js";
-import { default as E } from "./components/ErrorBoundary/ErrorBoundary.js";
-import { default as C } from "./components/ErrorBoundaryFallback/ErrorBoundaryFallback.js";
+import { default as c } from "./components/Button/IconButton.js";
+import { default as y } from "./components/Card/Card.js";
+import { default as S } from "./components/Checkbox/Checkbox.js";
+import { default as h } from "./components/DatePicker/DatePicker.js";
+import { default as G } from "./components/DateRangePicker/DateRangePicker.js";
+import { default as k } from "./components/ErrorBoundary/ErrorBoundary.js";
+import { default as v } from "./components/ErrorBoundaryFallback/ErrorBoundaryFallback.js";
 import { default as R } from "./components/Form/Form.js";
 import { default as D } from "./components/Input/Input.js";
 import { default as N } from "./components/Layout/Layout.js";
-import { default as L } from "./components/Message/Message.js";
-import { default as U } from "./components/Notification/Notification.js";
-import { default as q } from "./components/Popover/Popover.js";
-import { default as H } from "./components/Progress/Progress.js";
-import { default as K } from "./components/Radio/RadioGroup.js";
-import { default as Q } from "./components/Row/Row.js";
-import { default as W } from "./components/SegmentedControls/SegmentedControls.js";
+import { default as A } from "./components/Message/Message.js";
+import { default as M } from "./components/Notification/Notification.js";
+import { default as j } from "./components/Popover/Popover.js";
+import { default as z } from "./components/Progress/Progress.js";
+import { default as J } from "./components/Radio/RadioGroup.js";
+import { default as O } from "./components/Row/Row.js";
+import { default as V } from "./components/SegmentedControls/SegmentedControls.js";
 import { default as Y } from "./components/Select/Select.js";
 import { default as _ } from "./components/Shapes/Shapes.js";
 import { default as oo } from "./components/Switch/Switch.js";
 import { default as ro } from "./components/Table/Table.js";
-import { default as ao } from "./components/Tabs/Tabs.js";
-import { default as so } from "./components/Tile/Tile.js";
-import { default as po } from "./components/Toast/Toast.js";
-import { default as mo } from "./components/Tooltip/Tooltip.js";
-import { default as io } from "./components/Typography/Typography.js";
-import { GenesisProvider as co } from "./providers/GenesisProvider.js";
-import { useGenesis as Bo } from "./providers/useGenesis.js";
+import { default as ao } from "./components/Table/TableWithControls/TableWithControls.js";
+import { default as so } from "./components/Tabs/Tabs.js";
+import { default as po } from "./components/Tile/Tile.js";
+import { default as mo } from "./components/Toast/Toast.js";
+import { default as io } from "./components/Tooltip/Tooltip.js";
+import { default as bo } from "./components/Typography/Typography.js";
+import { GenesisProvider as To } from "./providers/GenesisProvider.js";
+import { useTable as Bo } from "./components/Table/useTable.js";
+import { useTableWithControls as go } from "./components/Table/TableWithControls/useTableWithControls.js";
+import { useGenesis as Co } from "./providers/useGenesis.js";
 export {
   s as Avatar,
   p as Badge,
   d as Breadcrumb,
   x as Button,
-  S as Card,
-  g as Checkbox,
-  G as DatePicker,
-  h as DateRangePicker,
-  E as ErrorBoundary,
-  C as ErrorBoundaryFallback,
+  y as Card,
+  S as Checkbox,
+  h as DatePicker,
+  G as DateRangePicker,
+  k as ErrorBoundary,
+  v as ErrorBoundaryFallback,
   R as Form,
   r as GENESIS,
-  co as GenesisProvider,
+  To as GenesisProvider,
   a as GlobalStyles,
-  y as IconButton,
+  c as IconButton,
   D as Input,
   N as Layout,
-  L as Message,
-  U as Notification,
-  q as Popover,
-  H as Progress,
-  K as RadioGroup,
-  Q as Row,
-  W as SegmentedControls,
+  A as Message,
+  M as Notification,
+  j as Popover,
+  z as Progress,
+  J as RadioGroup,
+  O as Row,
+  V as SegmentedControls,
   Y as Select,
   _ as Shapes,
   oo as Switch,
   ro as Table,
-  ao as Tabs,
-  so as Tile,
-  po as Toast,
-  mo as Tooltip,
-  io as Typography,
+  ao as TableWithControls,
+  so as Tabs,
+  po as Tile,
+  mo as Toast,
+  io as Tooltip,
+  bo as Typography,
   n as UtilityButton,
-  Bo as useGenesis
+  Co as useGenesis,
+  Bo as useTable,
+  go as useTableWithControls
 };

package/dist/node_modules/antd/es/typography/hooks/useCopyClick.cjs

@@ -1 +1 @@
-"use strict";const v=require("react"),m=require("../../../../../_virtual/index5.cjs"),x=require("../../../../rc-util/es/hooks/useEvent.cjs"),C=require("../../_util/toList.cjs");function _(o){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const c=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(t,e,c.get?c:{enumerable:!0,get:()=>o[e]})}}return t.default=o,Object.freeze(t)}const d=_(v);var h=function(o,t,e,c){function s(u){return u instanceof e?u:new e(function(r){r(u)})}return new(e||(e=Promise))(function(u,r){function f(i){try{a(c.next(i))}catch(n){r(n)}}function l(i){try{a(c.throw(i))}catch(n){r(n)}}function a(i){i.done?u(i.value):s(i.value).then(f,l)}a((c=c.apply(o,t||[])).next())})};const w=o=>{let{copyConfig:t,children:e}=o;const[c,s]=d.useState(!1),[u,r]=d.useState(!1),f=d.useRef(null),l=()=>{f.current&&clearTimeout(f.current)},a={};t.format&&(a.format=t.format),d.useEffect(()=>l,[]);const i=x(n=>h(void 0,void 0,void 0,function*(){var p;n==null||n.preventDefault(),n==null||n.stopPropagation(),r(!0);try{const y=typeof t.text=="function"?yield t.text():t.text;m(y||C(e,!0).join("")||"",a),r(!1),s(!0),l(),f.current=setTimeout(()=>{s(!1)},3e3),(p=t.onCopy)===null||p===void 0||p.call(t,n)}catch(y){throw r(!1),y}}));return{copied:c,copyLoading:u,onClick:i}};module.exports=w;
+"use strict";const v=require("react"),m=require("../../../../../_virtual/index6.cjs"),x=require("../../../../rc-util/es/hooks/useEvent.cjs"),C=require("../../_util/toList.cjs");function _(o){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const c=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(t,e,c.get?c:{enumerable:!0,get:()=>o[e]})}}return t.default=o,Object.freeze(t)}const d=_(v);var h=function(o,t,e,c){function s(u){return u instanceof e?u:new e(function(r){r(u)})}return new(e||(e=Promise))(function(u,r){function f(i){try{a(c.next(i))}catch(n){r(n)}}function l(i){try{a(c.throw(i))}catch(n){r(n)}}function a(i){i.done?u(i.value):s(i.value).then(f,l)}a((c=c.apply(o,t||[])).next())})};const w=o=>{let{copyConfig:t,children:e}=o;const[c,s]=d.useState(!1),[u,r]=d.useState(!1),f=d.useRef(null),l=()=>{f.current&&clearTimeout(f.current)},a={};t.format&&(a.format=t.format),d.useEffect(()=>l,[]);const i=x(n=>h(void 0,void 0,void 0,function*(){var p;n==null||n.preventDefault(),n==null||n.stopPropagation(),r(!0);try{const y=typeof t.text=="function"?yield t.text():t.text;m(y||C(e,!0).join("")||"",a),r(!1),s(!0),l(),f.current=setTimeout(()=>{s(!1)},3e3),(p=t.onCopy)===null||p===void 0||p.call(t,n)}catch(y){throw r(!1),y}}));return{copied:c,copyLoading:u,onClick:i}};module.exports=w;

package/dist/node_modules/antd/es/typography/hooks/useCopyClick.js

@@ -1,5 +1,5 @@
 import * as d from "react";
-import m from "../../../../../_virtual/index5.js";
+import m from "../../../../../_virtual/index6.js";
 import v from "../../../../rc-util/es/hooks/useEvent.js";
 import C from "../../_util/toList.js";
 var h = function(l, o, c, f) {

package/dist/node_modules/debounce/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../../_virtual/index7.cjs");var b;function h(){if(b)return u.__module.exports;b=1;function a(d,i=100,c={}){if(typeof d!="function")throw new TypeError(`Expected the first parameter to be a function, got \`${typeof d}\`.`);if(i<0)throw new RangeError("`wait` must not be negative.");const{immediate:m}=typeof c=="boolean"?{immediate:c}:c;let n,f,e,p,o;function s(){const r=n,l=f;return n=void 0,f=void 0,o=d.apply(r,l),o}function g(){const r=Date.now()-p;r<i&&r>=0?e=setTimeout(g,i-r):(e=void 0,m||(o=s()))}const t=function(...r){if(n&&this!==n&&Object.getPrototypeOf(this)===Object.getPrototypeOf(n))throw new Error("Debounced method called with different contexts of the same prototype.");n=this,f=r,p=Date.now();const l=m&&!e;return e||(e=setTimeout(g,i)),l&&(o=s()),o};return Object.defineProperty(t,"isPending",{get(){return e!==void 0}}),t.clear=()=>{e&&(clearTimeout(e),e=void 0)},t.flush=()=>{e&&t.trigger()},t.trigger=()=>{o=s(),t.clear()},t}return u.__module.exports.debounce=a,u.__module.exports=a,u.__module.exports}exports.__require=h;

package/dist/node_modules/debounce/index.js

@@ -0,0 +1,44 @@
+import { __module as u } from "../../_virtual/index7.js";
+var g;
+function x() {
+  if (g) return u.exports;
+  g = 1;
+  function l(f, i = 100, c = {}) {
+    if (typeof f != "function")
+      throw new TypeError(`Expected the first parameter to be a function, got \`${typeof f}\`.`);
+    if (i < 0)
+      throw new RangeError("`wait` must not be negative.");
+    const { immediate: m } = typeof c == "boolean" ? { immediate: c } : c;
+    let n, s, e, p, o;
+    function d() {
+      const r = n, a = s;
+      return n = void 0, s = void 0, o = f.apply(r, a), o;
+    }
+    function b() {
+      const r = Date.now() - p;
+      r < i && r >= 0 ? e = setTimeout(b, i - r) : (e = void 0, m || (o = d()));
+    }
+    const t = function(...r) {
+      if (n && this !== n && Object.getPrototypeOf(this) === Object.getPrototypeOf(n))
+        throw new Error("Debounced method called with different contexts of the same prototype.");
+      n = this, s = r, p = Date.now();
+      const a = m && !e;
+      return e || (e = setTimeout(b, i)), a && (o = d()), o;
+    };
+    return Object.defineProperty(t, "isPending", {
+      get() {
+        return e !== void 0;
+      }
+    }), t.clear = () => {
+      e && (clearTimeout(e), e = void 0);
+    }, t.flush = () => {
+      e && t.trigger();
+    }, t.trigger = () => {
+      o = d(), t.clear();
+    }, t;
+  }
+  return u.exports.debounce = l, u.exports = l, u.exports;
+}
+export {
+  x as __require
+};

package/dist/node_modules/react-icons/fi/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../lib/iconBase.cjs");require("../lib/iconContext.cjs");function e(a){return t.GenIcon({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"circle",attr:{cx:"12",cy:"12",r:"3"},child:[]},{tag:"path",attr:{d:"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"},child:[]}]})(a)}exports.FiSettings=e;

package/dist/node_modules/react-icons/fi/index.js

@@ -0,0 +1,8 @@
+import { GenIcon as t } from "../lib/iconBase.js";
+import "../lib/iconContext.js";
+function i(a) {
+  return t({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "circle", attr: { cx: "12", cy: "12", r: "3" }, child: [] }, { tag: "path", attr: { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z" }, child: [] }] })(a);
+}
+export {
+  i as FiSettings
+};

package/dist/node_modules/react-icons/hi/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../lib/iconBase.cjs");require("../lib/iconContext.cjs");function r(e){return t.GenIcon({attr:{fill:"none",viewBox:"0 0 24 24",strokeWidth:"2",stroke:"currentColor","aria-hidden":"true"},child:[{tag:"path",attr:{strokeLinecap:"round",strokeLinejoin:"round",d:"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"},child:[]}]})(e)}function i(e){return t.GenIcon({attr:{fill:"none",viewBox:"0 0 24 24",strokeWidth:"2",stroke:"currentColor","aria-hidden":"true"},child:[{tag:"path",attr:{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18L18 6M6 6l12 12"},child:[]}]})(e)}exports.HiOutlineCheckCircle=r;exports.HiOutlineX=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../lib/iconBase.cjs");require("../lib/iconContext.cjs");function n(e){return t.GenIcon({attr:{viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true"},child:[{tag:"path",attr:{fillRule:"evenodd",d:"M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z",clipRule:"evenodd"},child:[]}]})(e)}function r(e){return t.GenIcon({attr:{fill:"none",viewBox:"0 0 24 24",strokeWidth:"2",stroke:"currentColor","aria-hidden":"true"},child:[{tag:"path",attr:{strokeLinecap:"round",strokeLinejoin:"round",d:"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"},child:[]}]})(e)}function i(e){return t.GenIcon({attr:{fill:"none",viewBox:"0 0 24 24",strokeWidth:"2",stroke:"currentColor","aria-hidden":"true"},child:[{tag:"path",attr:{strokeLinecap:"round",strokeLinejoin:"round",d:"M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z"},child:[]}]})(e)}function o(e){return t.GenIcon({attr:{fill:"none",viewBox:"0 0 24 24",strokeWidth:"2",stroke:"currentColor","aria-hidden":"true"},child:[{tag:"path",attr:{strokeLinecap:"round",strokeLinejoin:"round",d:"M3 4h13M3 8h9m-9 4h6m4 0l4-4m0 0l4 4m-4-4v12"},child:[]}]})(e)}function l(e){return t.GenIcon({attr:{fill:"none",viewBox:"0 0 24 24",strokeWidth:"2",stroke:"currentColor","aria-hidden":"true"},child:[{tag:"path",attr:{strokeLinecap:"round",strokeLinejoin:"round",d:"M3 4h13M3 8h9m-9 4h9m5-4v12m0 0l-4-4m4 4l4-4"},child:[]}]})(e)}function a(e){return t.GenIcon({attr:{fill:"none",viewBox:"0 0 24 24",strokeWidth:"2",stroke:"currentColor","aria-hidden":"true"},child:[{tag:"path",attr:{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18L18 6M6 6l12 12"},child:[]}]})(e)}exports.HiOutlineCheckCircle=r;exports.HiOutlineGlobe=i;exports.HiOutlineSortAscending=o;exports.HiOutlineSortDescending=l;exports.HiOutlineX=a;exports.HiSearch=n;