@gobolt/genesis 0.2.13 → 0.2.14

package/dist/components/Switch/Switch.js

@@ -1,22 +1,6 @@
-import { jsx as s } from "react/jsx-runtime";
-import { Switch as i } from "./styles.js";
-const h = ({
-  state: c,
-  onChange: a,
-  isChecked: t,
-  isDisabled: e = !1,
-  dataTestId: o,
-  ...r
-}) => /* @__PURE__ */ s(
-  i,
-  {
-    checked: t,
-    onChange: () => a(!t),
-    disabled: e,
-    "data-testid": o,
-    ...r
-  }
-);
+import { jsx as i } from "react/jsx-runtime";
+import { Switch as o } from "./styles.js";
+const r = ({ state: c, onChange: e, isChecked: t, isDisabled: a = !1, dataTestId: s, ...d }) => i(o, { checked: t, onChange: () => e(!t), disabled: a, "data-testid": s, ...d });
 export {
-  h as default
+  r as default
 };

package/dist/components/Switch/styles.cjs

@@ -1,58 +1,58 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("styled-components"),t=require("../../node_modules/antd/es/switch/index.cjs"),n=({colors:e,borderRadius:c})=>`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("styled-components"),r=require("../../node_modules/antd/es/switch/index.cjs"),e=s(r)`
+  ${({theme:c})=>(({colors:n,borderRadius:o})=>`
   &.ant-switch {
-    background-color: ${e.primary.active};
-    border-radius: ${c==null?void 0:c.BorderRadiusMd};
+    background-color: ${n.primary.active};
+    border-radius: ${o==null?void 0:o.BorderRadiusMd};
     
     /* Focus ring styles */
     &:focus-visible {
       outline: none;
-      box-shadow: 0 0 0 2px ${e.inputs.onsurface.focus};
+      box-shadow: 0 0 0 2px ${n.inputs.onsurface.focus};
     }
     
     /* Unchecked states */
     &:not(.ant-switch-checked) {
-      background-color: ${e.surface.tertiary};
+      background-color: ${n.surface.tertiary};
 
       &:hover {
-        background-color: ${e.status.info.surface};
+        background-color: ${n.status.info.surface};
       }
 
       &:focus {
-        background-color: ${e.surface.tertiary};
+        background-color: ${n.surface.tertiary};
       }
 
       &:focus-visible {
         outline: none;
-        box-shadow: 0 0 0 2px ${e.inputs.onsurface.focus};
+        box-shadow: 0 0 0 2px ${n.inputs.onsurface.focus};
       }
 
       &.ant-switch-disabled {
-        background-color: ${e.inputs.surface.disabled};
+        background-color: ${n.inputs.surface.disabled};
       }
     }
 
     /* Checked states */
     &-checked {
-      background-color: ${e.inputs.surface.checked};
+      background-color: ${n.inputs.surface.checked};
 
       &:hover {
-        background-color: ${e.inputs.surface["checked-hover"]};
+        background-color: ${n.inputs.surface["checked-hover"]};
       }
 
       &:focus {
-        background-color: ${e.inputs.surface["checked-focussed"]};
+        background-color: ${n.inputs.surface["checked-focussed"]};
       }
 
       &:focus-visible {
         outline: none;
-        box-shadow: 0 0 0 2px ${e.inputs.onsurface.focus};
+        box-shadow: 0 0 0 2px ${n.inputs.onsurface.focus};
       }
 
       &.ant-switch-disabled {
-        background-color: ${e.inputs.surface.disabled};
+        background-color: ${n.inputs.surface.disabled};
       }
     }
   }
-`,s=u(t)`
-  ${({theme:e})=>n(e)}
-`;exports.Switch=s;exports.default=s;
+`)(c)}
+`;exports.Switch=e,exports.default=e;

package/dist/components/Switch/styles.js

@@ -1,62 +1,62 @@
 import s from "styled-components";
-import t from "../../node_modules/antd/es/switch/index.js";
-const u = ({ colors: e, borderRadius: c }) => `
+import e from "../../node_modules/antd/es/switch/index.js";
+const a = s(e)`
+  ${({ theme: c }) => (({ colors: n, borderRadius: o }) => `
   &.ant-switch {
-    background-color: ${e.primary.active};
-    border-radius: ${c == null ? void 0 : c.BorderRadiusMd};
+    background-color: ${n.primary.active};
+    border-radius: ${o == null ? void 0 : o.BorderRadiusMd};
     
     /* Focus ring styles */
     &:focus-visible {
       outline: none;
-      box-shadow: 0 0 0 2px ${e.inputs.onsurface.focus};
+      box-shadow: 0 0 0 2px ${n.inputs.onsurface.focus};
     }
     
     /* Unchecked states */
     &:not(.ant-switch-checked) {
-      background-color: ${e.surface.tertiary};
+      background-color: ${n.surface.tertiary};
 
       &:hover {
-        background-color: ${e.status.info.surface};
+        background-color: ${n.status.info.surface};
       }
 
       &:focus {
-        background-color: ${e.surface.tertiary};
+        background-color: ${n.surface.tertiary};
       }
 
       &:focus-visible {
         outline: none;
-        box-shadow: 0 0 0 2px ${e.inputs.onsurface.focus};
+        box-shadow: 0 0 0 2px ${n.inputs.onsurface.focus};
       }
 
       &.ant-switch-disabled {
-        background-color: ${e.inputs.surface.disabled};
+        background-color: ${n.inputs.surface.disabled};
       }
     }
 
     /* Checked states */
     &-checked {
-      background-color: ${e.inputs.surface.checked};
+      background-color: ${n.inputs.surface.checked};
 
       &:hover {
-        background-color: ${e.inputs.surface["checked-hover"]};
+        background-color: ${n.inputs.surface["checked-hover"]};
       }
 
       &:focus {
-        background-color: ${e.inputs.surface["checked-focussed"]};
+        background-color: ${n.inputs.surface["checked-focussed"]};
       }
 
       &:focus-visible {
         outline: none;
-        box-shadow: 0 0 0 2px ${e.inputs.onsurface.focus};
+        box-shadow: 0 0 0 2px ${n.inputs.onsurface.focus};
       }
 
       &.ant-switch-disabled {
-        background-color: ${e.inputs.surface.disabled};
+        background-color: ${n.inputs.surface.disabled};
       }
     }
   }
-`, a = s(t)`
-  ${({ theme: e }) => u(e)}
+`)(c)}
 `;
 export {
   a as Switch,

package/dist/components/Table/Table.cjs

@@ -1 +1 @@
-"use strict";const i=require("react/jsx-runtime"),n=require("./styles.cjs");function o({columns:e,dataSource:t,rowKey:s="id",size:a="small",onChange:l,rowSelection:r}){return i.jsx(n.Table,{"data-testid":"Table",dataSource:t,columns:e,rowKey:s,locale:{emptyText:"No Data"},size:a,onChange:l,rowSelection:r})}module.exports=o;
+"use strict";const s=require("react/jsx-runtime"),c=require("./styles.cjs");module.exports=function({columns:e,dataSource:o,rowKey:t="id",size:a="small",onChange:r,rowSelection:n}){return s.jsx(c.Table,{"data-testid":"Table",dataSource:o,columns:e,rowKey:t,locale:{emptyText:"No Data"},size:a,onChange:r,rowSelection:n})};

package/dist/components/Table/Table.js

@@ -1,27 +1,8 @@
-import { jsx as m } from "react/jsx-runtime";
-import { Table as i } from "./styles.js";
-function b({
-  columns: a,
-  dataSource: t,
-  rowKey: e = "id",
-  size: l = "small",
-  onChange: o,
-  rowSelection: r
-}) {
-  return /* @__PURE__ */ m(
-    i,
-    {
-      "data-testid": "Table",
-      dataSource: t,
-      columns: a,
-      rowKey: e,
-      locale: { emptyText: "No Data" },
-      size: l,
-      onChange: o,
-      rowSelection: r
-    }
-  );
+import { jsx as n } from "react/jsx-runtime";
+import { Table as s } from "./styles.js";
+function m({ columns: e, dataSource: a, rowKey: o = "id", size: t = "small", onChange: r, rowSelection: l }) {
+  return n(s, { "data-testid": "Table", dataSource: a, columns: e, rowKey: o, locale: { emptyText: "No Data" }, size: t, onChange: r, rowSelection: l });
 }
 export {
-  b as default
+  m as default
 };

package/dist/components/Table/TableControls/PrimaryTableControlsRow.cjs

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),j=require("../../../node_modules/react-icons/hi2/index.cjs"),c=require("../../../node_modules/react-icons/hi/index.cjs"),m=require("../../../node_modules/react-icons/fi/index.cjs"),q=require("../../../_virtual/index6.cjs"),I=require("../../Input/Input.cjs"),d=require("../../Button/UtilityButton.cjs"),f=require("../../Typography/Typography.cjs"),k=require("../../Select/Select.cjs"),S=require("../../Button/IconButton.cjs"),b=({sortOptions:s,searchByPlaceholder:p="",searchField:x="address",isSortedAscending:n=!0,onChange:t})=>{const a=i=>{const v={event:"inputChange",payload:{value:i.target.value,field:x}};q(()=>{t==null||t(v)},200)()},r=i=>{const u={event:"primaryChange",payload:{value:i}};t==null||t(u)},l=()=>{const i={event:"filterClick",payload:{}};t==null||t(i)},o=()=>{const i={event:"settingsClick",payload:{}};t==null||t(i)},y=()=>{const i={event:"orderClick",payload:{value:n?"desc":"asc"}};t==null||t(i)};return e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",width:"100%",minWidth:800},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8},children:[e.jsx(I,{size:"normal",placeholder:p,prefix:e.jsx(c.HiSearch,{}),style:{padding:"5px 8px"},onChange:a}),l&&e.jsx(d,{isIconButton:!0,icon:e.jsx(j.HiMiniAdjustmentsVertical,{}),onClick:l}),o&&e.jsx(d,{isIconButton:!0,icon:e.jsx(m.FiSettings,{}),onClick:o})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center"},children:[e.jsx(f,{variant:"body3",color:"#6C6C6C",children:"Sort by"}),s&&r?e.jsx(k,{options:s,defaultValue:s[0].value,variant:"simple",onChange:r}):null,e.jsx(S,{icon:n?e.jsx(c.HiOutlineSortDescending,{}):e.jsx(c.HiOutlineSortAscending,{}),onClick:y})]})]})};module.exports=b;
+"use strict";const i=require("react/jsx-runtime"),g=require("../../../node_modules/react-icons/hi2/index.cjs"),r=require("../../../node_modules/react-icons/hi/index.cjs"),C=require("../../../node_modules/react-icons/fi/index.cjs"),h=require("../../../_virtual/index6.cjs"),y=require("../../Input/Input.cjs"),d=require("../../Button/UtilityButton.cjs"),j=require("../../Typography/Typography.cjs"),v=require("../../Select/Select.cjs"),q=require("../../Button/IconButton.cjs");module.exports=({sortOptions:t,searchByPlaceholder:u="",searchField:p="address",isSortedAscending:l=!0,onChange:e})=>{const a=n=>{const s={event:"primaryChange",payload:{value:n}};e==null||e(s)},o=()=>{e==null||e({event:"filterClick",payload:{}})},c=()=>{e==null||e({event:"settingsClick",payload:{}})};return i.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",width:"100%",minWidth:800},children:[i.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8},children:[i.jsx(y,{size:"normal",placeholder:u,prefix:i.jsx(r.HiSearch,{}),style:{padding:"5px 8px"},onChange:n=>{const s={event:"inputChange",payload:{value:n.target.value,field:p}};h(()=>{e==null||e(s)},200)()}}),o&&i.jsx(d,{isIconButton:!0,icon:i.jsx(g.HiMiniAdjustmentsVertical,{}),onClick:o}),c&&i.jsx(d,{isIconButton:!0,icon:i.jsx(C.FiSettings,{}),onClick:c})]}),i.jsxs("div",{style:{display:"flex",alignItems:"center"},children:[i.jsx(j,{variant:"body3",color:"#6C6C6C",children:"Sort by"}),t&&a?i.jsx(v,{options:t,defaultValue:t[0].value,variant:"simple",onChange:a}):null,i.jsx(q,{icon:l?i.jsx(r.HiOutlineSortDescending,{}):i.jsx(r.HiOutlineSortAscending,{}),onClick:()=>{const n={event:"orderClick",payload:{value:l?"desc":"asc"}};e==null||e(n)}})]})]})};

package/dist/components/Table/TableControls/PrimaryTableControlsRow.js

@@ -1,119 +1,32 @@
-import { jsxs as r, jsx as i } from "react/jsx-runtime";
-import { HiMiniAdjustmentsVertical as v } from "../../../node_modules/react-icons/hi2/index.js";
-import { HiSearch as I, HiOutlineSortDescending as k, HiOutlineSortAscending as x } from "../../../node_modules/react-icons/hi/index.js";
-import { FiSettings as b } from "../../../node_modules/react-icons/fi/index.js";
-import S from "../../../_virtual/index6.js";
-import A from "../../Input/Input.js";
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import { HiMiniAdjustmentsVertical as f } from "../../../node_modules/react-icons/hi2/index.js";
+import { HiSearch as C, HiOutlineSortDescending as g, HiOutlineSortAscending as y } from "../../../node_modules/react-icons/hi/index.js";
+import { FiSettings as h } from "../../../node_modules/react-icons/fi/index.js";
+import u from "../../../_virtual/index6.js";
+import x from "../../Input/Input.js";
 import d from "../../Button/UtilityButton.js";
-import E from "../../Typography/Typography.js";
-import j from "../../Select/Select.js";
-import B from "../../Button/IconButton.js";
-const U = ({
-  sortOptions: l,
-  searchByPlaceholder: u = "",
-  searchField: m = "address",
-  isSortedAscending: o = !0,
-  onChange: t
-}) => {
-  const a = (e) => {
-    const y = {
-      event: "inputChange",
-      payload: { value: e.target.value, field: m }
-    };
-    S(() => {
-      t == null || t(y);
-    }, 200)();
-  }, c = (e) => {
-    const p = {
-      event: "primaryChange",
-      payload: { value: e }
-    };
-    t == null || t(p);
-  }, n = () => {
-    const e = {
-      event: "filterClick",
-      payload: {}
-    };
-    t == null || t(e);
+import k from "../../Typography/Typography.js";
+import S from "../../Select/Select.js";
+import I from "../../Button/IconButton.js";
+const z = ({ sortOptions: n, searchByPlaceholder: p = "", searchField: m = "address", isSortedAscending: r = !0, onChange: e }) => {
+  const l = (i) => {
+    const o = { event: "primaryChange", payload: { value: i } };
+    e == null || e(o);
   }, s = () => {
-    const e = {
-      event: "settingsClick",
-      payload: {}
-    };
-    t == null || t(e);
-  }, f = () => {
-    const e = {
-      event: "orderClick",
-      payload: {
-        value: o ? "desc" : "asc"
-      }
-    };
-    t == null || t(e);
+    e == null || e({ event: "filterClick", payload: {} });
+  }, c = () => {
+    e == null || e({ event: "settingsClick", payload: {} });
   };
-  return /* @__PURE__ */ r(
-    "div",
-    {
-      style: {
-        display: "flex",
-        justifyContent: "space-between",
-        alignItems: "center",
-        width: "100%",
-        minWidth: 800
-      },
-      children: [
-        /* @__PURE__ */ r("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
-          /* @__PURE__ */ i(
-            A,
-            {
-              size: "normal",
-              placeholder: u,
-              prefix: /* @__PURE__ */ i(I, {}),
-              style: {
-                padding: "5px 8px"
-              },
-              onChange: a
-            }
-          ),
-          n && /* @__PURE__ */ i(
-            d,
-            {
-              isIconButton: !0,
-              icon: /* @__PURE__ */ i(v, {}),
-              onClick: n
-            }
-          ),
-          s && /* @__PURE__ */ i(
-            d,
-            {
-              isIconButton: !0,
-              icon: /* @__PURE__ */ i(b, {}),
-              onClick: s
-            }
-          )
-        ] }),
-        /* @__PURE__ */ r("div", { style: { display: "flex", alignItems: "center" }, children: [
-          /* @__PURE__ */ i(E, { variant: "body3", color: "#6C6C6C", children: "Sort by" }),
-          l && c ? /* @__PURE__ */ i(
-            j,
-            {
-              options: l,
-              defaultValue: l[0].value,
-              variant: "simple",
-              onChange: c
-            }
-          ) : null,
-          /* @__PURE__ */ i(
-            B,
-            {
-              icon: o ? /* @__PURE__ */ i(k, {}) : /* @__PURE__ */ i(x, {}),
-              onClick: f
-            }
-          )
-        ] })
-      ]
-    }
-  );
+  return a("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", width: "100%", minWidth: 800 }, children: [a("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [t(x, { size: "normal", placeholder: p, prefix: t(C, {}), style: { padding: "5px 8px" }, onChange: (i) => {
+    const o = { event: "inputChange", payload: { value: i.target.value, field: m } };
+    u(() => {
+      e == null || e(o);
+    }, 200)();
+  } }), s && t(d, { isIconButton: !0, icon: t(f, {}), onClick: s }), c && t(d, { isIconButton: !0, icon: t(h, {}), onClick: c })] }), a("div", { style: { display: "flex", alignItems: "center" }, children: [t(k, { variant: "body3", color: "#6C6C6C", children: "Sort by" }), n && l ? t(S, { options: n, defaultValue: n[0].value, variant: "simple", onChange: l }) : null, t(I, { icon: t(r ? g : y, {}), onClick: () => {
+    const i = { event: "orderClick", payload: { value: r ? "desc" : "asc" } };
+    e == null || e(i);
+  } })] })] });
 };
 export {
-  U as default
+  z as default
 };

package/dist/components/Table/TableControls/SecondaryTableControlsRow.cjs

@@ -1 +1 @@
-"use strict";const t=require("react/jsx-runtime"),o=require("../../../utils/icon-util.cjs"),a=require("../../Typography/Typography.cjs"),d=require("../../Badge/Badge.cjs"),u=({title:s,items:i,onGroupItemClick:r})=>t.jsxs(t.Fragment,{children:[t.jsx("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",width:24,height:24},children:o.getIcon(s)}),t.jsx("div",{style:{display:"flex",gap:4},children:i.map(e=>t.jsx(d,{label:e,hasClose:!0,state:"generic",size:"small",onClick:()=>r(s,e)},e.toString()))})]}),p=({groups:s,onGroupItemClick:i})=>{if(!s)return null;const r=Object.entries(s).map(([e,l])=>({title:e,items:l}));return t.jsx("div",{style:{display:"flex",gap:4},children:r.map(e=>t.jsx(u,{title:e.title,items:e.items,onGroupItemClick:i},e.title))})},x=({groups:s,totalRecords:i,onChange:r})=>{const e=(l,n)=>{const c={event:"groupItemClick",payload:{title:l,item:n}};r==null||r(c)};return t.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"flex-end",marginTop:8},children:[t.jsx(p,{groups:s,onGroupItemClick:e}),i?t.jsx(a,{variant:"body2",color:"#6C6C6C",children:`${i} results`}):null]})};module.exports=x;
+"use strict";const t=require("react/jsx-runtime"),o=require("../../../utils/icon-util.cjs"),a=require("../../Typography/Typography.cjs"),c=require("../../Badge/Badge.cjs"),p=({title:i,items:l,onGroupItemClick:s})=>t.jsxs(t.Fragment,{children:[t.jsx("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",width:24,height:24},children:o.getIcon(i)}),t.jsx("div",{style:{display:"flex",gap:4},children:l.map(e=>t.jsx(c,{label:e,hasClose:!0,state:"generic",size:"small",onClick:()=>s(i,e)},e.toString()))})]}),u=({groups:i,onGroupItemClick:l})=>{if(!i)return null;const s=Object.entries(i).map(([e,r])=>({title:e,items:r}));return t.jsx("div",{style:{display:"flex",gap:4},children:s.map(e=>t.jsx(p,{title:e.title,items:e.items,onGroupItemClick:l},e.title))})};module.exports=({groups:i,totalRecords:l,onChange:s})=>t.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"flex-end",marginTop:8},children:[t.jsx(u,{groups:i,onGroupItemClick:(e,r)=>{const n={event:"groupItemClick",payload:{title:e,item:r}};s==null||s(n)}}),l?t.jsx(a,{variant:"body2",color:"#6C6C6C",children:`${l} results`}):null]});

package/dist/components/Table/TableControls/SecondaryTableControlsRow.js

@@ -1,72 +1,15 @@
-import { jsxs as s, jsx as r, Fragment as a } from "react/jsx-runtime";
-import { getIcon as p } from "../../../utils/icon-util.js";
-import m from "../../Typography/Typography.js";
-import d from "../../Badge/Badge.js";
-const u = ({ title: t, items: i, onGroupItemClick: l }) => /* @__PURE__ */ s(a, { children: [
-  /* @__PURE__ */ r(
-    "div",
-    {
-      style: {
-        display: "flex",
-        justifyContent: "center",
-        alignItems: "center",
-        width: 24,
-        height: 24
-      },
-      children: p(t)
-    }
-  ),
-  /* @__PURE__ */ r("div", { style: { display: "flex", gap: 4 }, children: i.map((e) => /* @__PURE__ */ r(
-    d,
-    {
-      label: e,
-      hasClose: !0,
-      state: "generic",
-      size: "small",
-      onClick: () => l(t, e)
-    },
-    e.toString()
-  )) })
-] }), y = ({ groups: t, onGroupItemClick: i }) => {
-  if (!t) return null;
-  const l = Object.entries(t).map(([e, n]) => ({
-    title: e,
-    items: n
-  }));
-  return /* @__PURE__ */ r("div", { style: { display: "flex", gap: 4 }, children: l.map((e) => /* @__PURE__ */ r(
-    u,
-    {
-      title: e.title,
-      items: e.items,
-      onGroupItemClick: i
-    },
-    e.title
-  )) });
-}, I = ({
-  groups: t,
-  totalRecords: i,
-  onChange: l
-}) => /* @__PURE__ */ s(
-  "div",
-  {
-    style: {
-      display: "flex",
-      justifyContent: "space-between",
-      alignItems: "flex-end",
-      marginTop: 8
-    },
-    children: [
-      /* @__PURE__ */ r(y, { groups: t, onGroupItemClick: (n, o) => {
-        const c = {
-          event: "groupItemClick",
-          payload: { title: n, item: o }
-        };
-        l == null || l(c);
-      } }),
-      i ? /* @__PURE__ */ r(m, { variant: "body2", color: "#6C6C6C", children: `${i} results` }) : null
-    ]
-  }
-);
+import { jsxs as s, jsx as l, Fragment as a } from "react/jsx-runtime";
+import { getIcon as m } from "../../../utils/icon-util.js";
+import p from "../../Typography/Typography.js";
+import c from "../../Badge/Badge.js";
+const d = ({ title: e, items: o, onGroupItemClick: i }) => s(a, { children: [l("div", { style: { display: "flex", justifyContent: "center", alignItems: "center", width: 24, height: 24 }, children: m(e) }), l("div", { style: { display: "flex", gap: 4 }, children: o.map((t) => l(c, { label: t, hasClose: !0, state: "generic", size: "small", onClick: () => i(e, t) }, t.toString())) })] }), u = ({ groups: e, onGroupItemClick: o }) => {
+  if (!e) return null;
+  const i = Object.entries(e).map(([t, r]) => ({ title: t, items: r }));
+  return l("div", { style: { display: "flex", gap: 4 }, children: i.map((t) => l(d, { title: t.title, items: t.items, onGroupItemClick: o }, t.title)) });
+}, h = ({ groups: e, totalRecords: o, onChange: i }) => s("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "flex-end", marginTop: 8 }, children: [l(u, { groups: e, onGroupItemClick: (t, r) => {
+  const n = { event: "groupItemClick", payload: { title: t, item: r } };
+  i == null || i(n);
+} }), o ? l(p, { variant: "body2", color: "#6C6C6C", children: `${o} results` }) : null] });
 export {
-  I as default
+  h as default
 };

package/dist/components/Table/TableControls/TableControls.cjs

@@ -1 +1 @@
-"use strict";const r=require("react/jsx-runtime"),i=require("./PrimaryTableControlsRow.cjs"),l=require("./SecondaryTableControlsRow.cjs"),d=({primaryTableRowData:s,secondaryTableRowData:o,onChange:n})=>{const t=e=>{n(e)},c=e=>{n(e)};return r.jsxs("div",{"data-testid":"TableControls",style:{margin:"16px 0px"},children:[r.jsx(i,{sortOptions:s.sortOptions,searchByPlaceholder:s.searchByPlaceholder,isSortedAscending:s.isSortedAscending,onChange:t}),o?r.jsx(l,{groups:o.groups,totalRecords:o.totalRecords,onChange:c}):null]})};module.exports=d;
+"use strict";const s=require("react/jsx-runtime"),a=require("./PrimaryTableControlsRow.cjs"),n=require("./SecondaryTableControlsRow.cjs");module.exports=({primaryTableRowData:e,secondaryTableRowData:r,onChange:t})=>s.jsxs("div",{"data-testid":"TableControls",style:{margin:"16px 0px"},children:[s.jsx(a,{sortOptions:e.sortOptions,searchByPlaceholder:e.searchByPlaceholder,isSortedAscending:e.isSortedAscending,onChange:o=>{t(o)}}),r?s.jsx(n,{groups:r.groups,totalRecords:r.totalRecords,onChange:o=>{t(o)}}):null]});

package/dist/components/Table/TableControls/TableControls.js

@@ -1,36 +1,11 @@
-import { jsxs as d, jsx as t } from "react/jsx-runtime";
-import i from "./PrimaryTableControlsRow.js";
-import c from "./SecondaryTableControlsRow.js";
-const m = ({
-  primaryTableRowData: o,
-  secondaryTableRowData: r,
-  onChange: n
-}) => {
-  const e = (s) => {
-    n(s);
-  }, l = (s) => {
-    n(s);
-  };
-  return /* @__PURE__ */ d("div", { "data-testid": "TableControls", style: { margin: "16px 0px" }, children: [
-    /* @__PURE__ */ t(
-      i,
-      {
-        sortOptions: o.sortOptions,
-        searchByPlaceholder: o.searchByPlaceholder,
-        isSortedAscending: o.isSortedAscending,
-        onChange: e
-      }
-    ),
-    r ? /* @__PURE__ */ t(
-      c,
-      {
-        groups: r.groups,
-        totalRecords: r.totalRecords,
-        onChange: l
-      }
-    ) : null
-  ] });
-};
+import { jsxs as t, jsx as s } from "react/jsx-runtime";
+import n from "./PrimaryTableControlsRow.js";
+import l from "./SecondaryTableControlsRow.js";
+const p = ({ primaryTableRowData: o, secondaryTableRowData: a, onChange: e }) => t("div", { "data-testid": "TableControls", style: { margin: "16px 0px" }, children: [s(n, { sortOptions: o.sortOptions, searchByPlaceholder: o.searchByPlaceholder, isSortedAscending: o.isSortedAscending, onChange: (r) => {
+  e(r);
+} }), a ? s(l, { groups: a.groups, totalRecords: a.totalRecords, onChange: (r) => {
+  e(r);
+} }) : null] });
 export {
-  m as default
+  p as default
 };

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

@@ -1 +1 @@
-"use strict";const o=require("react/jsx-runtime"),g=require("../TableControls/TableControls.cjs"),i=require("../Table.cjs"),d=({tableData:s,tableControlsData:l,onChange:n})=>{const{primaryTableRowData:r,secondaryTableRowData:c}=l,{dataSource:b,columns:u,rowSelection:T}=s,h=e=>{n(e)},C=(e,a,t)=>{console.log("Table changed:",e,a,t),n({event:"tableChange",payload:{pagination:e,filters:a,sorter:t}})};return o.jsxs(o.Fragment,{children:[o.jsx(g,{primaryTableRowData:r,secondaryTableRowData:c,onChange:h}),o.jsx(i,{dataSource:b,columns:u,rowSelection:T,onChange:C})]})};module.exports=d;
+"use strict";const e=require("react/jsx-runtime"),g=require("../TableControls/TableControls.cjs"),d=require("../Table.cjs");module.exports=({tableData:n,tableControlsData:l,onChange:o})=>{const{primaryTableRowData:s,secondaryTableRowData:c}=l,{dataSource:i,columns:b,rowSelection:u}=n;return e.jsxs(e.Fragment,{children:[e.jsx(g,{primaryTableRowData:s,secondaryTableRowData:c,onChange:a=>{o(a)}}),e.jsx(d,{dataSource:i,columns:b,rowSelection:u,onChange:(a,r,t)=>{console.log("Table changed:",a,r,t),o({event:"tableChange",payload:{pagination:a,filters:r,sorter:t}})}})]})};

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

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

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

@@ -1 +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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),l=require("react"),T=require("../useTable.cjs"),v=require("../__mocks__/table-mocks.cjs"),i={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}},w={columns:v.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}})}};exports.useTableWithControls=C=>{const[u,a]=l.useState(w),[n,p]=l.useState(i.secondaryTableRowData.groups),[f,y]=l.useState(i.primaryTableRowData),{secondaryTableRowData:b}=i,h={...b,groups:n},{dataSource:c,columns:S,rowSelection:g}=T.useTable(u);return c?{onChange:r=>{if(r.event==="inputChange"&&a(t=>({...t,filters:{...t.filters,search:r.payload},fetchOptions:{...t.fetchOptions,body:JSON.stringify({filters:{...t.filters,search:r.payload}})}})),r.event==="primaryChange"){const{value:t}=r.payload;a(e=>({...e,filters:{...e.filters,sort:t},fetchOptions:{...e.fetchOptions,body:JSON.stringify({filters:{...e.filters,sort:t}})}}))}if(r.event==="groupItemClick"){const{title:t,item:e}=r.payload;((d,O)=>{const s={...n};s[d]=s[d].filter(m=>m!==O),p(s)})(t,e)}if(r.event==="orderClick"){y(e=>({...e,isSortedAscending:!e.isSortedAscending}));const t=r.payload.value;a(e=>({...e,filters:{...e.filters,order:t},fetchOptions:{...e.fetchOptions,body:JSON.stringify({filters:{...e.filters,order:t}})}}))}},primaryTableRowData:f,secondaryTableRowData:h,dataSource:c,columns:S,rowSelection:g}:null};