@hybridcore/ui 1.6.13 → 1.6.16

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

@@ -1,29 +1,492 @@
-import { jsxs as m, Fragment as K, jsx as e } from "react/jsx-runtime";
-import y from "react";
-import U from "lodash";
-import z from "@mui/material/Box";
-import j from "@mui/material/Button";
-import u from "@mui/material/Checkbox";
-import v from "@mui/material/FormControl";
-import c from "@mui/material/FormControlLabel";
-import J from "@mui/material/FormGroup";
-import T from "@mui/material/InputLabel";
-import b from "@mui/material/MenuItem";
-import I from "@mui/material/Select";
-import x from "@mui/material/TextField";
-import Q from "@mui/icons-material/Check";
-import { DATA_TYPES as F, COORDINATE_FORMAT as X, PRIVACY_PRESERVATION_METHOD as N } from "../../../../constants/index.js";
-import { LabeledField as o } from "../../helpers.js";
-function fe({
-  inputVariant: d,
-  labelPosition: r = "default",
-  defaultValues: L = {
+import de, { jsx as t, jsxs as f, Fragment as pe } 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 { 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", {
+  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", {
+  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", {
+  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);
+}
+const K = te("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium"]), Fe = ["checkedIcon", "color", "icon", "indeterminate", "indeterminateIcon", "inputProps", "size", "className"], Me = (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",
+  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)}`]];
+  }
+})(({
+  theme: r,
+  ownerState: o
+}) => v({
+  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),
+    // Reset on touch devices, it doesn't add specificity
+    "@media (hover: none)": {
+      backgroundColor: "transparent"
+    }
+  }
+}, o.color !== "default" && {
+  [`&.${K.checked}, &.${K.indeterminate}`]: {
+    color: (r.vars || r).palette[o.color].main
+  },
+  [`&.${K.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({
+    props: o,
+    name: "MuiCheckbox"
+  }), {
+    checkedIcon: a = qe,
+    color: g = "primary",
+    icon: m = _e,
+    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,
+    indeterminate: u,
+    size: T
+  }), h = Me(C);
+  return /* @__PURE__ */ t(Se, v({
+    type: "checkbox",
+    inputProps: v({
+      "data-indeterminate": u
+    }, $),
+    icon: /* @__PURE__ */ z.cloneElement(O, {
+      fontSize: (p = O.props.fontSize) != null ? p : T
+    }),
+    checkedIcon: /* @__PURE__ */ z.cloneElement(b, {
+      fontSize: (d = b.props.fontSize) != null ? d : T
+    }),
+    ownerState: C,
+    ref: i,
+    className: J(h.root, k)
+  }, F, {
+    classes: h
+  }));
+});
+process.env.NODE_ENV !== "production" && (P.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * If `true`, the component is checked.
+   */
+  checked: e.bool,
+  /**
+   * The icon to display when the component is checked.
+   * @default <CheckBoxIcon />
+   */
+  checkedIcon: e.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.string,
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
+   * @default 'primary'
+   */
+  color: e.oneOfType([e.oneOf(["default", "primary", "secondary", "error", "info", "success", "warning"]), e.string]),
+  /**
+   * The default checked state. Use when the component is not controlled.
+   */
+  defaultChecked: e.bool,
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: e.bool,
+  /**
+   * If `true`, the ripple effect is disabled.
+   * @default false
+   */
+  disableRipple: e.bool,
+  /**
+   * The icon to display when the component is unchecked.
+   * @default <CheckBoxOutlineBlankIcon />
+   */
+  icon: e.node,
+  /**
+   * The id of the `input` element.
+   */
+  id: e.string,
+  /**
+   * If `true`, the component appears indeterminate.
+   * This does not set the native input element to indeterminate due
+   * to inconsistent behavior across browsers.
+   * However, we set a `data-indeterminate` attribute on the `input`.
+   * @default false
+   */
+  indeterminate: e.bool,
+  /**
+   * The icon to display when the component is indeterminate.
+   * @default <IndeterminateCheckBoxIcon />
+   */
+  indeterminateIcon: e.node,
+  /**
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+   */
+  inputProps: e.object,
+  /**
+   * Pass a ref to the `input` element.
+   */
+  inputRef: ie,
+  /**
+   * Callback fired when the state is changed.
+   *
+   * @param {React.ChangeEvent<HTMLInputElement>} event The event source of the callback.
+   * You can pull out the new checked state by accessing `event.target.checked` (boolean).
+   */
+  onChange: e.func,
+  /**
+   * If `true`, the `input` element is required.
+   * @default false
+   */
+  required: e.bool,
+  /**
+   * The size of the component.
+   * `small` is equivalent to the dense checkbox styling.
+   * @default 'medium'
+   */
+  size: e.oneOfType([e.oneOf(["medium", "small"]), e.string]),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
+  /**
+   * The value of the component. The DOM API casts this to a string.
+   * The browser uses "on" as the default value.
+   */
+  value: e.any
+});
+const se = Ie({
+  createStyledComponent: G("div", {
+    name: "MuiStack",
+    slot: "Root",
+    overridesResolver: (r, o) => o.root
+  }),
+  useThemeProps: (r) => Q({
+    props: r,
+    name: "MuiStack"
+  })
+});
+process.env.NODE_ENV !== "production" && (se.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The content of the component.
+   */
+  children: e.node,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: e.elementType,
+  /**
+   * Defines the `flex-direction` style property.
+   * It is applied for all screen sizes.
+   * @default 'column'
+   */
+  direction: e.oneOfType([e.oneOf(["column-reverse", "column", "row-reverse", "row"]), e.arrayOf(e.oneOf(["column-reverse", "column", "row-reverse", "row"])), e.object]),
+  /**
+   * Add an element between each child.
+   */
+  divider: e.node,
+  /**
+   * Defines the space between immediate children.
+   * @default 0
+   */
+  spacing: e.oneOfType([e.arrayOf(e.oneOfType([e.number, e.string])), e.number, e.object, e.string]),
+  /**
+   * The system prop, which allows defining system overrides as well as additional CSS styles.
+   */
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
+  /**
+   * If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.
+   *
+   * While CSS `gap` removes the [known limitations](https://mui.com/joy-ui/react-stack/#limitations),
+   * it is not fully supported in some browsers. We recommend checking https://caniuse.com/?search=flex%20gap before using this flag.
+   *
+   * To enable this flag globally, follow the [theme's default props](https://mui.com/material-ui/customization/theme-components/#default-props) configuration.
+   * @default false
+   */
+  useFlexGap: e.bool
+});
+function je(r) {
+  return ae("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 {
+    classes: o,
+    disabled: i,
+    labelPlacement: p,
+    error: d,
+    required: s
+  } = r, a = {
+    root: ["root", i && "disabled", `labelPlacement${_(p)}`, d && "error", s && "required"],
+    label: ["label", i && "disabled"],
+    asterisk: ["asterisk", d && "error"]
+  };
+  return le(a, je, o);
+}, Ne = G("label", {
+  name: "MuiFormControlLabel",
+  slot: "Root",
+  overridesResolver: (r, o) => {
+    const {
+      ownerState: i
+    } = r;
+    return [{
+      [`& .${E.label}`]: o.label
+    }, o.root, o[`labelPlacement${_(i.labelPlacement)}`]];
+  }
+})(({
+  theme: r,
+  ownerState: o
+}) => v({
+  display: "inline-flex",
+  alignItems: "center",
+  cursor: "pointer",
+  // For correct alignment with the text.
+  verticalAlign: "middle",
+  WebkitTapHighlightColor: "transparent",
+  marginLeft: -11,
+  marginRight: 16,
+  // used for row presentation of radio/checkbox
+  [`&.${E.disabled}`]: {
+    cursor: "default"
+  }
+}, o.labelPlacement === "start" && {
+  flexDirection: "row-reverse",
+  marginLeft: 16,
+  // used for row presentation of radio/checkbox
+  marginRight: -11
+}, o.labelPlacement === "top" && {
+  flexDirection: "column-reverse",
+  marginLeft: 16
+}, o.labelPlacement === "bottom" && {
+  flexDirection: "column",
+  marginLeft: 16
+}, {
+  [`& .${E.label}`]: {
+    [`&.${E.disabled}`]: {
+      color: (r.vars || r).palette.text.disabled
+    }
+  }
+})), Le = G("span", {
+  name: "MuiFormControlLabel",
+  slot: "Asterisk",
+  overridesResolver: (r, o) => o.asterisk
+})(({
+  theme: r
+}) => ({
+  [`&.${E.error}`]: {
+    color: (r.vars || r).palette.error.main
+  }
+})), R = /* @__PURE__ */ z.forwardRef(function(o, i) {
+  var p, d;
+  const s = Q({
+    props: o,
+    name: "MuiFormControlLabel"
+  }), {
+    className: a,
+    componentsProps: g = {},
+    control: m,
+    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
+  };
+  ["checked", "name", "onChange", "value", "inputRef"].forEach((l) => {
+    typeof m.props[l] > "u" && typeof s[l] < "u" && (j[l] = s[l]);
+  });
+  const N = Ce({
+    props: s,
+    muiFormControl: b,
+    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({
+    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,
+    ref: i
+  }, O, {
+    children: [/* @__PURE__ */ z.cloneElement(m, j), h ? /* @__PURE__ */ f(se, {
+      display: "block",
+      children: [y, /* @__PURE__ */ f(Le, {
+        ownerState: M,
+        "aria-hidden": !0,
+        className: S.asterisk,
+        children: [" ", "*"]
+      })]
+    }) : y]
+  }));
+});
+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`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * If `true`, the component appears selected.
+   */
+  checked: e.bool,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.string,
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  componentsProps: e.shape({
+    typography: e.object
+  }),
+  /**
+   * A control element. For instance, it can be a `Radio`, a `Switch` or a `Checkbox`.
+   */
+  control: e.element.isRequired,
+  /**
+   * If `true`, the control is disabled.
+   */
+  disabled: e.bool,
+  /**
+   * If `true`, the label is rendered as it is passed without an additional typography node.
+   */
+  disableTypography: e.bool,
+  /**
+   * Pass a ref to the `input` element.
+   */
+  inputRef: ie,
+  /**
+   * A text or an element to be used in an enclosing label element.
+   */
+  label: e.node,
+  /**
+   * The position of the label.
+   * @default 'end'
+   */
+  labelPlacement: e.oneOf(["bottom", "end", "start", "top"]),
+  /**
+   * @ignore
+   */
+  name: e.string,
+  /**
+   * Callback fired when the state is changed.
+   *
+   * @param {React.SyntheticEvent} event The event source of the callback.
+   * You can pull out the new checked state by accessing `event.target.checked` (boolean).
+   */
+  onChange: e.func,
+  /**
+   * If `true`, the label will indicate that the `input` is required.
+   */
+  required: e.bool,
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: e.shape({
+    typography: e.object
+  }),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
+  /**
+   * The value of the component.
+   */
+  value: e.any
+});
+var Z = {}, we = be;
+Object.defineProperty(Z, "__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", {
+  d: "M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"
+}), "Check");
+function mo({
+  inputVariant: r,
+  labelPosition: o = "default",
+  defaultValues: i = {
     name: "",
     propertyId: "",
-    type: F[0],
+    type: Y[0],
     dataTypeInfo: {},
     defaultValue: "",
-    privacyPreservationMethod: N[0],
+    privacyPreservationMethod: ee[0],
     required: !1,
     visible: !1,
     editable: !1,
@@ -31,245 +494,245 @@ function fe({
     temporal: !1,
     unique: !1
   },
-  disablePropertyId: B,
-  onSubmit: Y,
-  onCancel: G
+  disablePropertyId: p,
+  onSubmit: d,
+  onCancel: s
 }) {
-  var q, E, D, V, g, w, M, R, W, A, O, _, S;
-  const [t, C] = y.useState(L), [p, k] = y.useState({
+  var T, k, F, O, b, C, h, j, N, M, S, q, y;
+  const [a, g] = V.useState(i), [m, u] = V.useState({
     name: !1
-  }), n = (a) => {
-    var f, s;
-    const l = a.target.name;
-    let i = a.target.type === "checkbox" ? a.target.checked : a.target.value;
-    if (t.type === "enum" && l === "dataTypeInfo.enumValues" && (i = i.split(",")), ((s = (f = t.dataTypeInfo) == null ? void 0 : f.innerType) == null ? void 0 : s.type) === "enum" && l === "dataTypeInfo.innerType.enumValues" && (i = i.split(",")), l.includes(".")) {
-      let h = { ...t };
-      U.set(h, l, i), C(h);
+  }), 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);
       return;
     }
-    C((h) => ({
-      ...h,
-      [l]: i
+    g((D) => ({
+      ...D,
+      [c]: x
     }));
-  }, H = () => {
-    if (!t.name) {
-      k({ ...p, name: !0 });
+  }, $ = () => {
+    if (!a.name) {
+      u({ ...m, name: !0 });
       return;
     }
-    Y(t);
+    d(a);
   };
-  return y.useEffect(() => (p.name && t.name && k({ ...p, name: !1 }), () => {
-  }), [t.name]), y.useEffect(() => {
+  return V.useEffect(() => (m.name && a.name && u({ ...m, name: !1 }), () => {
+  }), [a.name]), V.useEffect(() => {
     if (![
       "date",
       "coordinate",
       "composite-list",
       "enum",
       "composite-matrix"
-    ].includes(t.type)) {
-      if (t.dataTypeInfo) {
-        const { coordinateFormat: a, datePattern: l, innerType: i, enumValues: f } = t.dataTypeInfo;
-        (a || l || i || f) && C((s) => ({ ...s, dataTypeInfo: {} }));
+    ].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: {} }));
       }
       return () => {
       };
     }
-  }, [t.type]), /* @__PURE__ */ m(K, { children: [
-    /* @__PURE__ */ e(o, { label: "Name", required: !0, labelPosition: r, children: /* @__PURE__ */ e(
-      x,
+  }, [a.type]), /* @__PURE__ */ f(pe, { children: [
+    /* @__PURE__ */ t(I, { label: "Name", required: !0, labelPosition: o, children: /* @__PURE__ */ t(
+      B,
       {
-        label: r === "default" ? "Name" : void 0,
+        label: o === "default" ? "Name" : void 0,
         name: "name",
-        variant: d,
+        variant: r,
         fullWidth: !0,
         sx: { mb: 2, mt: 0.5 },
-        value: t.name,
+        value: a.name,
         onChange: n,
         required: !0,
-        ...p.name && {
+        ...m.name && {
           error: !0,
           helperText: "This field is required!"
         }
       }
     ) }),
-    /* @__PURE__ */ e(o, { label: "Property ID", labelPosition: r, children: /* @__PURE__ */ e(
-      x,
+    /* @__PURE__ */ t(I, { label: "Property ID", labelPosition: o, children: /* @__PURE__ */ t(
+      B,
       {
-        label: r === "default" ? "Property ID" : void 0,
+        label: o === "default" ? "Property ID" : void 0,
         name: "propertyId",
-        variant: d,
+        variant: r,
         fullWidth: !0,
-        disabled: B,
+        disabled: p,
         sx: { mb: 2 },
-        value: t.propertyId,
+        value: a.propertyId,
         onChange: n
       }
     ) }),
-    /* @__PURE__ */ e(o, { label: "Type", labelPosition: r, children: /* @__PURE__ */ m(v, { fullWidth: !0, variant: d, sx: { mb: 2 }, children: [
-      r === "default" && /* @__PURE__ */ e(T, { id: "type-select-label", children: "Type" }),
-      /* @__PURE__ */ e(
-        I,
+    /* @__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(
+        H,
         {
-          label: r === "default" ? "Type" : void 0,
+          label: o === "default" ? "Type" : void 0,
           name: "type",
           labelId: "type-select-label",
           id: "type-select",
-          value: t.type,
+          value: a.type,
           onChange: n,
-          children: F.map((a, l) => /* @__PURE__ */ e(b, { value: a, children: a }, l))
+          children: Y.map((l, c) => /* @__PURE__ */ t(U, { value: l, children: l }, c))
         }
       )
     ] }) }),
-    t.type === "coordinate" && /* @__PURE__ */ e(o, { label: "Coordinate Format", labelPosition: r, children: /* @__PURE__ */ m(v, { fullWidth: !0, variant: d, sx: { mb: 2 }, children: [
-      r === "default" && /* @__PURE__ */ e(T, { id: "coordinate-format-select-label", children: "Cordinate Format" }),
-      /* @__PURE__ */ e(
-        I,
+    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" }),
+      /* @__PURE__ */ t(
+        H,
         {
-          label: r === "default" ? "Coordinate Format" : void 0,
+          label: o === "default" ? "Coordinate Format" : void 0,
           name: "dataTypeInfo.coordinateFormat",
           labelId: "coordinate-format-select-label",
           id: "coordinate-format-select",
-          value: (q = t.dataTypeInfo) == null ? void 0 : q.coordinateFormat,
+          value: (T = a.dataTypeInfo) == null ? void 0 : T.coordinateFormat,
           onChange: n,
-          children: X.map((a, l) => /* @__PURE__ */ e(b, { value: a, children: a }, l))
+          children: ye.map((l, c) => /* @__PURE__ */ t(U, { value: l, children: l }, c))
         }
       )
     ] }) }),
-    (t.type === "composite-list" || t.type === "composite-matrix") && /* @__PURE__ */ e(o, { label: "Inner Type", labelPosition: r, children: /* @__PURE__ */ m(v, { fullWidth: !0, variant: d, sx: { mb: 2 }, children: [
-      r === "default" && /* @__PURE__ */ e(T, { id: "composite-list-select-label", children: "Inner Type" }),
-      /* @__PURE__ */ e(
-        I,
+    (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" }),
+      /* @__PURE__ */ t(
+        H,
         {
-          label: r === "default" ? "Inner Type" : void 0,
+          label: o === "default" ? "Inner Type" : void 0,
           name: "dataTypeInfo.innerType.type",
           labelId: "composite-list-select-label",
           id: "composite-list-select",
-          value: (D = (E = t.dataTypeInfo) == null ? void 0 : E.innerType) == null ? void 0 : D.type,
+          value: (F = (k = a.dataTypeInfo) == null ? void 0 : k.innerType) == null ? void 0 : F.type,
           onChange: n,
-          children: F.filter(
-            (a) => a !== "composite-list" && a !== "list"
-          ).map((a, l) => /* @__PURE__ */ e(b, { value: a, children: a }, l))
+          children: Y.filter(
+            (l) => l !== "composite-list" && l !== "list"
+          ).map((l, c) => /* @__PURE__ */ t(U, { value: l, children: l }, c))
         }
       )
     ] }) }),
-    (t.type === "enum" || ((g = (V = t.dataTypeInfo) == null ? void 0 : V.innerType) == null ? void 0 : g.type) === "enum") && /* @__PURE__ */ e(o, { label: "Enum Values", labelPosition: r, children: /* @__PURE__ */ e(
-      x,
+    (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,
       {
-        label: r === "default" ? "Enum Values" : void 0,
-        name: ((M = (w = t.dataTypeInfo) == null ? void 0 : w.innerType) == null ? void 0 : M.type) === "enum" ? "dataTypeInfo.innerType.enumValues" : "dataTypeInfo.enumValues",
-        variant: d,
+        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",
+        variant: r,
         fullWidth: !0,
         sx: { mb: 2 },
-        value: ((W = (R = t.dataTypeInfo) == null ? void 0 : R.innerType) == null ? void 0 : W.type) === "enum" ? (O = (A = t.dataTypeInfo.innerType) == null ? void 0 : A.enumValues) == null ? void 0 : O.join(",") : (S = (_ = t.dataTypeInfo) == null ? void 0 : _.enumValues) == null ? void 0 : S.join(","),
+        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,
         helperText: "Add list values with the comma (,) separated string"
       }
     ) }),
-    /* @__PURE__ */ e(o, { label: "Default Value", labelPosition: r, children: /* @__PURE__ */ e(
-      x,
+    /* @__PURE__ */ t(I, { label: "Default Value", labelPosition: o, children: /* @__PURE__ */ t(
+      B,
       {
-        label: r === "default" ? "Default Value" : void 0,
+        label: o === "default" ? "Default Value" : void 0,
         name: "defaultValue",
-        variant: d,
+        variant: r,
         fullWidth: !0,
         sx: { mb: 2 },
-        value: t.defaultValue,
+        value: a.defaultValue,
         onChange: n
       }
     ) }),
-    /* @__PURE__ */ e(o, { label: "Privacy Preservation Method", labelPosition: r, children: /* @__PURE__ */ m(v, { fullWidth: !0, variant: d, sx: { mb: 2 }, children: [
-      r === "default" && /* @__PURE__ */ e(T, { id: "privacy-method-label", children: "Privacy Preservation Method" }),
-      /* @__PURE__ */ e(
-        I,
+    /* @__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(
+        H,
         {
-          label: r === "default" ? "Privacy Preservation Method" : void 0,
+          label: o === "default" ? "Privacy Preservation Method" : void 0,
           name: "privacyPreservationMethod",
           labelId: "privacy-method-label",
           id: "privacy-method",
-          value: t.privacyPreservationMethod,
+          value: a.privacyPreservationMethod,
           onChange: n,
-          children: N.map((a, l) => /* @__PURE__ */ e(b, { value: a, children: a }, l))
+          children: ee.map((l, c) => /* @__PURE__ */ t(U, { value: l, children: l }, c))
         }
       )
     ] }) }),
-    /* @__PURE__ */ m(J, { row: !0, sx: { mb: 2 }, children: [
-      /* @__PURE__ */ e(
-        c,
+    /* @__PURE__ */ f(Te, { row: !0, sx: { mb: 2 }, children: [
+      /* @__PURE__ */ t(
+        R,
         {
           label: "Required",
-          control: /* @__PURE__ */ e(
-            u,
+          control: /* @__PURE__ */ t(
+            P,
             {
               name: "required",
-              checked: t.required,
+              checked: a.required,
               onChange: n
             }
           ),
           sx: { width: "30%" }
         }
       ),
-      /* @__PURE__ */ e(
-        c,
+      /* @__PURE__ */ t(
+        R,
         {
           label: "Editable",
-          control: /* @__PURE__ */ e(
-            u,
+          control: /* @__PURE__ */ t(
+            P,
             {
               name: "editable",
-              checked: t.editable,
+              checked: a.editable,
               onChange: n
             }
           ),
           sx: { width: "30%" }
         }
       ),
-      /* @__PURE__ */ e(
-        c,
+      /* @__PURE__ */ t(
+        R,
         {
           label: "Visible",
-          control: /* @__PURE__ */ e(
-            u,
+          control: /* @__PURE__ */ t(
+            P,
             {
               name: "visible",
-              checked: t.visible,
+              checked: a.visible,
               onChange: n
             }
           ),
           sx: { width: "30%" }
         }
       ),
-      /* @__PURE__ */ e(
-        c,
+      /* @__PURE__ */ t(
+        R,
         {
           label: "Unique",
-          control: /* @__PURE__ */ e(u, { name: "unique", checked: t.unique, onChange: n }),
+          control: /* @__PURE__ */ t(P, { name: "unique", checked: a.unique, onChange: n }),
           sx: { width: "30%" }
         }
       ),
-      /* @__PURE__ */ e(
-        c,
+      /* @__PURE__ */ t(
+        R,
         {
           label: "Distinctive",
-          control: /* @__PURE__ */ e(
-            u,
+          control: /* @__PURE__ */ t(
+            P,
             {
               name: "distinctive",
-              checked: t.distinctive,
+              checked: a.distinctive,
               onChange: n
             }
           ),
           sx: { width: "30%" }
         }
       ),
-      /* @__PURE__ */ e(
-        c,
+      /* @__PURE__ */ t(
+        R,
         {
           label: "Temporal",
-          control: /* @__PURE__ */ e(
-            u,
+          control: /* @__PURE__ */ t(
+            P,
             {
               name: "temporal",
-              checked: t.temporal,
+              checked: a.temporal,
               onChange: n
             }
           ),
@@ -277,14 +740,14 @@ function fe({
         }
       )
     ] }),
-    /* @__PURE__ */ m(z, { display: "flex", justifyContent: "flex-end", children: [
-      /* @__PURE__ */ e(j, { variant: "contained", onClick: G, sx: { marginRight: 2 }, children: "Cancel" }),
-      /* @__PURE__ */ e(
-        j,
+    /* @__PURE__ */ f(ve, { display: "flex", justifyContent: "flex-end", children: [
+      /* @__PURE__ */ t(re, { variant: "contained", onClick: s, sx: { marginRight: 2 }, children: "Cancel" }),
+      /* @__PURE__ */ t(
+        re,
         {
           variant: "contained",
-          startIcon: /* @__PURE__ */ e(Q, {}),
-          onClick: H,
+          startIcon: /* @__PURE__ */ t(ce, {}),
+          onClick: $,
           children: "OK"
         }
       )
@@ -292,5 +755,5 @@ function fe({
   ] });
 }
 export {
-  fe as default
+  mo as default
 };