@hybridcore/ui 1.6.0 → 1.6.1

package/dist/components/data-security-selectors/security-level/logic.js

@@ -0,0 +1,73 @@
+import { useThemeProps as M } from "@mui/material";
+import { useMemo as m } from "react";
+import { b as p } from "../../../helpers-B4UL9NMD.js";
+const R = (L) => {
+  const c = M({ props: L, name: "HCSecurityLevel" }), {
+    ontologyId: f,
+    appRoles: s,
+    templateKeys: o,
+    templateType: i,
+    securityLevels: t,
+    minLevel: n = 99,
+    minLevelId: a,
+    minLevelRoles: l,
+    variant: u = "outlined",
+    labelPosition: v = "default",
+    onChange: d
+  } = c, r = m(() => {
+    if (l && l.length > 0) {
+      for (const e of l)
+        if (p(e, "SUPER_ADMIN", s))
+          return n;
+    }
+    if (o && o.length > 0 && i) {
+      for (const e of o)
+        if (p(
+          `${f}.${i}.${e}`,
+          "SUPER_ADMIN",
+          s
+        ))
+          return n;
+    }
+    if (a && t.length > 0) {
+      const e = t.find(
+        (y) => y.id === a
+      );
+      if (e) return e.level;
+    }
+    return n;
+  }, [
+    n,
+    a,
+    t,
+    l,
+    o,
+    i,
+    s,
+    f
+  ]), h = m(
+    () => t.filter((e) => e.level <= r),
+    [t, r]
+  ), g = {
+    ...c,
+    variant: u,
+    labelPosition: v,
+    resolvedMinLevel: r
+  };
+  return {
+    refs: {},
+    state: {
+      ownerState: g,
+      resolvedMinLevel: r,
+      visibleLevels: h,
+      variant: u,
+      labelPosition: v
+    },
+    actions: { handleChange: (e) => {
+      d(e.target.value);
+    } }
+  };
+};
+export {
+  R as useSecurityLevelLogic
+};

package/dist/components/data-security-selectors/security-level/styled.js

@@ -0,0 +1,47 @@
+import { styled as e, Box as o, Typography as n, FormControl as c, Select as s, MenuItem as i, FormHelperText as a } from "@mui/material";
+const l = (t) => t !== "ownerState", u = e(o, {
+  name: "HCSecurityLevel",
+  slot: "root",
+  shouldForwardProp: l
+})({}), y = e(o, {
+  name: "HCSecurityLevel",
+  slot: "leftLayout"
+})({
+  display: "flex",
+  alignItems: "center"
+}), L = e(n, {
+  name: "HCSecurityLevel",
+  slot: "leftLabel"
+})({
+  width: "32%"
+}), S = e(o, {
+  name: "HCSecurityLevel",
+  slot: "leftContent"
+})({
+  width: "68%"
+}), C = e(c, {
+  name: "HCSecurityLevel",
+  slot: "formControl",
+  shouldForwardProp: l
+})(({ theme: t, ownerState: r }) => ({
+  ...r.variant === "outlined" && { marginTop: t.spacing(1) }
+})), p = e(s, {
+  name: "HCSecurityLevel",
+  slot: "select"
+})({}), v = e(i, {
+  name: "HCSecurityLevel",
+  slot: "menuItem"
+})({}), H = e(a, {
+  name: "HCSecurityLevel",
+  slot: "helperText"
+})({});
+export {
+  S as LeftContent,
+  L as LeftLabel,
+  y as LeftLayout,
+  C as SecurityFormControl,
+  H as SecurityHelperText,
+  u as SecurityLevelRoot,
+  v as SecurityMenuItem,
+  p as SecuritySelect
+};

package/dist/components/date-picker-with-custom-range/index.js

@@ -3,7 +3,7 @@ import "@mui/material";
 import "@mui/x-date-pickers";
 import "./logic.js";
 import "./styled.js";
-import { D as a } from "../../index-syTc6m_V.js";
+import { D as a } from "../../index-C8C3YXle.js";
 export {
   a as DatePickerWithCustomRange
 };

package/dist/components/geometry-picker/index.js

@@ -1,5 +1,5 @@
 import { jsx as o, jsxs as i, Fragment as p } from "react/jsx-runtime";
-import { EditOutlined as D, DeleteOutline as A, AddLocationOutlined as I, DrawOutlined as k, LayersOutlined as u } from "@mui/icons-material";
+import { EditOutlined as D, DeleteOutline as I, AddLocationOutlined as A, DrawOutlined as k, LayersOutlined as u } from "@mui/icons-material";
 import { Container as O, Actions as y, Button as l } from "./styled.js";
 import S from "./logic.js";
 import b from "./coordinate/index.js";
@@ -7,10 +7,11 @@ import E from "./edit/index.js";
 import g from "./geometry/index.js";
 import L from "./kml/index.js";
 import W from "./wkt/index.js";
-import { IconButton as h, OutlinedInput as K, FilledInput as F, Dialog as z, DialogTitle as B, DialogContent as G } from "@mui/material";
-import { I as T } from "../../InputAdornment-DLxWUE6H.js";
-import { a as w, F as M, I as j, b as x } from "../../FormControl-BLbrq4C7.js";
-const _ = ({
+import { IconButton as h, OutlinedInput as F, FilledInput as K, Dialog as z, DialogTitle as B, DialogContent as G } from "@mui/material";
+import { I as T } from "../../InputAdornment-C7PEvvYr.js";
+import { F as w, I as M } from "../../InputLabel-rEwwnD4_.js";
+import { F as j, I as x } from "../../FormControl-BCurCxRj.js";
+const $ = ({
   label: r,
   mapboxAccessToken: c,
   value: e = "",
@@ -26,7 +27,7 @@ const _ = ({
     onChange: C
   }), a = /* @__PURE__ */ o(T, { position: "end", children: e !== "" && /* @__PURE__ */ i(p, { children: [
     /* @__PURE__ */ o(h, { size: "small", onClick: n.onEdit, children: /* @__PURE__ */ o(D, { fontSize: "small" }) }),
-    /* @__PURE__ */ o(h, { size: "small", onClick: n.onDelete, children: /* @__PURE__ */ o(A, { fontSize: "small" }) })
+    /* @__PURE__ */ o(h, { size: "small", onClick: n.onDelete, children: /* @__PURE__ */ o(I, { fontSize: "small" }) })
   ] }) });
   return /* @__PURE__ */ i(p, { children: [
     m === "top" && r !== void 0 && /* @__PURE__ */ o(w, { sx: { display: "block", mb: 0.5 }, children: r }),
@@ -36,7 +37,7 @@ const _ = ({
           l,
           {
             color: "inherit",
-            startIcon: /* @__PURE__ */ o(I, {}),
+            startIcon: /* @__PURE__ */ o(A, {}),
             onClick: n.onAddCoordinate,
             children: "Add Coordinate"
           }
@@ -70,17 +71,17 @@ const _ = ({
         )
       ] }),
       /* @__PURE__ */ i(
-        M,
+        j,
         {
           fullWidth: !0,
           variant: d,
           contentEditable: !1,
           onClick: n.onClick,
           children: [
-            m === "default" && /* @__PURE__ */ o(j, { shrink: !!e, children: r }),
+            m === "default" && /* @__PURE__ */ o(M, { shrink: !!e, children: r }),
             d === "standard" && /* @__PURE__ */ o(x, { value: e, readOnly: !0, endAdornment: a }),
             d === "outlined" && /* @__PURE__ */ o(
-              K,
+              F,
               {
                 label: m === "default" ? r : void 0,
                 value: e,
@@ -88,7 +89,7 @@ const _ = ({
                 endAdornment: a
               }
             ),
-            d === "filled" && /* @__PURE__ */ o(F, { value: e, readOnly: !0, endAdornment: a })
+            d === "filled" && /* @__PURE__ */ o(K, { value: e, readOnly: !0, endAdornment: a })
           ]
         }
       )
@@ -141,5 +142,5 @@ const _ = ({
   ] });
 };
 export {
-  _ as GeometryPicker
+  $ as GeometryPicker
 };

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-CcdvNlgr.js";
+import { C as s } from "../../../../index-DPKUmQnz.js";
 import "./styled.js";
 export {
   s 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-CcdvNlgr.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-p6OtTUEo.js";
-import "../../../../TextField-1yCesIbH.js";
-import "../../../../FormControlLabel-C8SPv14J.js";
-import "../../../../Checkbox-CWRMFTBp.js";
-import "../../../../FormControl-BLbrq4C7.js";
-import "../../../../Select-BgYwkZgI.js";
-import "../../../../MenuItem-xZx_w7zA.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-CcdvNlgr.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 "../../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-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
 };