@caspeco/casper-ui-library 7.9.0 → 7.9.2

package/dist/components/table/table-content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-content.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAO/C,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,SAAS,CAAC;AAEnE,UAAU,qBAAqB;IAC9B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,iBAAiB,CAAC,KAAK,SAAS,SAAS,GAAG,SAAS;IACrE;;OAEG;IACH,UAAU,CAAC,EAAE,CACZ,GAAG,EAAE,YAAY,CAAC,KAAK,CAAC,EACxB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,KACnF,IAAI,CAAC;IAEV;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B;;OAEG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAElC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,cAAc,CAAC,EAAE,qBAAqB,CAAC;CACvC;AAED,QAAA,MAAM,iBAAiB,GAAI,KAAK,SAAS,SAAS,EAAE,2HAQjD,iBAAiB,CAAC,KAAK,CAAC,GAAG,eAAe,4CAqI5C,CAAC;AAEF,eAAO,MAAM,YAAY,EAA8B,OAAO,iBAAiB,CAAC"}
+{"version":3,"file":"table-content.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAO/C,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,SAAS,CAAC;AAEnE,UAAU,qBAAqB;IAC9B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,iBAAiB,CAAC,KAAK,SAAS,SAAS,GAAG,SAAS;IACrE;;OAEG;IACH,UAAU,CAAC,EAAE,CACZ,GAAG,EAAE,YAAY,CAAC,KAAK,CAAC,EACxB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,KACnF,IAAI,CAAC;IAEV;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B;;OAEG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAElC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,cAAc,CAAC,EAAE,qBAAqB,CAAC;CACvC;AAED,QAAA,MAAM,iBAAiB,GAAI,KAAK,SAAS,SAAS,EAAE,2HAQjD,iBAAiB,CAAC,KAAK,CAAC,GAAG,eAAe,4CAsJ5C,CAAC;AAEF,eAAO,MAAM,YAAY,EAA8B,OAAO,iBAAiB,CAAC"}

package/dist/components/table/table-content.js

@@ -1,24 +1,24 @@
-import { jsxs as y, jsx as e } from "react/jsx-runtime";
-import { Table as M, Thead as $, Box as D, Tbody as S } from "@chakra-ui/react";
-import { useVirtualizer as E } from "../../node_modules/@tanstack/react-virtual/dist/esm/index.js";
-import { memo as L, useRef as O, useMemo as c } from "react";
-import { useTableContext as Y } from "./table-context.js";
-import { TableHeaderRow as k } from "./table-header-row.js";
+import { jsxs as S, jsx as e } from "react/jsx-runtime";
+import { Table as j, Thead as E, Box as M, Tbody as y } from "@chakra-ui/react";
+import { useVirtualizer as $ } from "../../node_modules/@tanstack/react-virtual/dist/esm/index.js";
+import { memo as D, useRef as L, useMemo as u } from "react";
+import { useTableContext as O } from "./table-context.js";
+import { TableHeaderRow as Y } from "./table-header-row.js";
 import { TableRow as v } from "./table-row.js";
-const q = ({
-  onClickRow: d,
-  onRowClickIndication: m,
-  hideTableHeaderDropdown: R,
+const k = ({
+  onClickRow: m,
+  onRowClickIndication: b,
+  hideTableHeaderDropdown: w,
   showRowHoverStyle: g = !0,
-  stickyHeaders: u,
-  virtualization: s,
-  ...w
+  stickyHeaders: h,
+  virtualization: a,
+  ...R
 }) => {
-  const t = Y(), b = O(null), z = c(() => u ? {
+  const t = O(), i = L(null), z = u(() => h ? {
     position: "sticky",
     top: 0,
     zIndex: 1
-  } : {}, [u]), a = c(
+  } : {}, [h]), c = u(
     () => t.table.getRowModel().rows,
     // The dependencies are needed to ensure that the rows are recalculated when any of these change
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -29,65 +29,81 @@ const q = ({
       t.sorting,
       t.data
     ]
-  ), h = a.length, r = !!s, p = s?.estimateRowHeight ?? 40, f = s?.overscan ?? 5, B = s?.height ?? "600px", H = c(
+  ), p = c.length, l = !!a, f = a?.estimateRowHeight ?? 40, x = a?.overscan ?? 5, B = a?.height ?? "600px", H = u(
     () => ({
-      count: h,
-      getScrollElement: () => b.current,
-      estimateSize: () => p,
-      overscan: f,
-      enabled: r
+      count: p,
+      getScrollElement: () => i.current,
+      estimateSize: () => f,
+      overscan: x,
+      enabled: l,
+      onChange: (o, d) => {
+        d && i.current && document.activeElement !== i.current && i.current.focus();
+      }
     }),
-    [r, p, f, h]
-  ), x = E(H), n = r ? x.getVirtualItems() : [], I = () => {
-    if (!r)
-      return /* @__PURE__ */ e(S, { children: a.map((l) => {
-        const o = l.getVisibleCells();
+    [l, f, x, p]
+  ), C = $(H), n = l ? C.getVirtualItems() : [], I = () => {
+    if (!l)
+      return /* @__PURE__ */ e(y, { children: c.map((s) => {
+        const r = s.getVisibleCells();
         return /* @__PURE__ */ e(
           v,
           {
-            row: l,
-            visibleCells: o,
-            onClickRow: d,
-            onRowClickIndication: m,
+            row: s,
+            visibleCells: r,
+            onClickRow: m,
+            onRowClickIndication: b,
             showRowHoverStyle: g
           },
-          l.id
+          s.id
         );
       }) });
-    const i = n.length > 0 ? n[0]?.start ?? 0 : 0, T = n.length > 0 ? x.getTotalSize() - (n[n.length - 1]?.end ?? 0) : 0, V = a[0]?.getVisibleCells().length ?? t.table.getVisibleLeafColumns().length;
-    return /* @__PURE__ */ y(S, { children: [
-      i > 0 && /* @__PURE__ */ e("tr", { style: { height: `${i}px` }, "aria-hidden": "true", children: /* @__PURE__ */ e("td", { colSpan: V }) }),
-      n.map((l) => {
-        const o = a[l.index];
-        if (!o) return null;
-        const j = o.getVisibleCells();
+    const o = n.length > 0 ? n[0]?.start ?? 0 : 0, d = n.length > 0 ? C.getTotalSize() - (n[n.length - 1]?.end ?? 0) : 0, V = c[0]?.getVisibleCells().length ?? t.table.getVisibleLeafColumns().length;
+    return /* @__PURE__ */ S(y, { children: [
+      o > 0 && /* @__PURE__ */ e("tr", { style: { height: `${o}px` }, "aria-hidden": "true", children: /* @__PURE__ */ e("td", { colSpan: V }) }),
+      n.map((s) => {
+        const r = c[s.index];
+        if (!r) return null;
+        const _ = r.getVisibleCells();
         return /* @__PURE__ */ e(
           v,
           {
-            row: o,
-            visibleCells: j,
-            onClickRow: d,
-            onRowClickIndication: m,
+            row: r,
+            visibleCells: _,
+            onClickRow: m,
+            onRowClickIndication: b,
             showRowHoverStyle: g
           },
-          o.id
+          r.id
         );
       }),
-      T > 0 && /* @__PURE__ */ e("tr", { style: { height: `${T}px` }, "aria-hidden": "true", children: /* @__PURE__ */ e("td", { colSpan: V }) })
+      d > 0 && /* @__PURE__ */ e("tr", { style: { height: `${d}px` }, "aria-hidden": "true", children: /* @__PURE__ */ e("td", { colSpan: V }) })
     ] });
-  }, C = /* @__PURE__ */ y(M, { ...w, id: t.id, children: [
-    /* @__PURE__ */ e($, { style: z, children: t.table.getHeaderGroups().map((i) => /* @__PURE__ */ e(
-      k,
+  }, T = /* @__PURE__ */ S(j, { ...R, id: t.id, children: [
+    /* @__PURE__ */ e(E, { style: z, children: t.table.getHeaderGroups().map((o) => /* @__PURE__ */ e(
+      Y,
       {
-        headerGroup: i,
-        hideTableHeaderDropdown: R
+        headerGroup: o,
+        hideTableHeaderDropdown: w
       },
-      i.id
+      o.id
     )) }),
     I()
   ] });
-  return r ? /* @__PURE__ */ e(D, { ref: b, overflowY: "auto", height: B, position: "relative", children: C }) : C;
-}, Q = L(q);
+  return l ? /* @__PURE__ */ e(
+    M,
+    {
+      ref: i,
+      overflowY: "auto",
+      height: B,
+      position: "relative",
+      tabIndex: -1,
+      outline: "none",
+      _focus: { outline: "none", boxShadow: "none" },
+      _focusVisible: { outline: "none", boxShadow: "none" },
+      children: T
+    }
+  ) : T;
+}, P = D(k);
 export {
-  Q as TableContent
+  P as TableContent
 };

package/dist/theme/theme-config/components/table-theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-theme.d.ts","sourceRoot":"","sources":["../../../../lib/theme/theme-config/components/table-theme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,yBAAyB,EAA8C,MAAM,kBAAkB,CAAC;AAiF9G,eAAO,MAAM,WAAW,EAAE,yBAExB,CAAC"}
+{"version":3,"file":"table-theme.d.ts","sourceRoot":"","sources":["../../../../lib/theme/theme-config/components/table-theme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,yBAAyB,EAA8C,MAAM,kBAAkB,CAAC;AAmF9G,eAAO,MAAM,WAAW,EAAE,yBAExB,CAAC"}

package/dist/theme/theme-config/components/table-theme.js

@@ -1,10 +1,10 @@
-import { createMultiStyleConfigHelpers as n, defineStyle as e } from "@chakra-ui/react";
-import { ThemeColorVariable as o, ThemeSpaceVariable as r, ThemeFontVariable as a } from "../../theme-types.js";
+import { createMultiStyleConfigHelpers as a, defineStyle as e } from "@chakra-ui/react";
+import { ThemeColorVariable as o, ThemeSpaceVariable as r, ThemeFontVariable as n } from "../../theme-types.js";
 import { ThemeFontSizeToken as t } from "../theme-tokens.js";
 import { tableAnatomy as l } from "../../../packages/casper-ui-library/node_modules/@chakra-ui/anatomy/dist/esm/components.js";
-const { definePartsStyle: d, defineMultiStyleConfig: i } = n(l.keys), b = e({
+const { definePartsStyle: d, defineMultiStyleConfig: i } = a(l.keys), p = e({
   position: "relative",
-  fontFamily: a.Body,
+  fontFamily: n.Body,
   fontSize: t.Small,
   th: {
     padding: "0px",
@@ -28,12 +28,14 @@ const { definePartsStyle: d, defineMultiStyleConfig: i } = n(l.keys), b = e({
     gap: r.XSmall,
     _last: {
       borderRight: "none"
-    }
+    },
+    "&:has(input)": { padding: "0px !important" },
+    "&:has(textarea)": { padding: "0px !important" }
   },
   tr: {
     borderColor: o.OnBackgroundBorder
   }
-}), s = e({
+}), b = e({
   cursor: "pointer",
   backgroundColor: o.Surface,
   div: {
@@ -42,9 +44,9 @@ const { definePartsStyle: d, defineMultiStyleConfig: i } = n(l.keys), b = e({
       fontWeight: 400
     }
   }
-}), c = e({
+}), s = e({
   color: o.OnBackground
-}), p = e({
+}), c = e({
   borderTop: "1px solid",
   _first: {
     borderTop: "none"
@@ -59,14 +61,14 @@ const { definePartsStyle: d, defineMultiStyleConfig: i } = n(l.keys), b = e({
     backgroundColor: o.OnBackgroundSubdued
   }
 }), u = d({
-  table: b,
-  tfoot: c,
-  th: s,
-  tr: p,
+  table: p,
+  tfoot: s,
+  th: b,
+  tr: c,
   thead: g
-}), k = i({
+}), x = i({
   baseStyle: u
 });
 export {
-  k as tableConfig
+  x as tableConfig
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@caspeco/casper-ui-library",
-	"version": "7.9.0",
+	"version": "7.9.2",
 	"prettier": "@caspeco/prettier-config",
 	"type": "module",
 	"sideEffects": false,