@hybridcore/ui 1.6.23 → 1.6.24

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

@@ -1,66 +1,66 @@
-import be, { jsx as t, jsxs as f, Fragment as he } from "react/jsx-runtime";
-import * as z from "react";
-import A from "react";
-import ye from "lodash";
-import { g as se, a as ce, s as Y, r as ve, b as D, d as Te, u as X, c as de, i as Ce } from "../../../../styled-Ckq8ALHh.js";
-import { r as xe } from "../../../../createSvgIcon-jKAqRXE2.js";
-import { DATA_TYPES as K, COORDINATE_FORMAT as Ie, PRIVACY_PRESERVATION_METHOD as le } from "../../../../constants/index.js";
-import { LabeledField as C } from "../../helpers.js";
-import { A as ge } from "../../../../Alert-BsT46Tgd.js";
-import { T as E, F as W, B as ke } from "../../../../TextField-Db63_GNb.js";
+import Ce, { jsx as r, jsxs as b, Fragment as de } from "react/jsx-runtime";
+import * as W from "react";
+import L from "react";
+import pe from "lodash";
+import { g as be, a as he, s as Y, r as ke, b as j, d as Oe, u as X, c as ye, i as Pe } from "../../../../styled-Ckq8ALHh.js";
+import { r as Re } from "../../../../createSvgIcon-jKAqRXE2.js";
+import { DATA_TYPES as K, COORDINATE_FORMAT as Fe, PRIVACY_PRESERVATION_METHOD as me } from "../../../../constants/index.js";
+import { LabeledField as y } from "../../helpers.js";
+import { A as Se } from "../../../../Alert-BsT46Tgd.js";
+import { T as q, F as V, B as qe } from "../../../../TextField-Db63_GNb.js";
 import { I as H } from "../../../../InputLabel-jPm6Xuco.js";
 import { S as U } from "../../../../Select-nL91eUH9.js";
 import { M as G } from "../../../../MenuItem-BjnnhDbD.js";
-import { F as Oe } from "../../../../FormGroup-LH368jad.js";
-import { a as x, _ as pe } from "../../../../objectWithoutPropertiesLoose-DJteAcBH.js";
+import { F as Me } from "../../../../FormGroup-LH368jad.js";
+import { a as x, _ as ve } from "../../../../objectWithoutPropertiesLoose-DJteAcBH.js";
 import { P as e } from "../../../../index-CblbdqjE.js";
 import { c as Q } from "../../../../clsx-OuTLNxxd.js";
-import { f as Pe } from "../../../../formControlState-vgaj2ksH.js";
-import { u as Re } from "../../../../useFormControl-CatNKXAi.js";
-import { T as ne } from "../../../../Typography-B_LKrxyI.js";
-import { createStack as Fe } from "@mui/system";
-import { r as me } from "../../../../TransitionGroupContext-C_aW1Tei.js";
-import { S as qe } from "../../../../SwitchBase-BcJAJYsB.js";
+import { f as Ne } from "../../../../formControlState-vgaj2ksH.js";
+import { u as _e } from "../../../../useFormControl-CatNKXAi.js";
+import { T as ue } from "../../../../Typography-B_LKrxyI.js";
+import { createStack as De } from "@mui/system";
+import { r as Te } from "../../../../TransitionGroupContext-C_aW1Tei.js";
+import { S as Ee } from "../../../../SwitchBase-BcJAJYsB.js";
 import { c as Z } from "../../../../createSvgIcon-Bx0mTP6n.js";
-import { B as ie } from "../../../../Button-BMUZn0cT.js";
-const Me = Z(/* @__PURE__ */ t("path", {
+import { B as fe } from "../../../../Button-BMUZn0cT.js";
+const $e = Z(/* @__PURE__ */ r("path", {
   d: "M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
-}), "CheckBoxOutlineBlank"), Se = Z(/* @__PURE__ */ t("path", {
+}), "CheckBoxOutlineBlank"), je = Z(/* @__PURE__ */ r("path", {
   d: "M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
-}), "CheckBox"), _e = Z(/* @__PURE__ */ t("path", {
+}), "CheckBox"), we = Z(/* @__PURE__ */ r("path", {
   d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"
 }), "IndeterminateCheckBox");
-function $e(r) {
-  return ce("MuiCheckbox", r);
+function ze(a) {
+  return he("MuiCheckbox", a);
 }
-const J = se("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium"]), De = ["checkedIcon", "color", "icon", "indeterminate", "indeterminateIcon", "inputProps", "size", "className"], je = (r) => {
+const J = be("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium"]), Le = ["checkedIcon", "color", "icon", "indeterminate", "indeterminateIcon", "inputProps", "size", "className"], Be = (a) => {
   const {
     classes: o,
-    indeterminate: i,
+    indeterminate: c,
     color: p,
-    size: m
-  } = r, c = {
-    root: ["root", i && "indeterminate", `color${D(p)}`, `size${D(m)}`]
-  }, h = de(c, $e, o);
-  return x({}, o, h);
-}, Ee = Y(qe, {
-  shouldForwardProp: (r) => ve(r) || r === "classes",
+    size: u
+  } = a, d = {
+    root: ["root", c && "indeterminate", `color${j(p)}`, `size${j(u)}`]
+  }, v = ye(d, ze, o);
+  return x({}, o, v);
+}, We = Y(Ee, {
+  shouldForwardProp: (a) => ke(a) || a === "classes",
   name: "MuiCheckbox",
   slot: "Root",
-  overridesResolver: (r, o) => {
+  overridesResolver: (a, o) => {
     const {
-      ownerState: i
-    } = r;
-    return [o.root, i.indeterminate && o.indeterminate, o[`size${D(i.size)}`], i.color !== "default" && o[`color${D(i.color)}`]];
+      ownerState: c
+    } = a;
+    return [o.root, c.indeterminate && o.indeterminate, o[`size${j(c.size)}`], c.color !== "default" && o[`color${j(c.color)}`]];
   }
 })(({
-  theme: r,
+  theme: a,
   ownerState: o
 }) => x({
-  color: (r.vars || r).palette.text.secondary
+  color: (a.vars || a).palette.text.secondary
 }, !o.disableRipple && {
   "&:hover": {
-    backgroundColor: r.vars ? `rgba(${o.color === "default" ? r.vars.palette.action.activeChannel : r.vars.palette[o.color].mainChannel} / ${r.vars.palette.action.hoverOpacity})` : Te(o.color === "default" ? r.palette.action.active : r.palette[o.color].main, r.palette.action.hoverOpacity),
+    backgroundColor: a.vars ? `rgba(${o.color === "default" ? a.vars.palette.action.activeChannel : a.vars.palette[o.color].mainChannel} / ${a.vars.palette.action.hoverOpacity})` : Oe(o.color === "default" ? a.palette.action.active : a.palette[o.color].main, a.palette.action.hoverOpacity),
     // Reset on touch devices, it doesn't add specificity
     "@media (hover: none)": {
       backgroundColor: "transparent"
@@ -68,49 +68,49 @@ const J = se("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "co
   }
 }, o.color !== "default" && {
   [`&.${J.checked}, &.${J.indeterminate}`]: {
-    color: (r.vars || r).palette[o.color].main
+    color: (a.vars || a).palette[o.color].main
   },
   [`&.${J.disabled}`]: {
-    color: (r.vars || r).palette.action.disabled
+    color: (a.vars || a).palette.action.disabled
   }
-})), Ne = /* @__PURE__ */ t(Se, {}), ze = /* @__PURE__ */ t(Me, {}), we = /* @__PURE__ */ t(_e, {}), R = /* @__PURE__ */ z.forwardRef(function(o, i) {
-  var p, m;
-  const c = X({
+})), Ae = /* @__PURE__ */ r(je, {}), Ve = /* @__PURE__ */ r($e, {}), He = /* @__PURE__ */ r(we, {}), M = /* @__PURE__ */ W.forwardRef(function(o, c) {
+  var p, u;
+  const d = X({
     props: o,
     name: "MuiCheckbox"
   }), {
-    checkedIcon: h = Ne,
-    color: a = "primary",
-    icon: b = ze,
-    indeterminate: u = !1,
-    indeterminateIcon: k = we,
+    checkedIcon: v = Ae,
+    color: t = "primary",
+    icon: h = Ve,
+    indeterminate: f = !1,
+    indeterminateIcon: C = He,
     inputProps: s,
     size: l = "medium",
-    className: q
-  } = c, M = pe(c, De), O = u ? k : b, y = u ? k : h, I = x({}, c, {
-    color: a,
-    indeterminate: u,
+    className: O
+  } = d, w = ve(d, Le), P = f ? C : h, T = f ? C : v, k = x({}, d, {
+    color: t,
+    indeterminate: f,
     size: l
-  }), v = je(I);
-  return /* @__PURE__ */ t(Ee, x({
+  }), I = Be(k);
+  return /* @__PURE__ */ r(We, x({
     type: "checkbox",
     inputProps: x({
-      "data-indeterminate": u
+      "data-indeterminate": f
     }, s),
-    icon: /* @__PURE__ */ z.cloneElement(O, {
-      fontSize: (p = O.props.fontSize) != null ? p : l
+    icon: /* @__PURE__ */ W.cloneElement(P, {
+      fontSize: (p = P.props.fontSize) != null ? p : l
     }),
-    checkedIcon: /* @__PURE__ */ z.cloneElement(y, {
-      fontSize: (m = y.props.fontSize) != null ? m : l
+    checkedIcon: /* @__PURE__ */ W.cloneElement(T, {
+      fontSize: (u = T.props.fontSize) != null ? u : l
     }),
-    ownerState: I,
-    ref: i,
-    className: Q(v.root, q)
-  }, M, {
-    classes: v
+    ownerState: k,
+    ref: c,
+    className: Q(I.root, O)
+  }, w, {
+    classes: I
   }));
 });
-process.env.NODE_ENV !== "production" && (R.propTypes = {
+process.env.NODE_ENV !== "production" && (M.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -182,7 +182,7 @@ process.env.NODE_ENV !== "production" && (R.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: me,
+  inputRef: Te,
   /**
    * Callback fired when the state is changed.
    *
@@ -211,18 +211,18 @@ process.env.NODE_ENV !== "production" && (R.propTypes = {
    */
   value: e.any
 });
-const ue = Fe({
+const Ie = De({
   createStyledComponent: Y("div", {
     name: "MuiStack",
     slot: "Root",
-    overridesResolver: (r, o) => o.root
+    overridesResolver: (a, o) => o.root
   }),
-  useThemeProps: (r) => X({
-    props: r,
+  useThemeProps: (a) => X({
+    props: a,
     name: "MuiStack"
   })
 });
-process.env.NODE_ENV !== "production" && (ue.propTypes = {
+process.env.NODE_ENV !== "production" && (Ie.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -266,35 +266,35 @@ process.env.NODE_ENV !== "production" && (ue.propTypes = {
    */
   useFlexGap: e.bool
 });
-function Le(r) {
-  return ce("MuiFormControlLabel", r);
+function Ue(a) {
+  return he("MuiFormControlLabel", a);
 }
-const N = se("MuiFormControlLabel", ["root", "labelPlacementStart", "labelPlacementTop", "labelPlacementBottom", "disabled", "label", "error", "required", "asterisk"]), Be = ["checked", "className", "componentsProps", "control", "disabled", "disableTypography", "inputRef", "label", "labelPlacement", "name", "onChange", "required", "slotProps", "value"], Ve = (r) => {
+const B = be("MuiFormControlLabel", ["root", "labelPlacementStart", "labelPlacementTop", "labelPlacementBottom", "disabled", "label", "error", "required", "asterisk"]), Ge = ["checked", "className", "componentsProps", "control", "disabled", "disableTypography", "inputRef", "label", "labelPlacement", "name", "onChange", "required", "slotProps", "value"], Ye = (a) => {
   const {
     classes: o,
-    disabled: i,
+    disabled: c,
     labelPlacement: p,
-    error: m,
-    required: c
-  } = r, h = {
-    root: ["root", i && "disabled", `labelPlacement${D(p)}`, m && "error", c && "required"],
-    label: ["label", i && "disabled"],
-    asterisk: ["asterisk", m && "error"]
+    error: u,
+    required: d
+  } = a, v = {
+    root: ["root", c && "disabled", `labelPlacement${j(p)}`, u && "error", d && "required"],
+    label: ["label", c && "disabled"],
+    asterisk: ["asterisk", u && "error"]
   };
-  return de(h, Le, o);
-}, Ae = Y("label", {
+  return ye(v, Ue, o);
+}, Ke = Y("label", {
   name: "MuiFormControlLabel",
   slot: "Root",
-  overridesResolver: (r, o) => {
+  overridesResolver: (a, o) => {
     const {
-      ownerState: i
-    } = r;
+      ownerState: c
+    } = a;
     return [{
-      [`& .${N.label}`]: o.label
-    }, o.root, o[`labelPlacement${D(i.labelPlacement)}`]];
+      [`& .${B.label}`]: o.label
+    }, o.root, o[`labelPlacement${j(c.labelPlacement)}`]];
   }
 })(({
-  theme: r,
+  theme: a,
   ownerState: o
 }) => x({
   display: "inline-flex",
@@ -306,7 +306,7 @@ const N = se("MuiFormControlLabel", ["root", "labelPlacementStart", "labelPlacem
   marginLeft: -11,
   marginRight: 16,
   // used for row presentation of radio/checkbox
-  [`&.${N.disabled}`]: {
+  [`&.${B.disabled}`]: {
     cursor: "default"
   }
 }, o.labelPlacement === "start" && {
@@ -321,76 +321,76 @@ const N = se("MuiFormControlLabel", ["root", "labelPlacementStart", "labelPlacem
   flexDirection: "column",
   marginLeft: 16
 }, {
-  [`& .${N.label}`]: {
-    [`&.${N.disabled}`]: {
-      color: (r.vars || r).palette.text.disabled
+  [`& .${B.label}`]: {
+    [`&.${B.disabled}`]: {
+      color: (a.vars || a).palette.text.disabled
     }
   }
-})), We = Y("span", {
+})), Je = Y("span", {
   name: "MuiFormControlLabel",
   slot: "Asterisk",
-  overridesResolver: (r, o) => o.asterisk
+  overridesResolver: (a, o) => o.asterisk
 })(({
-  theme: r
+  theme: a
 }) => ({
-  [`&.${N.error}`]: {
-    color: (r.vars || r).palette.error.main
+  [`&.${B.error}`]: {
+    color: (a.vars || a).palette.error.main
   }
-})), F = /* @__PURE__ */ z.forwardRef(function(o, i) {
-  var p, m;
-  const c = X({
+})), N = /* @__PURE__ */ W.forwardRef(function(o, c) {
+  var p, u;
+  const d = X({
     props: o,
     name: "MuiFormControlLabel"
   }), {
-    className: h,
-    componentsProps: a = {},
-    control: b,
-    disabled: u,
-    disableTypography: k,
+    className: v,
+    componentsProps: t = {},
+    control: h,
+    disabled: f,
+    disableTypography: C,
     label: s,
     labelPlacement: l = "end",
-    required: q,
-    slotProps: M = {}
-  } = c, O = pe(c, Be), y = Re(), I = (p = u ?? b.props.disabled) != null ? p : y == null ? void 0 : y.disabled, v = q ?? b.props.required, j = {
-    disabled: I,
-    required: v
+    required: O,
+    slotProps: w = {}
+  } = d, P = ve(d, Ge), T = _e(), k = (p = f ?? h.props.disabled) != null ? p : T == null ? void 0 : T.disabled, I = O ?? h.props.required, z = {
+    disabled: k,
+    required: I
   };
-  ["checked", "name", "onChange", "value", "inputRef"].forEach((P) => {
-    typeof b.props[P] > "u" && typeof c[P] < "u" && (j[P] = c[P]);
+  ["checked", "name", "onChange", "value", "inputRef"].forEach((R) => {
+    typeof h.props[R] > "u" && typeof d[R] < "u" && (z[R] = d[R]);
   });
-  const w = Pe({
-    props: c,
-    muiFormControl: y,
+  const A = Ne({
+    props: d,
+    muiFormControl: T,
     states: ["error"]
-  }), S = x({}, c, {
-    disabled: I,
+  }), _ = x({}, d, {
+    disabled: k,
     labelPlacement: l,
-    required: v,
-    error: w.error
-  }), _ = Ve(S), $ = (m = M.typography) != null ? m : a.typography;
-  let T = s;
-  return T != null && T.type !== ne && !k && (T = /* @__PURE__ */ t(ne, x({
+    required: I,
+    error: A.error
+  }), D = Ye(_), E = (u = w.typography) != null ? u : t.typography;
+  let g = s;
+  return g != null && g.type !== ue && !C && (g = /* @__PURE__ */ r(ue, x({
     component: "span"
-  }, $, {
-    className: Q(_.label, $ == null ? void 0 : $.className),
-    children: T
-  }))), /* @__PURE__ */ f(Ae, x({
-    className: Q(_.root, h),
-    ownerState: S,
-    ref: i
-  }, O, {
-    children: [/* @__PURE__ */ z.cloneElement(b, j), v ? /* @__PURE__ */ f(ue, {
+  }, E, {
+    className: Q(D.label, E == null ? void 0 : E.className),
+    children: g
+  }))), /* @__PURE__ */ b(Ke, x({
+    className: Q(D.root, v),
+    ownerState: _,
+    ref: c
+  }, P, {
+    children: [/* @__PURE__ */ W.cloneElement(h, z), I ? /* @__PURE__ */ b(Ie, {
       display: "block",
-      children: [T, /* @__PURE__ */ f(We, {
-        ownerState: S,
+      children: [g, /* @__PURE__ */ b(Je, {
+        ownerState: _,
         "aria-hidden": !0,
-        className: _.asterisk,
+        className: D.asterisk,
         children: [" ", "*"]
       })]
-    }) : T]
+    }) : g]
   }));
 });
-process.env.NODE_ENV !== "production" && (F.propTypes = {
+process.env.NODE_ENV !== "production" && (N.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -429,7 +429,7 @@ process.env.NODE_ENV !== "production" && (F.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: me,
+  inputRef: Te,
   /**
    * A text or an element to be used in an enclosing label element.
    */
@@ -470,18 +470,18 @@ process.env.NODE_ENV !== "production" && (F.propTypes = {
    */
   value: e.any
 });
-var ee = {}, He = Ce;
+var ee = {}, Qe = Pe;
 Object.defineProperty(ee, "__esModule", {
   value: !0
 });
-var fe = ee.default = void 0, Ue = He(xe()), Ge = be;
-fe = ee.default = (0, Ue.default)(/* @__PURE__ */ (0, Ge.jsx)("path", {
+var ge = ee.default = void 0, Xe = Qe(Re()), Ze = Ce;
+ge = ee.default = (0, Xe.default)(/* @__PURE__ */ (0, Ze.jsx)("path", {
   d: "M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"
 }), "Check");
-function To({
-  inputVariant: r,
+function Oo({
+  inputVariant: a,
   labelPosition: o = "default",
-  templateId: i,
+  templateId: c,
   defaultValues: p = {
     name: "",
     propertyId: "",
@@ -489,7 +489,7 @@ function To({
     dataTypeInfo: {},
     defaultValue: "",
     description: "",
-    privacyPreservationMethod: le[0],
+    privacyPreservationMethod: me[0],
     required: !1,
     visible: !1,
     editable: !1,
@@ -497,218 +497,281 @@ function To({
     temporal: !1,
     unique: !1
   },
-  disablePropertyId: m,
-  onSubmit: c,
-  onCancel: h
+  disablePropertyId: u,
+  onSubmit: d,
+  onCancel: v
 }) {
-  var M, O, y, I, v, j, w, S, _, $, T, P, oe, re, te, ae;
-  const [a, b] = A.useState(p), [u, k] = A.useState({
-    name: !1
-  }), s = !!((M = p.inheritedFrom) != null && M.templateId) && ((O = p.inheritedFrom) == null ? void 0 : O.templateId) !== i, l = (n) => {
-    var L, B;
-    const d = n.target.name;
-    let g = n.target.type === "checkbox" ? n.target.checked : n.target.value;
-    if (a.type === "enum" && d === "dataTypeInfo.enumValues" && (g = g.split(",")), ((B = (L = a.dataTypeInfo) == null ? void 0 : L.innerType) == null ? void 0 : B.type) === "enum" && d === "dataTypeInfo.innerType.enumValues" && (g = g.split(",")), d.includes(".")) {
-      let V = { ...a };
-      ye.set(V, d, g), b(V);
+  var P, T, k, I, z, A, _, D, E, g, R, oe, re, ae, te, ne, le, ie, se, ce;
+  const [t, h] = L.useState(p), [f, C] = L.useState({
+    name: !1,
+    scale: !1
+  }), s = !!((P = p.inheritedFrom) != null && P.templateId) && ((T = p.inheritedFrom) == null ? void 0 : T.templateId) !== c, l = (n) => {
+    var F, S;
+    const i = n.target.name;
+    let m = n.target.type === "checkbox" ? n.target.checked : n.target.value;
+    if (t.type === "enum" && i === "dataTypeInfo.enumValues" && (m = m.split(",")), ((S = (F = t.dataTypeInfo) == null ? void 0 : F.innerType) == null ? void 0 : S.type) === "enum" && i === "dataTypeInfo.innerType.enumValues" && (m = m.split(",")), i.includes(".")) {
+      let $ = { ...t };
+      pe.set($, i, m), h($);
       return;
     }
-    b((V) => ({
-      ...V,
-      [d]: g
+    h(($) => ({
+      ...$,
+      [i]: m
     }));
-  }, q = () => {
-    if (!a.name) {
-      k({ ...u, name: !0 });
+  }, O = (n) => {
+    const { name: i, value: m } = n.target, F = Number.parseInt(m, 10), S = { ...t };
+    pe.set(S, i, Number.isNaN(F) ? void 0 : F), h(S);
+  }, w = () => {
+    const { precision: n, scale: i } = t.dataTypeInfo ?? {}, m = t.type === "decimal" && n !== void 0 && i !== void 0 && i > n;
+    if (!t.name || m) {
+      C({ name: !t.name, scale: m });
       return;
     }
-    c(a);
+    d(t);
   };
-  return A.useEffect(() => (u.name && a.name && k({ ...u, name: !1 }), () => {
-  }), [a.name]), A.useEffect(() => {
+  return L.useEffect(() => (f.name && t.name && C({ ...f, name: !1 }), () => {
+  }), [t.name]), L.useEffect(() => (C((n) => n.scale ? { ...n, scale: !1 } : n), () => {
+  }), [t.type, (k = t.dataTypeInfo) == null ? void 0 : k.precision, (I = t.dataTypeInfo) == null ? void 0 : I.scale]), L.useEffect(() => {
     if (![
       "date",
       "coordinate",
       "composite-list",
+      "decimal",
       "enum",
       "composite-matrix"
-    ].includes(a.type)) {
-      if (a.dataTypeInfo) {
-        const { coordinateFormat: n, datePattern: d, innerType: g, enumValues: L } = a.dataTypeInfo;
-        (n || d || g || L) && b((B) => ({ ...B, dataTypeInfo: {} }));
+    ].includes(t.type)) {
+      if (t.dataTypeInfo) {
+        const {
+          coordinateFormat: n,
+          datePattern: i,
+          innerType: m,
+          enumValues: F,
+          precision: S,
+          scale: $
+        } = t.dataTypeInfo;
+        (n || i || m || F || S !== void 0 || $ !== void 0) && h((xe) => ({ ...xe, dataTypeInfo: {} }));
       }
       return () => {
       };
     }
-  }, [a.type]), /* @__PURE__ */ f(he, { children: [
-    s && /* @__PURE__ */ f(ge, { severity: "info", sx: { mb: 2 }, children: [
+  }, [t.type]), /* @__PURE__ */ b(de, { children: [
+    s && /* @__PURE__ */ b(Se, { severity: "info", sx: { mb: 2 }, children: [
       "This property is inherited from",
       " ",
-      /* @__PURE__ */ t("strong", { children: (y = p.inheritedFrom) == null ? void 0 : y.templateName }),
+      /* @__PURE__ */ r("strong", { children: (z = p.inheritedFrom) == null ? void 0 : z.templateName }),
       ". Only Default Value, Description and Required can be updated here."
     ] }),
-    /* @__PURE__ */ t(C, { label: "Name", required: !0, labelPosition: o, children: /* @__PURE__ */ t(
-      E,
+    /* @__PURE__ */ r(y, { label: "Name", required: !0, labelPosition: o, children: /* @__PURE__ */ r(
+      q,
       {
         label: o === "default" ? "Name" : void 0,
         name: "name",
-        variant: r,
+        variant: a,
         fullWidth: !0,
         disabled: s,
         sx: { mb: 2, mt: 0.5 },
-        value: a.name,
+        value: t.name,
         onChange: l,
         required: !0,
-        ...u.name && {
+        ...f.name && {
           error: !0,
           helperText: "This field is required!"
         }
       }
     ) }),
-    /* @__PURE__ */ t(C, { label: "Property ID", labelPosition: o, children: /* @__PURE__ */ t(
-      E,
+    /* @__PURE__ */ r(y, { label: "Property ID", labelPosition: o, children: /* @__PURE__ */ r(
+      q,
       {
         label: o === "default" ? "Property ID" : void 0,
         name: "propertyId",
-        variant: r,
+        variant: a,
         fullWidth: !0,
-        disabled: m || s,
+        disabled: u || s,
         sx: { mb: 2 },
-        value: a.propertyId,
+        value: t.propertyId,
         onChange: l
       }
     ) }),
-    /* @__PURE__ */ t(C, { label: "Type", labelPosition: o, children: /* @__PURE__ */ f(W, { fullWidth: !0, variant: r, sx: { mb: 2 }, children: [
-      o === "default" && /* @__PURE__ */ t(H, { id: "type-select-label", children: "Type" }),
-      /* @__PURE__ */ t(
+    /* @__PURE__ */ r(y, { label: "Type", labelPosition: o, children: /* @__PURE__ */ b(V, { fullWidth: !0, variant: a, sx: { mb: 2 }, children: [
+      o === "default" && /* @__PURE__ */ r(H, { id: "type-select-label", children: "Type" }),
+      /* @__PURE__ */ r(
         U,
         {
           label: o === "default" ? "Type" : void 0,
           name: "type",
           labelId: "type-select-label",
           id: "type-select",
-          value: a.type,
+          value: t.type,
           disabled: s,
           onChange: l,
-          children: K.map((n, d) => /* @__PURE__ */ t(G, { value: n, children: n }, d))
+          children: K.map((n, i) => /* @__PURE__ */ r(G, { value: n, children: n }, i))
         }
       )
     ] }) }),
-    a.type === "coordinate" && /* @__PURE__ */ t(C, { label: "Coordinate Format", labelPosition: o, children: /* @__PURE__ */ f(W, { fullWidth: !0, variant: r, sx: { mb: 2 }, children: [
-      o === "default" && /* @__PURE__ */ t(H, { id: "coordinate-format-select-label", children: "Cordinate Format" }),
-      /* @__PURE__ */ t(
+    t.type === "coordinate" && /* @__PURE__ */ r(y, { label: "Coordinate Format", labelPosition: o, children: /* @__PURE__ */ b(V, { fullWidth: !0, variant: a, sx: { mb: 2 }, children: [
+      o === "default" && /* @__PURE__ */ r(H, { id: "coordinate-format-select-label", children: "Cordinate Format" }),
+      /* @__PURE__ */ r(
         U,
         {
           label: o === "default" ? "Coordinate Format" : void 0,
           name: "dataTypeInfo.coordinateFormat",
           labelId: "coordinate-format-select-label",
           id: "coordinate-format-select",
-          value: (I = a.dataTypeInfo) == null ? void 0 : I.coordinateFormat,
+          value: (A = t.dataTypeInfo) == null ? void 0 : A.coordinateFormat,
           disabled: s,
           onChange: l,
-          children: Ie.map((n, d) => /* @__PURE__ */ t(G, { value: n, children: n }, d))
+          children: Fe.map((n, i) => /* @__PURE__ */ r(G, { value: n, children: n }, i))
         }
       )
     ] }) }),
-    (a.type === "composite-list" || a.type === "composite-matrix") && /* @__PURE__ */ t(C, { label: "Inner Type", labelPosition: o, children: /* @__PURE__ */ f(W, { fullWidth: !0, variant: r, sx: { mb: 2 }, children: [
-      o === "default" && /* @__PURE__ */ t(H, { id: "composite-list-select-label", children: "Inner Type" }),
-      /* @__PURE__ */ t(
+    (t.type === "composite-list" || t.type === "composite-matrix") && /* @__PURE__ */ r(y, { label: "Inner Type", labelPosition: o, children: /* @__PURE__ */ b(V, { fullWidth: !0, variant: a, sx: { mb: 2 }, children: [
+      o === "default" && /* @__PURE__ */ r(H, { id: "composite-list-select-label", children: "Inner Type" }),
+      /* @__PURE__ */ r(
         U,
         {
           label: o === "default" ? "Inner Type" : void 0,
           name: "dataTypeInfo.innerType.type",
           labelId: "composite-list-select-label",
           id: "composite-list-select",
-          value: (j = (v = a.dataTypeInfo) == null ? void 0 : v.innerType) == null ? void 0 : j.type,
+          value: (D = (_ = t.dataTypeInfo) == null ? void 0 : _.innerType) == null ? void 0 : D.type,
           disabled: s,
           onChange: l,
           children: K.filter(
             (n) => n !== "composite-list" && n !== "list"
-          ).map((n, d) => /* @__PURE__ */ t(G, { value: n, children: n }, d))
+          ).map((n, i) => /* @__PURE__ */ r(G, { value: n, children: n }, i))
         }
       )
     ] }) }),
-    (a.type === "enum" || ((S = (w = a.dataTypeInfo) == null ? void 0 : w.innerType) == null ? void 0 : S.type) === "enum") && /* @__PURE__ */ t(C, { label: "Enum Values", labelPosition: o, children: /* @__PURE__ */ t(
-      E,
+    (t.type === "enum" || ((g = (E = t.dataTypeInfo) == null ? void 0 : E.innerType) == null ? void 0 : g.type) === "enum") && /* @__PURE__ */ r(y, { label: "Enum Values", labelPosition: o, children: /* @__PURE__ */ r(
+      q,
       {
         label: o === "default" ? "Enum Values" : void 0,
-        name: (($ = (_ = a.dataTypeInfo) == null ? void 0 : _.innerType) == null ? void 0 : $.type) === "enum" ? "dataTypeInfo.innerType.enumValues" : "dataTypeInfo.enumValues",
-        variant: r,
+        name: ((oe = (R = t.dataTypeInfo) == null ? void 0 : R.innerType) == null ? void 0 : oe.type) === "enum" ? "dataTypeInfo.innerType.enumValues" : "dataTypeInfo.enumValues",
+        variant: a,
         fullWidth: !0,
         disabled: s,
         sx: { mb: 2 },
-        value: ((P = (T = a.dataTypeInfo) == null ? void 0 : T.innerType) == null ? void 0 : P.type) === "enum" ? (re = (oe = a.dataTypeInfo.innerType) == null ? void 0 : oe.enumValues) == null ? void 0 : re.join(",") : (ae = (te = a.dataTypeInfo) == null ? void 0 : te.enumValues) == null ? void 0 : ae.join(","),
+        value: ((ae = (re = t.dataTypeInfo) == null ? void 0 : re.innerType) == null ? void 0 : ae.type) === "enum" ? (ne = (te = t.dataTypeInfo.innerType) == null ? void 0 : te.enumValues) == null ? void 0 : ne.join(",") : (ie = (le = t.dataTypeInfo) == null ? void 0 : le.enumValues) == null ? void 0 : ie.join(","),
         onChange: l,
         helperText: "Add list values with the comma (,) separated string"
       }
     ) }),
-    /* @__PURE__ */ t(C, { label: "Default Value", labelPosition: o, children: /* @__PURE__ */ t(
-      E,
+    t.type === "decimal" && /* @__PURE__ */ b(de, { children: [
+      /* @__PURE__ */ r(y, { label: "Precision", labelPosition: o, children: /* @__PURE__ */ r(
+        q,
+        {
+          label: o === "default" ? "Precision" : void 0,
+          name: "dataTypeInfo.precision",
+          type: "number",
+          variant: a,
+          fullWidth: !0,
+          disabled: s,
+          sx: { mb: 2 },
+          value: ((se = t.dataTypeInfo) == null ? void 0 : se.precision) ?? "",
+          onChange: O,
+          inputProps: { min: 1, step: 1 },
+          helperText: "Total number of significant digits, e.g. 18"
+        }
+      ) }),
+      /* @__PURE__ */ r(y, { label: "Scale", labelPosition: o, children: /* @__PURE__ */ r(
+        q,
+        {
+          label: o === "default" ? "Scale" : void 0,
+          name: "dataTypeInfo.scale",
+          type: "number",
+          variant: a,
+          fullWidth: !0,
+          disabled: s,
+          sx: { mb: 2 },
+          value: ((ce = t.dataTypeInfo) == null ? void 0 : ce.scale) ?? "",
+          onChange: O,
+          inputProps: { min: 0, step: 1 },
+          ...f.scale ? {
+            error: !0,
+            helperText: "Scale cannot be greater than the precision!"
+          } : {
+            helperText: "Number of fraction digits, e.g. 4"
+          }
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ r(y, { label: "Default Value", labelPosition: o, children: /* @__PURE__ */ r(
+      q,
       {
         label: o === "default" ? "Default Value" : void 0,
         name: "defaultValue",
-        variant: r,
+        variant: a,
         fullWidth: !0,
         sx: { mb: 2 },
-        value: a.defaultValue,
-        onChange: l
+        value: t.defaultValue,
+        onChange: l,
+        ...t.type === "decimal" && {
+          helperText: 'Exact numeric string, e.g. "1234.56"'
+        }
       }
     ) }),
-    /* @__PURE__ */ t(C, { label: "Description", labelPosition: o, children: /* @__PURE__ */ t(
-      E,
+    /* @__PURE__ */ r(y, { label: "Description", labelPosition: o, children: /* @__PURE__ */ r(
+      q,
       {
         label: o === "default" ? "Description" : void 0,
         name: "description",
-        variant: r,
+        variant: a,
         fullWidth: !0,
         multiline: !0,
         minRows: 2,
         sx: { mb: 2 },
-        value: a.description ?? "",
+        value: t.description ?? "",
         onChange: l
       }
     ) }),
-    /* @__PURE__ */ t(C, { label: "Privacy Preservation Method", labelPosition: o, children: /* @__PURE__ */ f(W, { fullWidth: !0, variant: r, sx: { mb: 2 }, children: [
-      o === "default" && /* @__PURE__ */ t(H, { id: "privacy-method-label", children: "Privacy Preservation Method" }),
-      /* @__PURE__ */ t(
-        U,
-        {
-          label: o === "default" ? "Privacy Preservation Method" : void 0,
-          name: "privacyPreservationMethod",
-          labelId: "privacy-method-label",
-          id: "privacy-method",
-          value: a.privacyPreservationMethod,
-          disabled: s,
-          onChange: l,
-          children: le.map((n, d) => /* @__PURE__ */ t(G, { value: n, children: n }, d))
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ f(Oe, { row: !0, sx: { mb: 2 }, children: [
-      /* @__PURE__ */ t(
-        F,
+    /* @__PURE__ */ r(
+      y,
+      {
+        label: "Privacy Preservation Method",
+        labelPosition: o,
+        children: /* @__PURE__ */ b(V, { fullWidth: !0, variant: a, sx: { mb: 2 }, children: [
+          o === "default" && /* @__PURE__ */ r(H, { id: "privacy-method-label", children: "Privacy Preservation Method" }),
+          /* @__PURE__ */ r(
+            U,
+            {
+              label: o === "default" ? "Privacy Preservation Method" : void 0,
+              name: "privacyPreservationMethod",
+              labelId: "privacy-method-label",
+              id: "privacy-method",
+              value: t.privacyPreservationMethod,
+              disabled: s,
+              onChange: l,
+              children: me.map((n, i) => /* @__PURE__ */ r(G, { value: n, children: n }, i))
+            }
+          )
+        ] })
+      }
+    ),
+    /* @__PURE__ */ b(Me, { row: !0, sx: { mb: 2 }, children: [
+      /* @__PURE__ */ r(
+        N,
         {
           label: "Required",
-          control: /* @__PURE__ */ t(
-            R,
+          control: /* @__PURE__ */ r(
+            M,
             {
               name: "required",
-              checked: a.required,
+              checked: t.required,
               onChange: l
             }
           ),
           sx: { width: "30%" }
         }
       ),
-      /* @__PURE__ */ t(
-        F,
+      /* @__PURE__ */ r(
+        N,
         {
           label: "Editable",
-          control: /* @__PURE__ */ t(
-            R,
+          control: /* @__PURE__ */ r(
+            M,
             {
               name: "editable",
-              checked: a.editable,
+              checked: t.editable,
               disabled: s,
               onChange: l
             }
@@ -716,15 +779,15 @@ function To({
           sx: { width: "30%" }
         }
       ),
-      /* @__PURE__ */ t(
-        F,
+      /* @__PURE__ */ r(
+        N,
         {
           label: "Visible",
-          control: /* @__PURE__ */ t(
-            R,
+          control: /* @__PURE__ */ r(
+            M,
             {
               name: "visible",
-              checked: a.visible,
+              checked: t.visible,
               disabled: s,
               onChange: l
             }
@@ -732,15 +795,15 @@ function To({
           sx: { width: "30%" }
         }
       ),
-      /* @__PURE__ */ t(
-        F,
+      /* @__PURE__ */ r(
+        N,
         {
           label: "Unique",
-          control: /* @__PURE__ */ t(
-            R,
+          control: /* @__PURE__ */ r(
+            M,
             {
               name: "unique",
-              checked: a.unique,
+              checked: t.unique,
               disabled: s,
               onChange: l
             }
@@ -748,15 +811,15 @@ function To({
           sx: { width: "30%" }
         }
       ),
-      /* @__PURE__ */ t(
-        F,
+      /* @__PURE__ */ r(
+        N,
         {
           label: "Distinctive",
-          control: /* @__PURE__ */ t(
-            R,
+          control: /* @__PURE__ */ r(
+            M,
             {
               name: "distinctive",
-              checked: a.distinctive,
+              checked: t.distinctive,
               disabled: s,
               onChange: l
             }
@@ -764,15 +827,15 @@ function To({
           sx: { width: "30%" }
         }
       ),
-      /* @__PURE__ */ t(
-        F,
+      /* @__PURE__ */ r(
+        N,
         {
           label: "Temporal",
-          control: /* @__PURE__ */ t(
-            R,
+          control: /* @__PURE__ */ r(
+            M,
             {
               name: "temporal",
-              checked: a.temporal,
+              checked: t.temporal,
               disabled: s,
               onChange: l
             }
@@ -781,14 +844,14 @@ function To({
         }
       )
     ] }),
-    /* @__PURE__ */ f(ke, { display: "flex", justifyContent: "flex-end", children: [
-      /* @__PURE__ */ t(ie, { variant: "contained", onClick: h, sx: { marginRight: 2 }, children: "Cancel" }),
-      /* @__PURE__ */ t(
-        ie,
+    /* @__PURE__ */ b(qe, { display: "flex", justifyContent: "flex-end", children: [
+      /* @__PURE__ */ r(fe, { variant: "contained", onClick: v, sx: { marginRight: 2 }, children: "Cancel" }),
+      /* @__PURE__ */ r(
+        fe,
         {
           variant: "contained",
-          startIcon: /* @__PURE__ */ t(fe, {}),
-          onClick: q,
+          startIcon: /* @__PURE__ */ r(ge, {}),
+          onClick: w,
           children: "OK"
         }
       )
@@ -796,5 +859,5 @@ function To({
   ] });
 }
 export {
-  To as default
+  Oo as default
 };