@hybridcore/ui 1.6.18 → 1.6.19

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

@@ -1,115 +1,116 @@
-import de, { jsx as t, jsxs as f, Fragment as pe } from "react/jsx-runtime";
+import be, { jsx as t, jsxs as f, Fragment as he } from "react/jsx-runtime";
 import * as z from "react";
-import V from "react";
-import me from "lodash";
-import { g as te, a as ae, s as G, r as ue, b as _, d as fe, u as Q, c as le, i as be } from "../../../../generateUtilityClasses-Cc-owZ4J.js";
-import { r as he } from "../../../../createSvgIcon-BghzB2Y9.js";
-import { DATA_TYPES as Y, COORDINATE_FORMAT as ye, PRIVACY_PRESERVATION_METHOD as ee } from "../../../../constants/index.js";
-import { LabeledField as I } from "../../helpers.js";
-import { T as B, F as A, B as ve } from "../../../../TextField-Ca9ykixI.js";
-import { I as W } from "../../../../InputLabel-CjD30ZHz.js";
-import { S as H } from "../../../../Select-Bfhvigsx.js";
-import { M as U } from "../../../../MenuItem-BKvRGLvM.js";
-import { F as Te } from "../../../../FormGroup-BRj1o7-E.js";
-import { a as v, _ as ne } from "../../../../extends-C3382pL0.js";
+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 { 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 { P as e } from "../../../../index-CblbdqjE.js";
-import { c as J } from "../../../../clsx-OuTLNxxd.js";
-import { f as Ce } from "../../../../formControlState-vgaj2ksH.js";
-import { u as xe } from "../../../../useFormControl-CatNKXAi.js";
-import { T as oe } from "../../../../Typography-D3X-Y5fh.js";
-import { createStack as Ie } from "@mui/system";
-import { r as ie } from "../../../../TransitionGroupContext-Ja2CgIob.js";
-import { S as ge } from "../../../../SwitchBase-BEK49kdS.js";
-import { c as X } from "../../../../createSvgIcon-D7U1nd99.js";
-import { B as re } from "../../../../Button-Cem3nbwc.js";
-const ke = X(/* @__PURE__ */ t("path", {
+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 { c as Z } from "../../../../createSvgIcon-Bx0mTP6n.js";
+import { B as ie } from "../../../../Button-BMUZn0cT.js";
+const Me = Z(/* @__PURE__ */ t("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"), Oe = X(/* @__PURE__ */ t("path", {
+}), "CheckBoxOutlineBlank"), Se = Z(/* @__PURE__ */ t("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"), Pe = X(/* @__PURE__ */ t("path", {
+}), "CheckBox"), _e = Z(/* @__PURE__ */ t("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 Re(r) {
-  return ae("MuiCheckbox", r);
+function $e(r) {
+  return ce("MuiCheckbox", r);
 }
-const K = te("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium"]), Fe = ["checkedIcon", "color", "icon", "indeterminate", "indeterminateIcon", "inputProps", "size", "className"], Me = (r) => {
+const J = se("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium"]), De = ["checkedIcon", "color", "icon", "indeterminate", "indeterminateIcon", "inputProps", "size", "className"], je = (r) => {
   const {
     classes: o,
     indeterminate: i,
     color: p,
-    size: d
-  } = r, s = {
-    root: ["root", i && "indeterminate", `color${_(p)}`, `size${_(d)}`]
-  }, a = le(s, Re, o);
-  return v({}, o, a);
-}, Se = G(ge, {
-  shouldForwardProp: (r) => ue(r) || r === "classes",
+    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",
   name: "MuiCheckbox",
   slot: "Root",
   overridesResolver: (r, o) => {
     const {
       ownerState: i
     } = r;
-    return [o.root, i.indeterminate && o.indeterminate, o[`size${_(i.size)}`], i.color !== "default" && o[`color${_(i.color)}`]];
+    return [o.root, i.indeterminate && o.indeterminate, o[`size${D(i.size)}`], i.color !== "default" && o[`color${D(i.color)}`]];
   }
 })(({
   theme: r,
   ownerState: o
-}) => v({
+}) => x({
   color: (r.vars || r).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})` : fe(o.color === "default" ? r.palette.action.active : r.palette[o.color].main, r.palette.action.hoverOpacity),
+    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),
     // Reset on touch devices, it doesn't add specificity
     "@media (hover: none)": {
       backgroundColor: "transparent"
     }
   }
 }, o.color !== "default" && {
-  [`&.${K.checked}, &.${K.indeterminate}`]: {
+  [`&.${J.checked}, &.${J.indeterminate}`]: {
     color: (r.vars || r).palette[o.color].main
   },
-  [`&.${K.disabled}`]: {
+  [`&.${J.disabled}`]: {
     color: (r.vars || r).palette.action.disabled
   }
-})), qe = /* @__PURE__ */ t(Oe, {}), _e = /* @__PURE__ */ t(ke, {}), $e = /* @__PURE__ */ t(Pe, {}), P = /* @__PURE__ */ z.forwardRef(function(o, i) {
-  var p, d;
-  const s = Q({
+})), 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({
     props: o,
     name: "MuiCheckbox"
   }), {
-    checkedIcon: a = qe,
-    color: g = "primary",
-    icon: m = _e,
+    checkedIcon: h = Ne,
+    color: a = "primary",
+    icon: b = ze,
     indeterminate: u = !1,
-    indeterminateIcon: n = $e,
-    inputProps: $,
-    size: T = "medium",
-    className: k
-  } = s, F = ne(s, Fe), O = u ? n : m, b = u ? n : a, C = v({}, s, {
-    color: g,
+    indeterminateIcon: k = we,
+    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,
-    size: T
-  }), h = Me(C);
-  return /* @__PURE__ */ t(Se, v({
+    size: l
+  }), v = je(I);
+  return /* @__PURE__ */ t(Ee, x({
     type: "checkbox",
-    inputProps: v({
+    inputProps: x({
       "data-indeterminate": u
-    }, $),
+    }, s),
     icon: /* @__PURE__ */ z.cloneElement(O, {
-      fontSize: (p = O.props.fontSize) != null ? p : T
+      fontSize: (p = O.props.fontSize) != null ? p : l
     }),
-    checkedIcon: /* @__PURE__ */ z.cloneElement(b, {
-      fontSize: (d = b.props.fontSize) != null ? d : T
+    checkedIcon: /* @__PURE__ */ z.cloneElement(y, {
+      fontSize: (m = y.props.fontSize) != null ? m : l
     }),
-    ownerState: C,
+    ownerState: I,
     ref: i,
-    className: J(h.root, k)
-  }, F, {
-    classes: h
+    className: Q(v.root, q)
+  }, M, {
+    classes: v
   }));
 });
-process.env.NODE_ENV !== "production" && (P.propTypes = {
+process.env.NODE_ENV !== "production" && (R.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -181,7 +182,7 @@ process.env.NODE_ENV !== "production" && (P.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: ie,
+  inputRef: me,
   /**
    * Callback fired when the state is changed.
    *
@@ -210,18 +211,18 @@ process.env.NODE_ENV !== "production" && (P.propTypes = {
    */
   value: e.any
 });
-const se = Ie({
-  createStyledComponent: G("div", {
+const ue = Fe({
+  createStyledComponent: Y("div", {
     name: "MuiStack",
     slot: "Root",
     overridesResolver: (r, o) => o.root
   }),
-  useThemeProps: (r) => Q({
+  useThemeProps: (r) => X({
     props: r,
     name: "MuiStack"
   })
 });
-process.env.NODE_ENV !== "production" && (se.propTypes = {
+process.env.NODE_ENV !== "production" && (ue.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -265,23 +266,23 @@ process.env.NODE_ENV !== "production" && (se.propTypes = {
    */
   useFlexGap: e.bool
 });
-function je(r) {
-  return ae("MuiFormControlLabel", r);
+function Le(r) {
+  return ce("MuiFormControlLabel", r);
 }
-const E = te("MuiFormControlLabel", ["root", "labelPlacementStart", "labelPlacementTop", "labelPlacementBottom", "disabled", "label", "error", "required", "asterisk"]), Ee = ["checked", "className", "componentsProps", "control", "disabled", "disableTypography", "inputRef", "label", "labelPlacement", "name", "onChange", "required", "slotProps", "value"], ze = (r) => {
+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 {
     classes: o,
     disabled: i,
     labelPlacement: p,
-    error: d,
-    required: s
-  } = r, a = {
-    root: ["root", i && "disabled", `labelPlacement${_(p)}`, d && "error", s && "required"],
+    error: m,
+    required: c
+  } = r, h = {
+    root: ["root", i && "disabled", `labelPlacement${D(p)}`, m && "error", c && "required"],
     label: ["label", i && "disabled"],
-    asterisk: ["asterisk", d && "error"]
+    asterisk: ["asterisk", m && "error"]
   };
-  return le(a, je, o);
-}, Ne = G("label", {
+  return de(h, Le, o);
+}, Ae = Y("label", {
   name: "MuiFormControlLabel",
   slot: "Root",
   overridesResolver: (r, o) => {
@@ -289,13 +290,13 @@ const E = te("MuiFormControlLabel", ["root", "labelPlacementStart", "labelPlacem
       ownerState: i
     } = r;
     return [{
-      [`& .${E.label}`]: o.label
-    }, o.root, o[`labelPlacement${_(i.labelPlacement)}`]];
+      [`& .${N.label}`]: o.label
+    }, o.root, o[`labelPlacement${D(i.labelPlacement)}`]];
   }
 })(({
   theme: r,
   ownerState: o
-}) => v({
+}) => x({
   display: "inline-flex",
   alignItems: "center",
   cursor: "pointer",
@@ -305,7 +306,7 @@ const E = te("MuiFormControlLabel", ["root", "labelPlacementStart", "labelPlacem
   marginLeft: -11,
   marginRight: 16,
   // used for row presentation of radio/checkbox
-  [`&.${E.disabled}`]: {
+  [`&.${N.disabled}`]: {
     cursor: "default"
   }
 }, o.labelPlacement === "start" && {
@@ -320,76 +321,76 @@ const E = te("MuiFormControlLabel", ["root", "labelPlacementStart", "labelPlacem
   flexDirection: "column",
   marginLeft: 16
 }, {
-  [`& .${E.label}`]: {
-    [`&.${E.disabled}`]: {
+  [`& .${N.label}`]: {
+    [`&.${N.disabled}`]: {
       color: (r.vars || r).palette.text.disabled
     }
   }
-})), Le = G("span", {
+})), We = Y("span", {
   name: "MuiFormControlLabel",
   slot: "Asterisk",
   overridesResolver: (r, o) => o.asterisk
 })(({
   theme: r
 }) => ({
-  [`&.${E.error}`]: {
+  [`&.${N.error}`]: {
     color: (r.vars || r).palette.error.main
   }
-})), R = /* @__PURE__ */ z.forwardRef(function(o, i) {
-  var p, d;
-  const s = Q({
+})), F = /* @__PURE__ */ z.forwardRef(function(o, i) {
+  var p, m;
+  const c = X({
     props: o,
     name: "MuiFormControlLabel"
   }), {
-    className: a,
-    componentsProps: g = {},
-    control: m,
+    className: h,
+    componentsProps: a = {},
+    control: b,
     disabled: u,
-    disableTypography: n,
-    label: $,
-    labelPlacement: T = "end",
-    required: k,
-    slotProps: F = {}
-  } = s, O = ne(s, Ee), b = xe(), C = (p = u ?? m.props.disabled) != null ? p : b == null ? void 0 : b.disabled, h = k ?? m.props.required, j = {
-    disabled: C,
-    required: h
+    disableTypography: k,
+    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
   };
-  ["checked", "name", "onChange", "value", "inputRef"].forEach((l) => {
-    typeof m.props[l] > "u" && typeof s[l] < "u" && (j[l] = s[l]);
+  ["checked", "name", "onChange", "value", "inputRef"].forEach((P) => {
+    typeof b.props[P] > "u" && typeof c[P] < "u" && (j[P] = c[P]);
   });
-  const N = Ce({
-    props: s,
-    muiFormControl: b,
+  const w = Pe({
+    props: c,
+    muiFormControl: y,
     states: ["error"]
-  }), M = v({}, s, {
-    disabled: C,
-    labelPlacement: T,
-    required: h,
-    error: N.error
-  }), S = ze(M), q = (d = F.typography) != null ? d : g.typography;
-  let y = $;
-  return y != null && y.type !== oe && !n && (y = /* @__PURE__ */ t(oe, v({
+  }), S = x({}, c, {
+    disabled: I,
+    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({
     component: "span"
-  }, q, {
-    className: J(S.label, q == null ? void 0 : q.className),
-    children: y
-  }))), /* @__PURE__ */ f(Ne, v({
-    className: J(S.root, a),
-    ownerState: M,
+  }, $, {
+    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(m, j), h ? /* @__PURE__ */ f(se, {
+    children: [/* @__PURE__ */ z.cloneElement(b, j), v ? /* @__PURE__ */ f(ue, {
       display: "block",
-      children: [y, /* @__PURE__ */ f(Le, {
-        ownerState: M,
+      children: [T, /* @__PURE__ */ f(We, {
+        ownerState: S,
         "aria-hidden": !0,
-        className: S.asterisk,
+        className: _.asterisk,
         children: [" ", "*"]
       })]
-    }) : y]
+    }) : T]
   }));
 });
-process.env.NODE_ENV !== "production" && (R.propTypes = {
+process.env.NODE_ENV !== "production" && (F.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -428,7 +429,7 @@ process.env.NODE_ENV !== "production" && (R.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: ie,
+  inputRef: me,
   /**
    * A text or an element to be used in an enclosing label element.
    */
@@ -469,24 +470,26 @@ process.env.NODE_ENV !== "production" && (R.propTypes = {
    */
   value: e.any
 });
-var Z = {}, we = be;
-Object.defineProperty(Z, "__esModule", {
+var ee = {}, He = Ce;
+Object.defineProperty(ee, "__esModule", {
   value: !0
 });
-var ce = Z.default = void 0, De = we(he()), Ve = de;
-ce = Z.default = (0, De.default)(/* @__PURE__ */ (0, Ve.jsx)("path", {
+var fe = ee.default = void 0, Ue = He(xe()), Ge = be;
+fe = ee.default = (0, Ue.default)(/* @__PURE__ */ (0, Ge.jsx)("path", {
   d: "M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"
 }), "Check");
-function mo({
+function To({
   inputVariant: r,
   labelPosition: o = "default",
-  defaultValues: i = {
+  templateId: i,
+  defaultValues: p = {
     name: "",
     propertyId: "",
-    type: Y[0],
+    type: K[0],
     dataTypeInfo: {},
     defaultValue: "",
-    privacyPreservationMethod: ee[0],
+    description: "",
+    privacyPreservationMethod: le[0],
     required: !1,
     visible: !1,
     editable: !1,
@@ -494,35 +497,35 @@ function mo({
     temporal: !1,
     unique: !1
   },
-  disablePropertyId: p,
-  onSubmit: d,
-  onCancel: s
+  disablePropertyId: m,
+  onSubmit: c,
+  onCancel: h
 }) {
-  var T, k, F, O, b, C, h, j, N, M, S, q, y;
-  const [a, g] = V.useState(i), [m, u] = V.useState({
+  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
-  }), n = (l) => {
-    var L, w;
-    const c = l.target.name;
-    let x = l.target.type === "checkbox" ? l.target.checked : l.target.value;
-    if (a.type === "enum" && c === "dataTypeInfo.enumValues" && (x = x.split(",")), ((w = (L = a.dataTypeInfo) == null ? void 0 : L.innerType) == null ? void 0 : w.type) === "enum" && c === "dataTypeInfo.innerType.enumValues" && (x = x.split(",")), c.includes(".")) {
-      let D = { ...a };
-      me.set(D, c, x), g(D);
+  }), 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);
       return;
     }
-    g((D) => ({
-      ...D,
-      [c]: x
+    b((V) => ({
+      ...V,
+      [d]: g
     }));
-  }, $ = () => {
+  }, q = () => {
     if (!a.name) {
-      u({ ...m, name: !0 });
+      k({ ...u, name: !0 });
       return;
     }
-    d(a);
+    c(a);
   };
-  return V.useEffect(() => (m.name && a.name && u({ ...m, name: !1 }), () => {
-  }), [a.name]), V.useEffect(() => {
+  return A.useEffect(() => (u.name && a.name && k({ ...u, name: !1 }), () => {
+  }), [a.name]), A.useEffect(() => {
     if (![
       "date",
       "coordinate",
@@ -531,105 +534,116 @@ function mo({
       "composite-matrix"
     ].includes(a.type)) {
       if (a.dataTypeInfo) {
-        const { coordinateFormat: l, datePattern: c, innerType: x, enumValues: L } = a.dataTypeInfo;
-        (l || c || x || L) && g((w) => ({ ...w, dataTypeInfo: {} }));
+        const { coordinateFormat: n, datePattern: d, innerType: g, enumValues: L } = a.dataTypeInfo;
+        (n || d || g || L) && b((B) => ({ ...B, dataTypeInfo: {} }));
       }
       return () => {
       };
     }
-  }, [a.type]), /* @__PURE__ */ f(pe, { children: [
-    /* @__PURE__ */ t(I, { label: "Name", required: !0, labelPosition: o, children: /* @__PURE__ */ t(
-      B,
+  }, [a.type]), /* @__PURE__ */ f(he, { children: [
+    s && /* @__PURE__ */ f(ge, { severity: "info", sx: { mb: 2 }, children: [
+      "This property is inherited from",
+      " ",
+      /* @__PURE__ */ t("strong", { children: (y = p.inheritedFrom) == null ? void 0 : y.templateName }),
+      ". Only Default Value, Description and Required can be updated here."
+    ] }),
+    /* @__PURE__ */ t(C, { label: "Name", required: !0, labelPosition: o, children: /* @__PURE__ */ t(
+      E,
       {
         label: o === "default" ? "Name" : void 0,
         name: "name",
         variant: r,
         fullWidth: !0,
+        disabled: s,
         sx: { mb: 2, mt: 0.5 },
         value: a.name,
-        onChange: n,
+        onChange: l,
         required: !0,
-        ...m.name && {
+        ...u.name && {
           error: !0,
           helperText: "This field is required!"
         }
       }
     ) }),
-    /* @__PURE__ */ t(I, { label: "Property ID", labelPosition: o, children: /* @__PURE__ */ t(
-      B,
+    /* @__PURE__ */ t(C, { label: "Property ID", labelPosition: o, children: /* @__PURE__ */ t(
+      E,
       {
         label: o === "default" ? "Property ID" : void 0,
         name: "propertyId",
         variant: r,
         fullWidth: !0,
-        disabled: p,
+        disabled: m || s,
         sx: { mb: 2 },
         value: a.propertyId,
-        onChange: n
+        onChange: l
       }
     ) }),
-    /* @__PURE__ */ t(I, { label: "Type", labelPosition: o, children: /* @__PURE__ */ f(A, { fullWidth: !0, variant: r, sx: { mb: 2 }, children: [
-      o === "default" && /* @__PURE__ */ t(W, { id: "type-select-label", children: "Type" }),
+    /* @__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(
-        H,
+        U,
         {
           label: o === "default" ? "Type" : void 0,
           name: "type",
           labelId: "type-select-label",
           id: "type-select",
           value: a.type,
-          onChange: n,
-          children: Y.map((l, c) => /* @__PURE__ */ t(U, { value: l, children: l }, c))
+          disabled: s,
+          onChange: l,
+          children: K.map((n, d) => /* @__PURE__ */ t(G, { value: n, children: n }, d))
         }
       )
     ] }) }),
-    a.type === "coordinate" && /* @__PURE__ */ t(I, { label: "Coordinate Format", labelPosition: o, children: /* @__PURE__ */ f(A, { fullWidth: !0, variant: r, sx: { mb: 2 }, children: [
-      o === "default" && /* @__PURE__ */ t(W, { id: "coordinate-format-select-label", children: "Cordinate Format" }),
+    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(
-        H,
+        U,
         {
           label: o === "default" ? "Coordinate Format" : void 0,
           name: "dataTypeInfo.coordinateFormat",
           labelId: "coordinate-format-select-label",
           id: "coordinate-format-select",
-          value: (T = a.dataTypeInfo) == null ? void 0 : T.coordinateFormat,
-          onChange: n,
-          children: ye.map((l, c) => /* @__PURE__ */ t(U, { value: l, children: l }, c))
+          value: (I = a.dataTypeInfo) == null ? void 0 : I.coordinateFormat,
+          disabled: s,
+          onChange: l,
+          children: Ie.map((n, d) => /* @__PURE__ */ t(G, { value: n, children: n }, d))
         }
       )
     ] }) }),
-    (a.type === "composite-list" || a.type === "composite-matrix") && /* @__PURE__ */ t(I, { label: "Inner Type", labelPosition: o, children: /* @__PURE__ */ f(A, { fullWidth: !0, variant: r, sx: { mb: 2 }, children: [
-      o === "default" && /* @__PURE__ */ t(W, { id: "composite-list-select-label", children: "Inner Type" }),
+    (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(
-        H,
+        U,
         {
           label: o === "default" ? "Inner Type" : void 0,
           name: "dataTypeInfo.innerType.type",
           labelId: "composite-list-select-label",
           id: "composite-list-select",
-          value: (F = (k = a.dataTypeInfo) == null ? void 0 : k.innerType) == null ? void 0 : F.type,
-          onChange: n,
-          children: Y.filter(
-            (l) => l !== "composite-list" && l !== "list"
-          ).map((l, c) => /* @__PURE__ */ t(U, { value: l, children: l }, c))
+          value: (j = (v = a.dataTypeInfo) == null ? void 0 : v.innerType) == null ? void 0 : j.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))
         }
       )
     ] }) }),
-    (a.type === "enum" || ((b = (O = a.dataTypeInfo) == null ? void 0 : O.innerType) == null ? void 0 : b.type) === "enum") && /* @__PURE__ */ t(I, { label: "Enum Values", labelPosition: o, children: /* @__PURE__ */ t(
-      B,
+    (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,
       {
         label: o === "default" ? "Enum Values" : void 0,
-        name: ((h = (C = a.dataTypeInfo) == null ? void 0 : C.innerType) == null ? void 0 : h.type) === "enum" ? "dataTypeInfo.innerType.enumValues" : "dataTypeInfo.enumValues",
+        name: (($ = (_ = a.dataTypeInfo) == null ? void 0 : _.innerType) == null ? void 0 : $.type) === "enum" ? "dataTypeInfo.innerType.enumValues" : "dataTypeInfo.enumValues",
         variant: r,
         fullWidth: !0,
+        disabled: s,
         sx: { mb: 2 },
-        value: ((N = (j = a.dataTypeInfo) == null ? void 0 : j.innerType) == null ? void 0 : N.type) === "enum" ? (S = (M = a.dataTypeInfo.innerType) == null ? void 0 : M.enumValues) == null ? void 0 : S.join(",") : (y = (q = a.dataTypeInfo) == null ? void 0 : q.enumValues) == null ? void 0 : y.join(","),
-        onChange: n,
+        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(","),
+        onChange: l,
         helperText: "Add list values with the comma (,) separated string"
       }
     ) }),
-    /* @__PURE__ */ t(I, { label: "Default Value", labelPosition: o, children: /* @__PURE__ */ t(
-      B,
+    /* @__PURE__ */ t(C, { label: "Default Value", labelPosition: o, children: /* @__PURE__ */ t(
+      E,
       {
         label: o === "default" ? "Default Value" : void 0,
         name: "defaultValue",
@@ -637,117 +651,144 @@ function mo({
         fullWidth: !0,
         sx: { mb: 2 },
         value: a.defaultValue,
-        onChange: n
+        onChange: l
       }
     ) }),
-    /* @__PURE__ */ t(I, { label: "Privacy Preservation Method", labelPosition: o, children: /* @__PURE__ */ f(A, { fullWidth: !0, variant: r, sx: { mb: 2 }, children: [
-      o === "default" && /* @__PURE__ */ t(W, { id: "privacy-method-label", children: "Privacy Preservation Method" }),
+    /* @__PURE__ */ t(C, { label: "Description", labelPosition: o, children: /* @__PURE__ */ t(
+      E,
+      {
+        label: o === "default" ? "Description" : void 0,
+        name: "description",
+        variant: r,
+        fullWidth: !0,
+        multiline: !0,
+        minRows: 2,
+        sx: { mb: 2 },
+        value: a.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(
-        H,
+        U,
         {
           label: o === "default" ? "Privacy Preservation Method" : void 0,
           name: "privacyPreservationMethod",
           labelId: "privacy-method-label",
           id: "privacy-method",
           value: a.privacyPreservationMethod,
-          onChange: n,
-          children: ee.map((l, c) => /* @__PURE__ */ t(U, { value: l, children: l }, c))
+          disabled: s,
+          onChange: l,
+          children: le.map((n, d) => /* @__PURE__ */ t(G, { value: n, children: n }, d))
         }
       )
     ] }) }),
-    /* @__PURE__ */ f(Te, { row: !0, sx: { mb: 2 }, children: [
+    /* @__PURE__ */ f(Oe, { row: !0, sx: { mb: 2 }, children: [
       /* @__PURE__ */ t(
-        R,
+        F,
         {
           label: "Required",
           control: /* @__PURE__ */ t(
-            P,
+            R,
             {
               name: "required",
               checked: a.required,
-              onChange: n
+              onChange: l
             }
           ),
           sx: { width: "30%" }
         }
       ),
       /* @__PURE__ */ t(
-        R,
+        F,
         {
           label: "Editable",
           control: /* @__PURE__ */ t(
-            P,
+            R,
             {
               name: "editable",
               checked: a.editable,
-              onChange: n
+              disabled: s,
+              onChange: l
             }
           ),
           sx: { width: "30%" }
         }
       ),
       /* @__PURE__ */ t(
-        R,
+        F,
         {
           label: "Visible",
           control: /* @__PURE__ */ t(
-            P,
+            R,
             {
               name: "visible",
               checked: a.visible,
-              onChange: n
+              disabled: s,
+              onChange: l
             }
           ),
           sx: { width: "30%" }
         }
       ),
       /* @__PURE__ */ t(
-        R,
+        F,
         {
           label: "Unique",
-          control: /* @__PURE__ */ t(P, { name: "unique", checked: a.unique, onChange: n }),
+          control: /* @__PURE__ */ t(
+            R,
+            {
+              name: "unique",
+              checked: a.unique,
+              disabled: s,
+              onChange: l
+            }
+          ),
           sx: { width: "30%" }
         }
       ),
       /* @__PURE__ */ t(
-        R,
+        F,
         {
           label: "Distinctive",
           control: /* @__PURE__ */ t(
-            P,
+            R,
             {
               name: "distinctive",
               checked: a.distinctive,
-              onChange: n
+              disabled: s,
+              onChange: l
             }
           ),
           sx: { width: "30%" }
         }
       ),
       /* @__PURE__ */ t(
-        R,
+        F,
         {
           label: "Temporal",
           control: /* @__PURE__ */ t(
-            P,
+            R,
             {
               name: "temporal",
               checked: a.temporal,
-              onChange: n
+              disabled: s,
+              onChange: l
             }
           ),
           sx: { width: "30%" }
         }
       )
     ] }),
-    /* @__PURE__ */ f(ve, { display: "flex", justifyContent: "flex-end", children: [
-      /* @__PURE__ */ t(re, { variant: "contained", onClick: s, sx: { marginRight: 2 }, children: "Cancel" }),
+    /* @__PURE__ */ f(ke, { display: "flex", justifyContent: "flex-end", children: [
+      /* @__PURE__ */ t(ie, { variant: "contained", onClick: h, sx: { marginRight: 2 }, children: "Cancel" }),
       /* @__PURE__ */ t(
-        re,
+        ie,
         {
           variant: "contained",
-          startIcon: /* @__PURE__ */ t(ce, {}),
-          onClick: $,
+          startIcon: /* @__PURE__ */ t(fe, {}),
+          onClick: q,
           children: "OK"
         }
       )
@@ -755,5 +796,5 @@ function mo({
   ] });
 }
 export {
-  mo as default
+  To as default
 };