@luminix/mui-cms 0.1.17 → 0.1.18

package/dist/mui-cms.js

@@ -1,13 +1,13 @@
 var gr = Object.defineProperty;
 var br = (e, t, n) => t in e ? gr(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var $e = (e, t, n) => br(e, typeof t != "symbol" ? t + "" : t, n);
-import { config as oe, collect as W, app as T, model as ye, App as St, Model as Oe, Route as yr, Config as re } from "@luminix/core";
-import { jsx as i, jsxs as w, Fragment as L } from "react/jsx-runtime";
+import { config as oe, collect as V, app as T, model as ye, App as St, Model as Oe, Route as yr, Config as re } from "@luminix/core";
+import { jsx as i, jsxs as w, Fragment as B } from "react/jsx-runtime";
 import { Outlet as wr, useParams as Sr, useNavigate as At, useSearchParams as K, Link as Re, Form as Ar } from "react-router-dom";
 import { useCollection as mn, PaginationProvider as xr, usePagination as Se, ModelForm as Cr, useApplyReducers as xt, Forms as Er, LuminixProvider as kr } from "@luminix/react";
-import { useMediaQuery as Me, Dialog as Ct, DialogTitle as Et, DialogContent as kt, DialogContentText as Tr, DialogActions as Tt, Button as M, Snackbar as Dr, Alert as Or, IconButton as q, AlertTitle as Rr, Box as V, Unstable_Grid2 as Q, Fab as Pr, SpeedDial as vr, SpeedDialIcon as Fr, SpeedDialAction as Lr, ButtonGroup as Br, Popper as Ir, Grow as Mr, Paper as Dt, ClickAwayListener as Nr, MenuList as jr, MenuItem as se, AppBar as gn, Toolbar as Ur, Typography as $, Drawer as bn, Divider as Pe, Autocomplete as qr, TextField as Ae, CircularProgress as _r, Switch as Hr, Stack as N, FormControl as at, InputLabel as it, Select as ve, Badge as Ot, Popover as zr, Link as lt, Collapse as yn, TableCell as ee, RadioGroup as $t, FormControlLabel as Ke, Radio as Je, TableContainer as Wr, Table as Vr, TableHead as $r, TableRow as fe, Checkbox as Rt, TableSortLabel as Kr, Skeleton as Kt, TableBody as Jr, TableFooter as Yr, Tabs as Gr, Tab as Jt, Breadcrumbs as Zr, List as Xr, ListItem as Qr, ListItemButton as eo, ListItemIcon as wn, ListItemText as Sn, Menu as An, Avatar as to, CssBaseline as no } from "@mui/material";
+import { useMediaQuery as Me, Dialog as Ct, DialogTitle as Et, DialogContent as kt, DialogContentText as Tr, DialogActions as Tt, Button as M, Snackbar as Dr, Alert as Or, IconButton as q, AlertTitle as Rr, Box as H, Unstable_Grid2 as Q, Fab as Pr, SpeedDial as vr, SpeedDialIcon as Fr, SpeedDialAction as Lr, ButtonGroup as Br, Popper as Ir, Grow as Mr, Paper as Dt, ClickAwayListener as Nr, MenuList as jr, MenuItem as se, AppBar as gn, Toolbar as Ur, Typography as $, Drawer as bn, Divider as Pe, Autocomplete as qr, TextField as Ae, CircularProgress as _r, Switch as Hr, Stack as N, FormControl as at, InputLabel as it, Select as ve, Badge as Ot, Popover as zr, Link as lt, Collapse as yn, TableCell as ee, RadioGroup as $t, FormControlLabel as Ke, Radio as Je, TableContainer as Wr, Table as Vr, TableHead as $r, TableRow as fe, Checkbox as Rt, TableSortLabel as Kr, Skeleton as Kt, TableBody as Jr, TableFooter as Yr, Tabs as Gr, Tab as Jt, Breadcrumbs as Zr, List as Xr, ListItem as Qr, ListItemButton as eo, ListItemIcon as wn, ListItemText as Sn, Menu as An, Avatar as to, CssBaseline as no } from "@mui/material";
 import h, { useContext as xn, useMemo as ro } from "react";
-import { useTranslation as B, initReactI18next as oo } from "react-i18next";
+import { useTranslation as L, initReactI18next as oo } from "react-i18next";
 import { Close as Ne, ArrowDropDown as Cn, ChevronLeft as je, ChevronRight as Ue, HighlightOffOutlined as ct, AddCircleOutline as En, FilterList as kn, Menu as Tn, LastPage as Dn, FirstPage as On, Search as ut, SwapVert as Rn, ArrowUpward as Pn, ArrowDownward as vn, MoreVert as Pt, ExpandLess as Fn, ExpandMore as Ln, Add as so, CategoryOutlined as ao, DashboardOutlined as io, PeopleOutlined as lo } from "@mui/icons-material";
 import { useTheme as vt, styled as Z, createTheme as co, ThemeProvider as uo } from "@mui/material/styles";
 import { Str as k, Obj as G, DateTime as Fe, Query as Bn, Func as fo, MakeFacade as Ft, Reducible as In, ServiceProvider as Mn } from "@luminix/support";
@@ -65,7 +65,7 @@ function go({ children: e, ...t }) {
       current: typeof c == "string" ? { message: c } : c,
       resolve: p
     });
-  }), []), { t: l } = B(), d = () => {
+  }), []), { t: l } = L(), d = () => {
     r && r(!1), o({});
   }, u = () => {
     r && r(!0), o({});
@@ -89,7 +89,7 @@ function go({ children: e, ...t }) {
           (s == null ? void 0 : s.title) && /* @__PURE__ */ i(Et, { id: "alert-dialog-title", children: s.title }),
           /* @__PURE__ */ i(kt, { children: /* @__PURE__ */ i(Tr, { id: "alert-dialog-description", children: s == null ? void 0 : s.message }) }),
           /* @__PURE__ */ w(Tt, { children: [
-            (s == null ? void 0 : s.type) === "confirm" && /* @__PURE__ */ w(L, { children: [
+            (s == null ? void 0 : s.type) === "confirm" && /* @__PURE__ */ w(B, { children: [
               /* @__PURE__ */ i(M, { onClick: d, children: (s == null ? void 0 : s.cancelText) ?? l("No") }),
               /* @__PURE__ */ i(M, { onClick: u, autoFocus: !0, children: (s == null ? void 0 : s.confirmText) ?? l("Yes") })
             ] }),
@@ -115,7 +115,7 @@ const Lt = h.createContext({
   displacement: "8px",
   setDisplacement: () => {
   }
-}), dt = W([]), bo = (e) => {
+}), dt = V([]), bo = (e) => {
   dt.push(
     typeof e == "string" ? { message: e } : e
   );
@@ -243,18 +243,18 @@ function Bt(e) {
   }), [e, t]);
 }
 const Ao = () => {
-  const { t: e } = B();
-  return Bt(e("Dashboard")), /* @__PURE__ */ i(L, { children: "Dashboard" });
+  const { t: e } = L();
+  return Bt(e("Dashboard")), /* @__PURE__ */ i(H, { sx: { p: { xs: 1, sm: 2, md: 3 } }, children: "Dashboard" });
 }, xo = ({ error: e }) => /* @__PURE__ */ w("div", { children: [
   /* @__PURE__ */ i("h1", { children: "Ops..." }),
   /* @__PURE__ */ i("p", { children: "Something went wrong" }),
-  T().hasDebugModeEnabled() && e && /* @__PURE__ */ i(L, { children: /* @__PURE__ */ w("pre", { style: { whiteSpace: "pre-wrap" }, children: [
+  T().hasDebugModeEnabled() && e && /* @__PURE__ */ i(B, { children: /* @__PURE__ */ w("pre", { style: { whiteSpace: "pre-wrap" }, children: [
     e.message,
     /* @__PURE__ */ i("br", {}),
     e.stack
   ] }) })
 ] });
-function H(e, t) {
+function z(e, t) {
   const { layout: n } = xn(X);
   return ro(() => G.get(n, e, t), [n, e, t]);
 }
@@ -267,12 +267,12 @@ const Co = Z("div")(({ theme: e }) => ({
     DesktopPageTitle: r,
     ["Layout.AppBar"]: o,
     ["Layout.Drawer"]: s
-  } = T("cms").getComponents(), a = H("appBar.height"), {
+  } = T("cms").getComponents(), a = z("appBar.height"), {
     AppBar: l,
     Drawer: d,
     main: u
   } = t || {};
-  return /* @__PURE__ */ w(V, { sx: { display: "flex" }, ...n, children: [
+  return /* @__PURE__ */ w(H, { sx: { display: "flex" }, ...n, children: [
     /* @__PURE__ */ i(
       o,
       {
@@ -282,7 +282,7 @@ const Co = Z("div")(({ theme: e }) => ({
     ),
     /* @__PURE__ */ i(s, { ...d }),
     /* @__PURE__ */ w(
-      V,
+      H,
       {
         component: "main",
         sx: {
@@ -293,7 +293,7 @@ const Co = Z("div")(({ theme: e }) => ({
         children: [
           /* @__PURE__ */ i(Co, { style: { height: a } }),
           /* @__PURE__ */ i(r, {}),
-          /* @__PURE__ */ i(V, { sx: { p: { xs: 1, sm: 2, md: 3 } }, children: e })
+          e
         ]
       }
     )
@@ -328,7 +328,7 @@ const To = () => {
     ["ModelIndex.Table.TableBody.TableRow"]: S,
     ["ModelIndex.Tabs"]: b
   } = T("cms").getComponents();
-  return /* @__PURE__ */ w(Q, { container: !0, spacing: 2, children: [
+  return /* @__PURE__ */ i(H, { sx: { p: { xs: 1, sm: 2, md: 3 } }, children: /* @__PURE__ */ w(Q, { container: !0, spacing: 2, children: [
     /* @__PURE__ */ w(
       Q,
       {
@@ -364,7 +364,7 @@ const To = () => {
         ]
       }
     ) })
-  ] });
+  ] }) });
 };
 function Do() {
   const { setShowBackButton: e } = h.useContext(X);
@@ -1608,11 +1608,11 @@ const Gs = async (e) => {
         duplex: "half"
       }), R;
       if (f.isFormData(r) && (R = O.headers.get("content-type")) && c.setContentType(R), O.body) {
-        const [D, z] = nn(
+        const [D, W] = nn(
           g,
           Le(rn(d))
         );
-        r = sn(O.body, an, D, z);
+        r = sn(O.body, an, D, W);
       }
     }
     f.isString(p) || (p = p ? "include" : "omit");
@@ -1633,13 +1633,13 @@ const Gs = async (e) => {
       ["status", "statusText", "headers"].forEach((Ee) => {
         O[Ee] = A[Ee];
       });
-      const R = f.toFiniteNumber(A.headers.get("content-length")), [D, z] = l && nn(
+      const R = f.toFiniteNumber(A.headers.get("content-length")), [D, W] = l && nn(
         R,
         Le(rn(l), !0)
       ) || [];
       A = new Response(
         sn(A.body, an, D, () => {
-          z && z(), m && m();
+          W && W(), m && m();
         }),
         O
       );
@@ -2112,7 +2112,7 @@ function sa() {
   }, [e]);
 }
 const aa = ({ create: e = !1 }) => {
-  const [t, n] = h.useState(), { id: r } = Sr(), { t: o } = B(), s = Ut(), a = At(), l = te(), d = H("breakpoint", "md");
+  const [t, n] = h.useState(), { id: r } = Sr(), { t: o } = L(), s = Ut(), a = At(), l = te(), d = z("breakpoint", "md");
   Bt(
     t != null && t.exists ? o("Edit :model “:label“", { model: l.singular(), label: (t == null ? void 0 : t.getLabel()) || "..." }) : o("Create :model", { model: l.singular() })
   ), Do();
@@ -2123,7 +2123,7 @@ const aa = ({ create: e = !1 }) => {
   const c = h.useCallback(() => {
     s(o(":model saved successfully", { model: l.singular() })), t != null && t.wasRecentlyCreated && a(`/${k.kebab(l.plural())}/${t.getKey()}`);
   }, [s, a, l, t, o]), p = sa(), y = h.useMemo(() => T("cms").getModelFormProps(t), [t]);
-  return t ? /* @__PURE__ */ w(Q, { container: !0, children: [
+  return t ? /* @__PURE__ */ i(H, { sx: { p: { xs: 1, sm: 2, md: 3 } }, children: /* @__PURE__ */ w(Q, { container: !0, children: [
     /* @__PURE__ */ i(Q, { xs: 12, children: /* @__PURE__ */ i(
       u,
       {
@@ -2150,7 +2150,7 @@ const aa = ({ create: e = !1 }) => {
         )
       }
     )
-  ] }) : null;
+  ] }) }) : null;
 };
 function ia(e) {
   const {
@@ -2164,7 +2164,7 @@ function la() {
   return h.useContext(jn).dialog;
 }
 function qt() {
-  const e = At(), t = Ut(), n = la(), { t: r } = B(), { refresh: o } = Se();
+  const e = At(), t = Ut(), n = la(), { t: r } = L(), { refresh: o } = Se();
   return { navigate: e, notify: t, dialog: n, t: r, refresh: o };
 }
 const ca = Z(Pr)(({ theme: e }) => ({
@@ -2220,7 +2220,7 @@ const ca = Z(Pr)(({ theme: e }) => ({
       }
     ),
     document.body
-  ) : /* @__PURE__ */ w(L, { children: [
+  ) : /* @__PURE__ */ w(B, { children: [
     /* @__PURE__ */ w(
       Br,
       {
@@ -2328,7 +2328,7 @@ const fa = Z(
     ["Layout.SearchBar"]: s,
     ["Layout.BackButton"]: a,
     ["Layout.AppLogo"]: l
-  } = T("cms").getComponents(), { open: d } = _t(), u = dr(), c = fr(), p = H("appBar.height"), y = H("drawer.width", 280), {
+  } = T("cms").getComponents(), { open: d } = _t(), u = dr(), c = fr(), p = z("appBar.height"), y = z("drawer.width", 280), {
     start: S = null,
     //: title = config('app.name', document.title),
     end: b = null
@@ -2354,9 +2354,9 @@ const fa = Z(
             children: !n && m || oe("app.name", document.title)
           }
         ),
-        /* @__PURE__ */ i(V, { sx: { flexGrow: 1 } }),
+        /* @__PURE__ */ i(H, { sx: { flexGrow: 1 } }),
         /* @__PURE__ */ w(
-          V,
+          H,
           {
             display: "flex",
             alignItems: "center",
@@ -2425,7 +2425,7 @@ const dn = (e, t) => ({
   // necessary for content to be below app bar
   ...e.mixins.toolbar
 })), wa = (e) => {
-  const t = vt(), n = v(), { open: r, handleDrawerClose: o } = _t(), s = n ? ga : ba, a = H("drawer.width", 280), l = H("appBar.height"), d = T("cms").getComponent("RecursiveList"), u = T("cms").getMenuItems();
+  const t = vt(), n = v(), { open: r, handleDrawerClose: o } = _t(), s = n ? ga : ba, a = z("drawer.width", 280), l = z("appBar.height"), d = T("cms").getComponent("RecursiveList"), u = T("cms").getMenuItems();
   return /* @__PURE__ */ w(
     s,
     {
@@ -2444,7 +2444,7 @@ const dn = (e, t) => ({
       children: [
         /* @__PURE__ */ i(ya, { style: { height: l }, children: /* @__PURE__ */ i(q, { onClick: o, children: t.direction === "ltr" ? /* @__PURE__ */ i(je, {}) : /* @__PURE__ */ i(Ue, {}) }) }),
         /* @__PURE__ */ i(Pe, {}),
-        /* @__PURE__ */ i(V, { sx: { flexGrow: 1, overflowY: "auto", overflowX: "hidden" }, children: /* @__PURE__ */ i(
+        /* @__PURE__ */ i(H, { sx: { flexGrow: 1, overflowY: "auto", overflowX: "hidden" }, children: /* @__PURE__ */ i(
           d,
           {
             collapsed: !r && n,
@@ -2456,7 +2456,7 @@ const dn = (e, t) => ({
     }
   );
 }, Sa = () => {
-  const e = ur(), t = H("breakpoint", "md"), n = fr(), {
+  const e = ur(), t = z("breakpoint", "md"), n = fr(), {
     ["Layout.BackButton"]: r
   } = T("cms").getComponents();
   return /* @__PURE__ */ w(
@@ -2530,13 +2530,13 @@ const dn = (e, t) => ({
 };
 function Ea(e, t) {
   const n = T("filter"), { Model: r, setColumnsFilter: o } = h.useContext(Ht), [s, a] = h.useState(t.key), [l, d] = h.useState(t.operator), [u, c] = h.useState(t.type), [p, y] = h.useState(t.value), [S, b] = h.useState(t.nullable), [m, g] = h.useState(t.is_relation), x = h.useMemo(() => n.getFilterableColumns(r), [r]), A = (O) => () => {
-    o((R) => R.filter((D, z) => z !== O));
+    o((R) => R.filter((D, W) => W !== O));
   }, E = async (O) => {
-    const R = O.target.value, D = x.find((mr) => mr.key === R), z = (D == null ? void 0 : D.type) ?? "text", Ee = (D == null ? void 0 : D.nullable) ?? !1, Vt = (D == null ? void 0 : D.is_relation) ?? !1;
-    Vt ? (d("relation"), y([])) : m && d("equals"), g(Vt), b(Ee), z !== u && (d("equals"), y(() => {
+    const R = O.target.value, D = x.find((mr) => mr.key === R), W = (D == null ? void 0 : D.type) ?? "text", Ee = (D == null ? void 0 : D.nullable) ?? !1, Vt = (D == null ? void 0 : D.is_relation) ?? !1;
+    Vt ? (d("relation"), y([])) : m && d("equals"), g(Vt), b(Ee), W !== u && (d("equals"), y(() => {
       if (["between", "notBetween"].includes(l))
         return [];
-      switch (n.getInputType(z)) {
+      switch (n.getInputType(W)) {
         case "number":
           return 0;
         case "boolean":
@@ -2544,7 +2544,7 @@ function Ea(e, t) {
         default:
           return "";
       }
-    })), a(R), c(z);
+    })), a(R), c(W);
   }, P = async (O) => {
     const R = O.target.value;
     l !== R && y((D) => {
@@ -2561,7 +2561,7 @@ function Ea(e, t) {
     }), d(R);
   };
   return h.useEffect(() => {
-    o((O) => O.map((D, z) => e === z ? {
+    o((O) => O.map((D, W) => e === W ? {
       ...D,
       key: s,
       operator: l,
@@ -2591,20 +2591,20 @@ function Ea(e, t) {
 }
 const pn = async (e, t, n) => {
   const r = e.getSchema().relations[t].model, { data: o } = await ye().make(r).get(), s = o.all().filter((u) => !n.find((c) => c.getKey() === u.getKey())), a = s.length, l = n.length, d = 15;
-  return a + l > d ? W([...n, ...s.slice(0, d - l)]) : W([...n, ...s]);
+  return a + l > d ? V([...n, ...s.slice(0, d - l)]) : V([...n, ...s]);
 }, ka = async (e, t, n = "", r) => {
   const o = e.getSchema().relations[t], s = ye().make(o.model), a = s.getSchema().primaryKey, { data: l } = await s.searchBy(n).get();
-  return W([...r, ...l]).unique(a);
+  return V([...r, ...l]).unique(a);
 }, Ta = () => {
   const e = v(), t = te(), {
     key: n,
     value: r,
     setValue: o
-  } = h.useContext(me), [s, a] = h.useState(!1), [l, d] = h.useState(""), [u, c] = h.useState(W([])), [p, y] = h.useState([]), S = h.useMemo(
+  } = h.useContext(me), [s, a] = h.useState(!1), [l, d] = h.useState(""), [u, c] = h.useState(V([])), [p, y] = h.useState([]), S = h.useMemo(
     () => s && u.count() === 0,
     [s, u]
   ), b = async (m, g) => {
-    d(g), G.isEmpty(g) || c(await ka(t, n, g, W(p)));
+    d(g), G.isEmpty(g) || c(await ka(t, n, g, V(p)));
   };
   return h.useEffect(() => {
     r.length > 0 && (async () => y(await Ca(t, n, r)))();
@@ -2615,7 +2615,7 @@ const pn = async (e, t, n) => {
         m = !1;
       };
   }, [S]), h.useEffect(() => {
-    o(p.map((m) => m.getKey())), G.isEmpty(l) ? (async () => c(await pn(t, n, p)))() : c(W([]));
+    o(p.map((m) => m.getKey())), G.isEmpty(l) ? (async () => c(await pn(t, n, p)))() : c(V([]));
   }, [p]), /* @__PURE__ */ i(
     qr,
     {
@@ -2652,7 +2652,7 @@ const pn = async (e, t, n) => {
     }
   );
 }, Da = ({ params: e, loading: t }) => {
-  const { t: n } = B();
+  const { t: n } = L();
   return /* @__PURE__ */ i(
     Ae,
     {
@@ -2668,7 +2668,7 @@ const pn = async (e, t, n) => {
     }
   );
 }, tt = ({ index: e = null }) => {
-  const { t } = B(), n = v(), r = T("filter"), {
+  const { t } = L(), n = v(), r = T("filter"), {
     type: o,
     value: s,
     setValue: a
@@ -2694,7 +2694,7 @@ const pn = async (e, t, n) => {
   );
 }, Oa = () => {
   const e = v(), { value: t, setValue: n } = h.useContext(me);
-  return /* @__PURE__ */ w(L, { children: [
+  return /* @__PURE__ */ w(B, { children: [
     /* @__PURE__ */ i(
       Hr,
       {
@@ -2707,10 +2707,10 @@ const pn = async (e, t, n) => {
         size: "small"
       }
     ),
-    e && /* @__PURE__ */ i(V, { width: 325 })
+    e && /* @__PURE__ */ i(H, { width: 325 })
   ] });
 }, nt = ({ index: e = null }) => {
-  const { t } = B(), n = v(), r = T("filter"), {
+  const { t } = L(), n = v(), r = T("filter"), {
     type: o,
     value: s,
     setValue: a
@@ -2740,17 +2740,17 @@ const pn = async (e, t, n) => {
     [r]
   );
   if (["null", "notNull"].includes(r))
-    return e ? /* @__PURE__ */ i(V, { width: 230 }) : null;
+    return e ? /* @__PURE__ */ i(H, { width: 230 }) : null;
   if (o)
     switch (t.getInputType(n)) {
       case "date":
       case "datetime-local":
-        return /* @__PURE__ */ w(L, { children: [
+        return /* @__PURE__ */ w(B, { children: [
           /* @__PURE__ */ i(tt, { index: 0 }),
           /* @__PURE__ */ i(tt, { index: 1 })
         ] });
       default:
-        return /* @__PURE__ */ w(L, { children: [
+        return /* @__PURE__ */ w(B, { children: [
           /* @__PURE__ */ i(nt, { index: 0 }),
           /* @__PURE__ */ i(nt, { index: 1 })
         ] });
@@ -2767,7 +2767,7 @@ const pn = async (e, t, n) => {
       return /* @__PURE__ */ i(nt, {});
   }
 }, Ra = ({ index: e, column: t }) => {
-  const { t: n } = B(), r = v(), o = H("breakpoint", "md"), s = T("filter"), a = h.useMemo(() => s.getMatchingOperators(t), [t]), {
+  const { t: n } = L(), r = v(), o = z("breakpoint", "md"), s = T("filter"), a = h.useMemo(() => s.getMatchingOperators(t), [t]), {
     columns: l,
     key: d,
     setKey: u,
@@ -2938,7 +2938,7 @@ const pn = async (e, t, n) => {
     }
   );
 }, hn = ({ dialog: e = !1 }) => {
-  const { t } = B(), n = v(), r = H("breakpoint", "md"), o = T("filter"), {
+  const { t } = L(), n = v(), r = z("breakpoint", "md"), o = T("filter"), {
     columnsFilter: s,
     setColumnsFilter: a,
     handleApplyFilters: l,
@@ -2958,7 +2958,7 @@ const pn = async (e, t, n) => {
     ]);
   };
   return /* @__PURE__ */ w(
-    V,
+    H,
     {
       sx: {
         minWidth: { [r]: 567.5 },
@@ -2967,7 +2967,7 @@ const pn = async (e, t, n) => {
       children: [
         /* @__PURE__ */ i(N, { children: s.map((c, p, y) => {
           const S = p == y.length - 1;
-          return /* @__PURE__ */ w(L, { children: [
+          return /* @__PURE__ */ w(B, { children: [
             /* @__PURE__ */ i(
               Ra,
               {
@@ -3096,7 +3096,7 @@ const va = (e) => {
     }
   }), n;
 }, Fa = () => {
-  const { t: e } = B(), t = T("filter"), n = v(), r = te(), [o, s] = K(), a = h.useMemo(() => "where" in Bn.toObject(o), [o]), [l, d] = h.useState(null), [u, c] = h.useState([]), p = !!l, y = h.useMemo(() => t.getFilterableColumns(r), [r]), S = (A) => {
+  const { t: e } = L(), t = T("filter"), n = v(), r = te(), [o, s] = K(), a = h.useMemo(() => "where" in Bn.toObject(o), [o]), [l, d] = h.useState(null), [u, c] = h.useState([]), p = !!l, y = h.useMemo(() => t.getFilterableColumns(r), [r]), S = (A) => {
     d(A.currentTarget);
   }, b = () => {
     d(null), setTimeout(() => {
@@ -3214,9 +3214,9 @@ const va = (e) => {
 }, zt = h.createContext({
   columns: [],
   columnCount: 0,
-  selected: W([]),
+  selected: V([]),
   massActions: [],
-  items: W([]),
+  items: V([]),
   error: new Error("Trying to access TableContext outside of TableProvider"),
   Model: null
 });
@@ -3256,7 +3256,7 @@ function ae() {
   return h.useContext(zt);
 }
 function La(e) {
-  const [t, n] = h.useState(""), { selected: r } = Wt(), { t: o } = B(), s = qt(), { massActions: a } = ae(), l = (u) => {
+  const [t, n] = h.useState(""), { selected: r } = Wt(), { t: o } = L(), s = qt(), { massActions: a } = ae(), l = (u) => {
     n(u.target.value);
   };
   if (h.useEffect(() => {
@@ -3347,12 +3347,12 @@ const Ba = () => {
   }
 ));
 Ve.displayName = "Link";
-const Ia = ({ label: e }) => isNaN(e) || isNaN(parseFloat(e)) ? /* @__PURE__ */ i(L, { children: {
+const Ia = ({ label: e }) => isNaN(e) || isNaN(parseFloat(e)) ? /* @__PURE__ */ i(B, { children: {
   "« Previous": /* @__PURE__ */ i(je, {}),
   "Next »": /* @__PURE__ */ i(Ue, {}),
   "Last »": /* @__PURE__ */ i(Dn, {}),
   "« First": /* @__PURE__ */ i(On, {})
-}[e] || e }) : /* @__PURE__ */ i(L, { children: e }), Ma = ({ variant: e = "default", ...t }) => {
+}[e] || e }) : /* @__PURE__ */ i(B, { children: e }), Ma = ({ variant: e = "default", ...t }) => {
   const n = e === "default", [r, o] = K(), [s, a] = h.useState(r.get("page") || "1"), {
     links: l,
     meta: {
@@ -3444,7 +3444,7 @@ const Ia = ({ label: e }) => isNaN(e) || isNaN(parseFloat(e)) ? /* @__PURE__ */
     }
   );
 }, Na = () => {
-  const { t: e } = B(), {
+  const { t: e } = L(), {
     meta: {
       total: t = 0,
       from: n = 0,
@@ -3457,7 +3457,7 @@ const Ia = ({ label: e }) => isNaN(e) || isNaN(parseFloat(e)) ? /* @__PURE__ */
     total: t
   }) });
 }, ja = () => {
-  const { t: e } = B(), {
+  const { t: e } = L(), {
     meta: {
       per_page: t = 15
     } = {}
@@ -3539,7 +3539,7 @@ const qa = Z(Ae)(({ theme: e }) => ({
     return e ? r.set("q", e) : r.delete("q"), r;
   });
 }, 500), Ha = () => {
-  const [e, t] = K(), n = e.get("q") || "", [r, o] = h.useState(n), [s, a] = h.useState(!1), l = h.useRef(null), { t: d } = B();
+  const [e, t] = K(), n = e.get("q") || "", [r, o] = h.useState(n), [s, a] = h.useState(!1), l = h.useRef(null), { t: d } = L();
   h.useEffect(() => {
     o(n);
   }, [n]);
@@ -3550,7 +3550,7 @@ const qa = Z(Ae)(({ theme: e }) => ({
     l.current.focus();
   });
   const p = c ? 300 : "calc(100vw - 58px)";
-  return /* @__PURE__ */ w(L, { children: [
+  return /* @__PURE__ */ w(B, { children: [
     !c && !s && /* @__PURE__ */ i(q, { color: "inherit", onClick: () => a(!0), children: /* @__PURE__ */ i(
       Ot,
       {
@@ -3603,7 +3603,7 @@ const qa = Z(Ae)(({ theme: e }) => ({
     children: e
   }
 ), Wa = () => {
-  const { t: e } = B(), [t, n] = K(), {
+  const { t: e } = L(), [t, n] = K(), {
     columns: r,
     Model: o
   } = ae(), s = t.get("order_by") || "", [a = "", l = ""] = s.split(":"), [d, u] = h.useState(a), [c, p] = h.useState(l), [y, S] = h.useState(!1), b = () => {
@@ -3625,7 +3625,7 @@ const qa = Z(Ae)(({ theme: e }) => ({
       return E.delete("order_by"), E;
     }), S(!1), u(""), p("");
   };
-  return /* @__PURE__ */ w(L, { children: [
+  return /* @__PURE__ */ w(B, { children: [
     /* @__PURE__ */ i(q, { onClick: b, children: /* @__PURE__ */ i(
       Ot,
       {
@@ -3658,7 +3658,7 @@ const qa = Z(Ae)(({ theme: e }) => ({
             children: [
               /* @__PURE__ */ i($, { variant: "caption", children: e("Column") }),
               /* @__PURE__ */ i(Pe, {}),
-              W(r).whereStrict("sortable", "!=", !1).map(({ key: A, label: E }) => /* @__PURE__ */ i(
+              V(r).whereStrict("sortable", "!=", !1).map(({ key: A, label: E }) => /* @__PURE__ */ i(
                 Ke,
                 {
                   value: A,
@@ -3683,7 +3683,7 @@ const qa = Z(Ae)(({ theme: e }) => ({
                 {
                   value: "asc",
                   control: /* @__PURE__ */ i(Je, {}),
-                  label: /* @__PURE__ */ w(L, { children: [
+                  label: /* @__PURE__ */ w(B, { children: [
                     e("Ascending"),
                     /* @__PURE__ */ i(Pn, {})
                   ] })
@@ -3694,7 +3694,7 @@ const qa = Z(Ae)(({ theme: e }) => ({
                 {
                   value: "desc",
                   control: /* @__PURE__ */ i(Je, {}),
-                  label: /* @__PURE__ */ w(L, { children: [
+                  label: /* @__PURE__ */ w(B, { children: [
                     e("Descending"),
                     /* @__PURE__ */ i(vn, {})
                   ] })
@@ -3711,7 +3711,7 @@ const qa = Z(Ae)(({ theme: e }) => ({
     ] })
   ] });
 }, Va = ({ items: e, loading: t, children: n, error: r }) => {
-  const o = te(), s = h.useMemo(() => W([]), [o, e]), [a] = K(), l = a.get("tab") ?? "all", d = h.useMemo(() => [
+  const o = te(), s = h.useMemo(() => V([]), [o, e]), [a] = K(), l = a.get("tab") ?? "all", d = h.useMemo(() => [
     {
       key: o.getSchema().labeledBy,
       label: k.human(o.getSchema().labeledBy)
@@ -3790,7 +3790,7 @@ const qa = Z(Ae)(({ theme: e }) => ({
               onClick: m(g),
               children: [
                 x,
-                A && S === g ? /* @__PURE__ */ i(V, { component: "span", sx: { visibility: "hidden", display: "none" }, children: b === "desc" ? "sorted descending" : "sorted ascending" }) : null
+                A && S === g ? /* @__PURE__ */ i(H, { component: "span", sx: { visibility: "hidden", display: "none" }, children: b === "desc" ? "sorted descending" : "sorted ascending" }) : null
               ]
             }
           )
@@ -3807,7 +3807,7 @@ const qa = Z(Ae)(({ theme: e }) => ({
   } = ae(), n = v(), {
     ["ModelIndex.Table.ShrinkedCell"]: r
   } = T("cms").getComponents(), [o] = K(), s = parseInt(o.get("per_page") || "15");
-  return /* @__PURE__ */ i(L, { children: Array.from({ length: s }).map((a, l) => /* @__PURE__ */ w(fe, { children: [
+  return /* @__PURE__ */ i(B, { children: Array.from({ length: s }).map((a, l) => /* @__PURE__ */ w(fe, { children: [
     e.length > 0 && /* @__PURE__ */ i(r, { children: /* @__PURE__ */ i(Rt, {}) }),
     n && t.map(({ key: d, label: u, sortable: c, ...p }, y) => /* @__PURE__ */ i(ee, { ...p, children: /* @__PURE__ */ i(
       Kt,
@@ -3828,13 +3828,13 @@ const qa = Z(Ae)(({ theme: e }) => ({
     /* @__PURE__ */ i(r, { children: /* @__PURE__ */ i(q, { children: /* @__PURE__ */ i(Pt, {}) }) })
   ] }, l)) });
 }, Ya = ({ children: e, ...t }) => {
-  const n = te(), { t: r } = B(), {
+  const n = te(), { t: r } = L(), {
     items: o,
     loading: s,
     columnCount: a
   } = ae(), {
     ["ModelIndex.StaticActions"]: l
-  } = T("cms").getComponents(), d = h.isValidElement(e) ? e : (o || W([])).map(e);
+  } = T("cms").getComponents(), d = h.isValidElement(e) ? e : (o || V([])).map(e);
   return /* @__PURE__ */ w(Jr, { ...t, children: [
     s && /* @__PURE__ */ i(Ja, {}),
     d,
@@ -3947,7 +3947,7 @@ const I = Ft(Ga, St), de = Z($)(() => ({
 }, ei = ({ children: e, ...t }) => {
   const {
     columnCount: n
-  } = ae(), r = v(), o = H("breakpoint", "md"), {
+  } = ae(), r = v(), o = z("breakpoint", "md"), {
     ["ModelIndex.Pagination"]: s,
     ["ModelIndex.PaginationDetails"]: a,
     ["ModelIndex.PerPageSwitch"]: l
@@ -3996,7 +3996,7 @@ const I = Ft(Ga, St), de = Z($)(() => ({
     ["ModelIndex.Sort"]: r,
     ["ModelIndex.Pagination"]: o
     // ['ModelIndex.PaginationDetails']: PaginationDetails,
-  } = T("cms").getComponents(), s = v(), a = H("breakpoint", "md");
+  } = T("cms").getComponents(), s = v(), a = z("breakpoint", "md");
   return /* @__PURE__ */ i(fe, { children: /* @__PURE__ */ i(ee, { colSpan: e, sx: { p: 1 }, children: /* @__PURE__ */ w(
     N,
     {
@@ -4038,7 +4038,7 @@ const I = Ft(Ga, St), de = Z($)(() => ({
   ) }) });
 };
 function ni() {
-  const e = te(), { t } = B(), [n, r] = K(), o = n.get("tab") || "all", s = (d, u) => {
+  const e = te(), { t } = L(), [n, r] = K(), o = n.get("tab") || "all", s = (d, u) => {
     r(() => {
       const c = new URLSearchParams();
       return u !== "all" && c.set("tab", u), c;
@@ -4048,7 +4048,7 @@ function ni() {
     `model${k.studly(e.getSchemaName())}Tabs`,
     a
   );
-  return l.length === 0 ? null : /* @__PURE__ */ i(V, { sx: { maxWidth: { xs: 320, sm: 480 }, bgcolor: "background.paper" }, children: /* @__PURE__ */ w(
+  return l.length === 0 ? null : /* @__PURE__ */ i(H, { sx: { maxWidth: { xs: 320, sm: 480 }, bgcolor: "background.paper" }, children: /* @__PURE__ */ w(
     Gr,
     {
       value: o,
@@ -4126,7 +4126,7 @@ const pr = ({
   onClick: n,
   ...r
 }) => {
-  const [o, s] = h.useState(null), [a, l] = h.useState(null), [d, u] = h.useState({}), c = H("drawer.width", 280), p = T("cms").getComponent("RecursiveMenu");
+  const [o, s] = h.useState(null), [a, l] = h.useState(null), [d, u] = h.useState({}), c = z("drawer.width", 280), p = T("cms").getComponent("RecursiveMenu");
   return /* @__PURE__ */ w(Xr, { ...r, children: [
     t.map((y) => {
       const {
@@ -4242,8 +4242,8 @@ const pr = ({
   onClick: n,
   ...r
 }) => {
-  const [o, s] = h.useState({}), a = H("drawer.width", 280);
-  return /* @__PURE__ */ w(L, { children: [
+  const [o, s] = h.useState({}), a = z("drawer.width", 280);
+  return /* @__PURE__ */ w(B, { children: [
     /* @__PURE__ */ i(An, { ...r, children: t.map((l) => {
       const {
         text: d,
@@ -4433,7 +4433,7 @@ const pr = ({
   }, u = () => {
     a(null);
   };
-  return /* @__PURE__ */ w(L, { children: [
+  return /* @__PURE__ */ w(B, { children: [
     /* @__PURE__ */ i(
       q,
       {
@@ -5038,7 +5038,7 @@ export {
   sa as useHandleError,
   dr as useHasSearch,
   v as useIsDesktopMode,
-  H as useLayoutConfig,
+  z as useLayoutConfig,
   _t as useMenu,
   Ut as useNotify,
   ur as usePageTitle,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luminix/mui-cms",
-  "version": "0.1.17",
+  "version": "0.1.18",
   "type": "module",
   "main": "bundle/mui-cms.js",
   "module": "dist/mui-cms.js",