@hybridcore/ui 1.5.44 → 1.5.45

package/dist/components/template-form/components/catalogue-instance-selector/index.js

@@ -1,53 +1,57 @@
-import { jsxs as i, Fragment as y, jsx as e } from "react/jsx-runtime";
-import { Box as t, TextField as I, InputAdornment as S, Button as a, Dialog as k, DialogTitle as w, Typography as s, IconButton as T, DialogContent as j, DialogActions as D } from "@mui/material";
-import { CloseOutlined as A } from "@mui/icons-material";
-import B from "../../../../hooks/useToggle.js";
-import { SearchInput as M } from "../../../search-input/index.js";
-import { InstanceHierarchyTable as O } from "../../../instance-hierarchy-table/index.js";
-import { PropertyMapping as P } from "../../../property-mapping/index.js";
-const R = ({
-  inputVariant: r,
-  templates: p,
-  data: c,
+import { jsxs as i, Fragment as S, jsx as e } from "react/jsx-runtime";
+import { useMemo as T } from "react";
+import { Box as t, TextField as k, InputAdornment as w, Button as a, Dialog as j, DialogTitle as A, Typography as p, IconButton as D, DialogContent as M, DialogActions as B } from "@mui/material";
+import { CloseOutlined as O } from "@mui/icons-material";
+import P from "../../../../hooks/useToggle.js";
+import { SearchInput as W } from "../../../search-input/index.js";
+import { InstanceHierarchyTable as F } from "../../../instance-hierarchy-table/index.js";
+import { PropertyMapping as H } from "../../../property-mapping/index.js";
+const K = ({
+  inputVariant: c,
+  templates: l,
+  data: d,
   onSelect: h,
   onSearchSubmit: m,
   openMapping: u,
   mappingData: g,
   objectTemplate: f,
-  selectedInstances: l = [],
+  selectedInstances: r = [],
   mapboxAccessToken: x,
   onMappingSubmit: C,
-  onMappingOpen: d,
-  onMappingClose: b
+  onMappingOpen: s,
+  onMappingClose: y
 }) => {
-  const o = B(!1), v = (n) => {
-    o.action.close(), d(n);
+  const o = P(!1), b = T(
+    () => Array.from(l, ([n, I]) => I),
+    [l]
+  ), v = (n) => {
+    o.action.close(), s(n);
   };
-  return /* @__PURE__ */ i(y, { children: [
+  return /* @__PURE__ */ i(S, { children: [
     /* @__PURE__ */ e(t, { mb: 2, position: "relative", children: /* @__PURE__ */ e(
-      I,
+      k,
       {
         label: "Catalogue Instance(s)",
-        variant: r,
+        variant: c,
         fullWidth: !0,
         InputProps: {
           readOnly: !0,
-          endAdornment: /* @__PURE__ */ e(S, { position: "end", children: /* @__PURE__ */ e(
+          endAdornment: /* @__PURE__ */ e(w, { position: "end", children: /* @__PURE__ */ e(
             a,
             {
               variant: "contained",
               size: "small",
-              onClick: d,
+              onClick: s,
               children: "Edit Mapping"
             }
           ) })
         },
-        value: l.map((n) => n.title).join(", "),
+        value: r.map((n) => n.title).join(", "),
         onClick: o.action.open
       }
     ) }),
     /* @__PURE__ */ i(
-      k,
+      j,
       {
         open: o.state.isOpen,
         fullWidth: !0,
@@ -55,7 +59,7 @@ const R = ({
         onClose: o.action.close,
         children: [
           /* @__PURE__ */ i(
-            w,
+            A,
             {
               component: "div",
               lineHeight: 1,
@@ -63,8 +67,8 @@ const R = ({
               justifyContent: "space-between",
               children: [
                 /* @__PURE__ */ i(t, { flex: 1, children: [
-                  /* @__PURE__ */ e(s, { variant: "h6", children: "Catalogue Instance" }),
-                  /* @__PURE__ */ e(s, { variant: "caption", children: "Search and select catalogue instance(s)" })
+                  /* @__PURE__ */ e(p, { variant: "h6", children: "Catalogue Instance" }),
+                  /* @__PURE__ */ e(p, { variant: "caption", children: "Search and select catalogue instance(s)" })
                 ] }),
                 /* @__PURE__ */ i(
                   t,
@@ -76,19 +80,19 @@ const R = ({
                     justifyContent: "flex-end",
                     children: [
                       /* @__PURE__ */ e(
-                        M,
+                        W,
                         {
-                          variant: r,
+                          variant: c,
                           sx: { width: 300 },
                           onSubmit: m
                         }
                       ),
                       /* @__PURE__ */ e(
-                        T,
+                        D,
                         {
                           onClick: o.action.close,
                           sx: { ml: 2 },
-                          children: /* @__PURE__ */ e(A, {})
+                          children: /* @__PURE__ */ e(O, {})
                         }
                       )
                     ]
@@ -97,26 +101,26 @@ const R = ({
               ]
             }
           ),
-          /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e(
+          /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(
             t,
             {
               boxShadow: (n) => n.shadows[1],
               mt: 0.1,
               overflow: "hidden",
               borderRadius: 1,
-              children: c && /* @__PURE__ */ e(
-                O,
+              children: d && /* @__PURE__ */ e(
+                F,
                 {
-                  data: c,
-                  templates: p,
+                  data: d,
+                  templates: l,
                   enableCheckboxSelection: !0,
-                  selectedIds: l.map((n) => n.id),
+                  selectedIds: r.map((n) => n.id),
                   onSelect: h
                 }
               )
             }
           ) }),
-          /* @__PURE__ */ i(D, { children: [
+          /* @__PURE__ */ i(B, { children: [
             /* @__PURE__ */ e(
               a,
               {
@@ -131,7 +135,7 @@ const R = ({
               {
                 color: "primary",
                 variant: "contained",
-                disabled: l.length === 0,
+                disabled: r.length === 0,
                 onClick: v,
                 children: "Property Mapping"
               }
@@ -141,18 +145,19 @@ const R = ({
       }
     ),
     /* @__PURE__ */ e(
-      P,
+      H,
       {
         data: g,
         objectTemplate: f,
+        agentTemplates: b,
         mapboxAccessToken: x,
         onSubmit: C,
         open: u,
-        onClose: b
+        onClose: y
       }
     )
   ] });
 };
 export {
-  R as CatalogueInstanceSelector
+  K as CatalogueInstanceSelector
 };

package/package.json

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