@hybridcore/ui 1.5.90 → 1.6.1

package/dist/components/object-profile-card/logic.js

@@ -0,0 +1,33 @@
+import { useThemeProps as g } from "@mui/material";
+import { useMemo as r } from "react";
+import { getPageIcon as d, getTemplateHierarchy as u } from "../../utils/ontology.js";
+const C = (c) => {
+  const a = g({
+    props: c,
+    name: "HCObjectProfileCard"
+  }), { data: t, templates: o, avatarUploading: n, onAvatarUpload: s, sx: i, ...p } = a, e = r(
+    () => o == null ? void 0 : o.get(t == null ? void 0 : t.template.id),
+    [o, t]
+  ), m = r(
+    () => o && e ? d(o, e.id, "focus-vision") : "",
+    [o, e]
+  ), l = r(
+    () => o && e ? u(o, e) : [],
+    [o, e]
+  ), f = { ...a };
+  return {
+    data: t,
+    template: e,
+    templates: o,
+    templateHierarchy: l,
+    icon: m,
+    avatarUploading: n,
+    onAvatarUpload: s,
+    ownerState: f,
+    sx: i,
+    other: p
+  };
+};
+export {
+  C as useObjectProfileCardLogic
+};

package/dist/components/object-profile-card/styled.js

@@ -0,0 +1,48 @@
+import { styled as e, Paper as r, Box as t } from "@mui/material";
+const l = e(r, {
+  name: "HCObjectProfileCard",
+  slot: "Root"
+})(() => ({
+  display: "flex",
+  flexDirection: "column",
+  height: "100%"
+})), a = e(t, {
+  name: "HCObjectProfileCard",
+  slot: "Content"
+})(() => ({
+  display: "flex",
+  flexDirection: "column",
+  flex: "1 1 auto",
+  minHeight: 0,
+  height: "100%"
+})), n = e(t, {
+  name: "HCObjectProfileCard",
+  slot: "Header"
+})(({ theme: o }) => ({
+  display: "flex",
+  flexDirection: "column",
+  alignItems: "center",
+  flexShrink: 0,
+  padding: o.spacing(1.5),
+  width: "100%"
+})), c = e(t, {
+  name: "HCObjectProfileCard",
+  slot: "Hierarchy"
+})(() => ({
+  marginLeft: 0,
+  textAlign: "center"
+})), f = e(t, {
+  name: "HCObjectProfileCard",
+  slot: "Variables"
+})(() => ({
+  flex: 1,
+  minHeight: 0,
+  overflow: "auto"
+}));
+export {
+  a as ObjectProfileCardContent,
+  n as ObjectProfileCardHeader,
+  c as ObjectProfileCardHierarchy,
+  l as ObjectProfileCardRoot,
+  f as ObjectProfileCardVariables
+};

package/dist/components/paginated-list/index.js

@@ -1,95 +1,99 @@
-import { jsxs as i, jsx as n, Fragment as a } from "react/jsx-runtime";
-import { Box as f, Divider as s, ListItem as w, ListItemIcon as T, ListItemText as R, Typography as _, Button as c, TablePagination as b } from "@mui/material";
-import I from "lodash";
-import { usePaginatedListLogic as O } from "./logic.js";
-import { PaginatedListRoot as k, PaginatedListHeader as D, PaginatedListContent as E, PaginatedListList as S, PaginatedListPagination as j } from "./styled.js";
-const z = [5, 10, 25, 50];
-function M(l) {
+import { jsxs as a, Fragment as T, jsx as n } from "react/jsx-runtime";
+import { Typography as l, Divider as h, Box as k, ListItem as I, Checkbox as w, ListItemIcon as O, ListItemText as R, TablePagination as b } from "@mui/material";
+import S from "lodash";
+import { usePaginatedListLogic as _ } from "./logic.js";
+import { PaginatedListRoot as E, PaginatedListHeader as D, PaginatedListContent as j, PaginatedListList as A, PaginatedListPagination as F } from "./styled.js";
+const N = [5, 10, 25, 50];
+function U(g) {
   const {
     title: t,
-    displayData: p,
-    count: g,
-    page: h,
-    rowsPerPage: P,
-    expanded: L,
-    handleChangePage: x,
-    handleChangeRowsPerPage: m,
-    readMore: u,
-    showLess: y,
-    onItemClick: o,
-    ownerState: r,
+    displayData: r,
+    count: p,
+    page: P,
+    rowsPerPage: m,
+    expanded: d,
+    selectionMode: o,
+    selected: y,
+    handleChangePage: L,
+    handleChangeRowsPerPage: u,
+    handleItemClick: x,
+    handleExpandToggle: C,
+    onItemClick: s,
+    ownerState: i,
     sx: v,
-    other: C
-  } = O(l);
-  return /* @__PURE__ */ i(k, { ownerState: r, sx: v, elevation: 4, ...C, children: [
-    t && /* @__PURE__ */ n(D, { title: t, ownerState: r }),
-    /* @__PURE__ */ i(E, { ownerState: r, children: [
-      /* @__PURE__ */ n(S, { disablePadding: !0, ownerState: r, children: p.map((e, d) => /* @__PURE__ */ i(f, { children: [
-        d === 0 && /* @__PURE__ */ n(s, { component: "li" }),
-        /* @__PURE__ */ i(
-          w,
-          {
-            onClick: () => o == null ? void 0 : o(e),
-            sx: {
-              cursor: o ? "pointer" : "default",
-              "&:hover": o ? { backgroundColor: "action.hover" } : void 0
-            },
-            children: [
-              e.icon && /* @__PURE__ */ n(T, { children: e.icon }),
-              /* @__PURE__ */ n(
-                R,
-                {
-                  primary: e.title,
-                  secondaryTypographyProps: {
-                    component: "div"
-                  },
-                  secondary: /* @__PURE__ */ n(a, { children: /* @__PURE__ */ n(_, { variant: "body2", children: L.includes(e.id) ? /* @__PURE__ */ i(a, { children: [
-                    e.description,
-                    /* @__PURE__ */ n(
-                      c,
-                      {
-                        variant: "text",
-                        size: "small",
-                        sx: { py: 0, px: 1 },
-                        onClick: y(e.id),
-                        children: "show less"
-                      }
-                    )
-                  ] }) : /* @__PURE__ */ i(a, { children: [
-                    I.truncate(e.description, { length: 100 }),
-                    e.description && e.description.length > 100 && /* @__PURE__ */ n(
-                      c,
-                      {
-                        variant: "text",
-                        size: "small",
-                        sx: { py: 0, px: 1 },
-                        onClick: u(e.id),
-                        children: "read more"
-                      }
-                    )
-                  ] }) }) })
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ n(s, { component: "li" })
-      ] }, e.id || d)) }),
-      /* @__PURE__ */ n(j, { ownerState: r, children: /* @__PURE__ */ n(
-        b,
-        {
-          component: "div",
-          count: g,
-          page: h,
-          rowsPerPage: P,
-          rowsPerPageOptions: z,
-          onPageChange: x,
-          onRowsPerPageChange: m
-        }
-      ) })
-    ] })
-  ] });
+    other: f
+  } = _(g);
+  return /* @__PURE__ */ a(
+    E,
+    {
+      ownerState: i,
+      sx: v,
+      elevation: 0,
+      "data-snapshot": JSON.stringify({
+        title: t,
+        data: r
+      }),
+      ...f,
+      children: [
+        t && /* @__PURE__ */ a(T, { children: [
+          /* @__PURE__ */ n(D, { ownerState: i, children: /* @__PURE__ */ n(l, { variant: "h3", children: t }) }),
+          /* @__PURE__ */ n(h, {})
+        ] }),
+        /* @__PURE__ */ a(j, { ownerState: i, children: [
+          /* @__PURE__ */ n(A, { disablePadding: !0, ownerState: i, children: r.map((e, c) => /* @__PURE__ */ a(k, { children: [
+            c !== 0 && /* @__PURE__ */ n(h, { component: "li" }),
+            /* @__PURE__ */ a(
+              I,
+              {
+                onClick: x(e),
+                sx: {
+                  cursor: o || s ? "pointer" : "default",
+                  "&:hover": o || s ? { backgroundColor: "action.hover" } : void 0,
+                  pl: o ? 0 : 2
+                },
+                children: [
+                  o && /* @__PURE__ */ n(w, { checked: y.indexOf(e.id) !== -1 }),
+                  !o && e.icon && /* @__PURE__ */ n(O, { children: e.icon }),
+                  /* @__PURE__ */ n(
+                    R,
+                    {
+                      primary: e.title,
+                      primaryTypographyProps: { variant: "h4" },
+                      secondaryTypographyProps: { component: "div" },
+                      secondary: /* @__PURE__ */ n(
+                        l,
+                        {
+                          variant: "body2",
+                          mt: 1,
+                          sx: { cursor: "pointer" },
+                          title: d.includes(e.id) ? "Show less" : "Read more",
+                          onClick: C(e),
+                          children: d.includes(e.id) ? e.description : S.truncate(e.description, { length: 100 })
+                        }
+                      )
+                    }
+                  )
+                ]
+              }
+            )
+          ] }, e.id || c)) }),
+          /* @__PURE__ */ n(F, { ownerState: i, children: /* @__PURE__ */ n(
+            b,
+            {
+              component: "div",
+              count: p,
+              page: P,
+              rowsPerPage: m,
+              rowsPerPageOptions: N,
+              onPageChange: L,
+              onRowsPerPageChange: u
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
 }
 export {
-  M as PaginatedList
+  U as PaginatedList
 };

package/dist/components/paginated-list/logic.js

@@ -1,45 +1,56 @@
-import { useThemeProps as E } from "@mui/material";
-import { useState as g } from "react";
-const T = (l) => {
-  const i = E({ props: l, name: "HCPaginatedList" }), {
-    title: m,
-    data: a = [],
-    payload: e,
-    totalCount: u,
-    onChange: t,
-    onItemClick: w,
-    sx: d,
-    ...h
-  } = i, [C, p] = g(0), [L, f] = g(5), [b, P] = g([]), r = (e == null ? void 0 : e.pageNumber) !== void 0 ? e.pageNumber : C, n = (e == null ? void 0 : e.rows) !== void 0 ? e.rows : L, v = (s, o) => {
-    p(o), t && t({ ...e, pageNumber: o, rows: n });
-  }, x = (s) => {
-    const o = parseInt(s.target.value, 10);
-    f(o), p(0), t && t({ ...e, pageNumber: 0, rows: o });
-  }, N = (s) => (o) => {
-    o.stopPropagation(), P((c) => [...c, s]);
-  }, R = (s) => (o) => {
-    o.stopPropagation(), P((c) => c.filter((D) => D !== s));
-  }, I = t ? u || 0 : a.length, S = t ? a : a.slice(r * n, (r + 1) * n), k = {
-    ...i
-  };
+import { useThemeProps as _ } from "@mui/material";
+import { useState as u } from "react";
+const q = (h) => {
+  const P = _({ props: h, name: "HCPaginatedList" }), {
+    title: w,
+    data: d = [],
+    payload: t,
+    totalCount: x,
+    onChange: s,
+    onItemClick: a,
+    selectionMode: g = !1,
+    selected: r = [],
+    onSelectionChange: l,
+    sx: L,
+    ...b
+  } = P, [m, f] = u(0), [v, C] = u(10), [N, R] = u([]), i = (t == null ? void 0 : t.pageNumber) !== void 0 ? t.pageNumber : m, c = (t == null ? void 0 : t.rows) !== void 0 ? t.rows : v, I = (e, o) => {
+    f(o), s && s({ ...t, pageNumber: o, rows: c });
+  }, T = (e) => {
+    const o = parseInt(e.target.value, 10);
+    C(o), f(0), s && s({ ...t, pageNumber: 0, rows: o });
+  }, E = (e) => {
+    const n = r.indexOf(e.id) === -1 ? [...r, e.id] : r.filter((p) => p !== e.id);
+    l == null || l(n, e);
+  }, S = (e) => () => {
+    if (g) {
+      E(e);
+      return;
+    }
+    a == null || a(e);
+  }, D = (e) => (o) => {
+    g || (o.stopPropagation(), R(
+      (n) => n.includes(e.id) ? n.filter((p) => p !== e.id) : [...n, e.id]
+    ));
+  }, H = s ? x || 0 : d.length, M = s ? d : d.slice(i * c, (i + 1) * c), O = { ...P };
   return {
-    title: m,
-    data: a,
-    displayData: S,
-    count: I,
-    page: r,
-    rowsPerPage: n,
-    expanded: b,
-    handleChangePage: v,
-    handleChangeRowsPerPage: x,
-    readMore: N,
-    showLess: R,
-    onItemClick: w,
-    ownerState: k,
-    sx: d,
-    other: h
+    title: w,
+    displayData: M,
+    count: H,
+    page: i,
+    rowsPerPage: c,
+    expanded: N,
+    selectionMode: g,
+    selected: r,
+    handleChangePage: I,
+    handleChangeRowsPerPage: T,
+    handleItemClick: S,
+    handleExpandToggle: D,
+    onItemClick: a,
+    ownerState: O,
+    sx: L,
+    other: b
   };
 };
 export {
-  T as usePaginatedListLogic
+  q as usePaginatedListLogic
 };

package/dist/components/paginated-list/styled.js

@@ -1,32 +1,26 @@
-import { styled as t, Card as i, CardHeader as a, CardContent as n, List as o } from "@mui/material";
-const s = t(i, {
+import { styled as t, Paper as n, Box as a, List as o } from "@mui/material";
+const s = t(n, {
   name: "HCPaginatedList",
   slot: "Root"
 })(() => ({
   display: "flex",
   flexDirection: "column",
   height: "100%"
-})), r = t(a, {
+})), d = t(a, {
   name: "HCPaginatedList",
   slot: "Header"
-})(({ theme: e }) => ({
-  padding: e.spacing(3),
-  paddingBottom: e.spacing(2),
-  "& .MuiCardHeader-title": {
-    fontSize: "1rem",
-    fontWeight: 500
-  },
-  "& .MuiCardHeader-subheader": {
-    fontSize: ".875rem"
-  }
-})), l = t(n, {
+})(({ theme: i }) => ({
+  flex: "0 0 auto",
+  padding: i.spacing(1.25, 2)
+})), l = t(a, {
   name: "HCPaginatedList",
   slot: "Content"
 })(() => ({
-  padding: "0px !important",
+  position: "relative",
   display: "flex",
   flexDirection: "column",
-  flex: 1,
+  flex: "1 1 auto",
+  minHeight: 0,
   overflow: "hidden"
 })), g = t(o, {
   name: "HCPaginatedList",
@@ -34,16 +28,26 @@ const s = t(i, {
 })(() => ({
   flex: 1,
   overflowY: "auto"
-})), p = t("div", {
+})), r = t("div", {
   name: "HCPaginatedList",
   slot: "Pagination"
-})(({ theme: e }) => ({
-  borderTop: `1px solid ${e.palette.divider}`
+})(({ theme: i }) => ({
+  borderTop: `1px solid ${i.palette.divider}`,
+  ".MuiToolbar-root": {
+    minHeight: 24,
+    paddingLeft: i.spacing(1)
+  },
+  ".MuiTablePagination-actions .MuiButtonBase-root": {
+    padding: i.spacing(0.5)
+  },
+  ".MuiTablePagination-displayedRows": {
+    lineHeight: 1
+  }
 }));
 export {
   l as PaginatedListContent,
-  r as PaginatedListHeader,
+  d as PaginatedListHeader,
   g as PaginatedListList,
-  p as PaginatedListPagination,
+  r as PaginatedListPagination,
   s as PaginatedListRoot
 };

package/dist/components/phone-input/index.js

@@ -1,25 +1,21 @@
-import { jsxs as m, jsx as r } from "react/jsx-runtime";
-import p from "react-phone-number-input";
-import { Typography as i } from "@mui/material";
-import { Container as a } from "./styled.js";
-import '../../assets/index2.css';const u = ({
-  label: n,
-  value: o,
-  placeholder: e,
-  onChange: t
-}) => /* @__PURE__ */ m(a, { children: [
-  n && /* @__PURE__ */ r(i, { children: n }),
-  /* @__PURE__ */ r(
-    p,
-    {
-      value: o,
-      placeholder: e,
-      onChange: (h) => {
-        t(String(h));
+import { jsxs as a, jsx as n } from "react/jsx-runtime";
+import h from "react-phone-number-input";
+import { usePhoneInputLogic as r } from "./logic.js";
+import { PhoneInputRoot as u, PhoneInputLabel as c } from "./styled.js";
+import '../../assets/index2.css';const x = (e) => {
+  const { state: o, actions: t } = r(e), { ownerState: l } = o;
+  return /* @__PURE__ */ a(u, { ownerState: l, sx: e.sx, children: [
+    e.label && /* @__PURE__ */ n(c, { children: e.label }),
+    /* @__PURE__ */ n(
+      h,
+      {
+        value: e.value,
+        placeholder: e.placeholder,
+        onChange: t.handleChange
       }
-    }
-  )
-] });
+    )
+  ] });
+};
 export {
-  u as PhoneInput
+  x as PhoneInput
 };

package/dist/components/phone-input/logic.js

@@ -0,0 +1,14 @@
+import { useThemeProps as s } from "@mui/material";
+const p = (e) => {
+  const n = s({ props: e, name: "HCPhoneInput" }), o = { ...n };
+  return {
+    refs: {},
+    state: { ownerState: o },
+    actions: { handleChange: (t) => {
+      n.onChange(String(t));
+    } }
+  };
+};
+export {
+  p as usePhoneInputLogic
+};

package/dist/components/phone-input/styled.js

@@ -1,5 +1,9 @@
-import { styled as n, Box as t } from "@mui/material";
-const i = n(t)(({ theme: o }) => ({
+import { styled as n, Box as t, Typography as e } from "@mui/material";
+const p = (o) => o !== "ownerState", a = n(t, {
+  name: "HCPhoneInput",
+  slot: "root",
+  shouldForwardProp: p
+})(({ theme: o }) => ({
   marginBottom: o.spacing(2),
   "& input.PhoneInputInput": {
     border: "none",
@@ -20,7 +24,11 @@ const i = n(t)(({ theme: o }) => ({
   "& .PhoneInputCountryIcon--border": {
     boxShadow: "none"
   }
-}));
+})), d = n(e, {
+  name: "HCPhoneInput",
+  slot: "label"
+})({});
 export {
-  i as Container
+  d as PhoneInputLabel,
+  a as PhoneInputRoot
 };

package/dist/components/property-mapping/index.js

@@ -4,8 +4,8 @@ import { Dialog as de, DialogTitle as pe, Box as m, Typography as b, TextField a
 import { DataGrid as fe } from "@mui/x-data-grid";
 import { useState as G, useEffect as ue } from "react";
 import h from "lodash";
-import { d as ye } from "../../ol-lGwSyEIV.js";
-import { V as he } from "../../index-CGNxsLVm.js";
+import { d as ye } from "../../ol-yOE-NV0X.js";
+import { V as he } from "../../index-DPKUmQnz.js";
 import { RangeSelector as me } from "../range-selector/index.js";
 const $e = ({
   open: F,

package/dist/components/prr-map/components/controls/index.js

@@ -0,0 +1,12 @@
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import { Container as t, Button as r } from "./styled.js";
+import { I as s, a as l } from "../../../../IconPlus-yPkff_Vj.js";
+function m({ mapRef: n }) {
+  return n ? /* @__PURE__ */ i(t, { children: [
+    /* @__PURE__ */ o(r, { onClick: n.zoomIn, children: /* @__PURE__ */ o(s, { size: 18 }) }),
+    /* @__PURE__ */ o(r, { onClick: n.zoomOut, children: /* @__PURE__ */ o(l, { size: 18 }) })
+  ] }) : null;
+}
+export {
+  m as Controls
+};

package/dist/components/prr-map/components/controls/styled.js

@@ -0,0 +1,34 @@
+import { styled as r, Box as a, IconButton as n } from "@mui/material";
+const t = r(a, {
+  name: "HCPrrMapControls",
+  slot: "Root"
+})(({ theme: o }) => ({
+  position: "absolute",
+  left: o.spacing(1),
+  bottom: o.spacing(1),
+  display: "flex",
+  flexDirection: "column",
+  gap: o.spacing(0.5)
+})), p = r(n, {
+  name: "HCPrrMapControls",
+  slot: "Button"
+})(({ theme: o }) => ({
+  borderRadius: o.shape.borderRadius,
+  backgroundColor: o.palette.background.paper,
+  border: "1px solid",
+  borderColor: o.palette.divider,
+  width: o.spacing(3),
+  height: o.spacing(3),
+  padding: o.spacing(0.5),
+  ".MuiSvgIcon-root": {
+    width: o.spacing(2),
+    height: o.spacing(2)
+  },
+  "&:hover": {
+    backgroundColor: o.palette.background.default
+  }
+}));
+export {
+  p as Button,
+  t as Container
+};

package/dist/components/prr-map/components/legend/index.js

@@ -0,0 +1,36 @@
+import { jsx as r, jsxs as o } from "react/jsx-runtime";
+import { Typography as e } from "@mui/material";
+import { FlexCol as l } from "../../../flex-col/index.js";
+import { FlexRow as i } from "../../../flex-row/index.js";
+import { Container as c, ColorBox as n } from "./styled.js";
+function p() {
+  return /* @__PURE__ */ r(c, { children: /* @__PURE__ */ o(l, { children: [
+    /* @__PURE__ */ o(i, { gap: 0.5, children: [
+      /* @__PURE__ */ r(n, { bgcolor: "#CF3655" }),
+      /* @__PURE__ */ r(e, { variant: "overline", children: "> 1000 (Very High)" })
+    ] }),
+    /* @__PURE__ */ o(i, { gap: 0.5, children: [
+      /* @__PURE__ */ r(n, { bgcolor: "#FA665A" }),
+      /* @__PURE__ */ r(e, { variant: "overline", children: "500 - 999" })
+    ] }),
+    /* @__PURE__ */ o(i, { gap: 0.5, children: [
+      /* @__PURE__ */ r(n, { bgcolor: "#FAAC3D" }),
+      /* @__PURE__ */ r(e, { variant: "overline", children: "220 - 499" })
+    ] }),
+    /* @__PURE__ */ o(i, { gap: 0.5, children: [
+      /* @__PURE__ */ r(n, { bgcolor: "#FAE742" }),
+      /* @__PURE__ */ r(e, { variant: "overline", children: "100 - 219" })
+    ] }),
+    /* @__PURE__ */ o(i, { gap: 0.5, children: [
+      /* @__PURE__ */ r(n, { bgcolor: "#DAED77" }),
+      /* @__PURE__ */ r(e, { variant: "overline", children: "50 - 99" })
+    ] }),
+    /* @__PURE__ */ o(i, { gap: 0.5, children: [
+      /* @__PURE__ */ r(n, { bgcolor: "#A0EE77" }),
+      /* @__PURE__ */ r(e, { variant: "overline", children: "< 49 (Very Low)" })
+    ] })
+  ] }) });
+}
+export {
+  p as Legend
+};

package/dist/components/prr-map/components/legend/styled.js

@@ -0,0 +1,21 @@
+import { styled as t, Paper as a, Box as n } from "@mui/material";
+const i = t(a, {
+  name: "HCPrrMapLegend",
+  slot: "Root"
+})(({ theme: o }) => ({
+  position: "absolute",
+  right: o.spacing(1),
+  bottom: o.spacing(1),
+  padding: o.spacing(0.5),
+  backgroundColor: o.palette.background.default
+})), p = t(n, {
+  name: "HCPrrMapLegend",
+  slot: "ColorBox"
+})(() => ({
+  height: 18,
+  width: 24
+}));
+export {
+  p as ColorBox,
+  i as Container
+};