@caspeco/casper-ui-library 7.0.0 → 7.0.2

package/dist/components/combobox/combobox.js

@@ -106,11 +106,10 @@ function be({
   const $ = ce(I), R = (t) => {
     if (!t || x || S)
       return;
-    if (t.id === "_back") {
+    if (O.current?.parentNode?.querySelector("input")?.focus(), t.id === "_back") {
       f.back();
       return;
     }
-    O.current?.parentNode?.querySelector("input")?.focus();
     const d = f.opened.length > 0 && f.opened[f.opened.length - 1]?.id === t.id;
     if (!v && !d && t.children && t.children.length > 0) {
       f.open(t), requestAnimationFrame(() => E.set(1));

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

@@ -1,50 +1,50 @@
-import { jsx as s } from "react/jsx-runtime";
-import { Tr as x } from "@chakra-ui/react";
-import { memo as h, useMemo as u, useCallback as r } from "react";
+import { jsx as d } from "react/jsx-runtime";
+import { Tr as T } from "@chakra-ui/react";
+import { memo as x, useMemo as l, useCallback as s } from "react";
 import { TableCell as S } from "./table-cell.js";
-import { useTableContext as y } from "./table-context.js";
-import { ThemeColorVariable as a } from "../../theme/theme-types.js";
-const A = ({
+import { useTableContext as h } from "./table-context.js";
+import { ThemeColorVariable as r } from "../../theme/theme-types.js";
+const y = ({
   row: e,
-  visibleCells: i,
+  visibleCells: a,
   onClickRow: o,
-  showRowHoverStyle: c,
-  onRowClickIndication: d
+  showRowHoverStyle: i,
+  onRowClickIndication: c
 }) => {
-  const n = y(), g = u(() => ({ backgroundColor: c ? a.AccentHoverAlpha : "unset", ".action-menu-button": { opacity: 1 } }), [c]), m = r(
+  const n = h(), u = l(() => ({ backgroundColor: i ? r.AccentHoverAlpha : "unset", ".action-menu-button": { opacity: 1 } }), [i]), g = s(
     (t) => {
       o && (t.key === "Enter" || t.key === " ") && (t.preventDefault(), o(e.original, t));
     },
     [o, e.original]
-  ), p = r(
+  ), m = s(
     (t) => {
-      t.stopPropagation(), e.getToggleSelectedHandler(), o && o(e.original, t), d && n.setRowSelection({ [t.currentTarget.id]: !0 });
+      t.stopPropagation(), e.getToggleSelectedHandler(), o && o(e.original, t), c && n.setRowSelection({ [t.currentTarget.id]: !0 });
     },
-    [e, o, d, n]
-  ), l = r(() => e.getIsSelected() ? a.AccentHoverAlpha : "unset", [e]), b = u(() => l(), [l]), f = n.getRowActions?.(e.original);
-  return /* @__PURE__ */ s(
-    x,
+    [e, o, c, n]
+  ), p = l(() => e.getIsSelected() ? r.AccentHoverAlpha : "unset", [e, n.rowSelection]), b = n.getRowActions?.(e.original);
+  return /* @__PURE__ */ d(
+    T,
     {
       id: e.id,
       tabIndex: o ? 0 : void 0,
-      onClick: p,
-      onKeyDown: m,
-      borderTop: e.depth > 0 ? "none" : `1px solid ${a.OnBackgroundBorder}`,
+      onClick: m,
+      onKeyDown: g,
+      borderTop: e.depth > 0 ? "none" : `1px solid ${r.OnBackgroundBorder}`,
       cursor: o ? "pointer" : void 0,
-      backgroundColor: b,
-      _hover: g,
-      children: i.map((t) => {
-        const T = t.column.getIndex() === 0;
-        return /* @__PURE__ */ s(
+      backgroundColor: p,
+      _hover: u,
+      children: a.map((t) => {
+        const f = t.column.getIndex() === 0;
+        return /* @__PURE__ */ d(
           S,
           {
             cell: t,
-            visibleCells: i,
+            visibleCells: a,
             row: e,
             rowIsExpanded: e.getIsExpanded(),
             breakingContentState: n.breakingContentState,
             localeString: n.localeString,
-            actionMenu: T ? f : void 0
+            actionMenu: f ? b : void 0
           },
           t.id
         );
@@ -52,7 +52,7 @@ const A = ({
     },
     e.id
   );
-}, H = h(A);
+}, k = x(y);
 export {
-  H as TableRow
+  k as TableRow
 };

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

@@ -1 +1 @@
-{"version":3,"file":"table-toolbar.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-toolbar.tsx"],"names":[],"mappings":"AAOA,OAAO,EAMN,KAAK,eAAe,EACpB,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAE,KAAK,WAAW,EAA8B,MAAM,OAAO,CAAC;AAIrE,MAAM,MAAM,iBAAiB,GAAG;IAC/B;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACtD;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B,CAAC;AAEF,iBAAS,iBAAiB,CAAC,EAC1B,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,GAAG,KAAK,EACR,EAAE,iBAAiB,GAAG,eAAe,2CAyJrC;AAED,eAAO,MAAM,YAAY,EAA8B,OAAO,iBAAiB,CAAC"}
+{"version":3,"file":"table-toolbar.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-toolbar.tsx"],"names":[],"mappings":"AAOA,OAAO,EAMN,KAAK,eAAe,EACpB,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAE,KAAK,WAAW,EAA8B,MAAM,OAAO,CAAC;AAIrE,MAAM,MAAM,iBAAiB,GAAG;IAC/B;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACtD;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B,CAAC;AAEF,iBAAS,iBAAiB,CAAC,EAC1B,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,GAAG,KAAK,EACR,EAAE,iBAAiB,GAAG,eAAe,2CA2JrC;AAED,eAAO,MAAM,YAAY,EAA8B,OAAO,iBAAiB,CAAC"}

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

@@ -1,28 +1,28 @@
-import { jsx as e, jsxs as r, Fragment as L } from "react/jsx-runtime";
-import { useMediaQuery as j, Flex as a, Portal as V, Box as z } from "@chakra-ui/react";
-import { memo as O, useCallback as l, useMemo as S } from "react";
-import { useTableContext as v } from "./table-context.js";
-import { translations as H } from "./translations.js";
+import { jsx as e, jsxs as r, Fragment as j } from "react/jsx-runtime";
+import { useMediaQuery as V, Flex as a, Portal as z, Box as S } from "@chakra-ui/react";
+import { memo as v, useCallback as l, useMemo as T } from "react";
+import { useTableContext as H } from "./table-context.js";
+import { translations as O } from "./translations.js";
 import { Input as A } from "../input/input.js";
-import { Icon as T } from "../icon/icon.js";
+import { Icon as M } from "../icon/icon.js";
 import { Icons as h } from "../icon/types.js";
 import { Menu as D } from "../menu/menu.js";
 import { MenuButton as G } from "../menu/menu-button.js";
 import { MenuList as E } from "../menu/menu-list.js";
-import { Text as M } from "../text/text.js";
+import { Text as x } from "../text/text.js";
 import { MenuItem as y } from "../menu/menu-item.js";
 import { Checkbox as P } from "../checkbox/checkbox.js";
 import { MenuDivider as Q } from "../menu/menu-divider.js";
 import { Switch as W } from "../switch/switch.js";
 import { IconButton as X } from "../icon-button/icon-button.js";
-import { ThemeIconSizeVariable as q, ThemeSpaceVariable as i, ThemeColorVariable as I, ThemeFontVariable as J, ThemeFontSizeVariable as K } from "../../theme/theme-types.js";
-function R({
+import { ThemeIconSizeVariable as Y, ThemeSpaceVariable as i, ThemeColorVariable as I, ThemeFontVariable as q, ThemeFontSizeVariable as J } from "../../theme/theme-types.js";
+function K({
   tableName: p,
   onSearch: b,
   onAddNewItem: g,
-  ...x
+  ...w
 }) {
-  const t = v(), [w] = j("(min-width: 48em)"), o = H[t.localeString], f = l(() => t.table.getAllColumns().length === Object.keys(t.breakingContentState).length && !Object.values(t.breakingContentState).includes(!1), [t.breakingContentState, t.table]), C = l(
+  const t = H(), [B] = V("(min-width: 48em)"), o = O[t.localeString], f = l(() => t.table.getAllColumns().length === Object.keys(t.breakingContentState).length && !Object.values(t.breakingContentState).includes(!1), [t.breakingContentState, t.table]), C = l(
     (n) => {
       const u = {};
       t.table.getAllColumns().forEach((k) => {
@@ -30,11 +30,11 @@ function R({
       }), t.setBreakingContentState(u), t.onBreakingContentChange?.(u);
     },
     [t]
-  ), s = l(
+  ), c = l(
     () => /* @__PURE__ */ e(
       A,
       {
-        leftElement: /* @__PURE__ */ e(T, { icon: h.Search }),
+        leftElement: /* @__PURE__ */ e(M, { icon: h.Search }),
         onChange: (n) => b?.(n),
         size: "md",
         type: "search",
@@ -43,12 +43,12 @@ function R({
       }
     ),
     [b]
-  ), c = l(
+  ), s = l(
     () => /* @__PURE__ */ e(a, { children: /* @__PURE__ */ r(D, { closeOnSelect: !1, isLazy: !0, children: [
-      /* @__PURE__ */ e(G, { "aria-label": o.presets, variant: "ghost", p: "unset", w: "40px", h: "40px", children: /* @__PURE__ */ e(T, { icon: h.Sliders, size: q.Medium }) }),
-      /* @__PURE__ */ e(V, { children: /* @__PURE__ */ r(E, { children: [
+      /* @__PURE__ */ e(G, { "aria-label": o.presets, variant: "ghost", p: "unset", w: "40px", h: "40px", children: /* @__PURE__ */ e(M, { icon: h.Sliders, size: Y.Medium }) }),
+      /* @__PURE__ */ e(z, { children: /* @__PURE__ */ r(E, { children: [
         /* @__PURE__ */ e(
-          M,
+          x,
           {
             color: I.OnSurfaceSubdued,
             py: i.Small,
@@ -56,8 +56,8 @@ function R({
             children: o.showColumns
           }
         ),
-        t.table.getAllLeafColumns().filter((n) => n.getCanHide()).map((n) => /* @__PURE__ */ r(y, { itemType: "checkbox", leftIcon: h.GripMore, children: [
-          /* @__PURE__ */ e(L, { children: n.columnDef.header }),
+        /* @__PURE__ */ e(S, { maxHeight: "320px", overflowY: "auto", children: t.table.getAllLeafColumns().filter((n) => n.getCanHide()).map((n) => /* @__PURE__ */ r(y, { itemType: "checkbox", leftIcon: h.GripMore, children: [
+          /* @__PURE__ */ e(j, { children: n.columnDef.header }),
           /* @__PURE__ */ e(
             P,
             {
@@ -65,7 +65,7 @@ function R({
               onChange: n.getToggleVisibilityHandler()
             }
           )
-        ] }, n.id)),
+        ] }, n.id)) }),
         /* @__PURE__ */ e(Q, {}),
         /* @__PURE__ */ r(y, { itemType: "switch", children: [
           o.breakingContent,
@@ -88,48 +88,48 @@ function R({
         "aria-label": o.new,
         icon: h.Increase,
         onClick: g,
-        variant: "primary"
+        variant: "secondary"
       }
     ),
     [g, o.new]
   ), d = l(
     () => /* @__PURE__ */ e(
-      M,
+      x,
       {
-        fontSize: K.X2Large,
+        fontSize: J.X2Large,
         color: I.OnBackgroundHeader,
         fontWeight: "bold",
-        fontFamily: J.Header,
+        fontFamily: q.Header,
         children: p
       }
     ),
     [p]
-  ), B = S(
+  ), F = T(
     () => /* @__PURE__ */ e(a, { direction: "column", gap: i.Medium, mb: i.Medium, children: /* @__PURE__ */ r(a, { justifyContent: "space-between", alignItems: "center", children: [
       d(),
       /* @__PURE__ */ r(a, { gap: i.Medium, children: [
-        s(),
         c(),
+        s(),
         m()
       ] })
     ] }) }),
-    [m, s, c, d]
-  ), F = S(
+    [m, c, s, d]
+  ), L = T(
     () => /* @__PURE__ */ r(a, { direction: "column", gap: i.Medium, mb: i.Medium, children: [
       /* @__PURE__ */ r(a, { justifyContent: "space-between", children: [
         d(),
         m()
       ] }),
       /* @__PURE__ */ r(a, { justifyContent: "space-between", gap: i.Medium, children: [
-        s(),
-        c()
+        c(),
+        s()
       ] })
     ] }),
-    [m, s, c, d]
+    [m, c, s, d]
   );
-  return /* @__PURE__ */ e(z, { id: "tableToolbar", ...x, children: w ? B : F });
+  return /* @__PURE__ */ e(S, { id: "tableToolbar", ...w, children: B ? F : L });
 }
-const ue = O(R);
+const ue = v(K);
 export {
   ue as TableToolbar
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@caspeco/casper-ui-library",
-	"version": "7.0.0",
+	"version": "7.0.2",
 	"prettier": "@caspeco/prettier-config",
 	"type": "module",
 	"sideEffects": false,
@@ -35,18 +35,18 @@
 		"@testing-library/react": "^16.3.0",
 		"@testing-library/user-event": "^14.6.1",
 		"@types/jest": "^30.0.0",
-		"@types/node": "^24.7.0",
+		"@types/node": "^24.7.2",
 		"@types/react": "^18.3.12",
 		"@types/react-dom": "^18.3.1",
 		"@vitejs/plugin-react-swc": "^4.1.0",
 		"eslint": "^9.37.0",
-		"eslint-plugin-react-hooks": "^6.1.1",
+		"eslint-plugin-react-hooks": "^7.0.0",
 		"eslint-plugin-react-refresh": "^0.4.23",
 		"globals": "^16.4.0",
 		"jsdom": "^27.0.0",
 		"tsc-alias": "^1.8.16",
 		"typescript": "~5.9.3",
-		"typescript-eslint": "^8.45.0",
+		"typescript-eslint": "^8.46.0",
 		"vite": "^7.1.9",
 		"vite-plugin-dts": "^4.5.4",
 		"vite-tsconfig-paths": "^5.1.4",