@hybridcore/ui 1.6.24 → 1.6.26

package/dist/components/template-form/components/property-list/property-list-logic.js

@@ -1,66 +1,83 @@
-import x from "react";
-import g from "../../../../hooks/useToggle.js";
-import { confirm as P } from "../../../confirm/index.js";
-import { PropertyFormTypeDefaults as c } from "./types.js";
-function b({
-  list: o,
-  onChange: d
+import h from "react";
+import F from "../../../../hooks/useToggle.js";
+import { confirm as g } from "../../../confirm/index.js";
+import { PropertyFormTypeDefaults as f } from "./types.js";
+const w = (e, o) => {
+  var r, n;
+  return !!((r = e.inheritedFrom) != null && r.templateId) && ((n = e.inheritedFrom) == null ? void 0 : n.templateId) !== o;
+}, v = (e) => ({
+  propertyId: e.propertyId,
+  defaultValue: e.defaultValue ?? null,
+  required: e.required,
+  description: e.description ?? null
+}), A = (e, o) => {
+  const r = v(o), n = e.findIndex((c) => c.propertyId === o.propertyId);
+  if (n === -1) return [...e, r];
+  const l = [...e];
+  return l[n] = r, l;
+};
+function V({
+  list: e,
+  onChange: o,
+  templateId: r,
+  overrides: n,
+  onOverridesChange: l
 }) {
-  const { state: s, action: i } = g(!1), [t, l] = x.useState(
-    c
-  ), p = async () => {
-    t.type !== "add" && l(c), i.open();
-  }, m = (e) => {
-    const n = o.findIndex(
-      (r) => r.id === e.id && r.name === e.name
+  const { state: c, action: p } = F(!1), [i, u] = h.useState(
+    f
+  ), y = async () => {
+    i.type !== "add" && u(f), p.open();
+  }, a = (t) => {
+    const d = e.findIndex(
+      (s) => s.id === t.id && s.name === t.name
     );
-    l({
+    u({
       title: "Edit Property",
-      defaultValues: e,
+      defaultValues: t,
       type: "edit",
-      index: n
-    }), i.open();
-  }, f = async (e) => {
-    if (await P(
+      index: d
+    }), p.open();
+  }, x = async (t) => {
+    if (await g(
       "Are you sure?",
-      `"${e.name}" will be removed permanently!`
+      `"${t.name}" will be removed permanently!`
     )) {
-      const n = o.findIndex(
-        (a) => a.id === e.id && a.name === e.name
+      const d = e.findIndex(
+        (m) => m.id === t.id && m.name === t.name
       );
-      let r = [...o];
-      r.splice(n, 1), d(r);
+      let s = [...e];
+      s.splice(d, 1), o(s);
     }
-  }, u = (e) => {
-    d([...o, e]), i.close();
-  }, y = (e) => {
-    let n = [...o];
-    t.index !== void 0 && (n[t.index] = e), d(n), i.close();
+  }, I = (t) => {
+    o([...e, t]), p.close();
+  }, P = (t) => {
+    let d = [...e];
+    i.index !== void 0 && (d[i.index] = t), o(d), w(t, r) && l && l(A(n ?? [], t)), p.close();
   };
   return {
     state: {
-      propertyForm: t,
-      dialog: s
+      propertyForm: i,
+      dialog: c
     },
     action: {
-      handleOnAddClick: p,
-      handleOnEditClick: m,
-      handleOnDeleteClick: f,
-      handleSubmit: (e) => {
-        if (t.type === "add") {
-          u(e);
+      handleOnAddClick: y,
+      handleOnEditClick: a,
+      handleOnDeleteClick: x,
+      handleSubmit: (t) => {
+        if (i.type === "add") {
+          I(t);
           return;
         }
-        if (t.type === "edit") {
-          y(e);
+        if (i.type === "edit") {
+          P(t);
           return;
         }
         console.warn("Unrecognized form type value!");
       },
-      dialog: i
+      dialog: p
     }
   };
 }
 export {
-  b as default
+  V as default
 };

package/dist/components/template-form/components/recognition-property-list/index.js

@@ -1,14 +1,14 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
 import { DataGrid as a } from "@mui/x-data-grid";
-import { A as n, d } from "../../../../Add-CB4mPrke.js";
+import { A as n, d } from "../../../../Add-eXYPgCCB.js";
 import s from "./recognition-property-list-columns.js";
 import m from "./recognition-property-list-form.js";
 import c from "./recognition-property-list-logic.js";
-import { B as p } from "../../../../TextField-Db63_GNb.js";
+import { B as p } from "../../../../TextField-Cx5T7iJn.js";
 import { T as g } from "../../../../Typography-B_LKrxyI.js";
-import { A as h } from "../../../../Alert-BsT46Tgd.js";
-import { B as u } from "../../../../Button-BMUZn0cT.js";
-import { a as f, b as y, c as b } from "../../../../dialog-CNxZ7uox.js";
+import { A as h } from "../../../../Alert-OoSOUjZM.js";
+import { B as u } from "../../../../Button-gZFgy23t.js";
+import { a as f, b as y, c as b } from "../../../../dialog-DwmnOp5c.js";
 const L = (i) => {
   const { state: l, action: t } = c(i);
   return /* @__PURE__ */ r(p, { children: [

package/dist/components/template-form/components/recognition-property-list/recognition-property-list-columns.js

@@ -1,6 +1,6 @@
 import { jsxs as i, Fragment as t, jsx as e } from "react/jsx-runtime";
-import { d as o, a as l } from "../../../../Delete-ofipLwkd.js";
-import { I as d } from "../../../../IconButton-SJfF1cr9.js";
+import { d as o, a as l } from "../../../../Delete-B8COyxKI.js";
+import { I as d } from "../../../../IconButton-CQwROBzr.js";
 const h = (r) => [
   { field: "ownerType", headerName: "Owner Type", width: 120 },
   { field: "owner", headerName: "Owner", width: 120 },

package/dist/components/template-form/components/recognition-property-list/recognition-property-list-form.js

@@ -1,13 +1,13 @@
 import V, { jsxs as i, Fragment as S, jsx as t } from "react/jsx-runtime";
 import o from "react";
 import { i as C } from "../../../../styled-Ckq8ALHh.js";
-import { r as g } from "../../../../createSvgIcon-jKAqRXE2.js";
+import { r as g } from "../../../../createSvgIcon-Bi-IzY8I.js";
 import { RECOGNITION_PROPERTY_OWNER_TYPE as h, RECOGNITION_PROPERTY_TYPE as T, RECOGNITION_PROPERTY_TERM_MATCH as v } from "../../../../constants/index.js";
-import { F as c, T as b, B as M } from "../../../../TextField-Db63_GNb.js";
+import { F as c, T as b, B as M } from "../../../../TextField-Cx5T7iJn.js";
 import { I as u } from "../../../../InputLabel-jPm6Xuco.js";
-import { S as d } from "../../../../Select-nL91eUH9.js";
-import { M as m } from "../../../../MenuItem-BjnnhDbD.js";
-import { B as y } from "../../../../Button-BMUZn0cT.js";
+import { S as d } from "../../../../Select-B4zhu5G_.js";
+import { M as m } from "../../../../MenuItem-BAKBPyZx.js";
+import { B as y } from "../../../../Button-gZFgy23t.js";
 var p = {}, q = C;
 Object.defineProperty(p, "__esModule", {
   value: !0

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

@@ -1,23 +1,23 @@
 import { jsxs as g, jsx as e } from "react/jsx-runtime";
 import S from "lodash";
 import p from "react";
-import { Controller as o } from "react-hook-form";
-import { FormControlLabel as c, Checkbox as m, FormLabel as y } from "@mui/material";
-import { CatalogueInstanceSelector as C } from "./components/catalogue-instance-selector/index.js";
-import { PropertyList as I } from "./components/property-list/index.js";
-import { RecognitionPropertyList as V } from "./components/recognition-property-list/index.js";
-import { SelectIcon as k } from "./components/select-icon/index.js";
-import { TreeSelect as x } from "../tree-select/index.js";
+import { Controller as r } from "react-hook-form";
+import { FormControlLabel as c, Checkbox as m, FormLabel as C } from "@mui/material";
+import { CatalogueInstanceSelector as I } from "./components/catalogue-instance-selector/index.js";
+import { PropertyList as V } from "./components/property-list/index.js";
+import { RecognitionPropertyList as k } from "./components/recognition-property-list/index.js";
+import { SelectIcon as x } from "./components/select-icon/index.js";
+import { TreeSelect as M } from "../tree-select/index.js";
 import { LabeledField as d } from "./helpers.js";
-import { useTemplateFormLogic as M } from "./logic.js";
-import { TemplateFormRoot as L, TemplateFormField as s, TemplateFormFieldGroup as v, TemplateFormCheckboxesRow as R, TemplateFormActionsRow as j, TemplateFormCancelButton as w, TemplateFormActionsRight as A, TemplateFormExtraSaveButton as O, TemplateFormSaveButton as K } from "./styled.js";
+import { useTemplateFormLogic as L } from "./logic.js";
+import { TemplateFormRoot as O, TemplateFormField as s, TemplateFormFieldGroup as v, TemplateFormCheckboxesRow as R, TemplateFormActionsRow as j, TemplateFormCancelButton as w, TemplateFormActionsRight as A, TemplateFormExtraSaveButton as D, TemplateFormSaveButton as K } from "./styled.js";
 function B(t, P) {
-  const { refs: F, state: n, form: T, actions: b } = M(t), { control: l, register: u, getValues: h } = T;
+  const { refs: F, state: n, form: y, actions: b } = L(t), { control: l, register: u, getValues: h, setValue: T } = y;
   return p.useImperativeHandle(P, () => ({
     getValues: h,
     resetForm: b.resetForm
   })), /* @__PURE__ */ g(
-    L,
+    O,
     {
       ref: F.rootRef,
       sx: n.sx,
@@ -65,13 +65,13 @@ function B(t, P) {
           }
         ) }),
         /* @__PURE__ */ e(d, { label: "Parent", labelPosition: n.labelPosition, children: /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(
-          o,
+          r,
           {
             name: "parent",
             control: l,
             render: ({ field: { value: a, onChange: i } }) => {
               if (t.disableParent) {
-                const r = a ? t.templates.get(a) : void 0;
+                const o = a ? t.templates.get(a) : void 0;
                 return /* @__PURE__ */ e(
                   s,
                   {
@@ -79,19 +79,19 @@ function B(t, P) {
                     variant: n.inputVariant,
                     fullWidth: !0,
                     disabled: !0,
-                    value: (r == null ? void 0 : r.name) || "-"
+                    value: (o == null ? void 0 : o.name) || "-"
                   }
                 );
               }
               return /* @__PURE__ */ e(
-                x,
+                M,
                 {
                   label: n.labelPosition === "default" ? "Parent" : void 0,
                   idKey: "templateKey",
                   data: n.parents,
                   selected: a ? [a] : "",
-                  onChange: (r, f) => {
-                    i({ target: { value: f ? r : "" } }), b.refreshParents();
+                  onChange: (o, f) => {
+                    i({ target: { value: f ? o : "" } }), b.refreshParents();
                   }
                 }
               );
@@ -99,12 +99,12 @@ function B(t, P) {
           }
         ) }) }),
         "agentReferenceIds" in t.values && /* @__PURE__ */ e(
-          o,
+          r,
           {
             name: "agentReferenceIds",
             control: l,
             render: ({ field: { onChange: a } }) => /* @__PURE__ */ e(
-              C,
+              I,
               {
                 templates: t.agentTemplates ?? /* @__PURE__ */ new Map(),
                 data: t.agentsData,
@@ -133,7 +133,7 @@ function B(t, P) {
             c,
             {
               control: /* @__PURE__ */ e(
-                o,
+                r,
                 {
                   name: "creatable",
                   control: l,
@@ -147,7 +147,7 @@ function B(t, P) {
             c,
             {
               control: /* @__PURE__ */ e(
-                o,
+                r,
                 {
                   name: "editable",
                   control: l,
@@ -161,7 +161,7 @@ function B(t, P) {
             c,
             {
               control: /* @__PURE__ */ e(
-                o,
+                r,
                 {
                   name: "stationary",
                   control: l,
@@ -175,7 +175,7 @@ function B(t, P) {
             c,
             {
               control: /* @__PURE__ */ e(
-                o,
+                r,
                 {
                   name: "livingObject",
                   control: l,
@@ -189,7 +189,7 @@ function B(t, P) {
             c,
             {
               control: /* @__PURE__ */ e(
-                o,
+                r,
                 {
                   name: "storeFile",
                   control: l,
@@ -201,22 +201,22 @@ function B(t, P) {
           )
         ] }),
         /* @__PURE__ */ e(d, { label: "Icon", labelPosition: n.labelPosition, children: /* @__PURE__ */ g(v, { children: [
-          n.labelPosition === "default" && /* @__PURE__ */ e(y, { children: "Icon" }),
+          n.labelPosition === "default" && /* @__PURE__ */ e(C, { children: "Icon" }),
           /* @__PURE__ */ e(
-            o,
+            r,
             {
               name: "icon",
               control: l,
               render: ({ field: { value: a, onChange: i } }) => /* @__PURE__ */ e(
-                k,
+                x,
                 {
                   list: t.iconList ?? [],
                   value: a ?? "",
                   newIcon: t.newIcon ?? null,
                   loading: t.iconUploading,
-                  onFileUpload: (r) => {
+                  onFileUpload: (o) => {
                     var f;
-                    return (f = t.onIconUpload) == null ? void 0 : f.call(t, r);
+                    return (f = t.onIconUpload) == null ? void 0 : f.call(t, o);
                   },
                   onChange: i
                 }
@@ -225,30 +225,32 @@ function B(t, P) {
           )
         ] }) }),
         /* @__PURE__ */ e(
-          o,
+          r,
           {
             name: "properties",
             control: l,
             render: ({ field: { value: a, onChange: i } }) => /* @__PURE__ */ e(
-              I,
+              V,
               {
                 list: a || [],
                 inputVariant: n.inputVariant,
                 labelPosition: n.labelPosition,
                 templateId: S.get(t.values, "id"),
                 disablePropertyId: t.disablePropertyId,
-                onChange: i
+                onChange: i,
+                overrides: h("localPropertyOverrides") ?? [],
+                onOverridesChange: (o) => T("localPropertyOverrides", o, { shouldDirty: !0 })
               }
             )
           }
         ),
         "recognitionPropertyList" in t.values && /* @__PURE__ */ e(
-          o,
+          r,
           {
             name: "recognitionPropertyList",
             control: l,
             render: ({ field: { value: a, onChange: i } }) => /* @__PURE__ */ e(
-              V,
+              k,
               {
                 list: a || [],
                 getFormValues: h,
@@ -269,7 +271,7 @@ function B(t, P) {
             }
           ),
           /* @__PURE__ */ e(A, { children: t.saveButtons ? t.saveButtons.map((a, i) => /* @__PURE__ */ e(
-            O,
+            D,
             {
               type: "submit",
               color: "primary",
@@ -295,7 +297,7 @@ function B(t, P) {
     }
   );
 }
-const Z = p.forwardRef(B);
+const $ = p.forwardRef(B);
 export {
-  Z as TemplateForm
+  $ as TemplateForm
 };

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

@@ -1,39 +1,39 @@
-import { useThemeProps as K } from "@mui/material";
-import { useRef as M, useState as N, useEffect as R } from "react";
-import { useForm as D } from "react-hook-form";
-import { getNestedChildrenFromMap as E } from "../../utils/ontology.js";
-const z = (f) => {
-  const s = K({ props: f, name: "HCTemplateForm" }), {
+import { useThemeProps as M } from "@mui/material";
+import { useRef as N, useState as R, useEffect as D } from "react";
+import { useForm as E } from "react-hook-form";
+import { getNestedChildrenFromMap as H } from "../../utils/ontology.js";
+const A = (f) => {
+  const s = M({ props: f, name: "HCTemplateForm" }), {
     values: i,
     inputVariant: a = "outlined",
     labelPosition: n = "default",
     loading: l = !1,
     templates: m,
-    onCancel: c,
+    onCancel: u,
     onSubmit: d
-  } = s, h = M(null), S = D({ defaultValues: i }), { control: g, formState: F, getValues: p, handleSubmit: b, register: T, reset: x } = S, [C, P] = N([]), w = (e) => {
+  } = s, h = N(null), S = E({ defaultValues: i }), { control: g, formState: F, getValues: c, handleSubmit: b, register: T, reset: x, setValue: C } = S, [P, V] = R([]), w = (e) => {
     const o = new Map(e);
     for (const [r, t] of o)
       o.set(r, {
         ...t,
         label: t.name,
         value: t.templateKey,
-        checked: p("parent") === t.templateKey
+        checked: c("parent") === t.templateKey
       });
-    return E(o, !1);
-  }, u = () => {
-    P(w(m));
+    return H(o, !1);
+  }, p = () => {
+    V(w(m));
   };
-  R(() => (u(), () => {
+  D(() => (p(), () => {
   }), [m]);
   const y = () => {
-    c && c();
-  }, V = (e, o) => {
+    u && u();
+  }, k = (e, o) => {
     var r;
     (r = e == null ? void 0 : e.preventDefault) == null || r.call(e), b((t) => {
       d(t, o);
     })();
-  }, k = () => {
+  }, K = () => {
     x();
   };
   return {
@@ -44,7 +44,7 @@ const z = (f) => {
         labelPosition: n,
         loading: l
       },
-      parents: C,
+      parents: P,
       inputVariant: a,
       labelPosition: n,
       loading: l,
@@ -53,17 +53,18 @@ const z = (f) => {
     },
     form: {
       control: g,
-      getValues: p,
-      register: T
+      getValues: c,
+      register: T,
+      setValue: C
     },
     actions: {
-      refreshParents: u,
+      refreshParents: p,
       handleOnCancel: y,
-      handleFormSubmit: V,
-      resetForm: k
+      handleFormSubmit: k,
+      resetForm: K
     }
   };
 };
 export {
-  z as useTemplateFormLogic
+  A as useTemplateFormLogic
 };

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

@@ -1,15 +1,16 @@
 import { jsxs as i, jsx as t } from "react/jsx-runtime";
 import { KeyboardArrowUp as D, KeyboardArrowDown as F } from "@mui/icons-material";
-import { TextField as y, FormControlLabel as R, Checkbox as E, FormControl as A, FormGroup as B } from "@mui/material";
+import { TextField as y, FormControlLabel as R, Checkbox as E, FormControl as A, FormGroup as W } from "@mui/material";
 import { DatePicker as S } from "@mui/x-date-pickers";
 import d from "dayjs";
-import { useState as W } from "react";
-import { PropertyContainer as m, PropertyLabel as f, INPUT_FONT_SX as O, PropertyRangeRow as T, PropertyRangeSeparator as V, DATE_PICKER_SLOT_PROPS as _, PropertyEnumLabel as z, PropertyEnumItem as N, PropertyEnumCheckbox as j, PropertyShowMoreButton as K, SHOW_MORE_ICON_SX as M } from "./styled.js";
-const v = 10, H = {
+import { useState as z } from "react";
+import { parseBooleanValue as B } from "../../utils/ontology.js";
+import { PropertyContainer as m, PropertyLabel as f, INPUT_FONT_SX as O, PropertyRangeRow as V, PropertyRangeSeparator as T, DATE_PICKER_SLOT_PROPS as _, PropertyEnumLabel as N, PropertyEnumItem as j, PropertyEnumCheckbox as K, PropertyShowMoreButton as H, SHOW_MORE_ICON_SX as M } from "./styled.js";
+const v = 10, U = {
   typography: { variant: "body2", fontSize: 13 }
-}, U = {
+}, X = {
   typography: { fontSize: 13 }
-}, ee = (w) => {
+}, ne = (w) => {
   var P, b, g, I, C;
   const {
     property: e,
@@ -52,7 +53,7 @@ const v = 10, H = {
   if (["integer", "double", "long", "byte"].includes(e.type))
     return /* @__PURE__ */ i(m, { children: [
       /* @__PURE__ */ t(f, { variant: "caption", children: e.name }),
-      /* @__PURE__ */ i(T, { children: [
+      /* @__PURE__ */ i(V, { children: [
         /* @__PURE__ */ t(
           y,
           {
@@ -67,7 +68,7 @@ const v = 10, H = {
             InputProps: { placeholder: "Min", sx: O }
           }
         ),
-        /* @__PURE__ */ t(V, { children: "-" }),
+        /* @__PURE__ */ t(T, { children: "-" }),
         /* @__PURE__ */ t(
           y,
           {
@@ -96,7 +97,7 @@ const v = 10, H = {
     };
     return /* @__PURE__ */ i(m, { children: [
       /* @__PURE__ */ t(f, { variant: "caption", children: e.name }),
-      /* @__PURE__ */ i(T, { children: [
+      /* @__PURE__ */ i(V, { children: [
         /* @__PURE__ */ t(
           S,
           {
@@ -108,7 +109,7 @@ const v = 10, H = {
             onChange: x("min")
           }
         ),
-        /* @__PURE__ */ t(V, { children: "-" }),
+        /* @__PURE__ */ t(T, { children: "-" }),
         /* @__PURE__ */ t(
           S,
           {
@@ -134,25 +135,27 @@ const v = 10, H = {
           {
             size: s,
             name: e.propertyId,
-            checked: !!r,
+            checked: B(
+              r.exact ?? e.defaultValue ?? !1
+            ),
             onChange: c("exact")
           }
         ),
-        slotProps: U
+        slotProps: X
       }
     ) });
   if (e.type === "enum" || e.type === "composite-list" && ((b = (P = e.dataTypeInfo) == null ? void 0 : P.innerType) == null ? void 0 : b.type) === "enum") {
-    const [o, n] = W(!1);
+    const [o, n] = z(!1);
     let a = [];
     return (g = e.dataTypeInfo) != null && g.enumValues && (a = e.dataTypeInfo.enumValues), (C = (I = e.dataTypeInfo) == null ? void 0 : I.innerType) != null && C.enumValues && (a = e.dataTypeInfo.innerType.enumValues), /* @__PURE__ */ i(m, { children: [
       /* @__PURE__ */ i(A, { fullWidth: !0, component: "fieldset", variant: u, children: [
-        /* @__PURE__ */ t(z, { children: e.name }),
-        /* @__PURE__ */ t(B, { children: a.slice(0, o ? 9999 : v).map((l, p) => /* @__PURE__ */ t(
-          N,
+        /* @__PURE__ */ t(N, { children: e.name }),
+        /* @__PURE__ */ t(W, { children: a.slice(0, o ? 9999 : v).map((l, p) => /* @__PURE__ */ t(
+          j,
           {
             label: l,
             control: /* @__PURE__ */ t(
-              j,
+              K,
               {
                 name: e.propertyId,
                 value: l,
@@ -161,13 +164,13 @@ const v = 10, H = {
                 onChange: Y
               }
             ),
-            componentsProps: H
+            componentsProps: U
           },
           p
         )) })
       ] }),
       a.length > v && /* @__PURE__ */ i(
-        K,
+        H,
         {
           size: "small",
           endIcon: o ? /* @__PURE__ */ t(D, { sx: M }) : /* @__PURE__ */ t(F, { sx: M }),
@@ -183,5 +186,5 @@ const v = 10, H = {
   return null;
 };
 export {
-  ee as Property
+  ne as Property
 };