@hybridcore/ui 1.5.90 → 1.6.1

package/dist/components/template-form/index.js

@@ -1,7 +1,7 @@
 import { jsxs as u, jsx as n } from "react/jsx-runtime";
 import k from "lodash";
 import f from "react";
-import { useForm as P, Controller as l } from "react-hook-form";
+import { useForm as P, Controller as i } from "react-hook-form";
 import { CatalogueInstanceSelector as O } from "./components/catalogue-instance-selector/index.js";
 import j from "./components/property-list/index.js";
 import K from "./components/recognition-property-list/index.js";
@@ -9,16 +9,15 @@ import { FormLabel as L, Button as g } from "@mui/material";
 import { getNestedChildrenFromMap as _ } from "../../utils/ontology.js";
 import { TreeSelect as w } from "../tree-select/index.js";
 import A from "./components/select-icon/index.js";
-import { T as m } from "../../TextField-BQ8a50fA.js";
-import { F as h } from "../../property-list-form-C5hcK2y2.js";
-import { F as d } from "../../FormControlLabel-BrdX4R71.js";
-import { C as c } from "../../Checkbox-CrU2hpWB.js";
-import { B as p } from "../../Box-B1AVyJ_s.js";
-function B(e, x) {
+import { T as m } from "../../TextField-DSDIEEKu.js";
+import { F as h } from "../../property-list-form-DL_dEoNn.js";
+import { F as d, C as c } from "../../FormControlLabel-BkRfrhNy.js";
+import { B as x } from "../../MenuItem-DrE50M_p.js";
+function B(e, p) {
   const {
     register: s,
     handleSubmit: T,
-    control: i,
+    control: l,
     formState: { errors: v },
     getValues: b,
     reset: V
@@ -43,7 +42,7 @@ function B(e, x) {
       return;
     }
   };
-  return f.useImperativeHandle(x, () => ({
+  return f.useImperativeHandle(p, () => ({
     getValues: b,
     resetForm() {
       V();
@@ -100,10 +99,10 @@ function B(e, x) {
       }
     ),
     /* @__PURE__ */ n(h, { sx: { mb: 2 }, children: /* @__PURE__ */ n(
-      l,
+      i,
       {
         name: "parent",
-        control: i,
+        control: l,
         render: ({ field: { value: t, onChange: a } }) => {
           if (e.disableParent) {
             const r = t ? e.mappedTemplates.get(t) : void 0;
@@ -138,10 +137,10 @@ function B(e, x) {
       }
     ) }),
     "agentReferenceIds" in e.defaultValues && /* @__PURE__ */ n(
-      l,
+      i,
       {
         name: "agentReferenceIds",
-        control: i,
+        control: l,
         render: ({ field: { onChange: t } }) => /* @__PURE__ */ n(
           O,
           {
@@ -176,10 +175,10 @@ function B(e, x) {
         d,
         {
           control: /* @__PURE__ */ n(
-            l,
+            i,
             {
               name: "creatable",
-              control: i,
+              control: l,
               render: ({ field: { value: t, ...a } }) => /* @__PURE__ */ n(c, { checked: t, ...a })
             }
           ),
@@ -190,10 +189,10 @@ function B(e, x) {
         d,
         {
           control: /* @__PURE__ */ n(
-            l,
+            i,
             {
               name: "editable",
-              control: i,
+              control: l,
               render: ({ field: { value: t, ...a } }) => /* @__PURE__ */ n(c, { checked: t, ...a })
             }
           ),
@@ -204,10 +203,10 @@ function B(e, x) {
         d,
         {
           control: /* @__PURE__ */ n(
-            l,
+            i,
             {
               name: "stationary",
-              control: i,
+              control: l,
               render: ({ field: { value: t, ...a } }) => /* @__PURE__ */ n(c, { checked: t, ...a })
             }
           ),
@@ -218,10 +217,10 @@ function B(e, x) {
         d,
         {
           control: /* @__PURE__ */ n(
-            l,
+            i,
             {
               name: "livingObject",
-              control: i,
+              control: l,
               render: ({ field: { value: t, ...a } }) => /* @__PURE__ */ n(c, { checked: t, ...a })
             }
           ),
@@ -232,10 +231,10 @@ function B(e, x) {
         d,
         {
           control: /* @__PURE__ */ n(
-            l,
+            i,
             {
               name: "storeFile",
-              control: i,
+              control: l,
               render: ({ field: { value: t, ...a } }) => /* @__PURE__ */ n(c, { checked: t, ...a })
             }
           ),
@@ -246,10 +245,10 @@ function B(e, x) {
     /* @__PURE__ */ u(h, { children: [
       /* @__PURE__ */ n(L, { children: "Icon" }),
       /* @__PURE__ */ n(
-        l,
+        i,
         {
           name: "icon",
-          control: i,
+          control: l,
           render: ({ field: { value: t, onChange: a } }) => /* @__PURE__ */ n(
             A,
             {
@@ -264,10 +263,10 @@ function B(e, x) {
       )
     ] }),
     /* @__PURE__ */ n(
-      l,
+      i,
       {
         name: "properties",
-        control: i,
+        control: l,
         render: ({ field: { value: t, onChange: a } }) => /* @__PURE__ */ n(
           j,
           {
@@ -281,10 +280,10 @@ function B(e, x) {
       }
     ),
     "recognitionPropertyList" in e.defaultValues && /* @__PURE__ */ n(
-      l,
+      i,
       {
         name: "recognitionPropertyList",
-        control: i,
+        control: l,
         render: ({ field: { value: t, onChange: a } }) => /* @__PURE__ */ n(
           K,
           {
@@ -295,7 +294,7 @@ function B(e, x) {
         )
       }
     ),
-    /* @__PURE__ */ u(p, { display: "flex", justifyContent: "space-between", mt: 3, children: [
+    /* @__PURE__ */ u(x, { display: "flex", justifyContent: "space-between", mt: 3, children: [
       /* @__PURE__ */ n(
         g,
         {
@@ -307,7 +306,7 @@ function B(e, x) {
           children: "Cancel"
         }
       ),
-      /* @__PURE__ */ n(p, { children: e.saveButtons ? e.saveButtons.map((t, a) => /* @__PURE__ */ n(
+      /* @__PURE__ */ n(x, { children: e.saveButtons ? e.saveButtons.map((t, a) => /* @__PURE__ */ n(
         g,
         {
           type: "submit",
@@ -334,7 +333,7 @@ function B(e, x) {
     ] })
   ] });
 }
-const te = f.forwardRef(B);
+const ee = f.forwardRef(B);
 export {
-  te as TemplateForm
+  ee as TemplateForm
 };

package/dist/components/template-property-filters/index.js

@@ -1,110 +1,60 @@
-import { jsx as d, jsxs as x } from "react/jsx-runtime";
-import s from "lodash";
-import { Property as y } from "./property.js";
-import { Box as c, Typography as I } from "@mui/material";
-import { Accordion as A, AccordionSummary as K, AccordionDetails as N } from "./styled.js";
-const j = ({
-  values: f,
-  templates: h,
-  inputVariant: m,
-  fieldOptions: i,
-  onChange: g
-}) => {
-  const p = (a) => (n) => {
-    if (a) {
-      let e = f.find((r) => r.templateKey === a);
-      if (e) {
-        const r = s.keys(n)[0];
-        let t = e.filters.findIndex(
-          (l) => l.fieldName === r
-        );
-        const o = s.get(n, r);
-        s.values(o).filter((l) => !(s.isArray(l) && l.length === 0 || l === "")).length === 0 && t !== -1 ? e.filters.splice(t, 1) : t !== -1 ? e.filters[t] = {
-          fieldName: r,
-          value: o
-        } : e.filters.push({
-          fieldName: r,
-          value: o
-        });
-      }
-      g(f, e);
-    } else console.warn("Template could not be found!");
-  };
-  if (f.length === 1) {
-    const a = f[0], n = h.get(a.templateKey);
-    return /* @__PURE__ */ d(c, { display: "flex", flexDirection: "column", children: n == null ? void 0 : n.properties.filter((e) => {
-      var r;
-      return i ? !((r = i[e.propertyId]) != null && r.hidden) : !0;
-    }).map((e, r) => {
-      var l;
-      let t = {};
-      const o = a.filters.find(
-        (u) => u.fieldName === e.propertyId
+import { jsx as t, jsxs as h, Fragment as P } from "react/jsx-runtime";
+import { Box as v } from "@mui/material";
+import { TemplatePropertyFiltersRoot as f, Accordion as A, AccordionSummary as F, AccordionTitle as T, AccordionDetails as C, ExpandIcon as K, CollapseIcon as N } from "./styled.js";
+import { useTemplatePropertyFiltersLogic as b } from "./logic.js";
+import { Property as j } from "./property.js";
+const E = /* @__PURE__ */ h(P, { children: [
+  /* @__PURE__ */ t(K, { className: "expandIcon" }),
+  /* @__PURE__ */ t(N, { className: "collapseIcon" })
+] }), w = (i) => {
+  const { state: x, actions: I } = b(i), { ownerState: l } = x, { values: c, templates: s, inputVariant: y, fieldOptions: n } = i, d = (o) => {
+    const e = s.get(o.templateKey);
+    return e == null ? void 0 : e.properties.filter((r) => {
+      var a;
+      return n ? !((a = n[r.propertyId]) != null && a.hidden) : !0;
+    }).map((r, a) => {
+      var u;
+      let p = {};
+      const m = o.filters.find(
+        (g) => g.fieldName === r.propertyId
       );
-      return o && (t = o.value), /* @__PURE__ */ d(
-        c,
+      return m && (p = m.value), /* @__PURE__ */ t(
+        v,
         {
-          ...i && ((l = i[e.propertyId]) == null ? void 0 : l.order) && {
-            order: i[e.propertyId].order
+          ...n && ((u = n[r.propertyId]) == null ? void 0 : u.order) && {
+            order: n[r.propertyId].order
           },
-          children: /* @__PURE__ */ d(
-            y,
+          children: /* @__PURE__ */ t(
+            j,
             {
-              property: e,
-              value: t,
+              property: r,
+              value: p,
               size: "small",
-              variant: m,
-              onChange: p(n == null ? void 0 : n.templateKey)
+              variant: y,
+              onChange: I.handleOnChange(e == null ? void 0 : e.templateKey)
             }
           )
         },
-        r
+        a
       );
-    }) });
-  }
-  return f.map((a, n) => {
-    const e = h.get(a.templateKey);
-    return /* @__PURE__ */ x(A, { disableGutters: !0, elevation: 0, square: !0, children: [
-      /* @__PURE__ */ d(
-        K,
+    });
+  };
+  return c.length === 1 ? /* @__PURE__ */ t(f, { ownerState: l, sx: i.sx, children: d(c[0]) }) : /* @__PURE__ */ t(f, { ownerState: l, sx: i.sx, children: c.map((o, e) => {
+    const r = s.get(o.templateKey);
+    return /* @__PURE__ */ h(A, { disableGutters: !0, elevation: 0, square: !0, children: [
+      /* @__PURE__ */ t(
+        F,
         {
-          "aria-controls": `panel${n}-content`,
-          id: `panel${n}-header`,
-          children: /* @__PURE__ */ d(I, { variant: "body2", sx: { fontSize: 12 }, children: e == null ? void 0 : e.name })
+          expandIcon: E,
+          "aria-controls": `panel${e}-content`,
+          id: `panel${e}-header`,
+          children: /* @__PURE__ */ t(T, { variant: "body2", children: r == null ? void 0 : r.name })
         }
       ),
-      /* @__PURE__ */ d(N, { children: e == null ? void 0 : e.properties.filter((r) => {
-        var t;
-        return i ? !((t = i[r.propertyId]) != null && t.hidden) : !0;
-      }).map((r, t) => {
-        var u;
-        let o = {};
-        const l = a.filters.find(
-          (v) => v.fieldName === r.propertyId
-        );
-        return l && (o = l.value), /* @__PURE__ */ d(
-          c,
-          {
-            ...i && ((u = i[r.propertyId]) == null ? void 0 : u.order) && {
-              order: i[r.propertyId].order
-            },
-            children: /* @__PURE__ */ d(
-              y,
-              {
-                property: r,
-                value: o,
-                size: "small",
-                variant: m,
-                onChange: p(e == null ? void 0 : e.templateKey)
-              }
-            )
-          },
-          t
-        );
-      }) })
-    ] }, n);
-  });
+      /* @__PURE__ */ t(C, { children: d(o) })
+    ] }, e);
+  }) });
 };
 export {
-  j as TemplatePropertyFilters
+  w as TemplatePropertyFilters
 };

package/dist/components/template-property-filters/logic.js

@@ -0,0 +1,27 @@
+import { useThemeProps as d } from "@mui/material";
+import s from "lodash";
+const x = (p) => {
+  const l = d({
+    props: p,
+    name: "HCTemplatePropertyFilters"
+  }), { values: i, onChange: u } = l, c = { ...l };
+  return {
+    refs: {},
+    state: { ownerState: c },
+    actions: { handleOnChange: (a) => (f) => {
+      if (!a) {
+        console.warn("Template could not be found!");
+        return;
+      }
+      const t = i.find((e) => e.templateKey === a);
+      if (!t) return;
+      const n = s.keys(f)[0], o = s.get(f, n), r = t.filters.findIndex(
+        (e) => e.fieldName === n
+      );
+      s.values(o).filter((e) => !(s.isArray(e) && e.length === 0 || e === "")).length === 0 && r !== -1 ? t.filters.splice(r, 1) : r !== -1 ? t.filters[r] = { fieldName: n, value: o } : t.filters.push({ fieldName: n, value: o }), u(i, t);
+    } }
+  };
+};
+export {
+  x as useTemplatePropertyFiltersLogic
+};