@hybridcore/ui 1.3.6 → 1.4.0

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

@@ -0,0 +1,558 @@
+import { jsxs as c, jsx as i, Fragment as w } from "react/jsx-runtime";
+import { CloseOutlined as le, ChevronRight as ie, ErrorOutline as ne, Check as oe, Refresh as ae } from "@mui/icons-material";
+import { Dialog as de, DialogTitle as se, Box as m, Typography as $, TextField as R, IconButton as J, DialogContent as pe, DialogActions as ce, Button as W, FormControl as V, Select as _, MenuItem as A } from "@mui/material";
+import { DataGrid as fe } from "@mui/x-data-grid";
+import { useState as H, useEffect as ue } from "react";
+import h from "lodash";
+import { e as ye } from "../../ol-CHaVTXvL.js";
+import { V as he } from "../../index-DPf5olog.js";
+import { RangeSelector as me } from "../range-selector/index.js";
+const $e = ({
+  open: F,
+  data: P,
+  objectTemplate: q,
+  agent: a,
+  enableValueInput: T,
+  loading: B,
+  agentTemplates: K,
+  catalogueInstances: v,
+  objectInstance: I,
+  disableCatalogueSource: G,
+  disableObjectSource: U,
+  scenario: C,
+  mapboxAccessToken: E,
+  onSubmit: M,
+  onClose: O
+}) => {
+  const [k, j] = H(P), [L, N] = H(/* @__PURE__ */ new Map());
+  ue(() => (N(/* @__PURE__ */ new Map()), () => {
+  }), [F]);
+  const Q = () => {
+    a ? M(a, !0) : M(k);
+  }, D = (n) => {
+    const { name: d, value: s } = n.target;
+    let o = s;
+    d === "criticalityScore" && (o = o.replace(",", "."), o = o.replace(/[^\d.-]+/g, "")), X(d)(o);
+  }, X = (n) => (d) => {
+    a && M({ ...a, [n]: d });
+  }, S = (n, d, s, o) => (r) => {
+    if (a) {
+      let t = [...a.propertyInfoMap];
+      const e = t.findIndex(
+        (l) => l.policyKey === n && l.key === d
+      );
+      if (t[e]) {
+        let l = r.value;
+        t.splice(e, 1, {
+          ...t[e],
+          value: l,
+          source: s ? s || "" : t[e].source,
+          sourceField: o !== void 0 ? o || "" : t[e].sourceField
+        }), M && M({ ...a, propertyInfoMap: t });
+      }
+    }
+  }, Y = (n) => () => {
+    const { policyKey: d, key: s, source: o, sourceField: r } = n;
+    let t = "";
+    if (o === "OBJECT")
+      t = h.get(
+        I,
+        `variables.${n.dataType.type}.${r}`
+      );
+    else if (o) {
+      const e = parseInt(String(o)), l = v == null ? void 0 : v.find((u) => u.id === e);
+      l ? t = h.get(
+        l.variables,
+        `${n.dataType.type}.${r}`
+      ) : console.log(
+        "Catalogue instance could not be found!",
+        o,
+        v
+      );
+    }
+    t && (S(d, s)({ value: t }), N((e) => {
+      const l = new Map(e);
+      return l.set(
+        `${h.get(a, "referenceObjectInstanceId")}:${d}:${s}`,
+        "Updated"
+      ), l;
+    }), setTimeout(() => {
+      N((e) => {
+        const l = new Map(e);
+        return l.set(
+          `${h.get(
+            a,
+            "referenceObjectInstanceId"
+          )}:${d}:${s}`,
+          "Default"
+        ), l;
+      });
+    }, 2e3));
+  }, Z = (n, d) => (s) => {
+    if (a) {
+      let o = [...a.propertyInfoMap];
+      const r = o.findIndex(
+        (t) => t.policyKey === n && t.key === d
+      );
+      o[r] && (o.splice(r, 1, {
+        ...o[r],
+        randomInfo: s
+      }), M && M({ ...a, propertyInfoMap: o }));
+    }
+  }, ee = (n) => (d) => {
+    const s = d.target.name;
+    let o = [...k];
+    const r = o[n], t = r.propertyMappings.findIndex(
+      (l) => l.key === s
+    ), e = r.propertyMappings[t];
+    h.set(
+      o,
+      `${n}.propertyMappings.${t}.source`,
+      d.target.value
+    ), h.set(
+      o,
+      `${n}.propertyMappings.${t}.sourceField`,
+      ""
+    ), j(o), a && S(
+      r.key,
+      e.key,
+      String(d.target.value),
+      ""
+    )({ value: "" });
+  }, re = (n) => (d) => {
+    const s = d.target.name;
+    let o = [...k];
+    const r = o[n], t = r.propertyMappings.findIndex(
+      (l) => l.key === s
+    ), e = r.propertyMappings[t];
+    if (h.set(
+      o,
+      `${n}.propertyMappings.${t}.sourceField`,
+      d.target.value
+    ), j(o), T && a) {
+      const l = h.get(
+        o,
+        `${n}.propertyMappings.${t}.source`
+      );
+      if (l === "OBJECT") {
+        if (I) {
+          const u = h.get(
+            I.variables,
+            `${e.dataType.type}.${d.target.value}`
+          ) || "";
+          S(
+            r.key,
+            e.key,
+            void 0,
+            d.target.value
+          )({ value: u });
+        }
+      } else if (l !== "STATIC") {
+        if (l !== "RANDOM") {
+          if (l !== "SMART_RANDOM") {
+            const u = v == null ? void 0 : v.find(
+              (y) => y.id === Number(l)
+            );
+            if (u) {
+              const y = h.get(
+                u.variables,
+                `${e.dataType.type}.${d.target.value}`
+              ) || "";
+              S(
+                r.key,
+                e.key,
+                void 0,
+                d.target.value
+              )({ value: y });
+            }
+          }
+        }
+      }
+    }
+  }, te = (n, d) => {
+    let s = {
+      field: "value",
+      headerName: "Value",
+      sortable: !1,
+      filterable: !1,
+      disableColumnMenu: !0,
+      flex: 2.5,
+      renderCell: (r) => {
+        var x, g;
+        const { key: t, dataType: e } = r.row;
+        let l = "", u = /* @__PURE__ */ i(w, {}), y = /* @__PURE__ */ i(w, {}), p = r.row.source;
+        if (T && a) {
+          const f = a.propertyInfoMap.find(
+            (b) => b.key === t && b.policyKey === n.key
+          );
+          if (f) {
+            const { valid: b, validationErrors: z } = f;
+            l = f.value, p = f.source, b === !1 && (u = /* @__PURE__ */ i(
+              ne,
+              {
+                color: "error",
+                fontSize: "small",
+                sx: { ml: 1 },
+                titleAccess: z ? z.join(", ") : "Value is not valid!"
+              }
+            )), p && (L.get(
+              `${h.get(a, "referenceObjectInstanceId")}:${f.policyKey}:${f.key}`
+            ) === "Updated" ? y = /* @__PURE__ */ i(oe, { color: "success", sx: { mr: 1 }, titleAccess: "Updated" }) : y = /* @__PURE__ */ i(
+              J,
+              {
+                onClick: Y(f),
+                title: `Reload value from the ${p === "OBJECT" ? "Object" : "Catalogue"}`,
+                children: /* @__PURE__ */ i(ae, {})
+              }
+            ));
+          }
+          if (p === "STATIC") {
+            const b = (x = C == null ? void 0 : C.environment.context) != null && x.boundingBox ? ye(C.environment.context.boundingBox) : void 0;
+            return /* @__PURE__ */ c(w, { children: [
+              /* @__PURE__ */ i(
+                he,
+                {
+                  mapboxAccessToken: E,
+                  property: {
+                    propertyId: "value",
+                    type: e.type,
+                    editable: !0,
+                    dataTypeInfo: {
+                      innerType: e.innerType
+                    }
+                  },
+                  variant: "outlined",
+                  value: l,
+                  size: "small",
+                  disableMargin: !0,
+                  defaultExtent: b,
+                  onChange: S(n.key, t)
+                }
+              ),
+              u
+            ] });
+          }
+          if (p === "RANDOM" || p === "SMART_RANDOM")
+            return /* @__PURE__ */ c(w, { children: [
+              /* @__PURE__ */ i(
+                me,
+                {
+                  type: e.type,
+                  value: f == null ? void 0 : f.randomInfo,
+                  innerType: (g = e.innerType) == null ? void 0 : g.type,
+                  minDate: C ? C.startTime : "",
+                  maxDate: C ? C.endTime : "",
+                  mapboxAccessToken: E,
+                  onChange: Z(n.key, t)
+                }
+              ),
+              u
+            ] });
+        }
+        return h.isArray(l) && (l = l.join(", ")), /* @__PURE__ */ c(
+          m,
+          {
+            display: "flex",
+            justifyContent: "space-between",
+            alignItems: "center",
+            width: "100%",
+            children: [
+              /* @__PURE__ */ c(m, { flex: 1, children: [
+                l,
+                u
+              ] }),
+              y
+            ]
+          }
+        );
+      }
+    };
+    const o = [
+      {
+        field: "name",
+        headerName: "Policy Field",
+        sortable: !1,
+        filterable: !1,
+        disableColumnMenu: !0,
+        flex: 1,
+        renderCell: (r) => /* @__PURE__ */ c(
+          m,
+          {
+            sx: {
+              overflow: "hidden",
+              whiteSpace: "nowrap",
+              textOverflow: "ellipsis",
+              width: "100%"
+            },
+            title: r.row.name || r.row.key,
+            children: [
+              r.row.name || r.row.key,
+              r.row.required ? /* @__PURE__ */ i($, { color: "red", ml: 1, title: "Required", display: "inline", children: "*" }) : null
+            ]
+          }
+        )
+      },
+      {
+        field: "description",
+        headerName: "Description",
+        sortable: !1,
+        filterable: !1,
+        disableColumnMenu: !0,
+        flex: 1
+      },
+      {
+        field: "dataType",
+        headerName: "Data Type",
+        sortable: !1,
+        filterable: !1,
+        disableColumnMenu: !0,
+        flex: 1,
+        renderCell: (r) => {
+          const { dataType: t } = r.row;
+          let e = t.type;
+          return t.type === "composite-list" && (e += ` <${t.innerType.type}>`), /* @__PURE__ */ i(
+            m,
+            {
+              sx: {
+                overflow: "hidden",
+                whiteSpace: "nowrap",
+                textOverflow: "ellipsis",
+                width: "100%"
+              },
+              title: e,
+              children: e
+            }
+          );
+        }
+      },
+      {
+        field: "source",
+        headerName: "Source",
+        sortable: !1,
+        filterable: !1,
+        disableColumnMenu: !0,
+        flex: 1,
+        renderCell: (r) => {
+          let t = r.row.source || "";
+          if (a) {
+            const e = a.propertyInfoMap.find(
+              (l) => l.policyKey === n.key && l.key === r.id
+            );
+            e && (t = e.source || "");
+          }
+          return /* @__PURE__ */ i(V, { fullWidth: !0, size: "small", children: /* @__PURE__ */ c(
+            _,
+            {
+              onChange: ee(d),
+              name: String(r.id),
+              value: t,
+              children: [
+                !U && /* @__PURE__ */ i(A, { value: "OBJECT", children: "OBJECT" }),
+                !G && n.catalogInstances.map((e) => /* @__PURE__ */ i(A, { value: e.id, children: e.name }, e.id)),
+                T && ["STATIC", "RANDOM", "SMART_RANDOM"].map((e) => /* @__PURE__ */ i(A, { value: e, children: e }, e))
+              ]
+            }
+          ) });
+        }
+      },
+      {
+        field: "sourceField",
+        headerName: "Source Field",
+        sortable: !1,
+        filterable: !1,
+        disableColumnMenu: !0,
+        flex: 1,
+        renderCell: (r) => {
+          const { dataType: t } = r.row;
+          let e = r.row.source, l = r.row.sourceField;
+          if (a) {
+            const p = a.propertyInfoMap.find(
+              (x) => x.policyKey === n.key && x.key === r.id
+            );
+            p && (e = p.source, l = p.sourceField || "");
+          }
+          let u = l || "";
+          if (e === "RANDOM" || e === "STATIC" || e === "SMART_RANDOM")
+            return /* @__PURE__ */ i(w, {});
+          let y = [];
+          if (e === "OBJECT")
+            y = q.properties.map((p) => ({
+              value: p.propertyId,
+              text: p.name
+            }));
+          else if (e !== null) {
+            const p = Number(e), x = v == null ? void 0 : v.find(
+              (g) => g.id === p
+            );
+            if (x && K) {
+              const g = K.find(
+                (f) => f.templateKey === x.template.templateKey
+              );
+              g && (y = g.properties.map((f) => ({
+                value: f.propertyId,
+                text: f.name
+              })));
+            }
+          }
+          return /* @__PURE__ */ i(V, { fullWidth: !0, size: "small", children: /* @__PURE__ */ c(
+            _,
+            {
+              onChange: re(d),
+              name: String(r.id),
+              value: u,
+              children: [
+                y.map((p, x) => /* @__PURE__ */ i(A, { value: p.value, children: p.text }, x)),
+                y.length === 0 && /* @__PURE__ */ c(A, { disabled: !0, children: [
+                  "No ",
+                  t.type,
+                  " property found!"
+                ] })
+              ]
+            }
+          ) });
+        }
+      }
+    ];
+    return T ? [...o, s] : o;
+  };
+  return /* @__PURE__ */ c(de, { open: F, fullWidth: !0, maxWidth: "lg", onClose: O, children: [
+    /* @__PURE__ */ c(
+      se,
+      {
+        component: "div",
+        lineHeight: 1,
+        display: "flex",
+        justifyContent: "space-between",
+        children: [
+          /* @__PURE__ */ i(m, { children: a === void 0 ? /* @__PURE__ */ c(w, { children: [
+            /* @__PURE__ */ i($, { variant: "h6", children: "Property Mapping" }),
+            /* @__PURE__ */ i($, { variant: "caption", children: "Map policy properties with object template or catalog istance properties" })
+          ] }) : /* @__PURE__ */ c(m, { display: "flex", flex: 1, alignItems: "flex-start", children: [
+            /* @__PURE__ */ c(
+              m,
+              {
+                display: "flex",
+                flexDirection: "column",
+                flex: 1,
+                minWidth: 200,
+                children: [
+                  /* @__PURE__ */ i(
+                    R,
+                    {
+                      name: "name",
+                      variant: "standard",
+                      value: a.name,
+                      placeholder: "Add name",
+                      onChange: D,
+                      sx: {
+                        "& .MuiInputBase-root:before": {
+                          border: "none"
+                        }
+                      }
+                    }
+                  ),
+                  "description" in a && /* @__PURE__ */ i(
+                    R,
+                    {
+                      name: "description",
+                      variant: "standard",
+                      size: "small",
+                      value: a.description,
+                      placeholder: "Add description",
+                      onChange: D,
+                      sx: {
+                        "& .MuiInputBase-root:before": {
+                          border: "none"
+                        }
+                      }
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ c(m, { ml: 4, children: [
+              "count" in a && /* @__PURE__ */ i(
+                R,
+                {
+                  name: "count",
+                  label: "Count",
+                  size: "small",
+                  required: !0,
+                  sx: { width: 100, mr: 1 },
+                  value: a.count,
+                  onChange: D
+                }
+              ),
+              "criticalityScore" in a && /* @__PURE__ */ i(
+                R,
+                {
+                  name: "criticalityScore",
+                  label: "Criticality Score",
+                  size: "small",
+                  type: "text",
+                  title: "Should be between 0 and 1",
+                  sx: { width: 150 },
+                  value: a.criticalityScore,
+                  onChange: D
+                }
+              )
+            ] })
+          ] }) }),
+          /* @__PURE__ */ i(m, { flex: 1, textAlign: "end", children: /* @__PURE__ */ i(J, { onClick: O, children: /* @__PURE__ */ i(le, {}) }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ i(pe, { sx: { minHeight: 300 }, children: k.map((n, d) => /* @__PURE__ */ c(
+      m,
+      {
+        boxShadow: (s) => s.shadows[1],
+        mt: 0.1,
+        mb: 2,
+        overflow: "hidden",
+        borderRadius: 1,
+        children: [
+          /* @__PURE__ */ c(m, { display: "flex", alignItems: "center", p: 2, children: [
+            /* @__PURE__ */ i($, { children: n.catalogInstances.map((s) => s.name).join(", ") }),
+            /* @__PURE__ */ i(ie, { color: "disabled", sx: { mx: 1 } }),
+            /* @__PURE__ */ i($, { variant: "caption", color: "GrayText", children: n.name || n.key })
+          ] }),
+          /* @__PURE__ */ i(
+            fe,
+            {
+              columns: te(n, d),
+              rows: n.propertyMappings,
+              autoHeight: !0,
+              density: T ? "comfortable" : "standard",
+              sx: {
+                border: "none",
+                "& .MuiDataGrid-columnHeadersInner": {
+                  backgroundColor: (s) => s.palette.grey[200]
+                }
+              },
+              hideFooterPagination: !0,
+              hideFooter: !0,
+              getRowId: (s) => s.key
+            }
+          )
+        ]
+      },
+      d
+    )) }),
+    /* @__PURE__ */ c(ce, { children: [
+      /* @__PURE__ */ i(W, { color: "inherit", variant: "contained", onClick: O, children: "Cancel" }),
+      /* @__PURE__ */ i(
+        W,
+        {
+          color: "primary",
+          variant: "contained",
+          disabled: k.length === 0 || B,
+          onClick: Q,
+          children: B ? "Saving..." : "Save"
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  $e as PropertyMapping
+};

package/dist/components/range-selector/components/composite-list-range/index.js

@@ -0,0 +1,81 @@
+import { jsx as o, jsxs as R, Fragment as h } from "react/jsx-runtime";
+import { Box as f, TextField as u } from "@mui/material";
+import x from "../number-range/index.js";
+import I from "../string-range/index.js";
+import C from "../geometry-range/index.js";
+import { D as c } from "../../../../index-C1fczHEW.js";
+function j({
+  value: n,
+  innerType: e,
+  mapboxAccessToken: d,
+  onChange: i,
+  ...r
+}) {
+  const a = (m) => {
+    i({ ...n, innerRandomInfo: m });
+  }, g = (m) => {
+    const { name: l, value: s } = m.target;
+    i({
+      ...n,
+      [l]: Number(s)
+    });
+  };
+  let t = /* @__PURE__ */ o(h, {});
+  return (e === "byte" || e === "double" || e === "integer" || e === "long") && (t = /* @__PURE__ */ o(
+    x,
+    {
+      value: n.innerRandomInfo ? n.innerRandomInfo : {
+        minValue: "",
+        maxValue: ""
+      },
+      onChange: a
+    }
+  )), (e === "string" || e === "text") && (t = /* @__PURE__ */ o(
+    I,
+    {
+      value: n.innerRandomInfo ? n.innerRandomInfo : {
+        listOfPossibleValues: []
+      },
+      onChange: a
+    }
+  )), e === "geometry" && (t = /* @__PURE__ */ o(
+    C,
+    {
+      mapboxAccessToken: d,
+      value: n.innerRandomInfo ? n.innerRandomInfo : {
+        geometryArea: ""
+      },
+      onChange: a
+    }
+  )), e === "date" && (t = /* @__PURE__ */ o(
+    c,
+    {
+      value: n.innerRandomInfo ? n.innerRandomInfo : {
+        startDate: r.minDate || "",
+        startRange: 0,
+        endRange: 0,
+        timeUnit: "MINUTE",
+        limitForScenarioTimeRange: !1
+      },
+      onChange: a,
+      ...r
+    }
+  )), /* @__PURE__ */ R(f, { display: "flex", alignItems: "flex-end", width: "100%", children: [
+    /* @__PURE__ */ o(
+      u,
+      {
+        name: "count",
+        label: "Count",
+        type: "number",
+        size: "small",
+        sx: { mr: 0.5, minWidth: 50, width: 85 },
+        value: n.count,
+        onChange: g
+      }
+    ),
+    /* @__PURE__ */ o(f, { flex: 1, maxWidth: 300, children: t })
+  ] });
+}
+export {
+  j as default
+};

package/dist/components/range-selector/components/date-range/index.js

@@ -0,0 +1,9 @@
+import "react/jsx-runtime";
+import "@mui/material";
+import "@mui/icons-material";
+import "dayjs";
+import "../../../../hooks/useToggle.js";
+import { D as e } from "../../../../index-C1fczHEW.js";
+export {
+  e as default
+};

package/dist/components/range-selector/components/geometry-range/index.js

@@ -0,0 +1,26 @@
+import { jsx as n } from "react/jsx-runtime";
+import { GeometryPicker as m } from "../../../geometry-picker/index.js";
+function l({
+  value: e,
+  mapboxAccessToken: r,
+  onChange: o
+}) {
+  const t = (a) => {
+    o({
+      geometryArea: a
+    });
+  };
+  return /* @__PURE__ */ n(
+    m,
+    {
+      mapboxAccessToken: r,
+      label: "",
+      value: e.geometryArea,
+      disableAddCoordinate: !0,
+      onChange: t
+    }
+  );
+}
+export {
+  l as default
+};