@caspeco/casper-ui-library 7.0.1 → 7.0.2

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.1",
+	"version": "7.0.2",
 	"prettier": "@caspeco/prettier-config",
 	"type": "module",
 	"sideEffects": false,