@hybridcore/ui 1.6.12 → 1.6.13

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

@@ -1,493 +1,29 @@
-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 _, f as fe, u as Q, c as le, i as be } from "../../../../generateUtilityClasses-C3ivN9Ie.js";
-import { r as he } from "../../../../createSvgIcon-DuDuASu1.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 } from "../../../../TextField-e2oKaUN1.js";
-import { I as W } from "../../../../InputLabel-Dd8RrneV.js";
-import { S as H } from "../../../../Select-DHUl_uG3.js";
-import { M as U } from "../../../../MenuItem-DwqJqzuM.js";
-import { F as ve } from "../../../../FormGroup-CpBsIyYR.js";
-import { a as v, _ as ne } from "../../../../objectWithoutPropertiesLoose-DJteAcBH.js";
-import { P as e } from "../../../../index-C__OZmYy.js";
-import { c as J } from "../../../../clsx-OuTLNxxd.js";
-import { f as Te } from "../../../../formControlState-vgaj2ksH.js";
-import { u as Ce } from "../../../../useFormControl-CatNKXAi.js";
-import { T as oe } from "../../../../Typography-DgsSLCFC.js";
-import { createStack as xe } from "@mui/system";
-import { r as ie } from "../../../../TransitionGroupContext-BDAp2T0O.js";
-import { S as Ie } from "../../../../SwitchBase-DTndTqI8.js";
-import { c as X } from "../../../../createSvgIcon-Ch_cT8az.js";
-import { B as ge } from "../../../../Box-DqUMmZjL.js";
-import { B as re } from "../../../../Button-C5yquWAB.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(Ie, {
-  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 = xe({
-  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 = Ce(), 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 = Te({
-    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 uo({
-  inputVariant: r,
-  labelPosition: o = "default",
-  defaultValues: i = {
+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 = {
     name: "",
     propertyId: "",
-    type: Y[0],
+    type: F[0],
     dataTypeInfo: {},
     defaultValue: "",
-    privacyPreservationMethod: ee[0],
+    privacyPreservationMethod: N[0],
     required: !1,
     visible: !1,
     editable: !1,
@@ -495,245 +31,245 @@ function uo({
     temporal: !1,
     unique: !1
   },
-  disablePropertyId: p,
-  onSubmit: d,
-  onCancel: s
+  disablePropertyId: B,
+  onSubmit: Y,
+  onCancel: G
 }) {
-  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 q, E, D, V, g, w, M, R, W, A, O, _, S;
+  const [t, C] = y.useState(L), [p, k] = y.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);
+  }), 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);
       return;
     }
-    g((D) => ({
-      ...D,
-      [c]: x
+    C((h) => ({
+      ...h,
+      [l]: i
     }));
-  }, $ = () => {
-    if (!a.name) {
-      u({ ...m, name: !0 });
+  }, H = () => {
+    if (!t.name) {
+      k({ ...p, name: !0 });
       return;
     }
-    d(a);
+    Y(t);
   };
-  return V.useEffect(() => (m.name && a.name && u({ ...m, name: !1 }), () => {
-  }), [a.name]), V.useEffect(() => {
+  return y.useEffect(() => (p.name && t.name && k({ ...p, name: !1 }), () => {
+  }), [t.name]), y.useEffect(() => {
     if (![
       "date",
       "coordinate",
       "composite-list",
       "enum",
       "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: {} }));
+    ].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: {} }));
       }
       return () => {
       };
     }
-  }, [a.type]), /* @__PURE__ */ f(pe, { children: [
-    /* @__PURE__ */ t(I, { label: "Name", required: !0, labelPosition: o, children: /* @__PURE__ */ t(
-      B,
+  }, [t.type]), /* @__PURE__ */ m(K, { children: [
+    /* @__PURE__ */ e(o, { label: "Name", required: !0, labelPosition: r, children: /* @__PURE__ */ e(
+      x,
       {
-        label: o === "default" ? "Name" : void 0,
+        label: r === "default" ? "Name" : void 0,
         name: "name",
-        variant: r,
+        variant: d,
         fullWidth: !0,
         sx: { mb: 2, mt: 0.5 },
-        value: a.name,
+        value: t.name,
         onChange: n,
         required: !0,
-        ...m.name && {
+        ...p.name && {
           error: !0,
           helperText: "This field is required!"
         }
       }
     ) }),
-    /* @__PURE__ */ t(I, { label: "Property ID", labelPosition: o, children: /* @__PURE__ */ t(
-      B,
+    /* @__PURE__ */ e(o, { label: "Property ID", labelPosition: r, children: /* @__PURE__ */ e(
+      x,
       {
-        label: o === "default" ? "Property ID" : void 0,
+        label: r === "default" ? "Property ID" : void 0,
         name: "propertyId",
-        variant: r,
+        variant: d,
         fullWidth: !0,
-        disabled: p,
+        disabled: B,
         sx: { mb: 2 },
-        value: a.propertyId,
+        value: t.propertyId,
         onChange: n
       }
     ) }),
-    /* @__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,
+    /* @__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,
         {
-          label: o === "default" ? "Type" : void 0,
+          label: r === "default" ? "Type" : void 0,
           name: "type",
           labelId: "type-select-label",
           id: "type-select",
-          value: a.type,
+          value: t.type,
           onChange: n,
-          children: Y.map((l, c) => /* @__PURE__ */ t(U, { value: l, children: l }, c))
+          children: F.map((a, l) => /* @__PURE__ */ e(b, { value: a, children: a }, l))
         }
       )
     ] }) }),
-    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,
+    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,
         {
-          label: o === "default" ? "Coordinate Format" : void 0,
+          label: r === "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,
+          value: (q = t.dataTypeInfo) == null ? void 0 : q.coordinateFormat,
           onChange: n,
-          children: ye.map((l, c) => /* @__PURE__ */ t(U, { value: l, children: l }, c))
+          children: X.map((a, l) => /* @__PURE__ */ e(b, { value: a, children: a }, l))
         }
       )
     ] }) }),
-    (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,
+    (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,
         {
-          label: o === "default" ? "Inner Type" : void 0,
+          label: r === "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,
+          value: (D = (E = t.dataTypeInfo) == null ? void 0 : E.innerType) == null ? void 0 : D.type,
           onChange: n,
-          children: Y.filter(
-            (l) => l !== "composite-list" && l !== "list"
-          ).map((l, c) => /* @__PURE__ */ t(U, { value: l, children: l }, c))
+          children: F.filter(
+            (a) => a !== "composite-list" && a !== "list"
+          ).map((a, l) => /* @__PURE__ */ e(b, { value: a, children: a }, l))
         }
       )
     ] }) }),
-    (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,
+    (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,
       {
-        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,
+        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,
         fullWidth: !0,
         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(","),
+        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(","),
         onChange: n,
         helperText: "Add list values with the comma (,) separated string"
       }
     ) }),
-    /* @__PURE__ */ t(I, { label: "Default Value", labelPosition: o, children: /* @__PURE__ */ t(
-      B,
+    /* @__PURE__ */ e(o, { label: "Default Value", labelPosition: r, children: /* @__PURE__ */ e(
+      x,
       {
-        label: o === "default" ? "Default Value" : void 0,
+        label: r === "default" ? "Default Value" : void 0,
         name: "defaultValue",
-        variant: r,
+        variant: d,
         fullWidth: !0,
         sx: { mb: 2 },
-        value: a.defaultValue,
+        value: t.defaultValue,
         onChange: n
       }
     ) }),
-    /* @__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,
+    /* @__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,
         {
-          label: o === "default" ? "Privacy Preservation Method" : void 0,
+          label: r === "default" ? "Privacy Preservation Method" : void 0,
           name: "privacyPreservationMethod",
           labelId: "privacy-method-label",
           id: "privacy-method",
-          value: a.privacyPreservationMethod,
+          value: t.privacyPreservationMethod,
           onChange: n,
-          children: ee.map((l, c) => /* @__PURE__ */ t(U, { value: l, children: l }, c))
+          children: N.map((a, l) => /* @__PURE__ */ e(b, { value: a, children: a }, l))
         }
       )
     ] }) }),
-    /* @__PURE__ */ f(ve, { row: !0, sx: { mb: 2 }, children: [
-      /* @__PURE__ */ t(
-        R,
+    /* @__PURE__ */ m(J, { row: !0, sx: { mb: 2 }, children: [
+      /* @__PURE__ */ e(
+        c,
         {
           label: "Required",
-          control: /* @__PURE__ */ t(
-            P,
+          control: /* @__PURE__ */ e(
+            u,
             {
               name: "required",
-              checked: a.required,
+              checked: t.required,
               onChange: n
             }
           ),
           sx: { width: "30%" }
         }
       ),
-      /* @__PURE__ */ t(
-        R,
+      /* @__PURE__ */ e(
+        c,
         {
           label: "Editable",
-          control: /* @__PURE__ */ t(
-            P,
+          control: /* @__PURE__ */ e(
+            u,
             {
               name: "editable",
-              checked: a.editable,
+              checked: t.editable,
               onChange: n
             }
           ),
           sx: { width: "30%" }
         }
       ),
-      /* @__PURE__ */ t(
-        R,
+      /* @__PURE__ */ e(
+        c,
         {
           label: "Visible",
-          control: /* @__PURE__ */ t(
-            P,
+          control: /* @__PURE__ */ e(
+            u,
             {
               name: "visible",
-              checked: a.visible,
+              checked: t.visible,
               onChange: n
             }
           ),
           sx: { width: "30%" }
         }
       ),
-      /* @__PURE__ */ t(
-        R,
+      /* @__PURE__ */ e(
+        c,
         {
           label: "Unique",
-          control: /* @__PURE__ */ t(P, { name: "unique", checked: a.unique, onChange: n }),
+          control: /* @__PURE__ */ e(u, { name: "unique", checked: t.unique, onChange: n }),
           sx: { width: "30%" }
         }
       ),
-      /* @__PURE__ */ t(
-        R,
+      /* @__PURE__ */ e(
+        c,
         {
           label: "Distinctive",
-          control: /* @__PURE__ */ t(
-            P,
+          control: /* @__PURE__ */ e(
+            u,
             {
               name: "distinctive",
-              checked: a.distinctive,
+              checked: t.distinctive,
               onChange: n
             }
           ),
           sx: { width: "30%" }
         }
       ),
-      /* @__PURE__ */ t(
-        R,
+      /* @__PURE__ */ e(
+        c,
         {
           label: "Temporal",
-          control: /* @__PURE__ */ t(
-            P,
+          control: /* @__PURE__ */ e(
+            u,
             {
               name: "temporal",
-              checked: a.temporal,
+              checked: t.temporal,
               onChange: n
             }
           ),
@@ -741,14 +277,14 @@ function uo({
         }
       )
     ] }),
-    /* @__PURE__ */ f(ge, { display: "flex", justifyContent: "flex-end", children: [
-      /* @__PURE__ */ t(re, { variant: "contained", onClick: s, sx: { marginRight: 2 }, children: "Cancel" }),
-      /* @__PURE__ */ t(
-        re,
+    /* @__PURE__ */ m(z, { display: "flex", justifyContent: "flex-end", children: [
+      /* @__PURE__ */ e(j, { variant: "contained", onClick: G, sx: { marginRight: 2 }, children: "Cancel" }),
+      /* @__PURE__ */ e(
+        j,
         {
           variant: "contained",
-          startIcon: /* @__PURE__ */ t(ce, {}),
-          onClick: $,
+          startIcon: /* @__PURE__ */ e(Q, {}),
+          onClick: H,
           children: "OK"
         }
       )
@@ -756,5 +292,5 @@ function uo({
   ] });
 }
 export {
-  uo as default
+  fe as default
 };