@hybridcore/ui 1.6.0 → 1.6.2

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 "../../AccordionSummary-DgAwVTk8.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-CJppWeqF.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
 };

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

@@ -0,0 +1,122 @@
+import { useThemeProps as N } from "@mui/material";
+import { GridActionsCellItem as S } from "@mui/x-data-grid";
+import G from "dayjs";
+import Y from "lodash";
+import { useMemo as D, createElement as h } from "react";
+import { TemplateIcon as H, TitleButton as R } from "./styled.js";
+const L = (T) => {
+  const C = N({ props: T, name: "HCInstanceTable" }), {
+    template: o,
+    selectedIds: y = [],
+    sortColumnsBy: m = "type",
+    actions: u,
+    actionsWidth: b = 50,
+    enableCheckboxSelection: v = !1,
+    fieldOptions: e,
+    onSelect: w,
+    onTitleClick: f
+  } = C, I = u !== void 0, g = b, M = {
+    ...C,
+    selectedIds: y,
+    sortColumnsBy: m,
+    actionsWidth: b,
+    enableCheckboxSelection: v,
+    hasActions: I,
+    resolvedActionsWidth: g
+  }, A = D(() => {
+    var l, i, n, d, p, k;
+    return [
+      ...(l = e == null ? void 0 : e.templateIcon) != null && l.hidden ? [] : [
+        {
+          field: "template",
+          headerName: "",
+          sortable: !1,
+          filterable: !1,
+          align: "center",
+          width: 30,
+          renderCell: ((i = e == null ? void 0 : e.templateIcon) == null ? void 0 : i.renderCell) ?? (() => o ? h(H, { src: o.icon }) : null)
+        }
+      ],
+      ...(n = e == null ? void 0 : e.title) != null && n.hidden ? [] : [
+        {
+          field: "title",
+          headerName: "Title",
+          width: 400,
+          sortable: !1,
+          filterable: !1,
+          valueGetter: (t) => t.row.title,
+          renderCell: ((d = e == null ? void 0 : e.title) == null ? void 0 : d.renderCell) ?? ((t) => {
+            const { row: r, value: a } = t;
+            return f ? h(
+              R,
+              {
+                onClick: () => f(r),
+                disableRipple: !0
+              },
+              a
+            ) : a;
+          })
+        }
+      ],
+      ...(p = e == null ? void 0 : e.description) != null && p.hidden ? [] : [
+        {
+          field: "description",
+          headerName: "Description",
+          width: 400,
+          sortable: !1,
+          filterable: !1,
+          valueGetter: (t) => t.row.description,
+          renderCell: (k = e == null ? void 0 : e.description) == null ? void 0 : k.renderCell
+        }
+      ],
+      ...o ? o.properties.filter(
+        (t) => (!e || !e[t.propertyId] || !e[t.propertyId].hidden) && t.visible && t.type !== "geometry" && t.type !== "coordinate"
+      ).sort(
+        (t, r) => m === "type" ? t.type < r.type ? -1 : t.type > r.type ? 1 : 0 : t.name < r.name ? -1 : 1
+      ).map((t) => {
+        var a;
+        const r = `variables.${t.type}.${t.propertyId}`;
+        return {
+          field: r,
+          headerName: t.name,
+          sortable: !1,
+          filterable: !1,
+          width: 150,
+          valueFormatter: (s) => s.value && t.type === "date" ? G(s.value).format("DD/MM/YYYY HH:mm") : s.value,
+          valueGetter: (s) => Y.get(s.row, r),
+          renderCell: e && ((a = e[t.propertyId]) == null ? void 0 : a.renderCell)
+        };
+      }) : []
+    ];
+  }, [o, e, f, m]);
+  return {
+    refs: {},
+    state: {
+      ownerState: M,
+      columns: A,
+      selectedIds: y,
+      enableCheckboxSelection: v,
+      hasActions: I,
+      resolvedActionsWidth: g
+    },
+    actions: { onRowSelectionModelChange: (c) => {
+      w && w(c);
+    }, getActions: (c) => u ? u.map((l, i) => {
+      const { showInMenu: n, ...d } = l, p = {
+        key: i,
+        ...d,
+        ...n ? { showInMenu: n } : {},
+        onClick: () => {
+          l.onClick && l.onClick(c);
+        }
+      };
+      return h(
+        S,
+        p
+      );
+    }) : [] }
+  };
+};
+export {
+  L as useInstanceTableLogic
+};

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

@@ -1,13 +1,55 @@
-import { styled as a, Box as i } from "@mui/material";
-const d = a(i)(
-  ({ theme: o, width: t }) => ({
-    position: "absolute",
-    top: 0,
-    right: 0,
-    width: t === void 0 ? o.spacing(10) : t,
-    background: o.palette.background.default
-  })
-);
+import { styled as n, Box as e, ButtonBase as s } from "@mui/material";
+import { DataGrid as a } from "@mui/x-data-grid";
+const o = (t) => t !== "ownerState", c = n(e, {
+  name: "HCInstanceTable",
+  slot: "root",
+  shouldForwardProp: o
+})({
+  position: "relative"
+}), d = n(a, {
+  name: "HCInstanceTable",
+  slot: "dataGrid",
+  shouldForwardProp: o
+})(({ ownerState: t }) => ({
+  border: "none",
+  "& .MuiDataGrid-main": {
+    marginRight: t.hasActions ? `${t.resolvedActionsWidth}px` : 0
+  }
+})), m = n(e, {
+  name: "HCInstanceTable",
+  slot: "actionsContainer",
+  shouldForwardProp: o
+})(({ theme: t, ownerState: i }) => ({
+  position: "absolute",
+  top: 0,
+  right: 0,
+  width: i.resolvedActionsWidth,
+  background: t.palette.background.default
+})), b = n(a, {
+  name: "HCInstanceTable",
+  slot: "actionsGrid"
+})({
+  border: "none"
+}), p = n("img", {
+  name: "HCInstanceTable",
+  slot: "templateIcon"
+})({
+  display: "inline",
+  height: 20,
+  maxWidth: 20
+}), h = n(s, {
+  name: "HCInstanceTable",
+  slot: "titleButton"
+})({
+  "&:hover": {
+    textDecoration: "underline"
+  }
+});
 export {
-  d as DataGridActions
+  m as ActionsContainer,
+  b as ActionsDataGrid,
+  d as InstanceDataGrid,
+  c as InstanceTableRoot,
+  p as TemplateIcon,
+  h as TitleButton
 };

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

@@ -1,23 +1,23 @@
-import { jsx as o, jsxs as h } from "react/jsx-runtime";
+import { jsx as s, jsxs as h } from "react/jsx-runtime";
 import { useThemeProps as j, Divider as I } from "@mui/material";
 import { useMemo as v, Fragment as V } from "react";
 import { InstanceVariableListRoot as g } from "./styled.js";
 import { Variable as D } from "./variable.js";
-function F(a) {
+const F = (a) => {
   const p = j({
     props: a,
     name: "HCInstanceVariableList"
   }), {
-    variables: s,
+    variables: o,
     template: r,
     extraData: i = [],
     disableDividers: m = !1,
     sx: c,
-    ...f
-  } = p, l = v(() => {
+    ...l
+  } = p, f = v(() => {
     const e = [...i];
     if (!r) return e;
-    for (const [t, u] of Object.entries(s ?? {}))
+    for (const [t, u] of Object.entries(o ?? {}))
       for (const [x, y] of Object.entries(u ?? {})) {
         const n = r.properties.find(
           (d) => d.propertyId === x
@@ -25,12 +25,12 @@ function F(a) {
         n && e.push({ title: n.name, value: y, type: t });
       }
     return e;
-  }, [s, r, i]), b = c ?? { px: 2, py: 1, alignItems: "flex-start" };
-  return /* @__PURE__ */ o(g, { ...f, children: l.filter((e) => e.type !== "geometry").map((e, t) => /* @__PURE__ */ h(V, { children: [
-    !m && t > 0 && /* @__PURE__ */ o(I, {}),
-    /* @__PURE__ */ o(D, { ...e, sx: b })
+  }, [o, r, i]), b = c ?? { px: 2, py: 1, alignItems: "flex-start" };
+  return /* @__PURE__ */ s(g, { ...l, children: f.filter((e) => e.type !== "geometry").map((e, t) => /* @__PURE__ */ h(V, { children: [
+    !m && t > 0 && /* @__PURE__ */ s(I, {}),
+    /* @__PURE__ */ s(D, { ...e, sx: b })
   ] }, t)) });
-}
+};
 export {
   F as InstanceVariableList
 };

package/dist/components/loading/index.js

@@ -1,11 +1,17 @@
-import { jsx as r, Fragment as m } from "react/jsx-runtime";
-import { CircularProgress as n } from "@mui/material";
-import { Container as e } from "./styled.js";
-const f = ({
-  show: o,
-  indicatorColor: i = "primary",
-  ...t
-}) => o ? /* @__PURE__ */ r(e, { ...t, children: /* @__PURE__ */ r(n, { color: i }) }) : /* @__PURE__ */ r(m, {});
+import { jsx as r } from "react/jsx-runtime";
+import { useLoadingLogic as c } from "./logic.js";
+import { LoadingRoot as d, LoadingIndicator as s } from "./styled.js";
+const v = (o) => {
+  const { state: t } = c(o), { ownerState: i, indicatorColor: n } = t, {
+    show: a,
+    overlay: m,
+    overlayColor: g,
+    indicatorColor: C,
+    sx: e,
+    ...l
+  } = o;
+  return a ? /* @__PURE__ */ r(d, { ownerState: i, sx: e, ...l, children: /* @__PURE__ */ r(s, { color: n }) }) : null;
+};
 export {
-  f as Loading
+  v as Loading
 };

package/dist/components/loading/logic.js

@@ -0,0 +1,15 @@
+import { useThemeProps as e } from "@mui/material";
+const a = (t) => {
+  const o = e({ props: t, name: "HCLoading" }), { indicatorColor: r = "primary" } = o, s = {
+    ...o,
+    indicatorColor: r
+  };
+  return {
+    refs: {},
+    state: { ownerState: s, indicatorColor: r },
+    actions: {}
+  };
+};
+export {
+  a as useLoadingLogic
+};

package/dist/components/loading/styled.js

@@ -1,21 +1,28 @@
-import { styled as r, Box as o } from "@mui/material";
-const a = r(o, {
-  shouldForwardProp: (e) => e !== "overlay" && e !== "overlayColor"
-})(({ overlayColor: e, position: t = "relative" }) => ({
-  width: "100%",
-  height: "100%",
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center",
-  backgroundColor: e || "rgba(255,255,255,0.15)",
-  ...t === "fixed" || t === "absolute" ? {
-    top: 0,
-    left: 0,
-    zIndex: 99999
-  } : t === "relative" ? {
-    position: "relative"
-  } : {}
-}));
+import { styled as r, Box as n, CircularProgress as a } from "@mui/material";
+const i = (o) => o !== "ownerState" && o !== "overlay" && o !== "overlayColor", s = r(n, {
+  name: "HCLoading",
+  slot: "root",
+  shouldForwardProp: i
+})(({ ownerState: o }) => {
+  const { overlayColor: e, position: t = "relative" } = o;
+  return {
+    width: "100%",
+    height: "100%",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    backgroundColor: e || "rgba(255,255,255,0.15)",
+    ...t === "fixed" || t === "absolute" ? {
+      top: 0,
+      left: 0,
+      zIndex: 99999
+    } : t === "relative" ? { position: "relative" } : {}
+  };
+}), d = r(a, {
+  name: "HCLoading",
+  slot: "indicator"
+})({});
 export {
-  a as Container
+  d as LoadingIndicator,
+  s as LoadingRoot
 };

package/dist/components/map/index.js

@@ -1,8 +1,30 @@
-import "react/jsx-runtime";
-import "react";
-import "./logic.js";
-import "./styled.js";
-import { M as a } from "../../index-kCJ_Zvl8.js";
+import { jsx as r } from "react/jsx-runtime";
+import e from "react";
+import f from "./logic.js";
+import a from "./styled.js";
+import '../../assets/index.css';const p = (o, i) => {
+  var t, n;
+  const { refs: s, action: m } = f(o);
+  return e.useImperativeHandle(i, () => m), /* @__PURE__ */ r(
+    a.Container,
+    {
+      sx: {
+        // position: 'relative',
+        cursor: ((t = o.options) == null ? void 0 : t.cursor) || "default"
+      },
+      children: /* @__PURE__ */ r(
+        a.Container,
+        {
+          id: o.id || "map",
+          ref: s.mapContainer,
+          cssPosition: (n = o.options) == null ? void 0 : n.cssPosition,
+          onContextMenu: (c) => c.preventDefault(),
+          className: "map"
+        }
+      )
+    }
+  );
+}, x = e.memo(e.forwardRef(p));
 export {
-  a as default
+  x as Map
 };

package/dist/components/map/styled.js

@@ -1,4 +1,4 @@
-import { styled as f } from "@mui/system";
+import { styled as f } from "@mui/material";
 import { S as r, F as t, a, C as s, I as c, T as d } from "../../Text-ChJRuaD8.js";
 const i = 0.4, g = f("div")(({ theme: o, cssPosition: n = "absolute" }) => ({
   position: n,