@memobit/libs 3.4.3 → 3.5.0

package/dist/components/DataView/DataView.MiniSort.js

@@ -1,25 +1,27 @@
 import { getColumnLabel as a } from "./DataView.CardView.js";
-import { MiniSort as m } from "../MiniSort/MiniSort2.js";
-import { jsx as s } from "react/jsx-runtime";
-function b({ columns: i, config: l, sortDirection: t, sortKey: c, onSort: e }) {
+import { MiniSort as s } from "../MiniSort/MiniSort2.js";
+import { jsx as d } from "react/jsx-runtime";
+function g({ columns: t, config: l, sortDirection: i, sortKey: c, onSort: e }) {
   const r = l?.columns ?? l?.column ?? [];
-  return r.length === 0 ? null : /* @__PURE__ */ s(m, {
-    items: r.map((n) => {
-      const o = i.find((u) => u.key === n.column);
-      return {
-        value: n.column,
-        label: n.label ?? (o ? a(o) : n.column),
-        icon: n.icon ?? o?.icon,
-        direction: n.direction ?? "asc",
-        disabled: !o
-      };
-    }),
+  if (r.length === 0) return null;
+  const u = r.map((n) => {
+    const o = t.find((m) => m.key === n.column);
+    return {
+      value: n.column,
+      label: n.label ?? (o ? a(o) : n.column),
+      icon: n.icon ?? o?.icon,
+      direction: n.direction ?? "asc",
+      disabled: !o
+    };
+  });
+  return /* @__PURE__ */ d(s, {
+    items: u,
     sortKey: c,
-    sortDirection: t,
+    sortDirection: i,
     onSort: e,
     align: l?.align ?? "left"
   });
 }
 export {
-  b as DataViewMiniSort
+  g as DataViewMiniSort
 };

package/dist/components/DataView/DataView2.js

@@ -1,6 +1,6 @@
 import './DataView.css';
 import { Icon as X } from "../Icon/Icon2.js";
-import { Button as mt } from "../Button/Button2.js";
+import { Button as ft } from "../Button/Button2.js";
 import { Tooltip as Te } from "../Tooltip/Tooltip2.js";
 import { Checkbox as re } from "../Checkbox/Checkbox2.js";
 import { useBreakpoint as pt } from "../../hooks/useBreakpoint.js";
@@ -21,43 +21,43 @@ function Pt({ state: h }) {
     children: /* @__PURE__ */ t(X, { name: h === "asc" ? "arrow-up" : h === "desc" ? "arrow-down" : "arrow-bidirectional-vertical" })
   });
 }
-function Wt({ columns: h, data: I, rowKey: Le, pinnedIds: y, selectable: w = !1, onSelectionChange: Ve, selectedIds: le, pageSizeOptions: ce = Ee, initialPageSize: xe = Ee[1], showPageSize: $ = !0, card: Be, actions: k, actionsWidth: K, timeline: C, onRowClick: R, rowHref: de, rowClassName: he, rowDetail: Fe, empty: N, initialSortKey: Ie = null, initialSortDirection: Ke = "asc", sortKey: Z, sortDirection: ue, onSortChange: Re, miniSort: z, showCardSortControls: ze = !0, desktopView: fe = "table", cardMaxWidth: Ue, className: D, onPageChange: We, onPageSizeChange: me, currentPage: pe, totalItems: ve, group: o, showResultsCount: je = !0, totalCount: Oe, itemNoun: Xe, columnSelector: q }) {
-  const { isMobile: Ze } = pt(), [qe, Je] = P(Ie), [Qe, Ye] = P(Ke), [He, et] = P([]), m = le ?? He, [tt, at] = P(1), nt = pe ?? tt, [T, _e] = P(xe), [S, st] = P(() => h.reduce((e, n) => (n.width && (e[n.key] = n.width), e), {})), [we, it] = P(/* @__PURE__ */ new Set()), ge = (e) => {
-    it((n) => {
-      const i = new Set(n);
+function Wt({ columns: h, data: I, rowKey: Le, pinnedIds: y, selectable: w = !1, onSelectionChange: Ve, selectedIds: le, pageSizeOptions: ce = Ee, initialPageSize: xe = Ee[1], showPageSize: $ = !0, card: Be, actions: k, actionsWidth: K, timeline: C, onRowClick: R, rowHref: de, rowClassName: he, rowDetail: Fe, empty: N, initialSortKey: Ie = null, initialSortDirection: Ke = "asc", sortKey: Z, sortDirection: ue, onSortChange: Re, miniSort: z, showCardSortControls: ze = !0, desktopView: me = "table", cardMaxWidth: Ue, className: D, onPageChange: We, onPageSizeChange: fe, currentPage: pe, totalItems: ve, group: o, showResultsCount: je = !0, totalCount: Oe, itemNoun: Xe, columnSelector: q }) {
+  const { isMobile: Ze } = pt(), [qe, Je] = P(Ie), [Qe, Ye] = P(Ke), [He, et] = P([]), f = le ?? He, [tt, at] = P(1), nt = pe ?? tt, [T, _e] = P(xe), [S, st] = P(() => h.reduce((e, a) => (a.width && (e[a.key] = a.width), e), {})), [we, it] = P(/* @__PURE__ */ new Set()), ge = (e) => {
+    it((a) => {
+      const i = new Set(a);
       return i.has(e) ? i.delete(e) : i.add(e), i;
     });
-  }, M = (e, n) => Le?.(e, n) ?? n, V = (e) => {
+  }, M = (e, a) => Le?.(e, a) ?? a, V = (e) => {
     pe === void 0 && at(e), We?.(e);
-  }, p = Z !== void 0 ? Z : qe, v = ue ?? Qe, A = (e, n) => {
-    Z === void 0 && Je(e), ue === void 0 && Ye(n), Re?.({
+  }, p = Z !== void 0 ? Z : qe, v = ue ?? Qe, A = (e, a) => {
+    Z === void 0 && Je(e), ue === void 0 && Ye(a), Re?.({
       key: e,
-      direction: n
+      direction: a
     }), V(1);
   }, U = L(() => new Set(y ?? []), [y]), W = L(() => {
     let e = I;
     if (p) {
-      const a = h.find((s) => s.key === p);
-      if (a) {
-        const s = a.sortAccessor || a.accessor || ((f) => {
-          const u = f[a.key];
+      const n = h.find((s) => s.key === p);
+      if (n) {
+        const s = n.sortAccessor || n.accessor || ((m) => {
+          const u = m[n.key];
           return typeof u == "string" || typeof u == "number" ? u : "";
-        }), r = [...I].sort((f, u) => {
-          const _ = s(f), d = s(u);
+        }), r = [...I].sort((m, u) => {
+          const _ = s(m), d = s(u);
           return typeof _ == "number" && typeof d == "number" ? _ - d : String(_).localeCompare(String(d));
         });
         e = v === "asc" ? r : r.reverse();
       }
     }
     if (U.size === 0) return e;
-    const n = [], i = [];
-    if (e.forEach((a, s) => {
-      U.has(M(a, s)) ? n.push(a) : i.push(a);
-    }), y && y.length > 1 && n.length > 1) {
-      const a = new Map(y.map((s, r) => [s, r]));
-      n.sort((s, r) => (a.get(M(s, 0)) ?? 0) - (a.get(M(r, 0)) ?? 0));
+    const a = [], i = [];
+    if (e.forEach((n, s) => {
+      U.has(M(n, s)) ? a.push(n) : i.push(n);
+    }), y && y.length > 1 && a.length > 1) {
+      const n = new Map(y.map((s, r) => [s, r]));
+      a.sort((s, r) => (n.get(M(s, 0)) ?? 0) - (n.get(M(r, 0)) ?? 0));
     }
-    return [...n, ...i];
+    return [...a, ...i];
   }, [
     h,
     I,
@@ -67,21 +67,21 @@ function Wt({ columns: h, data: I, rowKey: Le, pinnedIds: y, selectable: w = !1,
     y
   ]), j = ve !== void 0, x = L(() => {
     if (!o || j) return W;
-    const e = /* @__PURE__ */ new Map(), n = [];
-    W.forEach((a) => {
-      const s = o.groupBy(a), r = e.get(s);
-      r ? r.push(a) : (e.set(s, [a]), n.push(s));
+    const e = /* @__PURE__ */ new Map(), a = [];
+    W.forEach((n) => {
+      const s = o.groupBy(n), r = e.get(s);
+      r ? r.push(n) : (e.set(s, [n]), a.push(s));
     });
-    const i = n.map((a) => {
-      const s = e.get(a);
+    const i = a.map((n) => {
+      const s = e.get(n);
       return {
-        key: a,
-        label: o.groupLabel(a),
+        key: n,
+        label: o.groupLabel(n),
         items: s,
         totalCount: s.length
       };
     });
-    return o.sortGroups ? i.sort(o.sortGroups) : i.sort((a, s) => a.key === null ? 1 : s.key === null ? -1 : 0), i.flatMap((a) => a.items);
+    return o.sortGroups ? i.sort(o.sortGroups) : i.sort((n, s) => n.key === null ? 1 : s.key === null ? -1 : 0), i.flatMap((n) => n.items);
   }, [
     o,
     j,
@@ -89,42 +89,46 @@ function Wt({ columns: h, data: I, rowKey: Le, pinnedIds: y, selectable: w = !1,
   ]), O = j ? ve : x.length, J = Math.max(1, Math.ceil(O / T)), B = Math.min(nt, J), g = j ? x : x.slice((B - 1) * T, B * T), Q = je ? _t(T, O, Oe ?? O, B, Xe) : null, Y = L(() => {
     if (!o) return null;
     const e = /* @__PURE__ */ new Map();
-    return x.forEach((n) => {
-      const i = o.groupBy(n);
+    return x.forEach((a) => {
+      const i = o.groupBy(a);
       e.set(i, (e.get(i) ?? 0) + 1);
     }), e;
   }, [o, x]), H = L(() => {
     if (!o || !Y) return null;
-    const e = /* @__PURE__ */ new Map(), n = [];
-    g.forEach((a) => {
-      const s = o.groupBy(a), r = e.get(s);
-      r ? r.push(a) : (e.set(s, [a]), n.push(s));
+    const e = /* @__PURE__ */ new Map(), a = [];
+    g.forEach((n) => {
+      const s = o.groupBy(n), r = e.get(s);
+      r ? r.push(n) : (e.set(s, [n]), a.push(s));
     });
-    const i = n.map((a) => ({
-      key: a,
-      label: o.groupLabel(a),
-      items: e.get(a),
-      totalCount: Y.get(a) ?? 0
+    const i = a.map((n) => ({
+      key: n,
+      label: o.groupLabel(n),
+      items: e.get(n),
+      totalCount: Y.get(n) ?? 0
     }));
-    return o.sortGroups ? i.sort(o.sortGroups) : i.sort((a, s) => a.key === null ? 1 : s.key === null ? -1 : 0), i;
+    return o.sortGroups ? i.sort(o.sortGroups) : i.sort((n, s) => n.key === null ? 1 : s.key === null ? -1 : 0), i;
   }, [
     o,
     Y,
     g
-  ]), be = L(() => C ? gt(g.map((e) => ({
-    id: C.idAccessor(e),
-    date: C.dateAccessor(e)
-  })), C.granularity) : /* @__PURE__ */ new Map(), [g, C]), E = (e) => {
-    le === void 0 && et(e), Ve?.(I.filter((n, i) => e.includes(M(n, i))));
+  ]), be = L(() => {
+    if (!C) return /* @__PURE__ */ new Map();
+    const e = g.map((a) => ({
+      id: C.idAccessor(a),
+      date: C.dateAccessor(a)
+    }));
+    return gt(e, C.granularity);
+  }, [g, C]), E = (e) => {
+    le === void 0 && et(e), Ve?.(I.filter((a, i) => e.includes(M(a, i))));
   }, rt = (e) => {
     e.sortable && (p === e.key ? A(e.key, v === "asc" ? "desc" : "asc") : A(e.key, "asc"));
-  }, ot = (e, n) => {
+  }, ot = (e, a) => {
     e.preventDefault();
-    const i = e.clientX, a = S[n] ?? 150, s = (f) => {
-      const u = f.clientX - i, _ = h.find((d) => d.key === n)?.minWidth ?? 120;
+    const i = e.clientX, n = S[a] ?? 150, s = (m) => {
+      const u = m.clientX - i, _ = h.find((d) => d.key === a)?.minWidth ?? 120;
       st((d) => ({
         ...d,
-        [n]: Math.max(_, a + u)
+        [a]: Math.max(_, n + u)
       }));
     }, r = () => {
       window.removeEventListener("mousemove", s), window.removeEventListener("mouseup", r);
@@ -139,8 +143,8 @@ function Wt({ columns: h, data: I, rowKey: Le, pinnedIds: y, selectable: w = !1,
     sortKey: p,
     sortDirection: v,
     onSort: A
-  }) : null, Ce = q && q.options.length > 0 ? /* @__PURE__ */ t(Nt, { config: q }) : null, b = g.map(M), ae = b.filter((e) => m.includes(e)).length, ne = !!w && b.length > 0 && ae === b.length, Ne = !!w && ae > 0 && ae < b.length, Se = (e) => {
-    E(e ? [...m, ...b.filter((n) => !m.includes(n))] : m.filter((n) => !b.includes(n)));
+  }) : null, Ce = q && q.options.length > 0 ? /* @__PURE__ */ t(Nt, { config: q }) : null, b = g.map(M), ae = b.filter((e) => f.includes(e)).length, ne = !!w && b.length > 0 && ae === b.length, Ne = !!w && ae > 0 && ae < b.length, Se = (e) => {
+    E(e ? [...f, ...b.filter((a) => !f.includes(a))] : f.filter((a) => !b.includes(a)));
   }, ht = w && b.length > 0 ? /* @__PURE__ */ c("label", {
     className: "data-view__select-all",
     children: [/* @__PURE__ */ t(re, {
@@ -160,7 +164,7 @@ function Wt({ columns: h, data: I, rowKey: Le, pinnedIds: y, selectable: w = !1,
       Ce
     ]
   }) : null, Pe = Me();
-  if (fe !== "cards" && h.length === 0) return /* @__PURE__ */ c("div", {
+  if (me !== "cards" && h.length === 0) return /* @__PURE__ */ c("div", {
     className: `data-view${D ? ` ${D}` : ""}`,
     children: [Pe, /* @__PURE__ */ t("div", {
       className: "data-view__wrapper data-view__wrapper--empty",
@@ -170,7 +174,7 @@ function Wt({ columns: h, data: I, rowKey: Le, pinnedIds: y, selectable: w = !1,
       })
     })]
   });
-  if (fe === "cards") return /* @__PURE__ */ c("div", {
+  if (me === "cards") return /* @__PURE__ */ c("div", {
     className: `data-view data-view--cards${D ? ` ${D}` : ""}`,
     children: [
       Me(ht),
@@ -191,13 +195,13 @@ function Wt({ columns: h, data: I, rowKey: Le, pinnedIds: y, selectable: w = !1,
                 A(null, v);
                 return;
               }
-              const n = String(e.value);
-              A(n, p === n ? v : "asc");
+              const a = String(e.value);
+              A(a, p === a ? v : "asc");
             }
           })
         }), /* @__PURE__ */ t(Te, {
           title: v === "asc" ? "Sort descending" : "Sort ascending",
-          children: /* @__PURE__ */ t(mt, {
+          children: /* @__PURE__ */ t(ft, {
             className: "data-view__card-sort-direction",
             disabled: !te,
             onClick: () => {
@@ -227,7 +231,7 @@ function Wt({ columns: h, data: I, rowKey: Le, pinnedIds: y, selectable: w = !1,
         rowClassName: he,
         empty: N,
         selectable: w,
-        selectedIds: m,
+        selectedIds: f,
         pinnedIds: y,
         cardMaxWidth: Ue,
         isMobile: Ze,
@@ -236,8 +240,8 @@ function Wt({ columns: h, data: I, rowKey: Le, pinnedIds: y, selectable: w = !1,
         collapsible: o?.collapsible,
         collapsedGroups: we,
         onToggleGroup: ge,
-        onToggleSelect: (e, n) => {
-          E(n ? [...m, e] : m.filter((i) => i !== e));
+        onToggleSelect: (e, a) => {
+          E(a ? [...f, e] : f.filter((i) => i !== e));
         }
       }),
       /* @__PURE__ */ t(Ae, {
@@ -248,7 +252,7 @@ function Wt({ columns: h, data: I, rowKey: Le, pinnedIds: y, selectable: w = !1,
         pageSizeOptions: $ ? ce : void 0,
         pageSize: $ ? T : void 0,
         onPageSizeChange: $ ? (e) => {
-          _e(e), V(1), me?.(e);
+          _e(e), V(1), fe?.(e);
         } : void 0
       })
     ]
@@ -268,9 +272,9 @@ function Wt({ columns: h, data: I, rowKey: Le, pinnedIds: y, selectable: w = !1,
           })
         }),
         F.map((e) => {
-          const n = {};
-          return S[e.key] && (n.width = S[e.key]), e.minWidth && (n.minWidth = e.minWidth), /* @__PURE__ */ c("th", {
-            style: Object.keys(n).length > 0 ? n : void 0,
+          const a = {};
+          return S[e.key] && (a.width = S[e.key]), e.minWidth && (a.minWidth = e.minWidth), /* @__PURE__ */ c("th", {
+            style: Object.keys(a).length > 0 ? a : void 0,
             className: e.sortable ? "is-sortable" : "",
             onClick: () => rt(e),
             children: [/* @__PURE__ */ c("span", {
@@ -312,24 +316,24 @@ function Wt({ columns: h, data: I, rowKey: Le, pinnedIds: y, selectable: w = !1,
             secondary: N.secondary
           }) : /* @__PURE__ */ t(oe, { title: "No data available" })
         }) });
-        const e = F.length + (G ? 1 : 0) + (w ? 1 : 0) + (k ? 1 : 0), n = o?.showCount !== !1, i = (a, s) => {
-          const r = M(a, s), f = m.includes(r), u = U.has(r), _ = be.get(s), d = de?.(a), De = !!R || !!d, ut = (l) => {
+        const e = F.length + (G ? 1 : 0) + (w ? 1 : 0) + (k ? 1 : 0), a = o?.showCount !== !1, i = (n, s) => {
+          const r = M(n, s), m = f.includes(r), u = U.has(r), _ = be.get(s), d = de?.(n), De = !!R || !!d, ut = (l) => {
             if (d && (l.metaKey || l.ctrlKey || l.shiftKey)) {
               window.open(d, "_blank", "noopener,noreferrer");
               return;
             }
             if (R) {
-              R(a, l);
+              R(n, l);
               return;
             }
             d && window.location.assign(d);
-          }, ft = (l) => {
+          }, mt = (l) => {
             l.button !== 1 || !d || (l.preventDefault(), window.open(d, "_blank", "noopener,noreferrer"));
-          }, se = Fe?.(a);
+          }, se = Fe?.(n);
           return /* @__PURE__ */ c(Ge.Fragment, { children: [/* @__PURE__ */ c("tr", {
-            className: `${f ? "is-selected" : ""} ${De ? "data-view__row--clickable" : ""} ${u ? "data-view__row--pinned" : ""} ${he?.(a) || ""}`,
+            className: `${m ? "is-selected" : ""} ${De ? "data-view__row--clickable" : ""} ${u ? "data-view__row--pinned" : ""} ${he?.(n) || ""}`,
             onClick: De ? ut : void 0,
-            onAuxClick: d ? ft : void 0,
+            onAuxClick: d ? mt : void 0,
             children: [
               G && /* @__PURE__ */ t("td", {
                 className: "data-view__timeline-cell",
@@ -338,9 +342,9 @@ function Wt({ columns: h, data: I, rowKey: Le, pinnedIds: y, selectable: w = !1,
               w && /* @__PURE__ */ t("td", {
                 className: "data-view__checkbox",
                 children: /* @__PURE__ */ t(re, {
-                  checked: f,
+                  checked: m,
                   onChange: (l) => {
-                    E(l ? [...m, r] : m.filter((ie) => ie !== r));
+                    E(l ? [...f, r] : f.filter((ie) => ie !== r));
                   }
                 })
               }),
@@ -353,7 +357,7 @@ function Wt({ columns: h, data: I, rowKey: Le, pinnedIds: y, selectable: w = !1,
                     name: "pin",
                     size: "sm"
                   })
-                }), kt(l, a)]
+                }), kt(l, n)]
               }, l.key)),
               k && /* @__PURE__ */ t("td", {
                 className: "data-view__actions-cell",
@@ -361,7 +365,7 @@ function Wt({ columns: h, data: I, rowKey: Le, pinnedIds: y, selectable: w = !1,
                 children: /* @__PURE__ */ t("div", {
                   className: "data-view__table-actions",
                   onClick: (l) => l.stopPropagation(),
-                  children: k(a)
+                  children: k(n)
                 })
               })
             ]
@@ -375,11 +379,11 @@ function Wt({ columns: h, data: I, rowKey: Le, pinnedIds: y, selectable: w = !1,
           })] }, r);
         };
         if (H) {
-          let a = 0;
+          let n = 0;
           return H.map((s) => {
-            const r = a;
-            a += s.items.length;
-            const f = o?.collapsible && we.has(s.key);
+            const r = n;
+            n += s.items.length;
+            const m = o?.collapsible && we.has(s.key);
             return /* @__PURE__ */ c(Ge.Fragment, { children: [/* @__PURE__ */ t("tr", {
               className: `data-view__group-row${o?.collapsible ? " data-view__group-row--collapsible" : ""}`,
               onClick: o?.collapsible ? () => ge(s.key) : void 0,
@@ -391,21 +395,21 @@ function Wt({ columns: h, data: I, rowKey: Le, pinnedIds: y, selectable: w = !1,
                     className: "data-view__group-label",
                     children: s.label
                   }),
-                  n && /* @__PURE__ */ t("span", {
+                  a && /* @__PURE__ */ t("span", {
                     className: "data-view__group-count",
                     children: s.items.length === s.totalCount ? s.totalCount : `${s.items.length} of ${s.totalCount}`
                   }),
                   o?.collapsible && /* @__PURE__ */ t(X, {
                     className: "data-view__group-chevron",
-                    name: f ? "caret-down" : "caret-up",
+                    name: m ? "caret-down" : "caret-up",
                     size: "sm"
                   })
                 ]
               })
-            }), !f && s.items.map((u, _) => i(u, r + _))] }, s.key ?? "__null__");
+            }), !m && s.items.map((u, _) => i(u, r + _))] }, s.key ?? "__null__");
           });
         }
-        return g.map((a, s) => i(a, s));
+        return g.map((n, s) => i(n, s));
       })() })] })
     }),
     /* @__PURE__ */ t(Ae, {
@@ -416,7 +420,7 @@ function Wt({ columns: h, data: I, rowKey: Le, pinnedIds: y, selectable: w = !1,
       pageSizeOptions: $ ? ce : void 0,
       pageSize: $ ? T : void 0,
       onPageSizeChange: $ ? (e) => {
-        _e(e), V(1), me?.(e);
+        _e(e), V(1), fe?.(e);
       } : void 0
     })
   ] });