@hybridcore/ui 1.6.0 → 1.6.2

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

@@ -1,16 +1,760 @@
-import "react/jsx-runtime";
-import "react";
-import "lodash";
-import { a as b } from "../../../../property-list-form-zZQfpR0X.js";
-import "../../../../constants/index.js";
-import "../../../../TextField-1yCesIbH.js";
-import "../../../../FormControl-BLbrq4C7.js";
-import "../../../../Select-BgYwkZgI.js";
-import "../../../../MenuItem-xZx_w7zA.js";
-import "../../../../FormControlLabel-C8SPv14J.js";
-import "../../../../Checkbox-CWRMFTBp.js";
-import "../../../../Box-p6OtTUEo.js";
-import "../../../../Button-CvE2gnly.js";
+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 = {
+    name: "",
+    propertyId: "",
+    type: Y[0],
+    dataTypeInfo: {},
+    defaultValue: "",
+    privacyPreservationMethod: ee[0],
+    required: !1,
+    visible: !1,
+    editable: !1,
+    distinctive: !1,
+    temporal: !1,
+    unique: !1
+  },
+  disablePropertyId: p,
+  onSubmit: d,
+  onCancel: s
+}) {
+  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 = (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;
+    }
+    g((D) => ({
+      ...D,
+      [c]: x
+    }));
+  }, $ = () => {
+    if (!a.name) {
+      u({ ...m, name: !0 });
+      return;
+    }
+    d(a);
+  };
+  return V.useEffect(() => (m.name && a.name && u({ ...m, name: !1 }), () => {
+  }), [a.name]), V.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: {} }));
+      }
+      return () => {
+      };
+    }
+  }, [a.type]), /* @__PURE__ */ f(pe, { children: [
+    /* @__PURE__ */ t(I, { label: "Name", required: !0, labelPosition: o, children: /* @__PURE__ */ t(
+      B,
+      {
+        label: o === "default" ? "Name" : void 0,
+        name: "name",
+        variant: r,
+        fullWidth: !0,
+        sx: { mb: 2, mt: 0.5 },
+        value: a.name,
+        onChange: n,
+        required: !0,
+        ...m.name && {
+          error: !0,
+          helperText: "This field is required!"
+        }
+      }
+    ) }),
+    /* @__PURE__ */ t(I, { label: "Property ID", labelPosition: o, children: /* @__PURE__ */ t(
+      B,
+      {
+        label: o === "default" ? "Property ID" : void 0,
+        name: "propertyId",
+        variant: r,
+        fullWidth: !0,
+        disabled: p,
+        sx: { mb: 2 },
+        value: a.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,
+        {
+          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))
+        }
+      )
+    ] }) }),
+    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: 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))
+        }
+      )
+    ] }) }),
+    (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: 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))
+        }
+      )
+    ] }) }),
+    (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: 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: ((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__ */ t(I, { label: "Default Value", labelPosition: o, children: /* @__PURE__ */ t(
+      B,
+      {
+        label: o === "default" ? "Default Value" : void 0,
+        name: "defaultValue",
+        variant: r,
+        fullWidth: !0,
+        sx: { mb: 2 },
+        value: a.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,
+        {
+          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))
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ f(ve, { row: !0, sx: { mb: 2 }, children: [
+      /* @__PURE__ */ t(
+        R,
+        {
+          label: "Required",
+          control: /* @__PURE__ */ t(
+            P,
+            {
+              name: "required",
+              checked: a.required,
+              onChange: n
+            }
+          ),
+          sx: { width: "30%" }
+        }
+      ),
+      /* @__PURE__ */ t(
+        R,
+        {
+          label: "Editable",
+          control: /* @__PURE__ */ t(
+            P,
+            {
+              name: "editable",
+              checked: a.editable,
+              onChange: n
+            }
+          ),
+          sx: { width: "30%" }
+        }
+      ),
+      /* @__PURE__ */ t(
+        R,
+        {
+          label: "Visible",
+          control: /* @__PURE__ */ t(
+            P,
+            {
+              name: "visible",
+              checked: a.visible,
+              onChange: n
+            }
+          ),
+          sx: { width: "30%" }
+        }
+      ),
+      /* @__PURE__ */ t(
+        R,
+        {
+          label: "Unique",
+          control: /* @__PURE__ */ t(P, { name: "unique", checked: a.unique, onChange: n }),
+          sx: { width: "30%" }
+        }
+      ),
+      /* @__PURE__ */ t(
+        R,
+        {
+          label: "Distinctive",
+          control: /* @__PURE__ */ t(
+            P,
+            {
+              name: "distinctive",
+              checked: a.distinctive,
+              onChange: n
+            }
+          ),
+          sx: { width: "30%" }
+        }
+      ),
+      /* @__PURE__ */ t(
+        R,
+        {
+          label: "Temporal",
+          control: /* @__PURE__ */ t(
+            P,
+            {
+              name: "temporal",
+              checked: a.temporal,
+              onChange: n
+            }
+          ),
+          sx: { width: "30%" }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ f(ge, { 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__ */ t(ce, {}),
+          onClick: $,
+          children: "OK"
+        }
+      )
+    ] })
+  ] });
+}
 export {
-  b as default
+  uo as default
 };