@hybridcore/ui 1.6.31 → 1.6.32

package/dist/components/charts/_common/utils.js

@@ -43,10 +43,7 @@ const i = [
   const e = (r = t == null ? void 0 : t.dataItem) == null ? void 0 : r.get("valuePercentTotal");
   return typeof e == "number" ? e : void 0;
 }, T = (t, e) => {
-  t.valueLabels.template.set(
-    "text",
-    u({ percentDecimals: e })
-  ), t.valueLabels.template.adapters.add("text", (r, a) => {
+  t.valueLabels.template.set("text", u({ percentDecimals: e })), t.valueLabels.template.adapters.add("text", (r, a) => {
     const n = b(a);
     return n === void 0 ? r : u({ percentDecimals: e, percent: n });
   });

package/dist/components/charts/donut-chart/logic.js

@@ -87,11 +87,7 @@ const pe = (k) => {
       const l = a[0], u = l ? (F = c[0]) == null ? void 0 : F[l.value] : void 0;
       Y && n && l && u != null && u !== "" && y.children.push(
         _.new(e, {
-          text: l.type === "date" ? O(
-            u,
-            l.dateFormat,
-            l.value
-          ) : String(u),
+          text: l.type === "date" ? O(u, l.dateFormat, l.value) : String(u),
           centerX: i(50),
           x: i(50),
           fill: v(m.palette.text.secondary),

package/dist/components/charts/heatmap/logic.js

@@ -173,9 +173,7 @@ const Oe = (P) => {
           })
         ), C = T.orderBy(i, [h.value]), C = C.map((w) => ({
           ...w,
-          [h.value]: Z(w[h.value]).format(
-            v
-          )
+          [h.value]: Z(w[h.value]).format(v)
         }));
       } else
         k = d.xAxes.push(

package/dist/components/charts/pie-chart/logic.js

@@ -72,11 +72,7 @@ const pe = (b) => {
       const i = t[0], p = i ? (F = l[0]) == null ? void 0 : F[i.value] : void 0;
       Y && n && i && p != null && p !== "" && y.children.push(
         _.new(e, {
-          text: i.type === "date" ? k(
-            p,
-            i.dateFormat,
-            i.value
-          ) : String(p),
+          text: i.type === "date" ? k(p, i.dateFormat, i.value) : String(p),
           centerX: d(50),
           x: d(50),
           fill: Z(f.palette.text.secondary),

package/dist/components/charts/stacked-area-radar/logic.js

@@ -799,9 +799,7 @@ const et = (_) => {
           })
         ), v = H.orderBy(v, [x.value]), v = v.map((A) => ({
           ...A,
-          [x.value]: ye(A[x.value]).format(
-            P
-          )
+          [x.value]: ye(A[x.value]).format(P)
         }));
       } else
         C = p.xAxes.push(

package/dist/components/charts/stacked-column-chart/logic.js

@@ -62,9 +62,7 @@ const Fe = (L) => {
           })
         ), m = C.orderBy(m, [a.value]), m = m.map((r) => ({
           ...r,
-          [a.value]: P(r[a.value]).format(
-            s
-          )
+          [a.value]: P(r[a.value]).format(s)
         }));
       } else
         l = o.xAxes.push(
@@ -128,9 +126,7 @@ const Fe = (L) => {
           });
         }), j.data.push(r);
       }
-      Object.keys(A).forEach(
-        (t) => I($(t), t)
-      ), o.set(
+      Object.keys(A).forEach((t) => I($(t), t)), o.set(
         "cursor",
         ae.new(e, { xAxis: l, behavior: "none" })
       ).lineY.set("visible", !1), G({

package/dist/components/paginated-list/index.js

@@ -1,17 +1,17 @@
-import { jsxs as n, Fragment as g, jsx as e } from "react/jsx-runtime";
+import { jsxs as n, Fragment as h, jsx as e } from "react/jsx-runtime";
 import { Typography as I, Divider as k, Checkbox as R, CircularProgress as H, TablePagination as T, Box as W, ListItem as B, ListItemIcon as J, ListItemText as q } from "@mui/material";
 import K from "lodash";
 import { joinMeta as Q } from "./helpers.js";
 import { usePaginatedListLogic as X } from "./logic.js";
-import { PaginatedListRoot as Y, PaginatedListHeader as Z, PaginatedListViewAll as $, PaginatedListContent as ee, PaginatedListCardRail as ie, PaginatedListCard as ne, PaginatedListCardHeader as ae, PaginatedListCardIcon as te, PaginatedListCardTitle as re, PaginatedListCardDescription as oe, PaginatedListCardFooter as de, PaginatedListCardMeta as se, PaginatedListCardAction as ce, PaginatedListLoadMore as le, PaginatedListPagination as M, PaginatedListList as he } from "./styled.js";
-import { c as ge } from "../../createReactComponent-C7L-DMHj.js";
+import { PaginatedListRoot as Y, PaginatedListHeader as Z, PaginatedListViewAll as $, PaginatedListContent as ee, PaginatedListCardRail as ie, PaginatedListCard as ne, PaginatedListCardHeader as ae, PaginatedListCardIcon as te, PaginatedListCardTitle as re, PaginatedListCardDescription as oe, PaginatedListCardFooter as de, PaginatedListCardMeta as se, PaginatedListCardAction as ce, PaginatedListLoadMore as le, PaginatedListPagination as M, PaginatedListList as ge } from "./styled.js";
+import { c as he } from "../../createReactComponent-C7L-DMHj.js";
 /**
  * @license @tabler/icons-react v3.44.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const pe = [["path", { d: "M17 7l-10 10", key: "svg-0" }], ["path", { d: "M8 7l9 0l0 9", key: "svg-1" }]], O = ge("outline", "arrow-up-right", "ArrowUpRight", pe), A = [5, 10, 25, 50], xe = (_) => {
+const pe = [["path", { d: "M17 7l-10 10", key: "svg-0" }], ["path", { d: "M8 7l9 0l0 9", key: "svg-1" }]], O = he("outline", "arrow-up-right", "ArrowUpRight", pe), A = [5, 10, 25, 50], xe = (_) => {
   const {
     title: c,
     variant: b,
@@ -38,7 +38,7 @@ const pe = [["path", { d: "M17 7l-10 10", key: "svg-0" }], ["path", { d: "M8 7l9
     ownerState: a,
     sx: V,
     other: G
-  } = X(_), h = S, r = b === "cards", o = r && D === "grid", d = t || !!U;
+  } = X(_), g = S, o = b === "cards", r = o && D === "grid", d = t || !!U;
   return /* @__PURE__ */ n(
     Y,
     {
@@ -51,10 +51,10 @@ const pe = [["path", { d: "M17 7l-10 10", key: "svg-0" }], ["path", { d: "M8 7l9
       }),
       ...G,
       children: [
-        c && /* @__PURE__ */ n(g, { children: [
+        c && /* @__PURE__ */ n(h, { children: [
           /* @__PURE__ */ n(Z, { ownerState: a, children: [
             /* @__PURE__ */ e(I, { variant: "h3", children: c }),
-            r && !o && P && /* @__PURE__ */ e(
+            o && !r && P && /* @__PURE__ */ e(
               $,
               {
                 size: "small",
@@ -64,19 +64,20 @@ const pe = [["path", { d: "M17 7l-10 10", key: "svg-0" }], ["path", { d: "M8 7l9
               }
             )
           ] }),
-          !r && /* @__PURE__ */ e(k, {})
+          !o && /* @__PURE__ */ e(k, {})
         ] }),
-        /* @__PURE__ */ e(ee, { ownerState: a, children: r ? /* @__PURE__ */ n(g, { children: [
-          /* @__PURE__ */ n(ie, { grid: o, children: [
+        /* @__PURE__ */ e(ee, { ownerState: a, children: o ? /* @__PURE__ */ n(h, { children: [
+          /* @__PURE__ */ n(ie, { grid: r, children: [
             l.map((i, s) => {
               const w = Q(i.meta, z);
               return /* @__PURE__ */ n(
                 ne,
                 {
+                  grid: r,
                   onClick: y(i),
                   sx: {
                     cursor: d ? "pointer" : "default",
-                    ...o && { flex: "1 1 280px", maxWidth: 360 }
+                    ...r && { flex: "1 1 280px", maxWidth: 360 }
                   },
                   children: [
                     /* @__PURE__ */ n(ae, { children: [
@@ -87,7 +88,7 @@ const pe = [["path", { d: "M17 7l-10 10", key: "svg-0" }], ["path", { d: "M8 7l9
                           sx: { p: 0 },
                           checked: v.indexOf(i.id) !== -1
                         }
-                      ) : (i.icon || h) && /* @__PURE__ */ e(te, { children: i.icon ?? (h ? /* @__PURE__ */ e(h, {}) : null) }),
+                      ) : (i.icon || g) && /* @__PURE__ */ e(te, { children: i.icon ?? (g ? /* @__PURE__ */ e(g, {}) : null) }),
                       /* @__PURE__ */ e(re, { variant: "h4", title: i.title, children: i.title })
                     ] }),
                     /* @__PURE__ */ e(
@@ -109,7 +110,7 @@ const pe = [["path", { d: "M17 7l-10 10", key: "svg-0" }], ["path", { d: "M8 7l9
             }),
             p && E && /* @__PURE__ */ e(le, { ref: F.sentinelRef, children: j && /* @__PURE__ */ e(H, { size: 18 }) })
           ] }),
-          o && !p && /* @__PURE__ */ e(M, { ownerState: a, children: /* @__PURE__ */ e(
+          r && !p && /* @__PURE__ */ e(M, { ownerState: a, children: /* @__PURE__ */ e(
             T,
             {
               component: "div",
@@ -121,8 +122,8 @@ const pe = [["path", { d: "M17 7l-10 10", key: "svg-0" }], ["path", { d: "M8 7l9
               onRowsPerPageChange: x
             }
           ) })
-        ] }) : /* @__PURE__ */ n(g, { children: [
-          /* @__PURE__ */ e(he, { disablePadding: !0, ownerState: a, children: l.map((i, s) => /* @__PURE__ */ n(W, { children: [
+        ] }) : /* @__PURE__ */ n(h, { children: [
+          /* @__PURE__ */ e(ge, { disablePadding: !0, ownerState: a, children: l.map((i, s) => /* @__PURE__ */ n(W, { children: [
             s !== 0 && /* @__PURE__ */ e(k, { component: "li" }),
             /* @__PURE__ */ n(
               B,

package/dist/components/paginated-list/styled.js

@@ -1,4 +1,4 @@
-import { styled as a, Paper as o, Box as e, List as s, Button as d, Typography as i } from "@mui/material";
+import { styled as a, Paper as o, Box as e, List as s, Button as d, Typography as n } from "@mui/material";
 const g = a(o, {
   name: "HCPaginatedList",
   slot: "Root"
@@ -6,7 +6,7 @@ const g = a(o, {
   display: "flex",
   flexDirection: "column",
   height: "100%"
-})), c = a(e, {
+})), p = a(e, {
   name: "HCPaginatedList",
   slot: "Header"
 })(({ theme: t }) => ({
@@ -18,7 +18,7 @@ const g = a(o, {
   alignItems: "center",
   justifyContent: "space-between",
   gap: t.spacing(1)
-})), p = a(e, {
+})), c = a(e, {
   name: "HCPaginatedList",
   slot: "Content"
 })(() => ({
@@ -59,12 +59,12 @@ const g = a(o, {
   name: "HCPaginatedList",
   slot: "CardRail",
   shouldForwardProp: (t) => t !== "grid"
-})(({ theme: t, grid: n }) => ({
+})(({ theme: t, grid: i }) => ({
   minHeight: 0,
   display: "flex",
   alignItems: "stretch",
   gap: t.spacing(2),
-  ...n ? {
+  ...i ? {
     // Wraps and lets the *page* scroll. No `overflow` here on purpose: the rail
     // has no bounded height, so `auto` would produce no scrollbar and leave the
     // sentinel permanently in view, pulling page after page.
@@ -73,12 +73,20 @@ const g = a(o, {
     alignContent: "flex-start"
   } : {
     flex: "0 0 auto",
-    overflow: "hidden"
+    overflow: "hidden",
+    [t.breakpoints.down("md")]: {
+      overflowX: "auto",
+      overflowY: "hidden",
+      scrollSnapType: "x mandatory",
+      scrollbarWidth: "none",
+      "&::-webkit-scrollbar": { display: "none" }
+    }
   }
 })), P = a(e, {
   name: "HCPaginatedList",
-  slot: "Card"
-})(({ theme: t }) => ({
+  slot: "Card",
+  shouldForwardProp: (t) => t !== "grid"
+})(({ theme: t, grid: i }) => ({
   // Equal shares of the row: the rail does not scroll, so cards divide the width
   // rather than spilling out of it. `flex-basis: 0` stops a long title widening its
   // card; the grid overrides the basis so cards wrap instead of shrinking to slivers.
@@ -93,7 +101,16 @@ const g = a(o, {
   padding: t.spacing(2),
   borderRadius: t.shape.borderRadius,
   backgroundColor: t.palette.background.paper,
-  overflow: "hidden"
+  overflow: "hidden",
+  ...i ? {} : {
+    [t.breakpoints.down("md")]: {
+      flex: "0 0 42%",
+      scrollSnapAlign: "start"
+    },
+    [t.breakpoints.down("sm")]: {
+      flex: "0 0 78%"
+    }
+  }
 })), m = a(e, {
   name: "HCPaginatedList",
   slot: "CardHeader"
@@ -101,7 +118,7 @@ const g = a(o, {
   display: "flex",
   alignItems: "flex-start",
   gap: t.spacing(1)
-})), H = a(e, {
+})), u = a(e, {
   name: "HCPaginatedList",
   slot: "CardIcon"
 })(() => ({
@@ -109,7 +126,7 @@ const g = a(o, {
   display: "flex",
   alignItems: "center",
   justifyContent: "center"
-})), u = a(i, {
+})), H = a(n, {
   name: "HCPaginatedList",
   slot: "CardTitle"
 })(() => ({
@@ -118,7 +135,7 @@ const g = a(o, {
   WebkitBoxOrient: "vertical",
   WebkitLineClamp: 3,
   overflow: "hidden"
-})), y = a(i, {
+})), y = a(n, {
   name: "HCPaginatedList",
   slot: "CardDescription"
 })(({ theme: t }) => ({
@@ -147,7 +164,7 @@ const g = a(o, {
   alignItems: "center",
   justifyContent: "space-between",
   gap: 8
-})), w = a(i, {
+})), w = a(n, {
   name: "HCPaginatedList",
   slot: "CardMeta"
 })(({ theme: t }) => ({
@@ -176,12 +193,12 @@ export {
   y as PaginatedListCardDescription,
   b as PaginatedListCardFooter,
   m as PaginatedListCardHeader,
-  H as PaginatedListCardIcon,
+  u as PaginatedListCardIcon,
   w as PaginatedListCardMeta,
   L as PaginatedListCardRail,
-  u as PaginatedListCardTitle,
-  p as PaginatedListContent,
-  c as PaginatedListHeader,
+  H as PaginatedListCardTitle,
+  c as PaginatedListContent,
+  p as PaginatedListHeader,
   C as PaginatedListList,
   v as PaginatedListLoadMore,
   f as PaginatedListPagination,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hybridcore/ui",
   "description": "Hybrid Core UI Library",
-  "version": "1.6.31",
+  "version": "1.6.32",
   "author": "Hybrid Core",
   "license": "ISC",
   "type": "module",