@hybridcore/ui 1.6.23 → 1.6.24

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

@@ -1,37 +1,37 @@
-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) => {
+import { jsx as t, jsxs as x, Fragment as v } from "react/jsx-runtime";
+import { Box as A } from "@mui/material";
+import { TemplatePropertyFiltersRoot as h, Accordion as F, AccordionSummary as T, AccordionTitle as C, AccordionDetails as K, ExpandIcon as N, CollapseIcon as b } from "./styled.js";
+import { useTemplatePropertyFiltersLogic as j } from "./logic.js";
+import { Property as E } from "./property.js";
+const O = /* @__PURE__ */ x(v, { children: [
+  /* @__PURE__ */ t(N, { className: "expandIcon" }),
+  /* @__PURE__ */ t(b, { className: "collapseIcon" })
+] }), z = (i) => {
+  const { state: I, actions: y } = j(i), { ownerState: l } = I, { values: c, templates: s, inputVariant: g, 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;
+      var u, f;
       let p = {};
-      const m = o.filters.find(
-        (g) => g.fieldName === r.propertyId
+      const m = (u = o.filters) == null ? void 0 : u.find(
+        (P) => P.fieldName === r.propertyId
       );
       return m && (p = m.value), /* @__PURE__ */ t(
-        v,
+        A,
         {
-          ...n && ((u = n[r.propertyId]) == null ? void 0 : u.order) && {
+          ...n && ((f = n[r.propertyId]) == null ? void 0 : f.order) && {
             order: n[r.propertyId].order
           },
           children: /* @__PURE__ */ t(
-            j,
+            E,
             {
               property: r,
               value: p,
               size: "small",
-              variant: y,
-              onChange: I.handleOnChange(e == null ? void 0 : e.templateKey)
+              variant: g,
+              onChange: y.handleOnChange(e == null ? void 0 : e.templateKey)
             }
           )
         },
@@ -39,22 +39,22 @@ const E = /* @__PURE__ */ h(P, { children: [
       );
     });
   };
-  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) => {
+  return c.length === 1 ? /* @__PURE__ */ t(h, { ownerState: l, sx: i.sx, children: d(c[0]) }) : /* @__PURE__ */ t(h, { 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: [
+    return /* @__PURE__ */ x(F, { disableGutters: !0, elevation: 0, square: !0, children: [
       /* @__PURE__ */ t(
-        F,
+        T,
         {
-          expandIcon: E,
+          expandIcon: O,
           "aria-controls": `panel${e}-content`,
           id: `panel${e}-header`,
-          children: /* @__PURE__ */ t(T, { variant: "body2", children: r == null ? void 0 : r.name })
+          children: /* @__PURE__ */ t(C, { variant: "body2", children: r == null ? void 0 : r.name })
         }
       ),
-      /* @__PURE__ */ t(C, { children: d(o) })
+      /* @__PURE__ */ t(K, { children: d(o) })
     ] }, e);
   }) });
 };
 export {
-  w as TemplatePropertyFilters
+  z as TemplatePropertyFilters
 };

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

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

package/dist/constants/index.js

@@ -6,6 +6,7 @@ const o = [
   "composite-matrix",
   "coordinate",
   "date",
+  "decimal",
   "double",
   "enum",
   "geometry",

package/dist/{index-BtlzPygz.js → index-BQ4_OA4b.js}

@@ -1,20 +1,20 @@
-import { jsx as n, jsxs as I, Fragment as Y } from "react/jsx-runtime";
-import { KeyboardArrowUp as J, KeyboardArrowDown as Q, Add as X, LockOutlined as Z } from "@mui/icons-material";
-import { FormControl as R, FormGroup as O, FormControlLabel as _, Checkbox as K, Chip as ee, Dialog as ne, DialogTitle as te, DialogContent as re, DialogActions as ae, Button as z, TextField as B, InputAdornment as oe, Tooltip as le, InputLabel as ie, Select as de, MenuItem as pe } from "@mui/material";
-import $ from "dayjs";
+import { jsx as n, jsxs as I, Fragment as B } from "react/jsx-runtime";
+import { KeyboardArrowUp as X, KeyboardArrowDown as Z, Add as O, LockOutlined as ee } from "@mui/icons-material";
+import { FormControl as K, FormGroup as ne, FormControlLabel as $, Checkbox as U, Chip as te, Dialog as re, DialogTitle as ae, DialogContent as oe, DialogActions as le, Button as G, TextField as H, InputAdornment as ie, Tooltip as de, InputLabel as pe, Select as ce, MenuItem as ue } from "@mui/material";
+import J from "dayjs";
 import C from "lodash";
 import { ConditionalWrapper as p } from "./components/conditional-wrapper/index.js";
-import { DateTimePicker as ce } from "./components/date-time-picker/index.js";
-import { GeometryPicker as ue } from "./components/geometry-picker/index.js";
-import { PhoneInput as me } from "./components/phone-input/index.js";
+import { DateTimePicker as me } from "./components/date-time-picker/index.js";
+import { GeometryPicker as se } from "./components/geometry-picker/index.js";
+import { PhoneInput as he } from "./components/phone-input/index.js";
 import { leftLayoutWrapper as y } from "./components/instance-form/helpers.js";
-import { CompositeListEnumLabel as se, CompositeListEnumEmpty as he, CompositeListShowMoreButton as fe, CompositeListContainer as ye, CompositeListLabel as Ie, CompositeListValues as Ce, CompositeListMiniButton as ge, VariableFullWidth as M } from "./components/instance-form/styled.js";
-import { useState as G } from "react";
-import be from "./hooks/useToggle.js";
+import { CompositeListEnumLabel as fe, CompositeListEnumEmpty as ye, CompositeListShowMoreButton as Ie, CompositeListContainer as Ce, CompositeListLabel as ge, CompositeListValues as be, CompositeListMiniButton as ve, VariableFullWidth as P } from "./components/instance-form/styled.js";
+import { useState as R } from "react";
+import Ve from "./hooks/useToggle.js";
 import b from "./components/instance-form/components/TopLabelWrapper.js";
-import { CompositeMatrix as ve } from "./components/instance-form/components/composite-matrix/index.js";
-const H = 10, Ve = (P) => {
-  var k, V, w;
+import { CompositeMatrix as we } from "./components/instance-form/components/composite-matrix/index.js";
+const _ = 10, Te = (q) => {
+  var L, k, A;
   const {
     property: l,
     mapboxAccessToken: e,
@@ -23,10 +23,10 @@ const H = 10, Ve = (P) => {
     labelPosition: r = "default",
     size: u = "medium",
     onChange: v
-  } = P, t = be(!1), [m, L] = G(), [g, q] = G(!1), D = (i) => {
-    L(C.get(i, l.propertyId));
+  } = q, t = Ve(!1), [T, m] = R(), [g, D] = R(!1), x = (i) => {
+    m(C.get(i, l.propertyId));
   }, S = () => {
-    v([...a ?? [], m]), L(""), t.action.close();
+    v([...a ?? [], T]), m(""), t.action.close();
   }, W = (i) => () => {
     if (!a) return;
     const d = [...a];
@@ -34,9 +34,9 @@ const H = 10, Ve = (P) => {
   }, E = (i) => {
     const { value: d, checked: f } = i.target;
     let h = C.isArray(a) ? a : [];
-    f ? h.push(d) : h = h.filter((A) => A !== d), v(h);
+    f ? h.push(d) : h = h.filter((M) => M !== d), v(h);
   };
-  if (((V = (k = l.dataTypeInfo) == null ? void 0 : k.innerType) == null ? void 0 : V.type) === "enum") {
+  if (((k = (L = l.dataTypeInfo) == null ? void 0 : L.innerType) == null ? void 0 : k.type) === "enum") {
     const { enumValues: i } = l.dataTypeInfo.innerType;
     return /* @__PURE__ */ n(
       p,
@@ -48,15 +48,15 @@ const H = 10, Ve = (P) => {
           {
             condition: r === "top",
             wrapper: b(l.name, l == null ? void 0 : l.required),
-            children: /* @__PURE__ */ I(Y, { children: [
-              /* @__PURE__ */ I(R, { fullWidth: !0, component: "fieldset", variant: s, children: [
-                r === "default" && /* @__PURE__ */ n(se, { children: l.name }),
-                /* @__PURE__ */ n(O, { children: i && i.length > 0 ? i.slice(0, g ? 9999 : H).map((d, f) => /* @__PURE__ */ n(
-                  _,
+            children: /* @__PURE__ */ I(B, { children: [
+              /* @__PURE__ */ I(K, { fullWidth: !0, component: "fieldset", variant: s, children: [
+                r === "default" && /* @__PURE__ */ n(fe, { children: l.name }),
+                /* @__PURE__ */ n(ne, { children: i && i.length > 0 ? i.slice(0, g ? 9999 : _).map((d, f) => /* @__PURE__ */ n(
+                  $,
                   {
                     label: d,
                     control: /* @__PURE__ */ n(
-                      K,
+                      U,
                       {
                         name: l.propertyId,
                         value: d,
@@ -70,14 +70,14 @@ const H = 10, Ve = (P) => {
                     }
                   },
                   f
-                )) : /* @__PURE__ */ n(he, { variant: "caption", children: "No enum values!" }) })
+                )) : /* @__PURE__ */ n(ye, { variant: "caption", children: "No enum values!" }) })
               ] }),
-              C.isArray(i) && i.length > H && /* @__PURE__ */ I(
-                fe,
+              C.isArray(i) && i.length > _ && /* @__PURE__ */ I(
+                Ie,
                 {
                   size: "small",
-                  endIcon: g ? /* @__PURE__ */ n(J, {}) : /* @__PURE__ */ n(Q, {}),
-                  onClick: () => q((d) => !d),
+                  endIcon: g ? /* @__PURE__ */ n(X, {}) : /* @__PURE__ */ n(Z, {}),
+                  onClick: () => D((d) => !d),
                   children: [
                     "Show ",
                     g ? "Less" : "More"
@@ -90,7 +90,7 @@ const H = 10, Ve = (P) => {
       }
     );
   }
-  return /* @__PURE__ */ I(Y, { children: [
+  return /* @__PURE__ */ I(B, { children: [
     /* @__PURE__ */ n(
       p,
       {
@@ -101,14 +101,14 @@ const H = 10, Ve = (P) => {
           {
             condition: r === "top",
             wrapper: b(l.name, l == null ? void 0 : l.required),
-            children: /* @__PURE__ */ I(ye, { ownerState: { variant: s }, children: [
-              r === "default" && /* @__PURE__ */ n(Ie, { children: l.name }),
-              /* @__PURE__ */ n(Ce, { children: C.isArray(a) && a.map((i, d) => {
+            children: /* @__PURE__ */ I(Ce, { ownerState: { variant: s }, children: [
+              r === "default" && /* @__PURE__ */ n(ge, { children: l.name }),
+              /* @__PURE__ */ n(be, { children: C.isArray(a) && a.map((i, d) => {
                 var f, h;
                 return /* @__PURE__ */ n(
-                  ee,
+                  te,
                   {
-                    label: ((h = (f = l.dataTypeInfo) == null ? void 0 : f.innerType) == null ? void 0 : h.type) === "date" ? $(i).format("DD/MM/YYYY HH:mm:ss") : i,
+                    label: ((h = (f = l.dataTypeInfo) == null ? void 0 : f.innerType) == null ? void 0 : h.type) === "date" ? J(i).format("DD/MM/YYYY HH:mm:ss") : i,
                     size: u,
                     onDelete: W(d)
                   },
@@ -116,10 +116,10 @@ const H = 10, Ve = (P) => {
                 );
               }) }),
               /* @__PURE__ */ n(
-                ge,
+                ve,
                 {
                   ownerState: { variant: "text" },
-                  startIcon: /* @__PURE__ */ n(X, {}),
+                  startIcon: /* @__PURE__ */ n(O, {}),
                   variant: "text",
                   onClick: t.action.open,
                   children: "Add"
@@ -131,16 +131,16 @@ const H = 10, Ve = (P) => {
       }
     ),
     /* @__PURE__ */ I(
-      ne,
+      re,
       {
         open: t.state.isOpen,
         onClose: t.action.close,
         maxWidth: "sm",
         fullWidth: !0,
         children: [
-          /* @__PURE__ */ n(te, { children: "Add List Value" }),
-          /* @__PURE__ */ n(re, { children: (w = l.dataTypeInfo) != null && w.innerType ? /* @__PURE__ */ n(
-            we,
+          /* @__PURE__ */ n(ae, { children: "Add List Value" }),
+          /* @__PURE__ */ n(oe, { children: (A = l.dataTypeInfo) != null && A.innerType ? /* @__PURE__ */ n(
+            xe,
             {
               mapboxAccessToken: e,
               property: {
@@ -148,13 +148,13 @@ const H = 10, Ve = (P) => {
                 name: "Value",
                 type: l.dataTypeInfo.innerType.type
               },
-              value: m,
-              onChange: D
+              value: T,
+              onChange: x
             }
           ) : null }),
-          /* @__PURE__ */ I(ae, { children: [
+          /* @__PURE__ */ I(le, { children: [
             /* @__PURE__ */ n(
-              z,
+              G,
               {
                 variant: "contained",
                 color: "inherit",
@@ -162,14 +162,14 @@ const H = 10, Ve = (P) => {
                 children: "Cancel"
               }
             ),
-            /* @__PURE__ */ n(z, { variant: "contained", color: "primary", onClick: S, children: "Ok" })
+            /* @__PURE__ */ n(G, { variant: "contained", color: "primary", onClick: S, children: "Ok" })
           ] })
         ]
       }
     )
   ] });
-}, we = (P) => {
-  var V, w, i, d, f, h, A, N, j;
+}, xe = (q) => {
+  var i, d, f, h, M, N, j, Y, z;
   const {
     mapboxAccessToken: l,
     property: e,
@@ -179,28 +179,29 @@ const H = 10, Ve = (P) => {
     size: u = "medium",
     defaultExtent: v,
     fieldOptions: t,
+    mode: T = "create",
     onChange: m
-  } = P, L = (o) => {
-    const T = o.target.value.split(",").map((F) => F.trimStart());
-    m({ [e.propertyId]: T });
-  }, g = (o) => {
-    const { name: c, type: T, checked: F, value: U } = o.target;
-    let x = U;
-    e.type === "double" && (x = String(x).replace(",", "."), x = x.replace(/[^\d.-]+/g, "")), m({
-      [c]: T === "checkbox" ? F : x
+  } = q, g = T === "edit" && !e.editable, D = (o) => {
+    const V = o.target.value.split(",").map((F) => F.trimStart());
+    m({ [e.propertyId]: V });
+  }, x = (o) => {
+    const { name: c, type: V, checked: F, value: Q } = o.target;
+    let w = Q;
+    e.type === "double" && (w = String(w).replace(",", "."), w = w.replace(/[^\d.-]+/g, "")), m({
+      [c]: V === "checkbox" ? F : w
     });
-  }, q = (o) => {
+  }, S = (o) => {
     m({ [e.propertyId]: o });
-  }, D = (o) => {
+  }, W = (o) => {
     m({ [e.propertyId]: o.target.value });
-  }, S = (o) => (c) => {
-    m({ [o]: c });
-  }, W = (o) => (c) => {
-    m({ [o]: c });
   }, E = (o) => (c) => {
     m({ [o]: c });
+  }, L = (o) => (c) => {
+    m({ [o]: c });
   }, k = (o) => (c) => {
     m({ [o]: c });
+  }, A = (o) => (c) => {
+    m({ [o]: c });
   };
   if (t && t[e.propertyId] && t[e.propertyId].component)
     return t[e.propertyId].component;
@@ -208,6 +209,7 @@ const H = 10, Ve = (P) => {
     "string",
     "integer",
     "double",
+    "decimal",
     "text",
     "long",
     "byte",
@@ -225,25 +227,25 @@ const H = 10, Ve = (P) => {
             wrapper: b(
               e == null ? void 0 : e.name,
               e == null ? void 0 : e.required,
-              (V = t == null ? void 0 : t[e == null ? void 0 : e.propertyId]) == null ? void 0 : V.description
+              (i = t == null ? void 0 : t[e == null ? void 0 : e.propertyId]) == null ? void 0 : i.description
             ),
             children: /* @__PURE__ */ n(
-              B,
+              H,
               {
                 label: r === "default" ? e.name : void 0,
-                placeholder: ((w = t == null ? void 0 : t[e.propertyId]) == null ? void 0 : w.placeholder) ?? "",
+                placeholder: ((d = t == null ? void 0 : t[e.propertyId]) == null ? void 0 : d.placeholder) ?? "",
                 name: e.propertyId,
                 required: e.required,
                 value: a ?? e.defaultValue ?? "",
                 defaultValue: a,
-                onChange: g,
+                onChange: x,
                 variant: s,
                 type: "text",
                 multiline: e.type === "text",
-                disabled: !e.editable,
+                disabled: g,
                 fullWidth: !0,
                 inputProps: {
-                  maxLength: ((i = t == null ? void 0 : t[e.propertyId]) == null ? void 0 : i.maxChar) ?? 1e5
+                  maxLength: ((f = t == null ? void 0 : t[e.propertyId]) == null ? void 0 : f.maxChar) ?? 1e5
                 },
                 InputProps: {
                   size: u,
@@ -251,7 +253,7 @@ const H = 10, Ve = (P) => {
                     tabIndex: t[e.propertyId].order
                   },
                   ...e.privacyPreservationMethod === "ENCRYPTION" ? {
-                    endAdornment: /* @__PURE__ */ n(oe, { position: "end", children: /* @__PURE__ */ n(le, { title: "Encrypted Field", children: /* @__PURE__ */ n(Z, {}) }) })
+                    endAdornment: /* @__PURE__ */ n(ie, { position: "end", children: /* @__PURE__ */ n(de, { title: "Encrypted Field", children: /* @__PURE__ */ n(ee, {}) }) })
                   } : {}
                 }
               }
@@ -261,7 +263,7 @@ const H = 10, Ve = (P) => {
       }
     );
   if (e.type === "date") {
-    const o = a !== void 0 ? $(a).format() : a;
+    const o = a !== void 0 ? J(a).format() : a;
     return /* @__PURE__ */ n(
       p,
       {
@@ -274,17 +276,17 @@ const H = 10, Ve = (P) => {
             wrapper: b(
               e.name,
               e == null ? void 0 : e.required,
-              (d = t == null ? void 0 : t[e == null ? void 0 : e.propertyId]) == null ? void 0 : d.description
+              (h = t == null ? void 0 : t[e == null ? void 0 : e.propertyId]) == null ? void 0 : h.description
             ),
             children: /* @__PURE__ */ n(
-              ce,
+              me,
               {
                 label: r === "default" ? e.name : void 0,
                 value: o,
                 variant: s,
                 size: u,
                 name: e.propertyId,
-                onChange: q,
+                onChange: S,
                 ...t && t[e.propertyId] && {
                   minDate: t[e.propertyId].minDate
                 }
@@ -309,17 +311,17 @@ const H = 10, Ve = (P) => {
             wrapper: b(
               e.name,
               e == null ? void 0 : e.required,
-              (f = t == null ? void 0 : t[e == null ? void 0 : e.propertyId]) == null ? void 0 : f.description
+              (M = t == null ? void 0 : t[e == null ? void 0 : e.propertyId]) == null ? void 0 : M.description
             ),
             children: /* @__PURE__ */ n(
-              B,
+              H,
               {
                 label: r === "default" ? e.name : void 0,
                 name: e.propertyId,
                 value: o,
-                onChange: L,
+                onChange: D,
                 variant: s,
-                disabled: !e.editable,
+                disabled: g,
                 required: e.required,
                 fullWidth: !0,
                 helperText: u === "small" ? null : "Add list values with the comma (,) separated string",
@@ -344,14 +346,14 @@ const H = 10, Ve = (P) => {
         condition: r === "left",
         wrapper: y(e.name),
         children: /* @__PURE__ */ n(
-          _,
+          $,
           {
             control: /* @__PURE__ */ n(
-              K,
+              U,
               {
                 name: e.propertyId,
                 checked: !!(a ?? e.defaultValue ?? !1),
-                onChange: g,
+                onChange: x,
                 size: u
               }
             ),
@@ -362,7 +364,7 @@ const H = 10, Ve = (P) => {
     );
   if (e.type === "enum") {
     let o = [];
-    return (h = e.dataTypeInfo) != null && h.enumValues && (o = e.dataTypeInfo.enumValues), (N = (A = e.dataTypeInfo) == null ? void 0 : A.innerType) != null && N.enumValues && (o = e.dataTypeInfo.innerType.enumValues), /* @__PURE__ */ n(
+    return (N = e.dataTypeInfo) != null && N.enumValues && (o = e.dataTypeInfo.enumValues), (Y = (j = e.dataTypeInfo) == null ? void 0 : j.innerType) != null && Y.enumValues && (o = e.dataTypeInfo.innerType.enumValues), /* @__PURE__ */ n(
       p,
       {
         condition: r === "left",
@@ -374,32 +376,32 @@ const H = 10, Ve = (P) => {
             wrapper: b(
               e.name,
               e == null ? void 0 : e.required,
-              (j = t == null ? void 0 : t[e == null ? void 0 : e.propertyId]) == null ? void 0 : j.description
+              (z = t == null ? void 0 : t[e == null ? void 0 : e.propertyId]) == null ? void 0 : z.description
             ),
             children: /* @__PURE__ */ I(
-              R,
+              K,
               {
                 fullWidth: !0,
                 variant: s,
                 size: u,
                 required: e.required,
                 children: [
-                  r === "default" && /* @__PURE__ */ n(ie, { id: `${e.propertyId}-label`, children: e.name }),
+                  r === "default" && /* @__PURE__ */ n(pe, { id: `${e.propertyId}-label`, children: e.name }),
                   /* @__PURE__ */ n(
-                    de,
+                    ce,
                     {
                       label: r === "default" ? e.name : void 0,
                       name: e.name,
                       labelId: `${e.propertyId}-label`,
                       id: e.propertyId,
                       value: a ?? "",
-                      onChange: D,
+                      onChange: W,
                       inputProps: {
                         ...t && t[e.propertyId] && {
                           tabIndex: t[e.propertyId].order
                         }
                       },
-                      children: o.map((c, T) => /* @__PURE__ */ n(pe, { value: c, children: c }, T))
+                      children: o.map((c, V) => /* @__PURE__ */ n(ue, { value: c, children: c }, V))
                     }
                   )
                 ]
@@ -415,15 +417,15 @@ const H = 10, Ve = (P) => {
     {
       condition: r === "left",
       wrapper: y(e.name),
-      children: /* @__PURE__ */ n(M, { children: /* @__PURE__ */ n(
-        ue,
+      children: /* @__PURE__ */ n(P, { children: /* @__PURE__ */ n(
+        se,
         {
           mapboxAccessToken: l,
           label: r === "default" ? e.name : void 0,
           value: a ?? e.defaultValue ?? "",
           defaultExtent: v,
           variant: s,
-          onChange: S(e.propertyId)
+          onChange: E(e.propertyId)
         }
       ) })
     }
@@ -432,18 +434,18 @@ const H = 10, Ve = (P) => {
     {
       condition: r === "left",
       wrapper: y(e.name),
-      children: /* @__PURE__ */ n(M, { children: /* @__PURE__ */ n(
-        me,
+      children: /* @__PURE__ */ n(P, { children: /* @__PURE__ */ n(
+        he,
         {
           label: r === "default" ? e.name : void 0,
           placeholder: "Enter phone number",
           value: a ?? e.defaultValue ?? "",
-          onChange: W(e.propertyId)
+          onChange: L(e.propertyId)
         }
       ) })
     }
-  ) : e.type === "composite-list" ? /* @__PURE__ */ n(M, { children: /* @__PURE__ */ n(
-    Ve,
+  ) : e.type === "composite-list" ? /* @__PURE__ */ n(P, { children: /* @__PURE__ */ n(
+    Te,
     {
       property: e,
       value: a ?? e.defaultValue ?? "",
@@ -451,20 +453,20 @@ const H = 10, Ve = (P) => {
       labelPosition: r,
       size: u,
       mapboxAccessToken: l,
-      onChange: E(e.propertyId)
+      onChange: k(e.propertyId)
     }
-  ) }) : e.type === "composite-matrix" ? /* @__PURE__ */ n(M, { children: /* @__PURE__ */ n(
-    ve,
+  ) }) : e.type === "composite-matrix" ? /* @__PURE__ */ n(P, { children: /* @__PURE__ */ n(
+    we,
     {
       property: e,
       value: a ?? e.defaultValue ?? "",
       variant: s,
       size: u,
-      onChange: k(e.propertyId)
+      onChange: A(e.propertyId)
     }
   ) }) : null;
 };
 export {
-  Ve as C,
-  we as V
+  Te as C,
+  xe as V
 };

package/dist/main.d.ts

@@ -1078,6 +1078,13 @@ K extends
     variant?: InstanceFormVariant;
     inputVariant?: InstanceFormInputVariant;
     labelPosition?: InstanceFormLabelPosition;
+    /**
+     * Whether the form creates a new instance or edits an existing one. A
+     * property with `editable: false` accepts a value on create and is locked
+     * on edit — so edit forms must set this explicitly.
+     * @default "create"
+     */
+    mode?: "create" | "edit";
     templates: Map<string | number, T>;
     values?: DefaultValues<
     INSTANCE.CreateObjectDTO &
@@ -4279,9 +4286,9 @@ declare namespace FV {
 
   interface TemplateFilter {
     templateKey: string;
-    filterOperator: string;
-    filters: PropertyFilter[];
-    exclusionTemplateKeys: string[];
+    filterOperator?: string;
+    filters?: PropertyFilter[];
+    exclusionTemplateKeys?: string[];
   }
 
   interface HierarchyTemplateFilter {
@@ -4767,6 +4774,10 @@ declare namespace ONTOLOGY {
       enumValues?: string[];
     };
     enumValues?: string[];
+    /** `decimal` only — total significant digits. */
+    precision?: number;
+    /** `decimal` only — fraction digits. */
+    scale?: number;
   }
 
   interface RecognitionProperty {

package/package.json

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