@hybridcore/ui 1.5.90 → 1.6.1

package/dist/components/heat-map/styled.js

@@ -0,0 +1,32 @@
+import { styled as o, Paper as a, Box as t } from "@mui/material";
+const r = o(a, {
+  name: "HCHeatMap",
+  slot: "Root",
+  shouldForwardProp: (e) => e !== "ownerState"
+})(() => ({
+  height: "100%",
+  display: "flex",
+  flexDirection: "column"
+})), l = o(t, {
+  name: "HCHeatMap",
+  slot: "Header",
+  shouldForwardProp: (e) => e !== "ownerState"
+})(({ theme: e }) => ({
+  flex: "0 0 auto",
+  padding: e.spacing(1.25, 2)
+})), p = o(t, {
+  name: "HCHeatMap",
+  slot: "Content",
+  shouldForwardProp: (e) => e !== "ownerState"
+})(() => ({
+  position: "relative",
+  display: "flex",
+  flexDirection: "column",
+  flex: "1 1 auto",
+  minHeight: 0
+}));
+export {
+  p as HeatMapContent,
+  l as HeatMapHeader,
+  r as HeatMapRoot
+};

package/dist/components/icon-button/index.js

@@ -1,18 +1,25 @@
-import { jsx as t } from "react/jsx-runtime";
-import { VerticalButton as m, MiniButton as c } from "./styled.js";
-import { I as e } from "../../IconButton-DJ-31-Fd.js";
-const a = ({
-  variant: i = "default",
-  startIcon: f,
-  onclick: n,
-  children: o,
-  ...r
-}) => {
-  const u = () => {
-    n !== void 0 && n();
-  };
-  return i === "vertical" ? /* @__PURE__ */ t(m, { ...r, children: o }) : i === "mini" ? /* @__PURE__ */ t(c, { color: "inherit", startIcon: f, onClick: u, children: o }) : /* @__PURE__ */ t(e, { onClick: u, ...r, children: o });
+import { jsx as n } from "react/jsx-runtime";
+import { useIconButtonLogic as m } from "./logic.js";
+import { VerticalRoot as l, MiniRoot as u, DefaultRoot as f } from "./styled.js";
+const x = (i) => {
+  const { state: e } = m(i), { ownerState: t, variant: c } = e, { startIcon: a, children: o, variant: v, ...r } = i;
+  if (c === "vertical")
+    return /* @__PURE__ */ n(l, { ownerState: t, ...r, children: o });
+  if (c === "mini") {
+    const { color: R, ...s } = r;
+    return /* @__PURE__ */ n(
+      u,
+      {
+        ownerState: t,
+        color: "inherit",
+        startIcon: a,
+        ...s,
+        children: o
+      }
+    );
+  }
+  return /* @__PURE__ */ n(f, { ownerState: t, ...r, children: o });
 };
 export {
-  a as IconButton
+  x as IconButton
 };

package/dist/components/icon-button/logic.js

@@ -0,0 +1,15 @@
+import { useThemeProps as s } from "@mui/material";
+const c = (n) => {
+  const t = s({ props: n, name: "HCIconButton" }), { variant: o = "default" } = t, e = {
+    ...t,
+    variant: o
+  };
+  return {
+    refs: {},
+    state: { ownerState: e, variant: o },
+    actions: {}
+  };
+};
+export {
+  c as useIconButtonLogic
+};

package/dist/components/icon-button/styled.js

@@ -1,11 +1,19 @@
-import { styled as o, ButtonBase as n, Button as a } from "@mui/material";
-const r = o(n)(({ theme: t, color: i }) => ({
+import { styled as i, IconButton as r, ButtonBase as a, Button as l } from "@mui/material";
+const n = (o) => o !== "ownerState", c = i(r, {
+  name: "HCIconButton",
+  slot: "root",
+  shouldForwardProp: n
+})({}), s = i(a, {
+  name: "HCIconButton",
+  slot: "verticalRoot",
+  shouldForwardProp: n
+})(({ ownerState: o, theme: t }) => ({
   position: "relative",
   display: "flex",
   flexDirection: "column",
   width: 130,
   height: 140,
-  color: i ? t.palette.text.primary : "inherit",
+  color: o.color ? t.palette.text.primary : "inherit",
   borderRadius: 10,
   transition: "all .3s",
   "&:after": {
@@ -15,15 +23,14 @@ const r = o(n)(({ theme: t, color: i }) => ({
     left: 30,
     right: 30,
     height: 2,
-    // @ts-ignore
-    backgroundColor: i ? t.palette[i].dark : "inherit",
+    backgroundColor: o.color && o.color !== "inherit" && o.color !== "default" ? t.palette[o.color].dark : "inherit",
     borderRadius: 2,
     opacity: 0,
     transition: "all .3s"
   },
   "&:hover": {
     boxShadow: t.shadows[4],
-    color: i ? t.palette.text.primary : "inherit",
+    color: o.color ? t.palette.text.primary : "inherit",
     "&:after": {
       opacity: 1
     }
@@ -31,11 +38,15 @@ const r = o(n)(({ theme: t, color: i }) => ({
   "& .MuiSvgIcon-root": {
     fontSize: 50
   }
-})), s = o(a)(({ theme: t }) => ({
+})), d = i(l, {
+  name: "HCIconButton",
+  slot: "miniRoot",
+  shouldForwardProp: n
+})(({ theme: o }) => ({
   fontSize: 10,
   padding: "2px 6px",
   minWidth: "auto",
-  boxShadow: t.shadows[1],
+  boxShadow: o.shadows[1],
   "& .MuiButton-startIcon": {
     marginRight: 0.25,
     "&  > :nth-of-type(1)": {
@@ -44,6 +55,7 @@ const r = o(n)(({ theme: t, color: i }) => ({
   }
 }));
 export {
-  s as MiniButton,
-  r as VerticalButton
+  c as DefaultRoot,
+  d as MiniRoot,
+  s as VerticalRoot
 };

package/dist/components/instance-form/components/composite-list/index.js

@@ -6,7 +6,7 @@ import "lodash";
 import "react";
 import "../../../../hooks/useToggle.js";
 import "../../../conditional-wrapper/index.js";
-import { C as s } from "../../../../index-CGNxsLVm.js";
+import { C as s } from "../../../../index-DPKUmQnz.js";
 import "./styled.js";
 export {
   s as default

package/dist/components/instance-form/components/composite-matrix/components/json-editor/index.js

@@ -1,6 +1,7 @@
 import { jsxs as io, jsx as Ii } from "react/jsx-runtime";
-import { c as Ne, a as na, p as qi } from "../../../../../../index-DMSHuq6l.js";
-import er, { useState as ro } from "react";
+import { c as Ne, a as na } from "../../../../../../_commonjsHelpers-BVfed4GL.js";
+import qi, { useState as ro } from "react";
+import { p as er } from "../../../../../../index-C__OZmYy.js";
 import { Alert as ia, AlertTitle as ra, Box as oa } from "@mui/material";
 import { FlexCol as sa } from "../../../../../flex-col/index.js";
 var Bi = { exports: {} }, Po = {}, gt = {}, vn = {}, Bn = {}, me = {}, zn = {};
@@ -18527,7 +18528,7 @@ var Cu = Ne && Ne.__extends || /* @__PURE__ */ function() {
   }, Xi.apply(this, arguments);
 };
 Object.defineProperty(jr, "__esModule", { value: !0 });
-var _u = vi, ae = qi, To = er, ai = Es, pn = pt, ko = (0, pn.getAceInstance)(), Au = (
+var _u = vi, ae = er, To = qi, ai = Es, pn = pt, ko = (0, pn.getAceInstance)(), Au = (
   /** @class */
   function(u) {
     Cu(f, u);
@@ -19067,7 +19068,7 @@ var Cd = Sd, _d = Ne && Ne.__extends || /* @__PURE__ */ function() {
   }, Ji.apply(this, arguments);
 };
 Object.defineProperty(_i, "__esModule", { value: !0 });
-var Xt = pt, zi = (0, Xt.getAceInstance)(), Ad = vi, Ed = Eu, le = qi, Oo = er, Hi = Es, kt = Cd, Md = (
+var Xt = pt, zi = (0, Xt.getAceInstance)(), Ad = vi, Ed = Eu, le = er, Oo = qi, Hi = Es, kt = Cd, Md = (
   /** @class */
   function(u) {
     _d(f, u);
@@ -19931,7 +19932,7 @@ var Td = Ns.exports, kd = Ne && Ne.__extends || /* @__PURE__ */ function() {
   };
 }();
 Object.defineProperty(Ur, "__esModule", { value: !0 });
-var $e = qi, Do = er, Ld = _i, Rd = Td, xd = (
+var $e = er, Do = qi, Ld = _i, Rd = Td, xd = (
   /** @class */
   function(u) {
     kd(f, u);
@@ -20495,7 +20496,7 @@ const No = new yu({ allErrors: !0 }), Wd = {
       };
   return { valid: !0 };
 };
-function Gd({ data: u, onChange: f }) {
+function Kd({ data: u, onChange: f }) {
   const [h, g] = ro(JSON.stringify(u, null, 2)), [_, d] = ro(
     null
   ), m = No.compile(Wd), v = (s) => {
@@ -20547,5 +20548,5 @@ function Gd({ data: u, onChange: f }) {
   ] });
 }
 export {
-  Gd as default
+  Kd as default
 };

package/dist/components/instance-form/components/variable/index.js

@@ -3,20 +3,18 @@ import "@mui/icons-material";
 import "@mui/material";
 import "dayjs";
 import "lodash";
-import { V as k } from "../../../../index-CGNxsLVm.js";
+import { V as h } from "../../../../index-DPKUmQnz.js";
 import "../../../date-time-picker/index.js";
 import "../../../geometry-picker/index.js";
 import "../../../phone-input/index.js";
 import "../../../conditional-wrapper/index.js";
 import "../TopLabelWrapper.js";
 import "../composite-matrix/index.js";
-import "../../../../Box-B1AVyJ_s.js";
-import "../../../../TextField-BQ8a50fA.js";
-import "../../../../FormControlLabel-BrdX4R71.js";
-import "../../../../Checkbox-CrU2hpWB.js";
-import "../../../../InputLabel-CBuAYyuT.js";
-import "../../../../Select-t3ewnSdf.js";
-import "../../../../MenuItem-C6qlUyV3.js";
+import "../../../../MenuItem-DrE50M_p.js";
+import "../../../../TextField-DSDIEEKu.js";
+import "../../../../FormControlLabel-BkRfrhNy.js";
+import "../../../../FormControl-BCurCxRj.js";
+import "../../../../InputLabel-rEwwnD4_.js";
 export {
-  k as default
+  h as default
 };

package/dist/components/instance-form/components/variables/index.js

@@ -1,6 +1,6 @@
 import { jsx as u, Fragment as I, jsxs as _ } from "react/jsx-runtime";
 import b from "react";
-import { V as g } from "../../../../index-CGNxsLVm.js";
+import { V as g } from "../../../../index-DPKUmQnz.js";
 import p from "lodash";
 import { Box as i } from "@mui/material";
 function C({

package/dist/components/instance-form/index.js

@@ -8,7 +8,7 @@ import { ConditionalWrapper as m } from "../conditional-wrapper/index.js";
 import { Container as Be } from "../container/index.js";
 import { DisseminationList as Ae } from "../data-security-selectors/dissemination-list/index.js";
 import { SecurityLevel as De } from "../data-security-selectors/security-level/index.js";
-import { i as Ne, d as _e } from "../../utils-Bq0ye5vf.js";
+import { i as Ne, d as _e } from "../../utils-Cxu-fHjQ.js";
 import { TreeSelect as We } from "../tree-select/index.js";
 import qe from "./components/policy-list/index.js";
 import L from "./components/TopLabelWrapper.js";

package/dist/components/instance-hierarchy-table/index.js

@@ -1,58 +1,53 @@
-import { jsx as r, Fragment as c, jsxs as m } from "react/jsx-runtime";
-import { Accordion as d, AccordionSummary as u, AccordionDetails as g } from "./styled.js";
-import { Typography as l, Chip as f } from "@mui/material";
-import { ChevronRight as y } from "@mui/icons-material";
-import { getPageIcon as I, getTemplateHierarchy as x } from "../../utils/ontology.js";
-import { InstanceTable as b } from "../instance-table/index.js";
-const W = ({
-  data: n,
-  templates: i,
-  ...s
-}) => {
-  const h = (t) => t ? x(i, t).map((e) => e.name).join(" / ") : " ";
-  return !n || !n.results ? /* @__PURE__ */ r(c, {}) : n.results.map((t, o) => {
-    const e = i.get(t.templateId);
-    if (!e) return /* @__PURE__ */ r(c, {});
-    const a = I(i, e.id);
-    return /* @__PURE__ */ m(
-      d,
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { ChevronRight as h } from "@mui/icons-material";
+import { getPageIcon as I } from "../../utils/ontology.js";
+import { InstanceTable as f } from "../instance-table/index.js";
+import { useInstanceHierarchyTableLogic as x } from "./logic.js";
+import { HierarchyRoot as y, Accordion as b, AccordionSummary as g, TemplateIcon as H, TemplateName as T, CountChip as C, HierarchyLabel as v, AccordionDetails as A } from "./styled.js";
+const z = (r) => {
+  const { state: l, actions: s } = x(r), { ownerState: m } = l, { data: a, templates: o, ...d } = r;
+  return !a || !a.results ? null : /* @__PURE__ */ e(y, { ownerState: m, sx: r.sx, children: a.results.map((n, p) => {
+    const t = o.get(n.templateId);
+    if (!t) return null;
+    const c = I(o, t.id);
+    return /* @__PURE__ */ i(
+      b,
       {
         defaultExpanded: !0,
         disableGutters: !0,
         elevation: 0,
         square: !0,
         children: [
-          /* @__PURE__ */ m(u, { expandIcon: /* @__PURE__ */ r(y, {}), children: [
-            /* @__PURE__ */ r("img", { src: a, height: 22, style: { maxWidth: 22 } }),
-            /* @__PURE__ */ r(l, { fontWeight: "500", ml: 2, children: e.name }),
-            /* @__PURE__ */ r(
-              f,
+          /* @__PURE__ */ i(g, { expandIcon: /* @__PURE__ */ e(h, {}), children: [
+            /* @__PURE__ */ e(H, { src: c }),
+            /* @__PURE__ */ e(T, { children: t.name }),
+            /* @__PURE__ */ e(
+              C,
               {
                 color: "primary",
-                label: t.totalInstanceCount,
-                size: "small",
-                sx: { height: 20, ml: 1 }
+                label: n.totalInstanceCount,
+                size: "small"
               }
             ),
-            /* @__PURE__ */ r(l, { variant: "caption", ml: 2, children: h(e) })
+            /* @__PURE__ */ e(v, { variant: "caption", children: s.getHierarchy(t) })
           ] }),
-          /* @__PURE__ */ r(g, { children: /* @__PURE__ */ r(
-            b,
+          /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e(
+            f,
             {
-              data: t.instances.map((p) => ({
-                ...p,
-                templateId: e.id
+              data: n.instances.map((u) => ({
+                ...u,
+                templateId: t.id
               })),
-              template: { ...e, icon: a },
-              ...s
+              template: { ...t, icon: c },
+              ...d
             }
           ) })
         ]
       },
-      o
+      p
     );
-  });
+  }) });
 };
 export {
-  W as InstanceHierarchyTable
+  z as InstanceHierarchyTable
 };

package/dist/components/instance-hierarchy-table/logic.js

@@ -0,0 +1,16 @@
+import { useThemeProps as o } from "@mui/material";
+import { getTemplateHierarchy as c } from "../../utils/ontology.js";
+const m = (t) => {
+  const e = o({
+    props: t,
+    name: "HCInstanceHierarchyTable"
+  }), a = { ...e };
+  return {
+    refs: {},
+    state: { ownerState: a },
+    actions: { getHierarchy: (r) => r ? c(e.templates, r).map((n) => n.name).join(" / ") : " " }
+  };
+};
+export {
+  m as useInstanceHierarchyTableLogic
+};

package/dist/components/instance-hierarchy-table/styled.js

@@ -1,29 +1,70 @@
-import { styled as r } from "@mui/material";
-import { A as e, a as i, b as n } from "../../AccordionDetails-DhriPVPP.js";
-const c = r(e)(({ theme: o }) => ({
-  borderBottom: `1px solid ${o.palette.divider}`,
+import { styled as a, Box as n, Typography as o, Chip as r } from "@mui/material";
+import { A as t, a as c, b as i } from "../../AccordionSummary-CMg08YSA.js";
+const s = (e) => e !== "ownerState", l = a(n, {
+  name: "HCInstanceHierarchyTable",
+  slot: "root",
+  shouldForwardProp: s
+})({}), p = a(t, {
+  name: "HCInstanceHierarchyTable",
+  slot: "accordion"
+})(({ theme: e }) => ({
+  borderBottom: `1px solid ${e.palette.divider}`,
   "&:before": {
     display: "none"
   }
-})), t = r(i)(({ theme: o }) => ({
+})), g = a(c, {
+  name: "HCInstanceHierarchyTable",
+  slot: "summary"
+})(({ theme: e }) => ({
   flexDirection: "row-reverse",
   paddingLeft: 0,
   "& .MuiAccordionSummary-expandIconWrapper.Mui-expanded": {
     transform: "rotate(90deg)"
   },
   "& .MuiAccordionSummary-content": {
-    marginLeft: o.spacing(1),
+    marginLeft: e.spacing(1),
     alignItems: "center"
   }
-})), p = r(n)(({ theme: o }) => ({
-  padding: o.spacing(2),
+})), h = a(i, {
+  name: "HCInstanceHierarchyTable",
+  slot: "details"
+})(({ theme: e }) => ({
+  padding: e.spacing(2),
   paddingTop: 0,
   paddingBottom: 0,
   borderTop: "1px solid rgba(0, 0, 0, .125)",
-  background: o.palette.grey[100]
+  background: e.palette.grey[100]
+})), y = a("img", {
+  name: "HCInstanceHierarchyTable",
+  slot: "templateIcon"
+})({
+  height: 22,
+  maxWidth: 22
+}), H = a(o, {
+  name: "HCInstanceHierarchyTable",
+  slot: "templateName"
+})(({ theme: e }) => ({
+  fontWeight: 500,
+  marginLeft: e.spacing(2)
+})), b = a(r, {
+  name: "HCInstanceHierarchyTable",
+  slot: "countChip"
+})(({ theme: e }) => ({
+  height: 20,
+  marginLeft: e.spacing(1)
+})), T = a(o, {
+  name: "HCInstanceHierarchyTable",
+  slot: "hierarchyLabel"
+})(({ theme: e }) => ({
+  marginLeft: e.spacing(2)
 }));
 export {
-  c as Accordion,
-  p as AccordionDetails,
-  t as AccordionSummary
+  p as Accordion,
+  h as AccordionDetails,
+  g as AccordionSummary,
+  b as CountChip,
+  T as HierarchyLabel,
+  l as HierarchyRoot,
+  y as TemplateIcon,
+  H as TemplateName
 };

package/dist/components/instance-table/index.js

@@ -1,160 +1,55 @@
-import { jsx as o, Fragment as D, jsxs as Y } from "react/jsx-runtime";
-import { useMemo as j } from "react";
-import { DataGrid as G, GridActionsCellItem as A } from "@mui/x-data-grid";
-import { ButtonBase as B, Box as S } from "@mui/material";
-import { DataGridActions as $ } from "./styled.js";
-import i from "dayjs";
-import E from "lodash";
-const L = ({
-  template: n,
-  data: w,
-  selectedIds: M = [],
-  sortColumnsBy: N = "type",
-  actions: h,
-  actionsWidth: y = 50,
-  enableCheckboxSelection: R = !1,
-  fieldOptions: e,
-  onSelect: s,
-  onTitleClick: C
-}) => {
-  const k = j(() => {
-    var l, c, d, g, v, b, x, I;
-    return [
-      ...(l = e == null ? void 0 : e.templateIcon) != null && l.hidden ? [] : [
-        {
-          field: "template",
-          headerName: "",
-          sortable: !1,
-          filterable: !1,
-          align: "center",
-          width: 30,
-          renderCell: (c = e == null ? void 0 : e.templateIcon) != null && c.renderCell ? (d = e == null ? void 0 : e.templateIcon) == null ? void 0 : d.renderCell : () => n ? /* @__PURE__ */ o(
-            "img",
-            {
-              src: n.icon,
-              height: 20,
-              style: { display: "inline", maxWidth: 20 }
-            }
-          ) : /* @__PURE__ */ o(D, {})
-        }
-      ],
-      ...(g = e == null ? void 0 : e.title) != null && g.hidden ? [] : [
-        {
-          field: "title",
-          headerName: "Title",
-          width: 400,
-          sortable: !1,
-          filterable: !1,
-          valueGetter: (r) => r.row.title,
-          renderCell: (v = e == null ? void 0 : e.title) != null && v.renderCell ? (b = e == null ? void 0 : e.title) == null ? void 0 : b.renderCell : (r) => {
-            const { row: a, value: u } = r;
-            return C ? /* @__PURE__ */ o(
-              B,
-              {
-                onClick: () => C(a),
-                sx: { "&:hover": { textDecoration: "underline" } },
-                disableRipple: !0,
-                children: u
-              }
-            ) : u;
-          }
-        }
-      ],
-      ...(x = e == null ? void 0 : e.description) != null && x.hidden ? [] : [
-        {
-          field: "description",
-          headerName: "Description",
-          width: 400,
-          sortable: !1,
-          filterable: !1,
-          valueGetter: (r) => r.row.description,
-          renderCell: (I = e == null ? void 0 : e.description) == null ? void 0 : I.renderCell
-        }
-      ],
-      ...n ? [
-        ...n.properties.filter(
-          (r) => (!e || !e[r.propertyId] || !e[r.propertyId].hidden) && r.visible && r.type !== "geometry" && r.type !== "coordinate"
-        ).sort(
-          (r, a) => N === "type" ? r.type < a.type ? -1 : r.type > a.type ? 1 : 0 : r.name < a.name ? -1 : 1
-        ).map((r) => {
-          var u;
-          const a = `variables.${r.type}.${r.propertyId}`;
-          return {
-            field: a,
-            headerName: r.name,
-            sortable: !1,
-            filterable: !1,
-            width: 150,
-            valueFormatter: (m) => m.value && r.type === "date" ? i(m.value).format("DD/MM/YYYY HH:mm") : m.value,
-            valueGetter: (m) => E.get(m.row, a),
-            renderCell: e && ((u = e[r.propertyId]) == null ? void 0 : u.renderCell)
-          };
-        })
-      ] : []
-    ];
-  }, [n]), F = (t) => {
-    s && s(t);
-  }, H = (t) => h ? h.map((l) => {
-    const { showInMenu: c, ...d } = l;
-    return /* @__PURE__ */ o(
-      A,
-      {
-        ...d,
-        ...c ? { showInMenu: c } : void 0,
-        onClick: () => {
-          l.onClick && l.onClick(t);
-        }
-      }
-    );
-  }) : [];
-  return /* @__PURE__ */ Y(S, { position: "relative", children: [
-    /* @__PURE__ */ o(
-      G,
+import { jsxs as h, jsx as n } from "react/jsx-runtime";
+import { useInstanceTableLogic as u } from "./logic.js";
+import { InstanceTableRoot as m, InstanceDataGrid as w, ActionsContainer as g, ActionsDataGrid as x } from "./styled.js";
+const I = () => null, A = (e) => {
+  const { state: s, actions: i } = u(e), {
+    ownerState: t,
+    columns: a,
+    selectedIds: c,
+    enableCheckboxSelection: r,
+    hasActions: d,
+    resolvedActionsWidth: l
+  } = s;
+  return /* @__PURE__ */ h(m, { ownerState: t, sx: e.sx, children: [
+    /* @__PURE__ */ n(
+      w,
       {
-        columns: k,
-        rows: w,
+        ownerState: t,
+        columns: a,
+        rows: e.data,
         autoHeight: !0,
         density: "compact",
-        sx: {
-          border: "none",
-          "& .MuiDataGrid-main": {
-            marginRight: h ? `${y}px` : 0
-          }
-        },
-        getRowId: (t) => t.id,
+        getRowId: (o) => o.id,
         hideFooterPagination: !0,
         hideFooter: !0,
-        checkboxSelection: R,
-        rowSelectionModel: M,
-        onRowSelectionModelChange: F,
+        checkboxSelection: r,
+        rowSelectionModel: c,
+        onRowSelectionModelChange: i.onRowSelectionModelChange,
         keepNonExistentRowsSelected: !0
       }
     ),
-    h !== void 0 && /* @__PURE__ */ o($, { width: y, children: /* @__PURE__ */ o(
-      G,
+    d && /* @__PURE__ */ n(g, { ownerState: t, children: /* @__PURE__ */ n(
+      x,
       {
         columns: [
           {
             field: "actions",
             type: "actions",
-            width: y,
+            width: l,
             headerClassName: "pinned",
-            getActions: H
+            getActions: i.getActions
           }
         ],
-        rows: w,
+        rows: e.data,
         autoHeight: !0,
         density: "compact",
         hideFooter: !0,
-        sx: { border: "none" },
-        slots: {
-          noRowsOverlay: () => /* @__PURE__ */ o(D, {})
-        },
-        getRowId: (t) => t.id
+        slots: { noRowsOverlay: I },
+        getRowId: (o) => o.id
       }
     ) })
   ] });
 };
 export {
-  L as InstanceTable
+  A as InstanceTable
 };