@hybridcore/ui 1.6.1 → 1.6.2

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

@@ -0,0 +1,156 @@
+import { useThemeProps as O } from "@mui/material";
+import u from "lodash";
+import { useRef as V, useState as T, useEffect as I } from "react";
+const _ = 2e3, H = (R) => {
+  const v = O({ props: R, name: "HCPropertyMapping" }), {
+    open: b,
+    data: M,
+    agent: i,
+    objectInstance: h,
+    catalogueInstances: l,
+    enableValueInput: m = !1,
+    onSubmit: y
+  } = v, k = V(null), [g, S] = T(M), [C, $] = T(
+    /* @__PURE__ */ new Map()
+  );
+  I(() => {
+    $(/* @__PURE__ */ new Map());
+  }, [b]), I(() => {
+    S(M);
+  }, [M]);
+  const w = () => {
+    i ? y(i, !0) : y(g);
+  }, x = (a) => (n) => {
+    i && y({ ...i, [a]: n });
+  }, A = (a) => {
+    const { name: n, value: c } = a.target;
+    let e = c;
+    n === "criticalityScore" && (e = e.replace(",", "."), e = e.replace(/[^\d.-]+/g, "")), x(n)(e);
+  }, d = (a, n, c, e) => (r) => {
+    if (!i) return;
+    const t = [...i.propertyInfoMap], o = t.findIndex(
+      (p) => p.policyKey === a && p.key === n
+    );
+    t[o] && (t.splice(o, 1, {
+      ...t[o],
+      value: r.value,
+      source: c ? c || "" : t[o].source,
+      sourceField: e !== void 0 ? e || "" : t[o].sourceField
+    }), y({ ...i, propertyInfoMap: t }));
+  }, D = (a) => () => {
+    const { policyKey: n, key: c, source: e, sourceField: r } = a;
+    let t = "";
+    if (e === "OBJECT")
+      t = u.get(
+        h,
+        `variables.${a.dataType.type}.${r}`
+      );
+    else if (e) {
+      const p = parseInt(String(e), 10), s = l == null ? void 0 : l.find((f) => f.id === p);
+      s ? t = u.get(
+        s.variables,
+        `${a.dataType.type}.${r}`
+      ) : console.warn(
+        "Catalogue instance could not be found!",
+        e,
+        l
+      );
+    }
+    if (!t) return;
+    d(n, c)({ value: t });
+    const o = `${u.get(i, "referenceObjectInstanceId")}:${n}:${c}`;
+    $((p) => {
+      const s = new Map(p);
+      return s.set(o, "Updated"), s;
+    }), setTimeout(() => {
+      $((p) => {
+        const s = new Map(p);
+        return s.set(o, "Default"), s;
+      });
+    }, _);
+  }, E = (a, n) => (c) => {
+    if (!i) return;
+    const e = [...i.propertyInfoMap], r = e.findIndex(
+      (t) => t.policyKey === a && t.key === n
+    );
+    e[r] && (e.splice(r, 1, {
+      ...e[r],
+      randomInfo: c
+    }), y({ ...i, propertyInfoMap: e }));
+  }, F = (a) => (n) => {
+    const c = n.target.name, e = [...g], r = e[a], t = r.propertyMappings.findIndex(
+      (p) => p.key === c
+    ), o = r.propertyMappings[t];
+    u.set(
+      e,
+      `${a}.propertyMappings.${t}.source`,
+      n.target.value
+    ), u.set(
+      e,
+      `${a}.propertyMappings.${t}.sourceField`,
+      ""
+    ), S(e), i && d(
+      r.key,
+      o.key,
+      String(n.target.value),
+      ""
+    )({ value: "" });
+  }, K = (a) => (n) => {
+    const c = n.target.name, e = [...g], r = e[a], t = r.propertyMappings.findIndex(
+      (s) => s.key === c
+    ), o = r.propertyMappings[t];
+    if (u.set(
+      e,
+      `${a}.propertyMappings.${t}.sourceField`,
+      n.target.value
+    ), S(e), !m || !i) return;
+    const p = u.get(
+      e,
+      `${a}.propertyMappings.${t}.source`
+    );
+    if (p === "OBJECT" && h) {
+      const s = u.get(
+        h.variables,
+        `${o.dataType.type}.${n.target.value}`
+      ) || "";
+      d(r.key, o.key, void 0, n.target.value)({
+        value: s
+      });
+    } else if (p && !["STATIC", "RANDOM", "SMART_RANDOM"].includes(String(p))) {
+      const s = l == null ? void 0 : l.find((f) => f.id === Number(p));
+      if (s) {
+        const f = u.get(
+          s.variables,
+          `${o.dataType.type}.${n.target.value}`
+        ) || "";
+        d(r.key, o.key, void 0, n.target.value)({
+          value: f
+        });
+      }
+    }
+  };
+  return {
+    refs: { rootRef: k },
+    state: {
+      ownerState: {
+        hasAgent: i !== void 0,
+        enableValueInput: m
+      },
+      data: g,
+      valueRefreshStatus: C,
+      sx: v.sx
+    },
+    actions: {
+      handleSubmit: w,
+      handleInputChange: A,
+      handleValueChange: d,
+      handleValueRefresh: D,
+      handleRandomInfoChange: E,
+      handleSourceChange: F,
+      handleSourceFieldChange: K
+    }
+  };
+};
+export {
+  H as usePropertyMappingLogic
+};

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

@@ -0,0 +1,199 @@
+import { styled as t, Dialog as i, DialogTitle as a, Box as n, Typography as p, TextField as o, IconButton as l, DialogContent as s, DialogActions as g } from "@mui/material";
+import { DataGrid as y } from "@mui/x-data-grid";
+const c = (e) => e !== "ownerState", C = t(i, {
+  name: "HCPropertyMapping",
+  slot: "root"
+})({}), M = t(a, {
+  name: "HCPropertyMapping",
+  slot: "title"
+})({
+  lineHeight: 1,
+  display: "flex",
+  justifyContent: "space-between"
+}), m = t(n, {
+  name: "HCPropertyMapping",
+  slot: "titleContent"
+})({}), u = t(p, {
+  name: "HCPropertyMapping",
+  slot: "titleHeading"
+})({}), H = t(p, {
+  name: "HCPropertyMapping",
+  slot: "titleSubtitle"
+})({}), f = t(n, {
+  name: "HCPropertyMapping",
+  slot: "titleAgentForm"
+})({
+  display: "flex",
+  flex: 1,
+  alignItems: "flex-start"
+}), w = t(n, {
+  name: "HCPropertyMapping",
+  slot: "titleAgentFields"
+})({
+  display: "flex",
+  flexDirection: "column",
+  flex: 1,
+  minWidth: 200
+}), r = {
+  "& .MuiInputBase-root:before": {
+    border: "none"
+  }
+}, x = t(o, {
+  name: "HCPropertyMapping",
+  slot: "titleAgentNameInput"
+})(r), A = t(o, {
+  name: "HCPropertyMapping",
+  slot: "titleAgentDescriptionInput"
+})(r), I = t(n, {
+  name: "HCPropertyMapping",
+  slot: "titleAgentMetaRow"
+})(({ theme: e }) => ({
+  marginLeft: e.spacing(4)
+})), T = t(o, {
+  name: "HCPropertyMapping",
+  slot: "titleAgentCountInput"
+})(({ theme: e }) => ({
+  width: 100,
+  marginRight: e.spacing(1)
+})), h = t(o, {
+  name: "HCPropertyMapping",
+  slot: "titleAgentCriticalityInput"
+})({
+  width: 150
+}), b = t(n, {
+  name: "HCPropertyMapping",
+  slot: "titleClose"
+})({
+  flex: 1,
+  textAlign: "end"
+}), D = t(l, {
+  name: "HCPropertyMapping",
+  slot: "titleCloseButton"
+})({}), v = t(s, {
+  name: "HCPropertyMapping",
+  slot: "content"
+})({
+  minHeight: 300
+}), R = t(n, {
+  name: "HCPropertyMapping",
+  slot: "policyCard"
+})(({ theme: e }) => ({
+  boxShadow: e.shadows[1],
+  marginTop: e.spacing(0.0125),
+  marginBottom: e.spacing(2),
+  overflow: "hidden",
+  borderRadius: e.shape.borderRadius
+})), B = t(n, {
+  name: "HCPropertyMapping",
+  slot: "policyCardHeader"
+})(({ theme: e }) => ({
+  display: "flex",
+  alignItems: "center",
+  padding: e.spacing(2)
+})), N = t(p, {
+  name: "HCPropertyMapping",
+  slot: "policyCardCatalogueNames"
+})({}), F = t(n, {
+  name: "HCPropertyMapping",
+  slot: "policyCardArrow"
+})(({ theme: e }) => ({
+  display: "inline-flex",
+  marginLeft: e.spacing(1),
+  marginRight: e.spacing(1)
+})), S = t(p, {
+  name: "HCPropertyMapping",
+  slot: "policyCardPolicyName"
+})(({ theme: e }) => ({
+  color: e.palette.text.secondary
+})), G = t(y, {
+  name: "HCPropertyMapping",
+  slot: "policyDataGrid",
+  shouldForwardProp: c
+})(({ theme: e }) => ({
+  border: "none",
+  "& .MuiDataGrid-columnHeadersInner": {
+    backgroundColor: e.palette.action.hover
+  }
+})), L = t(n, {
+  name: "HCPropertyMapping",
+  slot: "nameCell"
+})({
+  overflow: "hidden",
+  whiteSpace: "nowrap",
+  textOverflow: "ellipsis",
+  width: "100%"
+}), V = t(p, {
+  name: "HCPropertyMapping",
+  slot: "requiredAsterisk"
+})(({ theme: e }) => ({
+  display: "inline",
+  marginLeft: e.spacing(1),
+  color: e.palette.error.main
+})), k = t(n, {
+  name: "HCPropertyMapping",
+  slot: "dataTypeCell"
+})({
+  overflow: "hidden",
+  whiteSpace: "nowrap",
+  textOverflow: "ellipsis",
+  width: "100%"
+}), j = t(n, {
+  name: "HCPropertyMapping",
+  slot: "valueCell"
+})({
+  display: "flex",
+  justifyContent: "space-between",
+  alignItems: "center",
+  width: "100%"
+}), q = t(n, {
+  name: "HCPropertyMapping",
+  slot: "valueCellInner"
+})({
+  flex: 1
+}), E = t(n, {
+  name: "HCPropertyMapping",
+  slot: "valueErrorIcon"
+})(({ theme: e }) => ({
+  display: "inline-flex",
+  marginLeft: e.spacing(1)
+})), O = t(n, {
+  name: "HCPropertyMapping",
+  slot: "valueUpdatedIcon"
+})(({ theme: e }) => ({
+  display: "inline-flex",
+  marginRight: e.spacing(1)
+})), U = t(g, {
+  name: "HCPropertyMapping",
+  slot: "actions"
+})({});
+export {
+  U as PropertyMappingActions,
+  v as PropertyMappingContent,
+  G as PropertyMappingDataGrid,
+  k as PropertyMappingDataTypeCell,
+  L as PropertyMappingNameCell,
+  R as PropertyMappingPolicyCard,
+  F as PropertyMappingPolicyCardArrow,
+  N as PropertyMappingPolicyCardCatalogueNames,
+  B as PropertyMappingPolicyCardHeader,
+  S as PropertyMappingPolicyCardPolicyName,
+  V as PropertyMappingRequiredAsterisk,
+  C as PropertyMappingRoot,
+  M as PropertyMappingTitle,
+  T as PropertyMappingTitleAgentCountInput,
+  h as PropertyMappingTitleAgentCriticalityInput,
+  A as PropertyMappingTitleAgentDescriptionInput,
+  w as PropertyMappingTitleAgentFields,
+  f as PropertyMappingTitleAgentForm,
+  I as PropertyMappingTitleAgentMetaRow,
+  x as PropertyMappingTitleAgentNameInput,
+  b as PropertyMappingTitleClose,
+  D as PropertyMappingTitleCloseButton,
+  m as PropertyMappingTitleContent,
+  u as PropertyMappingTitleHeading,
+  H as PropertyMappingTitleSubtitle,
+  j as PropertyMappingValueCell,
+  q as PropertyMappingValueCellInner,
+  E as PropertyMappingValueErrorIcon,
+  O as PropertyMappingValueUpdatedIcon
+};

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

@@ -1,12 +1,10 @@
 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;
-}
+const m = ({ mapRef: n }) => 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/legend/index.js

@@ -3,34 +3,32 @@ 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)" })
-    ] })
-  ] }) });
-}
+const p = () => /* @__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/index.js

@@ -2,15 +2,15 @@ import { jsxs as s, jsx as r } from "react/jsx-runtime";
 import { Typography as c } from "@mui/material";
 import { useEffect as l } from "react";
 import { u } from "../../index.esm-BLLrbTzY.js";
-import { M as d } from "../../index-kCJ_Zvl8.js";
+import { Map as d } from "../map/index.js";
 import { Controls as h } from "./components/controls/index.js";
 import { Legend as M } from "./components/legend/index.js";
 import { usePrrMapLogic as R } from "./logic.js";
 import { PrrMapRoot as g, PrrMapHeader as z, PrrMapContent as P } from "./styled.js";
-function D(t) {
-  const { refs: o, actions: i, ownerState: e, sx: a, other: f } = R(t), { width: n, height: m, ref: p } = u();
+const D = (t) => {
+  const { refs: o, actions: i, ownerState: e, sx: a, other: p } = R(t), { width: n, height: m, ref: f } = u();
   return l(() => (n && m && i.onMapResize(), () => {
-  }), [n, m]), /* @__PURE__ */ s(g, { ownerState: e, sx: a, ref: p, ...f, children: [
+  }), [n, m]), /* @__PURE__ */ s(g, { ownerState: e, sx: a, ref: f, ...p, children: [
     /* @__PURE__ */ r(z, { ownerState: e, children: /* @__PURE__ */ r(c, { variant: "h3", children: t.title }) }),
     /* @__PURE__ */ s(P, { ownerState: e, children: [
       /* @__PURE__ */ r(
@@ -32,7 +32,7 @@ function D(t) {
       /* @__PURE__ */ r(h, { mapRef: o.mapRef.current })
     ] })
   ] });
-}
+};
 export {
   D as PrrMap
 };