@hybridcore/ui 1.5.47 → 1.5.49

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

@@ -1,41 +1,41 @@
-import { jsxs as f, jsx as i, Fragment as b } from "react/jsx-runtime";
+import { jsxs as f, jsx as i, Fragment as T } 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 pe, Box as m, Typography as $, TextField as R, IconButton as J, DialogContent as se, DialogActions as ce, Button as W, FormControl as V, Select as _, MenuItem as A } from "@mui/material";
+import { Dialog as de, DialogTitle as pe, Box as m, Typography as b, TextField as R, IconButton as J, DialogContent as se, DialogActions as ce, Button as W, FormControl as V, Select as _, MenuItem as k } from "@mui/material";
 import { DataGrid as fe } from "@mui/x-data-grid";
-import { useState as H, useEffect as ue } from "react";
+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-OtGK6phq.js";
 import { RangeSelector as me } from "../range-selector/index.js";
 const $e = ({
   open: F,
-  data: P,
-  objectTemplate: q,
+  data: H,
+  objectTemplate: P,
   agent: a,
-  enableValueInput: T,
+  enableValueInput: S,
   loading: B,
   agentTemplates: K,
   catalogueInstances: v,
   objectInstance: I,
-  disableCatalogueSource: G,
-  disableObjectSource: U,
-  scenario: C,
+  disableCatalogueSource: U,
+  disableObjectSource: q,
+  scenario: M,
   mapboxAccessToken: E,
-  onSubmit: M,
+  onSubmit: g,
   onClose: O
 }) => {
-  const [k, j] = H(P), [L, N] = H(/* @__PURE__ */ new Map());
+  const [$, j] = G(H), [L, N] = G(/* @__PURE__ */ new Map());
   ue(() => (N(/* @__PURE__ */ new Map()), () => {
   }), [F]);
   const Q = () => {
-    a ? M(a, !0) : M(k);
+    a ? g(a, !0) : g($);
   }, D = (n) => {
     const { name: d, value: p } = n.target;
     let o = p;
     d === "criticalityScore" && (o = o.replace(",", "."), o = o.replace(/[^\d.-]+/g, "")), X(d)(o);
   }, X = (n) => (d) => {
-    a && M({ ...a, [n]: d });
-  }, S = (n, d, p, o) => (r) => {
+    a && g({ ...a, [n]: d });
+  }, A = (n, d, p, o) => (r) => {
     if (a) {
       let t = [...a.propertyInfoMap];
       const e = t.findIndex(
@@ -48,7 +48,7 @@ const $e = ({
           value: l,
           source: p ? p || "" : t[e].source,
           sourceField: o !== void 0 ? o || "" : t[e].sourceField
-        }), M && M({ ...a, propertyInfoMap: t });
+        }), g && g({ ...a, propertyInfoMap: t });
       }
     }
   }, Y = (n) => () => {
@@ -70,7 +70,7 @@ const $e = ({
         v
       );
     }
-    t && (S(d, p)({ value: t }), N((e) => {
+    t && (A(d, p)({ value: t }), N((e) => {
       const l = new Map(e);
       return l.set(
         `${h.get(a, "referenceObjectInstanceId")}:${d}:${p}`,
@@ -97,11 +97,11 @@ const $e = ({
       o[r] && (o.splice(r, 1, {
         ...o[r],
         randomInfo: p
-      }), M && M({ ...a, propertyInfoMap: o }));
+      }), g && g({ ...a, propertyInfoMap: o }));
     }
   }, ee = (n) => (d) => {
     const p = d.target.name;
-    let o = [...k];
+    let o = [...$];
     const r = o[n], t = r.propertyMappings.findIndex(
       (l) => l.key === p
     ), e = r.propertyMappings[t];
@@ -113,7 +113,7 @@ const $e = ({
       o,
       `${n}.propertyMappings.${t}.sourceField`,
       ""
-    ), j(o), a && S(
+    ), j(o), a && A(
       r.key,
       e.key,
       String(d.target.value),
@@ -121,7 +121,7 @@ const $e = ({
     )({ value: "" });
   }, re = (n) => (d) => {
     const p = d.target.name;
-    let o = [...k];
+    let o = [...$];
     const r = o[n], t = r.propertyMappings.findIndex(
       (l) => l.key === p
     ), e = r.propertyMappings[t];
@@ -129,7 +129,7 @@ const $e = ({
       o,
       `${n}.propertyMappings.${t}.sourceField`,
       d.target.value
-    ), j(o), T && a) {
+    ), j(o), S && a) {
       const l = h.get(
         o,
         `${n}.propertyMappings.${t}.source`
@@ -140,7 +140,7 @@ const $e = ({
             I.variables,
             `${e.dataType.type}.${d.target.value}`
           ) || "";
-          S(
+          A(
             r.key,
             e.key,
             void 0,
@@ -158,7 +158,7 @@ const $e = ({
                 u.variables,
                 `${e.dataType.type}.${d.target.value}`
               ) || "";
-              S(
+              A(
                 r.key,
                 e.key,
                 void 0,
@@ -178,16 +178,16 @@ const $e = ({
       disableColumnMenu: !0,
       flex: 2.5,
       renderCell: (r) => {
-        var x, g;
+        var x, w;
         const { key: t, dataType: e } = r.row;
-        let l = "", u = /* @__PURE__ */ i(b, {}), y = /* @__PURE__ */ i(b, {}), s = r.row.source;
-        if (T && a) {
-          const c = a.propertyInfoMap.find(
-            (w) => w.key === t && w.policyKey === n.key
+        let l = "", u = /* @__PURE__ */ i(T, {}), y = /* @__PURE__ */ i(T, {}), c = r.row.source;
+        if (S && a) {
+          const s = a.propertyInfoMap.find(
+            (C) => C.key === t && C.policyKey === n.key
           );
-          if (c) {
-            const { valid: w, validationErrors: z } = c;
-            l = c.value, s = c.source, w === !1 && (u = /* @__PURE__ */ i(
+          if (s) {
+            const { valid: C, validationErrors: z } = s;
+            l = s.value, c = s.source, C === !1 && (u = /* @__PURE__ */ i(
               ne,
               {
                 color: "error",
@@ -195,20 +195,20 @@ const $e = ({
                 sx: { ml: 1 },
                 titleAccess: z ? z.join(", ") : "Value is not valid!"
               }
-            )), s && (L.get(
-              `${h.get(a, "referenceObjectInstanceId")}:${c.policyKey}:${c.key}`
+            )), c && (L.get(
+              `${h.get(a, "referenceObjectInstanceId")}:${s.policyKey}:${s.key}`
             ) === "Updated" ? y = /* @__PURE__ */ i(oe, { color: "success", sx: { mr: 1 }, titleAccess: "Updated" }) : y = /* @__PURE__ */ i(
               J,
               {
-                onClick: Y(c),
-                title: `Reload value from the ${s === "OBJECT" ? "Object" : "Catalogue"}`,
+                onClick: Y(s),
+                title: `Reload value from the ${c === "OBJECT" ? "Object" : "Catalogue"}`,
                 children: /* @__PURE__ */ i(ae, {})
               }
             ));
           }
-          if (s === "STATIC") {
-            const w = (x = C == null ? void 0 : C.environment.context) != null && x.boundingBox ? ye(C.environment.context.boundingBox) : void 0;
-            return /* @__PURE__ */ f(b, { children: [
+          if (c === "STATIC") {
+            const C = (x = M == null ? void 0 : M.environment.context) != null && x.boundingBox ? ye(M.environment.context.boundingBox) : void 0;
+            return /* @__PURE__ */ f(T, { children: [
               /* @__PURE__ */ i(
                 he,
                 {
@@ -224,23 +224,23 @@ const $e = ({
                   variant: "outlined",
                   value: l,
                   size: "small",
-                  defaultExtent: w,
-                  onChange: S(n.key, t)
+                  defaultExtent: C,
+                  onChange: A(n.key, t)
                 }
               ),
               u
             ] });
           }
-          if (s === "RANDOM" || s === "SMART_RANDOM")
-            return /* @__PURE__ */ f(b, { children: [
+          if (c === "RANDOM" || c === "SMART_RANDOM")
+            return /* @__PURE__ */ f(T, { children: [
               /* @__PURE__ */ i(
                 me,
                 {
                   type: e.type,
-                  value: c == null ? void 0 : c.randomInfo,
-                  innerType: (g = e.innerType) == null ? void 0 : g.type,
-                  minDate: C ? C.startTime : "",
-                  maxDate: C ? C.endTime : "",
+                  value: s == null ? void 0 : s.randomInfo,
+                  innerType: (w = e.innerType) == null ? void 0 : w.type,
+                  minDate: M ? M.startTime : "",
+                  maxDate: M ? M.endTime : "",
                   mapboxAccessToken: E,
                   onChange: Z(n.key, t)
                 }
@@ -286,7 +286,7 @@ const $e = ({
             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
+              r.row.required ? /* @__PURE__ */ i(b, { color: "red", ml: 1, title: "Required", display: "inline", children: "*" }) : null
             ]
           }
         )
@@ -346,9 +346,10 @@ const $e = ({
               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))
+                /* @__PURE__ */ i(k, { children: /* @__PURE__ */ i(b, { fontStyle: "italic", color: "GrayText", children: "Undefined" }) }),
+                !q && /* @__PURE__ */ i(k, { value: "OBJECT", children: "OBJECT" }),
+                !U && n.catalogInstances.map((e) => /* @__PURE__ */ i(k, { value: e.id, children: e.name }, e.id)),
+                S && ["STATIC", "RANDOM", "SMART_RANDOM"].map((e) => /* @__PURE__ */ i(k, { value: e, children: e }, e))
               ]
             }
           ) });
@@ -365,31 +366,31 @@ const $e = ({
           const { dataType: t } = r.row;
           let e = r.row.source, l = r.row.sourceField;
           if (a) {
-            const s = a.propertyInfoMap.find(
+            const c = a.propertyInfoMap.find(
               (x) => x.policyKey === n.key && x.key === r.id
             );
-            s && (e = s.source, l = s.sourceField || "");
+            c && (e = c.source, l = c.sourceField || "");
           }
           let u = l || "";
           if (e === "RANDOM" || e === "STATIC" || e === "SMART_RANDOM")
-            return /* @__PURE__ */ i(b, {});
+            return /* @__PURE__ */ i(T, {});
           let y = [];
           if (e === "OBJECT")
-            y = q.properties.map((s) => ({
-              value: s.propertyId,
-              text: s.name
+            y = P.properties.map((c) => ({
+              value: c.propertyId,
+              text: c.name
             }));
           else if (e !== null) {
-            const s = Number(e), x = v == null ? void 0 : v.find(
-              (g) => g.id === s
+            const c = Number(e), x = v == null ? void 0 : v.find(
+              (w) => w.id === c
             );
             if (x && K) {
-              const g = K.find(
-                (c) => c.templateKey === x.template.templateKey
+              const w = K.find(
+                (s) => s.templateKey === x.template.templateKey
               );
-              g && (y = g.properties.filter((c) => c.type === t.type).map((c) => ({
-                value: c.propertyId,
-                text: c.name
+              w && (y = w.properties.filter((s) => s.type === t.type).sort((s, C) => s.name < C.name ? -1 : s.name > C.name ? 1 : 0).map((s) => ({
+                value: s.propertyId,
+                text: s.name
               })));
             }
           }
@@ -400,8 +401,8 @@ const $e = ({
               name: String(r.id),
               value: u,
               children: [
-                y.map((s, x) => /* @__PURE__ */ i(A, { value: s.value, children: s.text }, x)),
-                y.length === 0 && /* @__PURE__ */ f(A, { disabled: !0, children: [
+                y.map((c, x) => /* @__PURE__ */ i(k, { value: c.value, children: c.text }, x)),
+                y.length === 0 && /* @__PURE__ */ f(k, { disabled: !0, children: [
                   "No ",
                   t.type,
                   " property found!"
@@ -412,7 +413,7 @@ const $e = ({
         }
       }
     ];
-    return T ? [...o, p] : o;
+    return S ? [...o, p] : o;
   };
   return /* @__PURE__ */ f(de, { open: F, fullWidth: !0, maxWidth: "lg", onClose: O, children: [
     /* @__PURE__ */ f(
@@ -423,9 +424,9 @@ const $e = ({
         display: "flex",
         justifyContent: "space-between",
         children: [
-          /* @__PURE__ */ i(m, { children: a === void 0 ? /* @__PURE__ */ f(b, { children: [
-            /* @__PURE__ */ i($, { variant: "h6", children: "Property Mapping" }),
-            /* @__PURE__ */ i($, { variant: "caption", children: "Map policy properties with object template or catalog istance properties" })
+          /* @__PURE__ */ i(m, { children: a === void 0 ? /* @__PURE__ */ f(T, { children: [
+            /* @__PURE__ */ i(b, { variant: "h6", children: "Property Mapping" }),
+            /* @__PURE__ */ i(b, { variant: "caption", children: "Map policy properties with object template or catalog istance properties" })
           ] }) : /* @__PURE__ */ f(m, { display: "flex", flex: 1, alignItems: "flex-start", children: [
             /* @__PURE__ */ f(
               m,
@@ -501,7 +502,7 @@ const $e = ({
         ]
       }
     ),
-    /* @__PURE__ */ i(se, { sx: { minHeight: 300 }, children: k.map((n, d) => /* @__PURE__ */ f(
+    /* @__PURE__ */ i(se, { sx: { minHeight: 300 }, children: $.map((n, d) => /* @__PURE__ */ f(
       m,
       {
         boxShadow: (p) => p.shadows[1],
@@ -511,9 +512,9 @@ const $e = ({
         borderRadius: 1,
         children: [
           /* @__PURE__ */ f(m, { display: "flex", alignItems: "center", p: 2, children: [
-            /* @__PURE__ */ i($, { children: n.catalogInstances.map((p) => p.name).join(", ") }),
+            /* @__PURE__ */ i(b, { children: n.catalogInstances.map((p) => p.name).join(", ") }),
             /* @__PURE__ */ i(ie, { color: "disabled", sx: { mx: 1 } }),
-            /* @__PURE__ */ i($, { variant: "caption", color: "GrayText", children: n.name || n.key })
+            /* @__PURE__ */ i(b, { variant: "caption", color: "GrayText", children: n.name || n.key })
           ] }),
           /* @__PURE__ */ i(
             fe,
@@ -521,7 +522,7 @@ const $e = ({
               columns: te(n, d),
               rows: n.propertyMappings,
               autoHeight: !0,
-              density: T ? "comfortable" : "standard",
+              density: S ? "comfortable" : "standard",
               sx: {
                 border: "none",
                 "& .MuiDataGrid-columnHeadersInner": {
@@ -544,7 +545,7 @@ const $e = ({
         {
           color: "primary",
           variant: "contained",
-          disabled: k.length === 0 || B,
+          disabled: $.length === 0 || B,
           onClick: Q,
           children: B ? "Saving..." : "Save"
         }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hybridcore/ui",
   "description": "Hybrid Core UI Library",
-  "version": "1.5.47",
+  "version": "1.5.49",
   "author": "Hybrid Core",
   "license": "ISC",
   "type": "module",