@luminix/mui-cms 0.2.9 → 0.2.11

package/dist/mui-cms.js

@@ -6,7 +6,7 @@ import { config as oe, collect as W, app as T, model as we, App as xt, Model as
 import { jsx as i, jsxs as w, Fragment as B } from "react/jsx-runtime";
 import { Outlet as Sr, useParams as xr, useNavigate as At, useSearchParams as G, Link as Pe, Form as Ar } from "react-router-dom";
 import { useCollection as yn, PaginationProvider as Cr, usePagination as xe, ModelForm as Er, useApplyReducers as Ct, Forms as kr, LuminixProvider as Tr } from "@luminix/react";
-import { useMediaQuery as Me, Dialog as Et, DialogTitle as kt, DialogContent as Tt, DialogContentText as Dr, TextField as fe, DialogActions as Dt, Button as M, Snackbar as Or, Alert as Rr, IconButton as q, AlertTitle as Pr, Box as H, Unstable_Grid2 as Q, Fab as vr, SpeedDial as Fr, SpeedDialIcon as Lr, SpeedDialAction as Br, ButtonGroup as Ir, Popper as Mr, Grow as Nr, Paper as Ot, ClickAwayListener as jr, MenuList as Ur, MenuItem as se, AppBar as wn, Toolbar as qr, Typography as $, Drawer as Sn, Divider as ve, Autocomplete as _r, CircularProgress as Hr, Switch as zr, Stack as N, FormControl as at, InputLabel as it, Select as Fe, Badge as Rt, Popover as Vr, Link as lt, Collapse as xn, TableCell as ee, RadioGroup as $t, FormControlLabel as Ke, Radio as Ye, TableContainer as Wr, Table as $r, TableHead as Kr, TableRow as he, Checkbox as Pt, TableSortLabel as Yr, Skeleton as Kt, TableBody as Jr, TableFooter as Gr, Tabs as Zr, Tab as Yt, Breadcrumbs as Xr, List as Qr, ListItem as eo, ListItemButton as to, ListItemIcon as An, ListItemText as Cn, Menu as En, Avatar as no, CssBaseline as ro } from "@mui/material";
+import { useMediaQuery as Me, Dialog as Et, DialogTitle as kt, DialogContent as Tt, DialogContentText as Dr, TextField as fe, DialogActions as Dt, Button as M, Snackbar as Or, Alert as Rr, IconButton as q, AlertTitle as Pr, Box as z, Unstable_Grid2 as Q, Fab as vr, SpeedDial as Fr, SpeedDialIcon as Lr, SpeedDialAction as Br, ButtonGroup as Ir, Popper as Mr, Grow as Nr, Paper as Ot, ClickAwayListener as jr, MenuList as Ur, MenuItem as se, AppBar as wn, Toolbar as qr, Typography as $, Drawer as Sn, Divider as ve, Autocomplete as _r, CircularProgress as Hr, Switch as zr, Stack as N, FormControl as at, InputLabel as it, Select as Fe, Badge as Rt, Popover as Vr, Link as lt, Collapse as xn, TableCell as ee, RadioGroup as $t, FormControlLabel as Ke, Radio as Ye, TableContainer as Wr, Table as $r, TableHead as Kr, TableRow as he, Checkbox as Pt, TableSortLabel as Yr, Skeleton as Kt, TableBody as Jr, TableFooter as Gr, Tabs as Zr, Tab as Yt, Breadcrumbs as Xr, List as Qr, ListItem as eo, ListItemButton as to, ListItemIcon as An, ListItemText as Cn, Menu as En, Avatar as no, CssBaseline as ro } from "@mui/material";
 import m, { useContext as kn, useMemo as oo } from "react";
 import { useTranslation as L, initReactI18next as so } from "react-i18next";
 import { Close as Ne, ArrowDropDown as Tn, ChevronLeft as je, ChevronRight as Ue, HighlightOffOutlined as ct, AddCircleOutline as Dn, FilterList as On, Menu as Rn, LastPage as Pn, FirstPage as vn, Search as ut, SwapVert as Fn, ArrowUpward as Ln, ArrowDownward as Bn, MoreVert as vt, ExpandLess as In, ExpandMore as Mn, Add as ao, CategoryOutlined as io, DashboardOutlined as lo, PeopleOutlined as co } from "@mui/icons-material";
@@ -266,7 +266,7 @@ function Bt(e) {
 }
 const xo = () => {
   const { t: e } = L();
-  return Bt(e("Dashboard")), /* @__PURE__ */ i(H, { sx: { p: { xs: 1, sm: 2, md: 3 } }, children: "Dashboard" });
+  return Bt(e("Dashboard")), /* @__PURE__ */ i(z, { sx: { p: { xs: 1, sm: 2, md: 3 } }, children: "Dashboard" });
 }, Ao = ({ error: e }) => /* @__PURE__ */ w("div", { children: [
   /* @__PURE__ */ i("h1", { children: "Ops..." }),
   /* @__PURE__ */ i("p", { children: "Something went wrong" }),
@@ -276,7 +276,7 @@ const xo = () => {
     e.stack
   ] }) })
 ] });
-function z(e, t) {
+function V(e, t) {
   const { layout: n } = kn(X);
   return oo(() => J.get(n, e, t), [n, e, t]);
 }
@@ -289,12 +289,12 @@ const Co = Z("div")(({ theme: e }) => ({
     DesktopPageTitle: r,
     ["Layout.AppBar"]: o,
     ["Layout.Drawer"]: s
-  } = T("cms").getComponents(), a = z("appBar.height"), {
+  } = T("cms").getComponents(), a = V("appBar.height"), {
     AppBar: l,
     Drawer: d,
     main: c
   } = t || {};
-  return /* @__PURE__ */ w(H, { sx: { display: "flex" }, ...n, children: [
+  return /* @__PURE__ */ w(z, { sx: { display: "flex" }, ...n, children: [
     /* @__PURE__ */ i(
       o,
       {
@@ -304,7 +304,7 @@ const Co = Z("div")(({ theme: e }) => ({
     ),
     /* @__PURE__ */ i(s, { ...d }),
     /* @__PURE__ */ w(
-      H,
+      z,
       {
         component: "main",
         sx: {
@@ -350,7 +350,7 @@ const To = () => {
     ["ModelIndex.Table.TableBody.TableRow"]: S,
     ["ModelIndex.Tabs"]: b
   } = T("cms").getComponents();
-  return /* @__PURE__ */ i(H, { sx: { p: { xs: 1, sm: 2, md: 3 } }, children: /* @__PURE__ */ w(Q, { container: !0, spacing: 2, children: [
+  return /* @__PURE__ */ i(z, { sx: { p: { xs: 1, sm: 2, md: 3 } }, children: /* @__PURE__ */ w(Q, { container: !0, spacing: 2, children: [
     /* @__PURE__ */ w(
       Q,
       {
@@ -404,22 +404,22 @@ const { toString: Oo } = Object.prototype, { getPrototypeOf: It } = Object, qe =
   return e[n] || (e[n] = n.slice(8, -1).toLowerCase());
 })(/* @__PURE__ */ Object.create(null)), K = (e) => (e = e.toLowerCase(), (t) => qe(t) === e), _e = (e) => (t) => typeof t === e, { isArray: pe } = Array, Se = _e("undefined");
 function Ro(e) {
-  return e !== null && !Se(e) && e.constructor !== null && !Se(e.constructor) && _(e.constructor.isBuffer) && e.constructor.isBuffer(e);
+  return e !== null && !Se(e) && e.constructor !== null && !Se(e.constructor) && H(e.constructor.isBuffer) && e.constructor.isBuffer(e);
 }
 const qn = K("ArrayBuffer");
 function Po(e) {
   let t;
   return typeof ArrayBuffer < "u" && ArrayBuffer.isView ? t = ArrayBuffer.isView(e) : t = e && e.buffer && qn(e.buffer), t;
 }
-const vo = _e("string"), _ = _e("function"), _n = _e("number"), He = (e) => e !== null && typeof e == "object", Fo = (e) => e === !0 || e === !1, Te = (e) => {
+const vo = _e("string"), H = _e("function"), _n = _e("number"), He = (e) => e !== null && typeof e == "object", Fo = (e) => e === !0 || e === !1, Te = (e) => {
   if (qe(e) !== "object")
     return !1;
   const t = It(e);
   return (t === null || t === Object.prototype || Object.getPrototypeOf(t) === null) && !(Symbol.toStringTag in e) && !(Symbol.iterator in e);
-}, Lo = K("Date"), Bo = K("File"), Io = K("Blob"), Mo = K("FileList"), No = (e) => He(e) && _(e.pipe), jo = (e) => {
+}, Lo = K("Date"), Bo = K("File"), Io = K("Blob"), Mo = K("FileList"), No = (e) => He(e) && H(e.pipe), jo = (e) => {
   let t;
-  return e && (typeof FormData == "function" && e instanceof FormData || _(e.append) && ((t = qe(e)) === "formdata" || // detect form-data instance
-  t === "object" && _(e.toString) && e.toString() === "[object FormData]"));
+  return e && (typeof FormData == "function" && e instanceof FormData || H(e.append) && ((t = qe(e)) === "formdata" || // detect form-data instance
+  t === "object" && H(e.toString) && e.toString() === "[object FormData]"));
 }, Uo = K("URLSearchParams"), [qo, _o, Ho, zo] = ["ReadableStream", "Request", "Response", "Headers"].map(K), Vo = (e) => e.trim ? e.trim() : e.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, "");
 function Ae(e, t, { allOwnKeys: n = !1 } = {}) {
   if (e === null || typeof e > "u")
@@ -455,7 +455,7 @@ function ft() {
   return t;
 }
 const Wo = (e, t, n, { allOwnKeys: r } = {}) => (Ae(t, (o, s) => {
-  n && _(o) ? e[s] = Un(o, n) : e[s] = o;
+  n && H(o) ? e[s] = Un(o, n) : e[s] = o;
 }, { allOwnKeys: r }), e), $o = (e) => (e.charCodeAt(0) === 65279 && (e = e.slice(1)), e), Ko = (e, t, n, r) => {
   e.prototype = Object.create(t.prototype, r), e.prototype.constructor = e, Object.defineProperty(e, "super", {
     value: t.prototype
@@ -509,10 +509,10 @@ const Wo = (e, t, n, { allOwnKeys: r } = {}) => (Ae(t, (o, s) => {
   }), Object.defineProperties(e, r);
 }, rs = (e) => {
   Vn(e, (t, n) => {
-    if (_(e) && ["arguments", "caller", "callee"].indexOf(n) !== -1)
+    if (H(e) && ["arguments", "caller", "callee"].indexOf(n) !== -1)
       return !1;
     const r = e[n];
-    if (_(r)) {
+    if (H(r)) {
       if (t.enumerable = !1, "writable" in t) {
         t.writable = !1;
         return;
@@ -542,7 +542,7 @@ const Wo = (e, t, n, { allOwnKeys: r } = {}) => (Ae(t, (o, s) => {
   return n;
 };
 function ls(e) {
-  return !!(e && _(e.append) && e[Symbol.toStringTag] === "FormData" && e[Symbol.iterator]);
+  return !!(e && H(e.append) && e[Symbol.toStringTag] === "FormData" && e[Symbol.iterator]);
 }
 const cs = (e) => {
   const t = new Array(10), n = (r, o) => {
@@ -561,13 +561,13 @@ const cs = (e) => {
     return r;
   };
   return n(e, 0);
-}, us = K("AsyncFunction"), ds = (e) => e && (He(e) || _(e)) && _(e.then) && _(e.catch), $n = ((e, t) => e ? setImmediate : t ? ((n, r) => (ie.addEventListener("message", ({ source: o, data: s }) => {
+}, us = K("AsyncFunction"), ds = (e) => e && (He(e) || H(e)) && H(e.then) && H(e.catch), $n = ((e, t) => e ? setImmediate : t ? ((n, r) => (ie.addEventListener("message", ({ source: o, data: s }) => {
   o === ie && s === n && r.length && r.shift()();
 }, !1), (o) => {
   r.push(o), ie.postMessage(n, "*");
 }))(`axios@${Math.random()}`, []) : (n) => setTimeout(n))(
   typeof setImmediate == "function",
-  _(ie.postMessage)
+  H(ie.postMessage)
 ), fs = typeof queueMicrotask < "u" ? queueMicrotask.bind(ie) : typeof process < "u" && process.nextTick || $n, f = {
   isArray: pe,
   isArrayBuffer: qn,
@@ -588,7 +588,7 @@ const cs = (e) => {
   isFile: Bo,
   isBlob: Io,
   isRegExp: ns,
-  isFunction: _,
+  isFunction: H,
   isStream: No,
   isURLSearchParams: Uo,
   isTypedArray: Zo,
@@ -1630,11 +1630,11 @@ const Gs = async (e) => {
         duplex: "half"
       }), R;
       if (f.isFormData(r) && (R = O.headers.get("content-type")) && u.setContentType(R), O.body) {
-        const [D, V] = nn(
+        const [D, _] = nn(
           g,
           Le(rn(d))
         );
-        r = sn(O.body, an, D, V);
+        r = sn(O.body, an, D, _);
       }
     }
     f.isString(h) || (h = h ? "include" : "omit");
@@ -1655,13 +1655,13 @@ const Gs = async (e) => {
       ["status", "statusText", "headers"].forEach((Ee) => {
         O[Ee] = x[Ee];
       });
-      const R = f.toFiniteNumber(x.headers.get("content-length")), [D, V] = l && nn(
+      const R = f.toFiniteNumber(x.headers.get("content-length")), [D, _] = l && nn(
         R,
         Le(rn(l), !0)
       ) || [];
       x = new Response(
         sn(x.body, an, D, () => {
-          V && V(), p && p();
+          _ && _(), p && p();
         }),
         O
       );
@@ -2134,7 +2134,7 @@ function sa() {
   }, [e]);
 }
 const aa = ({ create: e = !1 }) => {
-  const [t, n] = m.useState(), { id: r } = xr(), { t: o } = L(), s = Ut(), a = At(), l = te(), d = z("breakpoint", "md");
+  const [t, n] = m.useState(), { id: r } = xr(), { t: o } = L(), s = Ut(), a = At(), l = te(), d = V("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();
@@ -2145,7 +2145,7 @@ const aa = ({ create: e = !1 }) => {
   const u = m.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]), h = sa(), y = m.useMemo(() => T("cms").getModelFormProps(t), [t]);
-  return t ? /* @__PURE__ */ i(H, { sx: { p: { xs: 1, sm: 2, md: 3 } }, children: /* @__PURE__ */ w(Q, { container: !0, children: [
+  return t ? /* @__PURE__ */ i(z, { sx: { p: { xs: 1, sm: 2, md: 3 } }, children: /* @__PURE__ */ w(Q, { container: !0, children: [
     /* @__PURE__ */ i(Q, { xs: 12, children: /* @__PURE__ */ i(
       c,
       {
@@ -2350,7 +2350,7 @@ const fa = Z(
     ["Layout.SearchBar"]: s,
     ["Layout.BackButton"]: a,
     ["Layout.AppLogo"]: l
-  } = T("cms").getComponents(), { open: d } = _t(), c = dr(), u = fr(), h = z("appBar.height"), y = z("drawer.width", 280), {
+  } = T("cms").getComponents(), { open: d } = _t(), c = dr(), u = fr(), h = V("appBar.height"), y = V("drawer.width", 280), {
     start: S = null,
     //: title = config('app.name', document.title),
     end: b = null
@@ -2376,9 +2376,9 @@ const fa = Z(
             children: !n && p || oe("app.name", document.title)
           }
         ),
-        /* @__PURE__ */ i(H, { sx: { flexGrow: 1 } }),
+        /* @__PURE__ */ i(z, { sx: { flexGrow: 1 } }),
         /* @__PURE__ */ w(
-          H,
+          z,
           {
             display: "flex",
             alignItems: "center",
@@ -2447,7 +2447,7 @@ const dn = (e, t) => ({
   // necessary for content to be below app bar
   ...e.mixins.toolbar
 })), wa = (e) => {
-  const t = Ft(), 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"), c = T("cms").getMenuItems();
+  const t = Ft(), n = v(), { open: r, handleDrawerClose: o } = _t(), s = n ? ga : ba, a = V("drawer.width", 280), l = V("appBar.height"), d = T("cms").getComponent("RecursiveList"), c = T("cms").getMenuItems();
   return /* @__PURE__ */ w(
     s,
     {
@@ -2466,7 +2466,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(ve, {}),
-        /* @__PURE__ */ i(H, { sx: { flexGrow: 1, overflowY: "auto", overflowX: "hidden" }, children: /* @__PURE__ */ i(
+        /* @__PURE__ */ i(z, { sx: { flexGrow: 1, overflowY: "auto", overflowX: "hidden" }, children: /* @__PURE__ */ i(
           d,
           {
             collapsed: !r && n,
@@ -2478,7 +2478,7 @@ const dn = (e, t) => ({
     }
   );
 }, Sa = () => {
-  const e = ur(), t = z("breakpoint", "md"), n = fr(), {
+  const e = ur(), t = V("breakpoint", "md"), n = fr(), {
     ["Layout.BackButton"]: r
   } = T("cms").getComponents();
   return /* @__PURE__ */ w(
@@ -2552,13 +2552,15 @@ const dn = (e, t) => ({
 };
 function Ea(e, t) {
   const n = T("filter"), { Model: r, setColumnsFilter: o } = m.useContext(Ht), [s, a] = m.useState(t.key), [l, d] = m.useState(t.operator), [c, u] = m.useState(t.type), [h, y] = m.useState(t.value), [S, b] = m.useState(t.nullable), [p, g] = m.useState(t.is_relation), A = m.useMemo(() => n.getFilterableColumns(r), [r]), x = (O) => () => {
-    o((R) => R.filter((D, V) => V !== O));
+    o((R) => R.filter((D, _) => _ !== O));
   }, E = async (O) => {
-    const R = O.target.value, D = A.find((mr) => mr.key === R), V = (D == null ? void 0 : D.type) ?? "text", Ee = (D == null ? void 0 : D.nullable) ?? !1, Wt = (D == null ? void 0 : D.is_relation) ?? !1;
-    Wt ? (d("relation"), y([])) : p && d("equals"), g(Wt), b(Ee), V !== c && (d("equals"), y(() => {
+    const R = O.target.value, D = A.find((mr) => mr.key === R), _ = (D == null ? void 0 : D.type) ?? "text", Ee = (D == null ? void 0 : D.nullable) ?? !1, Wt = (D == null ? void 0 : D.is_relation) ?? !1;
+    Wt ? (d("relation"), y([])) : p && d("equals"), g(Wt), b(Ee), _ !== c && (d(
+      _ === "text" ? "contains" : "equals"
+    ), y(() => {
       if (["between", "notBetween"].includes(l))
         return [];
-      switch (n.getInputType(V)) {
+      switch (n.getInputType(_)) {
         case "number":
           return 0;
         case "boolean":
@@ -2566,7 +2568,7 @@ function Ea(e, t) {
         default:
           return "";
       }
-    })), a(R), u(V);
+    })), a(R), u(_);
   }, P = async (O) => {
     const R = O.target.value;
     l !== R && y((D) => {
@@ -2583,7 +2585,7 @@ function Ea(e, t) {
     }), d(R);
   };
   return m.useEffect(() => {
-    o((O) => O.map((D, V) => e === V ? {
+    o((O) => O.map((D, _) => e === _ ? {
       ...D,
       key: s,
       operator: l,
@@ -2729,7 +2731,7 @@ const hn = async (e, t, n) => {
         size: "small"
       }
     ),
-    e && /* @__PURE__ */ i(H, { width: 325 })
+    e && /* @__PURE__ */ i(z, { width: 325 })
   ] });
 }, nt = ({ index: e = null }) => {
   const { t } = L(), n = v(), r = T("filter"), {
@@ -2762,7 +2764,7 @@ const hn = async (e, t, n) => {
     [r]
   );
   if (["null", "notNull"].includes(r))
-    return e ? /* @__PURE__ */ i(H, { width: 230 }) : null;
+    return e ? /* @__PURE__ */ i(z, { width: 230 }) : null;
   if (o)
     switch (t.getInputType(n)) {
       case "date":
@@ -2789,7 +2791,7 @@ const hn = async (e, t, n) => {
       return /* @__PURE__ */ i(nt, {});
   }
 }, Ra = ({ index: e, column: t }) => {
-  const { t: n } = L(), r = v(), o = z("breakpoint", "md"), s = T("filter"), a = m.useMemo(() => s.getMatchingOperators(t), [t]), {
+  const { t: n } = L(), r = v(), o = V("breakpoint", "md"), s = T("filter"), a = m.useMemo(() => s.getMatchingOperators(t), [t]), {
     columns: l,
     key: d,
     setKey: c,
@@ -2960,7 +2962,7 @@ const hn = async (e, t, n) => {
     }
   );
 }, pn = ({ dialog: e = !1 }) => {
-  const { t } = L(), n = v(), r = z("breakpoint", "md"), o = T("filter"), {
+  const { t } = L(), n = v(), r = V("breakpoint", "md"), o = T("filter"), {
     columnsFilter: s,
     setColumnsFilter: a,
     handleApplyFilters: l,
@@ -2970,7 +2972,7 @@ const hn = async (e, t, n) => {
       ...u,
       {
         key: "",
-        operator: "equals",
+        operator: "contains",
         type: "text",
         value: "",
         appended: !1,
@@ -2980,7 +2982,7 @@ const hn = async (e, t, n) => {
     ]);
   };
   return /* @__PURE__ */ w(
-    H,
+    z,
     {
       sx: {
         minWidth: { [r]: 567.5 },
@@ -3812,7 +3814,7 @@ const qa = Z(fe)(({ theme: e }) => ({
               onClick: p(g),
               children: [
                 A,
-                x && S === g ? /* @__PURE__ */ i(H, { component: "span", sx: { visibility: "hidden", display: "none" }, children: b === "desc" ? "sorted descending" : "sorted ascending" }) : null
+                x && S === g ? /* @__PURE__ */ i(z, { component: "span", sx: { visibility: "hidden", display: "none" }, children: b === "desc" ? "sorted descending" : "sorted ascending" }) : null
               ]
             }
           )
@@ -3966,7 +3968,7 @@ const I = St(Ga, xt), de = Z($)(() => ({
 }, ei = ({ children: e, ...t }) => {
   const {
     columnCount: n
-  } = ae(), r = v(), o = z("breakpoint", "md"), {
+  } = ae(), r = v(), o = V("breakpoint", "md"), {
     ["ModelIndex.Pagination"]: s,
     ["ModelIndex.PaginationDetails"]: a,
     ["ModelIndex.PerPageSwitch"]: l
@@ -4015,7 +4017,7 @@ const I = St(Ga, xt), de = Z($)(() => ({
     ["ModelIndex.Sort"]: r,
     ["ModelIndex.Pagination"]: o
     // ['ModelIndex.PaginationDetails']: PaginationDetails,
-  } = T("cms").getComponents(), s = v(), a = z("breakpoint", "md");
+  } = T("cms").getComponents(), s = v(), a = V("breakpoint", "md");
   return /* @__PURE__ */ i(he, { children: /* @__PURE__ */ i(ee, { colSpan: e, sx: { p: 1 }, children: /* @__PURE__ */ w(
     N,
     {
@@ -4067,7 +4069,7 @@ function ni() {
     `model${k.studly(e.getSchemaName())}Tabs`,
     a
   );
-  return l.length === 0 ? null : /* @__PURE__ */ i(H, { sx: { maxWidth: { xs: 320, sm: 480 }, bgcolor: "background.paper" }, children: /* @__PURE__ */ w(
+  return l.length === 0 ? null : /* @__PURE__ */ i(z, { sx: { maxWidth: { xs: 320, sm: 480 }, bgcolor: "background.paper" }, children: /* @__PURE__ */ w(
     Zr,
     {
       value: o,
@@ -4145,7 +4147,7 @@ const hr = ({
   onClick: n,
   ...r
 }) => {
-  const [o, s] = m.useState(null), [a, l] = m.useState(null), [d, c] = m.useState({}), u = z("drawer.width", 280), h = T("cms").getComponent("RecursiveMenu");
+  const [o, s] = m.useState(null), [a, l] = m.useState(null), [d, c] = m.useState({}), u = V("drawer.width", 280), h = T("cms").getComponent("RecursiveMenu");
   return /* @__PURE__ */ w(Qr, { ...r, children: [
     t.map((y) => {
       const {
@@ -4261,7 +4263,7 @@ const hr = ({
   onClick: n,
   ...r
 }) => {
-  const [o, s] = m.useState({}), a = z("drawer.width", 280);
+  const [o, s] = m.useState({}), a = V("drawer.width", 280);
   return /* @__PURE__ */ w(B, { children: [
     /* @__PURE__ */ i(En, { ...r, children: t.map((l) => {
       const {
@@ -4559,7 +4561,7 @@ class li {
   }
   getFilterableColumns(t) {
     const { attributes: n = [], relations: r = {} } = t.getSchema(), o = [
-      ...n.filter((s) => !s.hidden && !s.appended).map((s) => {
+      ...n.filter((s) => !s.hidden && !s.appended && !s.virtual).map((s) => {
         let a = s.phpType ?? "string";
         return s.cast !== null && !J.isEmpty(s.cast) && (a = s.cast), {
           key: s.name,
@@ -5064,7 +5066,7 @@ export {
   sa as useHandleError,
   dr as useHasSearch,
   v as useIsDesktopMode,
-  z as useLayoutConfig,
+  V as useLayoutConfig,
   _t as useMenu,
   Ut as useNotify,
   ur as usePageTitle,

package/package.json

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

package/types/dist.d.ts

@@ -28,3 +28,4 @@ import { default as Icon } from './facades/Icon';
 import { default as Filter } from './facades/Filter';
 export { CmsServiceProvider, i18NextServiceProvider, LuminixCms, Link, Cms, Filter, Icon, useActionEvent, useBackButton, useCurrentModel, useDialog, useDisplaceNotifications, useHandleError, useHasSearch, useIsDesktopMode, useLayoutConfig, useMenu, useNotify, usePageTitle, useSearch, useSelection, useSetPageTitle, useTable, DialogProvider, LayoutProvider, ModelProvider, NotificationProvider, TableProvider, };
 export type { RouteObject, } from './types/Reducers';
+export type { InstanceAction, StaticAction, MassAction, ActionCallbackEvent, InstanceActionCallbackEvent, MassActionCallbackEvent, Column, } from './types/Table';