@hybridcore/ui 1.4.22 → 1.4.24

package/dist/components/instance-form/components/composite-list/index.js

@@ -3,7 +3,7 @@ import "@mui/material";
 import "./styled.js";
 import "@mui/icons-material";
 import "../../../../hooks/useToggle.js";
-import { C as l } from "../../../../index-BGS3q6sP.js";
+import { C as l } from "../../../../index-oPY7k6mu.js";
 import "react";
 import "lodash";
 import "dayjs";

package/dist/components/instance-form/components/variable/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "lodash";
 import "dayjs";
-import { V as g } from "../../../../index-BGS3q6sP.js";
+import { V as g } from "../../../../index-oPY7k6mu.js";
 import "@mui/material";
 import "@mui/icons-material";
 import "../../../geometry-picker/index.js";

package/dist/components/instance-form/components/variables/index.js

@@ -1,6 +1,6 @@
 import { jsx as t, Fragment as h } from "react/jsx-runtime";
 import p from "react";
-import { V as x } from "../../../../index-BGS3q6sP.js";
+import { V as x } from "../../../../index-oPY7k6mu.js";
 import _ from "lodash";
 import { Box as d } from "@mui/material";
 function V({

package/dist/components/property-mapping/index.js

@@ -5,7 +5,7 @@ import { DataGrid as fe } from "@mui/x-data-grid";
 import { useState as H, useEffect as ue } from "react";
 import h from "lodash";
 import { e as ye } from "../../ol-CHaVTXvL.js";
-import { V as he } from "../../index-BGS3q6sP.js";
+import { V as he } from "../../index-oPY7k6mu.js";
 import { RangeSelector as me } from "../range-selector/index.js";
 const $e = ({
   open: F,

package/dist/components/template-property-filters/index.js

@@ -1,78 +1,85 @@
-import { jsx as s, Fragment as m } from "react/jsx-runtime";
-import a from "lodash";
-import { CollapsibleCard as y } from "../collapsible-card/index.js";
-import p from "./property.js";
+import { jsx as a, Fragment as p } from "react/jsx-runtime";
+import u from "lodash";
+import { CollapsibleCard as v } from "../collapsible-card/index.js";
+import h from "./property.js";
 const N = ({
   values: o,
   templates: d,
-  inputVariant: u,
-  onChange: h
+  inputVariant: c,
+  fieldOptions: s,
+  onChange: g
 }) => {
-  const c = (f) => (r) => {
+  const m = (f) => (n) => {
     if (f) {
-      let e = o.find((l) => l.templateKey === f);
+      let e = o.find((r) => r.templateKey === f);
       if (e) {
-        const l = a.keys(r)[0];
+        const r = u.keys(n)[0];
         let t = e.filters.findIndex(
-          (n) => n.fieldName === l
+          (l) => l.fieldName === r
         );
-        const i = a.get(r, l);
-        a.values(i).filter((n) => !(a.isArray(n) && n.length === 0 || n === "")).length === 0 && t !== -1 ? e.filters.splice(t, 1) : t !== -1 ? e.filters[t] = {
-          fieldName: l,
+        const i = u.get(n, r);
+        u.values(i).filter((l) => !(u.isArray(l) && l.length === 0 || l === "")).length === 0 && t !== -1 ? e.filters.splice(t, 1) : t !== -1 ? e.filters[t] = {
+          fieldName: r,
           value: i
         } : e.filters.push({
-          fieldName: l,
+          fieldName: r,
           value: i
         });
       }
-      h(o);
+      g(o);
     } else console.warn("Template could not be found!");
   };
   if (o.length === 1) {
-    const f = o[0], r = d.get(f.templateKey);
-    return /* @__PURE__ */ s(m, { children: r == null ? void 0 : r.properties.map((e, l) => {
+    const f = o[0], n = d.get(f.templateKey);
+    return /* @__PURE__ */ a(p, { children: n == null ? void 0 : n.properties.filter((e) => {
+      var r;
+      return s ? !((r = s[e.propertyId]) != null && r.hidden) : !0;
+    }).map((e, r) => {
       let t = {};
       const i = f.filters.find(
-        (n) => n.fieldName === e.propertyId
+        (l) => l.fieldName === e.propertyId
       );
-      return i && (t = i.value), /* @__PURE__ */ s(
-        p,
+      return i && (t = i.value), /* @__PURE__ */ a(
+        h,
         {
           property: e,
           value: t,
           size: "small",
-          variant: u,
-          onChange: c(r == null ? void 0 : r.templateKey)
+          variant: c,
+          onChange: m(n == null ? void 0 : n.templateKey)
         },
-        l
+        r
       );
     }) });
   }
-  return o.map((f, r) => {
+  return o.map((f, n) => {
     const e = d.get(f.templateKey);
-    return /* @__PURE__ */ s(
-      y,
+    return /* @__PURE__ */ a(
+      v,
       {
         header: e == null ? void 0 : e.name,
-        content: /* @__PURE__ */ s(m, { children: e == null ? void 0 : e.properties.map((l, t) => {
+        content: /* @__PURE__ */ a(p, { children: e == null ? void 0 : e.properties.filter((r) => {
+          var t;
+          return s ? !((t = s[r.propertyId]) != null && t.hidden) : !0;
+        }).map((r, t) => {
           let i = {};
-          const n = f.filters.find(
-            (g) => g.fieldName === l.propertyId
+          const l = f.filters.find(
+            (y) => y.fieldName === r.propertyId
           );
-          return n && (i = n.value), /* @__PURE__ */ s(
-            p,
+          return l && (i = l.value), /* @__PURE__ */ a(
+            h,
             {
-              property: l,
+              property: r,
               value: i,
               size: "small",
-              variant: u,
-              onChange: c(e == null ? void 0 : e.templateKey)
+              variant: c,
+              onChange: m(e == null ? void 0 : e.templateKey)
             },
             t
           );
         }) })
       },
-      r
+      n
     );
   });
 };

package/dist/index-oPY7k6mu.js

@@ -0,0 +1,350 @@
+import { jsxs as h, Fragment as P, jsx as a } from "react/jsx-runtime";
+import I from "lodash";
+import N from "dayjs";
+import { FormControl as W, FormLabel as j, FormGroup as Y, FormControlLabel as $, Checkbox as v, Typography as S, Button as D, Chip as _, Dialog as E, DialogTitle as G, DialogContent as M, DialogActions as H, InputAdornment as K, Tooltip as R } from "@mui/material";
+import { Container as U, Values as J, MiniButton as Q } from "./components/instance-form/components/composite-list/styled.js";
+import { KeyboardArrowUp as X, KeyboardArrowDown as Z, Add as O, LockOutlined as z } from "@mui/icons-material";
+import ee from "./hooks/useToggle.js";
+import { GeometryPicker as ne } from "./components/geometry-picker/index.js";
+import { PhoneInput as ae } from "./components/phone-input/index.js";
+import { DateTimePicker as le } from "./components/date-time-picker/index.js";
+import { T as q } from "./TextField-D87qTh1k.js";
+import { B as x } from "./Box-BPyg-Ybm.js";
+import { F as te } from "./FormControlLabel-D9KFjcIx.js";
+import { C as oe } from "./Checkbox-qy3cjvnb.js";
+import { F as de, I as ie } from "./InputLabel-CWkW8NtU.js";
+import { S as me } from "./Select-ClaBvSqf.js";
+import { M as re } from "./MenuItem-D-INSvZa.js";
+import { useState as B } from "react";
+function ce({
+  property: o,
+  mapboxAccessToken: e,
+  value: l,
+  variant: s = "outlined",
+  size: c = "medium",
+  onChange: d
+}) {
+  var C, g, V;
+  const f = ee(!1), [i, u] = B(), [b, k] = B(!1), w = 10, A = (n) => {
+    u(I.get(n, o.propertyId));
+  }, y = () => {
+    d([...l || [], i]), u(""), f.action.close();
+  }, p = (n) => () => {
+    if (l) {
+      const t = [...l];
+      t.splice(n, 1), d(t);
+    }
+  }, F = (n) => {
+    const { value: t, checked: m } = n.target;
+    let r = I.isArray(l) ? l : [];
+    m ? r.push(t) : r = r.filter((L) => L !== t), d(r);
+  };
+  if (((g = (C = o.dataTypeInfo) == null ? void 0 : C.innerType) == null ? void 0 : g.type) === "enum") {
+    const { enumValues: n } = o.dataTypeInfo.innerType;
+    return /* @__PURE__ */ h(P, { children: [
+      /* @__PURE__ */ h(W, { fullWidth: !0, component: "fieldset", variant: s, children: [
+        /* @__PURE__ */ a(j, { component: "legend", sx: { mb: 1 }, children: o.name }),
+        /* @__PURE__ */ a(Y, { children: n && n.length > 0 ? n.slice(0, b ? 9999 : w).map((t, m) => /* @__PURE__ */ a(
+          $,
+          {
+            label: t,
+            control: /* @__PURE__ */ a(
+              v,
+              {
+                name: o.propertyId,
+                value: t,
+                size: "small",
+                checked: I.isArray(l) ? l.includes(t) : !1,
+                onChange: F
+              }
+            ),
+            componentsProps: {
+              typography: {
+                variant: "body2"
+              }
+            }
+          },
+          m
+        )) : /* @__PURE__ */ a(S, { variant: "caption", mb: 1, children: "No enum values!" }) })
+      ] }),
+      I.isArray(n) && n.length > w && /* @__PURE__ */ h(
+        D,
+        {
+          size: "small",
+          sx: { p: 0, textTransform: "none" },
+          endIcon: b ? /* @__PURE__ */ a(X, {}) : /* @__PURE__ */ a(Z, {}),
+          onClick: () => k((t) => !t),
+          children: [
+            "Show ",
+            b ? "Less" : "More"
+          ]
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ h(P, { children: [
+    /* @__PURE__ */ h(U, { variant: s, children: [
+      /* @__PURE__ */ a(S, { children: o.name }),
+      /* @__PURE__ */ a(J, { children: I.isArray(l) && l.map((n, t) => {
+        var m, r;
+        return /* @__PURE__ */ a(
+          _,
+          {
+            label: ((r = (m = o.dataTypeInfo) == null ? void 0 : m.innerType) == null ? void 0 : r.type) === "date" ? N(n).format("DD/MM/YYYY HH:mm:ss") : n,
+            size: c,
+            onDelete: p(t)
+          },
+          t
+        );
+      }) }),
+      /* @__PURE__ */ a(
+        Q,
+        {
+          startIcon: /* @__PURE__ */ a(O, {}),
+          variant: "text",
+          onClick: f.action.open,
+          children: "Add"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ h(
+      E,
+      {
+        open: f.state.isOpen,
+        onClose: f.action.close,
+        maxWidth: "sm",
+        fullWidth: !0,
+        children: [
+          /* @__PURE__ */ a(G, { children: "Add List Value" }),
+          /* @__PURE__ */ a(M, { children: (V = o.dataTypeInfo) != null && V.innerType ? /* @__PURE__ */ a(
+            ue,
+            {
+              mapboxAccessToken: e,
+              property: {
+                ...o,
+                name: "Value",
+                type: o.dataTypeInfo.innerType.type
+              },
+              value: i,
+              onChange: A
+            }
+          ) : null }),
+          /* @__PURE__ */ h(H, { children: [
+            /* @__PURE__ */ a(
+              D,
+              {
+                variant: "contained",
+                color: "inherit",
+                onClick: f.action.close,
+                children: "Cancel"
+              }
+            ),
+            /* @__PURE__ */ a(D, { variant: "contained", color: "primary", onClick: y, children: "Ok" })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+function ue({
+  mapboxAccessToken: o,
+  property: e,
+  value: l,
+  variant: s = "standard",
+  size: c = "medium",
+  disableMargin: d = !1,
+  defaultExtent: f,
+  fieldOptions: i,
+  // keyAuth,
+  onChange: u
+}) {
+  var C, g, V;
+  const b = (n) => {
+    const m = n.target.value.split(",").map((r) => r.trimStart());
+    u({
+      [e.propertyId]: m
+    });
+  }, k = (n) => {
+    const { name: t, type: m, checked: r, value: L } = n.target;
+    let T = L;
+    e.type === "double" && (T = T.replace(",", "."), T = T.replace(/[^\d.-]+/g, "")), u({
+      [t]: m === "checkbox" ? r : T
+    });
+  }, w = (n) => {
+    u({
+      [e.propertyId]: n
+    });
+  }, A = (n) => {
+    u({
+      [e.propertyId]: n.target.value
+    });
+  }, y = (n) => (t) => {
+    u({
+      [n]: t
+    });
+  }, p = (n) => (t) => {
+    u({
+      [n]: t
+    });
+  }, F = (n) => (t) => {
+    u({
+      [n]: t
+    });
+  };
+  if ([
+    "string",
+    "integer",
+    "double",
+    "text",
+    "long",
+    "byte",
+    "bank-account"
+  ].includes(e.type))
+    return /* @__PURE__ */ a(
+      q,
+      {
+        label: e.name,
+        name: e.propertyId,
+        required: e.required,
+        value: l ?? e.defaultValue ?? "",
+        defaultValue: l,
+        onChange: k,
+        variant: s,
+        type: "text",
+        multiline: e.type === "text",
+        disabled: !e.editable,
+        fullWidth: !0,
+        sx: { mb: d ? 0 : 2 },
+        InputProps: {
+          size: c,
+          ...i && i[e.propertyId] && {
+            tabIndex: i[e.propertyId].order
+          },
+          ...e.privacyPreservationMethod === "ENCRYPTION" ? {
+            endAdornment: /* @__PURE__ */ a(K, { position: "end", children: /* @__PURE__ */ a(R, { title: "Encrypted Field", children: /* @__PURE__ */ a(z, {}) }) })
+          } : {}
+        }
+      }
+    );
+  if (e.type === "date") {
+    const n = l !== void 0 ? N(l).format() : l;
+    return /* @__PURE__ */ a(x, { mb: d ? 0 : 2, children: /* @__PURE__ */ a(
+      le,
+      {
+        label: e.name,
+        value: n,
+        variant: s,
+        size: c,
+        name: e.propertyId,
+        onChange: w
+      }
+    ) });
+  }
+  if (e.type === "list") {
+    let n = "";
+    return e.defaultValue && (n = I.isArray(e.defaultValue) ? l.join(", ") : e.defaultValue), l && (n = I.isArray(l) ? l.join(",") : l), /* @__PURE__ */ a(
+      q,
+      {
+        label: e.name,
+        name: e.propertyId,
+        value: n,
+        onChange: b,
+        variant: s,
+        disabled: !e.editable,
+        required: e.required,
+        fullWidth: !0,
+        helperText: c === "small" ? null : "Add list values with the comma (,) separated string",
+        sx: { mb: d ? 0 : 2 },
+        InputProps: {
+          size: c,
+          placeholder: c === "small" ? "Add list values with the comma (,) separated string" : "",
+          ...i && i[e.propertyId] && {
+            tabIndex: i[e.propertyId].order
+          }
+        }
+      }
+    );
+  }
+  if (e.type === "boolean")
+    return /* @__PURE__ */ a(x, { mb: d ? 0 : 2, children: /* @__PURE__ */ a(
+      te,
+      {
+        control: /* @__PURE__ */ a(
+          oe,
+          {
+            name: e.propertyId,
+            checked: !!l,
+            onChange: k,
+            size: c
+          }
+        ),
+        label: e.name
+      }
+    ) });
+  if (e.type === "enum") {
+    let n = [];
+    return (C = e.dataTypeInfo) != null && C.enumValues && (n = e.dataTypeInfo.enumValues), (V = (g = e.dataTypeInfo) == null ? void 0 : g.innerType) != null && V.enumValues && (n = e.dataTypeInfo.innerType.enumValues), /* @__PURE__ */ h(
+      de,
+      {
+        fullWidth: !0,
+        variant: s,
+        sx: { mb: d ? 0 : 2 },
+        size: c,
+        required: e.required,
+        children: [
+          /* @__PURE__ */ a(ie, { id: `${e.propertyId}-label`, children: e.name }),
+          /* @__PURE__ */ a(
+            me,
+            {
+              label: e.name,
+              name: e.name,
+              labelId: `${e.propertyId}-label`,
+              id: e.propertyId,
+              value: l ?? "",
+              onChange: A,
+              inputProps: {
+                ...i && i[e.propertyId] && {
+                  tabIndex: i[e.propertyId].order
+                }
+              },
+              children: n.map((t, m) => /* @__PURE__ */ a(re, { value: t, children: t }, m))
+            }
+          )
+        ]
+      }
+    );
+  }
+  return e.type === "geometry" ? /* @__PURE__ */ a(x, { sx: { mb: d ? 0 : 2, width: "100%" }, children: /* @__PURE__ */ a(
+    ne,
+    {
+      mapboxAccessToken: o,
+      label: e.name,
+      value: l ?? e.defaultValue ?? "",
+      defaultExtent: f,
+      variant: s,
+      onChange: y(e.propertyId)
+    }
+  ) }) : e.type === "phone-number" ? /* @__PURE__ */ a(x, { sx: { mb: d ? 0 : 2, width: "100%" }, children: /* @__PURE__ */ a(
+    ae,
+    {
+      label: e.name,
+      placeholder: "Enter phone number",
+      value: l ?? e.defaultValue ?? "",
+      onChange: p(e.propertyId)
+    }
+  ) }) : e.type === "composite-list" ? /* @__PURE__ */ a(x, { sx: { mb: d ? 0 : 2, width: "100%" }, children: /* @__PURE__ */ a(
+    ce,
+    {
+      property: e,
+      value: l ?? e.defaultValue ?? "",
+      variant: s,
+      size: c,
+      mapboxAccessToken: o,
+      onChange: F(e.propertyId)
+    }
+  ) }) : /* @__PURE__ */ a(P, {});
+}
+export {
+  ce as C,
+  ue as V
+};

package/dist/main.d.ts

@@ -560,6 +560,9 @@ declare interface Props_10 {
     values: FV.TemplateFilter[];
     templates: Map<string | number, ONTOLOGY.TemplateType>;
     inputVariant?: "standard" | "outlined" | "filled";
+    fieldOptions?: {
+        [key: string]: FieldOptions;
+    };
     onChange(values: FV.TemplateFilter[]): void;
 }
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hybridcore/ui",
   "description": "Hybrid Core UI Library",
-  "version": "1.4.22",
+  "version": "1.4.24",
   "author": "Hybrid Core",
   "license": "ISC",
   "type": "module",

package/dist/index-BGS3q6sP.js

@@ -1,338 +0,0 @@
-import { jsxs as h, Fragment as D, jsx as n } from "react/jsx-runtime";
-import I from "lodash";
-import B from "dayjs";
-import { FormControl as N, FormLabel as W, FormGroup as j, FormControlLabel as Y, Checkbox as $, Typography as P, Button as L, Chip as v, Dialog as O, DialogTitle as _, DialogContent as E, DialogActions as G, InputAdornment as M, Tooltip as H } from "@mui/material";
-import { Container as K, Values as R, MiniButton as U } from "./components/instance-form/components/composite-list/styled.js";
-import { KeyboardArrowUp as J, KeyboardArrowDown as Q, Add as X, LockOutlined as Z } from "@mui/icons-material";
-import z from "./hooks/useToggle.js";
-import { GeometryPicker as ee } from "./components/geometry-picker/index.js";
-import { PhoneInput as ne } from "./components/phone-input/index.js";
-import { DateTimePicker as le } from "./components/date-time-picker/index.js";
-import { T as S } from "./TextField-D87qTh1k.js";
-import { B as T } from "./Box-BPyg-Ybm.js";
-import { F as te } from "./FormControlLabel-D9KFjcIx.js";
-import { C as ae } from "./Checkbox-qy3cjvnb.js";
-import { F as oe, I as ie } from "./InputLabel-CWkW8NtU.js";
-import { S as de } from "./Select-ClaBvSqf.js";
-import { M as me } from "./MenuItem-D-INSvZa.js";
-import { useState as q } from "react";
-function ce({
-  property: i,
-  mapboxAccessToken: e,
-  value: l,
-  variant: s = "outlined",
-  size: m = "medium",
-  onChange: d
-}) {
-  var g, V, t;
-  const f = z(!1), [c, x] = q(), [C, w] = q(!1), k = 10, A = (a) => {
-    x(I.get(a, i.propertyId));
-  }, y = () => {
-    d([...l || [], c]), x(""), f.action.close();
-  }, F = (a) => () => {
-    if (l) {
-      const o = [...l];
-      o.splice(a, 1), d(o);
-    }
-  }, p = (a) => {
-    const { value: o, checked: r } = a.target;
-    let u = I.isArray(l) ? l : [];
-    r ? u.push(o) : u = u.filter((b) => b !== o), d(u);
-  };
-  if (((V = (g = i.dataTypeInfo) == null ? void 0 : g.innerType) == null ? void 0 : V.type) === "enum") {
-    const { enumValues: a } = i.dataTypeInfo.innerType;
-    return /* @__PURE__ */ h(D, { children: [
-      /* @__PURE__ */ h(N, { fullWidth: !0, component: "fieldset", variant: s, children: [
-        /* @__PURE__ */ n(W, { component: "legend", sx: { mb: 1 }, children: i.name }),
-        /* @__PURE__ */ n(j, { children: a && a.length > 0 ? a.slice(0, C ? 9999 : k).map((o, r) => /* @__PURE__ */ n(
-          Y,
-          {
-            label: o,
-            control: /* @__PURE__ */ n(
-              $,
-              {
-                name: i.propertyId,
-                value: o,
-                size: "small",
-                checked: I.isArray(l) ? l.includes(o) : !1,
-                onChange: p
-              }
-            ),
-            componentsProps: {
-              typography: {
-                variant: "body2"
-              }
-            }
-          },
-          r
-        )) : /* @__PURE__ */ n(P, { variant: "caption", mb: 1, children: "No enum values!" }) })
-      ] }),
-      I.isArray(a) && a.length > k && /* @__PURE__ */ h(
-        L,
-        {
-          size: "small",
-          sx: { p: 0, textTransform: "none" },
-          endIcon: C ? /* @__PURE__ */ n(J, {}) : /* @__PURE__ */ n(Q, {}),
-          onClick: () => w((o) => !o),
-          children: [
-            "Show ",
-            C ? "Less" : "More"
-          ]
-        }
-      )
-    ] });
-  }
-  return /* @__PURE__ */ h(D, { children: [
-    /* @__PURE__ */ h(K, { variant: s, children: [
-      /* @__PURE__ */ n(P, { children: i.name }),
-      /* @__PURE__ */ n(R, { children: I.isArray(l) && l.map((a, o) => {
-        var r, u;
-        return /* @__PURE__ */ n(
-          v,
-          {
-            label: ((u = (r = i.dataTypeInfo) == null ? void 0 : r.innerType) == null ? void 0 : u.type) === "date" ? B(a).format("DD/MM/YYYY HH:mm:ss") : a,
-            size: m,
-            onDelete: F(o)
-          },
-          o
-        );
-      }) }),
-      /* @__PURE__ */ n(
-        U,
-        {
-          startIcon: /* @__PURE__ */ n(X, {}),
-          variant: "text",
-          onClick: f.action.open,
-          children: "Add"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ h(
-      O,
-      {
-        open: f.state.isOpen,
-        onClose: f.action.close,
-        maxWidth: "sm",
-        fullWidth: !0,
-        children: [
-          /* @__PURE__ */ n(_, { children: "Add List Value" }),
-          /* @__PURE__ */ n(E, { children: (t = i.dataTypeInfo) != null && t.innerType ? /* @__PURE__ */ n(
-            re,
-            {
-              mapboxAccessToken: e,
-              property: {
-                ...i,
-                name: "Value",
-                type: i.dataTypeInfo.innerType.type
-              },
-              value: c,
-              onChange: A
-            }
-          ) : null }),
-          /* @__PURE__ */ h(G, { children: [
-            /* @__PURE__ */ n(
-              L,
-              {
-                variant: "contained",
-                color: "inherit",
-                onClick: f.action.close,
-                children: "Cancel"
-              }
-            ),
-            /* @__PURE__ */ n(L, { variant: "contained", color: "primary", onClick: y, children: "Ok" })
-          ] })
-        ]
-      }
-    )
-  ] });
-}
-function re({
-  mapboxAccessToken: i,
-  property: e,
-  value: l,
-  variant: s = "standard",
-  size: m = "medium",
-  disableMargin: d = !1,
-  defaultExtent: f,
-  // keyAuth,
-  onChange: c
-}) {
-  var p, g, V;
-  const x = (t) => {
-    const o = t.target.value.split(",").map((r) => r.trimStart());
-    c({
-      [e.propertyId]: o
-    });
-  }, C = (t) => {
-    const { name: a, type: o, checked: r, value: u } = t.target;
-    let b = u;
-    e.type === "double" && (b = b.replace(",", "."), b = b.replace(/[^\d.-]+/g, "")), c({
-      [a]: o === "checkbox" ? r : b
-    });
-  }, w = (t) => {
-    c({
-      [e.propertyId]: t
-    });
-  }, k = (t) => {
-    c({
-      [e.propertyId]: t.target.value
-    });
-  }, A = (t) => (a) => {
-    c({
-      [t]: a
-    });
-  }, y = (t) => (a) => {
-    c({
-      [t]: a
-    });
-  }, F = (t) => (a) => {
-    c({
-      [t]: a
-    });
-  };
-  if ([
-    "string",
-    "integer",
-    "double",
-    "text",
-    "long",
-    "byte",
-    "bank-account"
-  ].includes(e.type))
-    return /* @__PURE__ */ n(
-      S,
-      {
-        label: e.name,
-        name: e.propertyId,
-        required: e.required,
-        value: l ?? e.defaultValue ?? "",
-        defaultValue: l,
-        onChange: C,
-        variant: s,
-        type: "text",
-        multiline: e.type === "text",
-        disabled: !e.editable,
-        fullWidth: !0,
-        sx: { mb: d ? 0 : 2 },
-        InputProps: {
-          size: m,
-          ...e.privacyPreservationMethod === "ENCRYPTION" ? {
-            endAdornment: /* @__PURE__ */ n(M, { position: "end", children: /* @__PURE__ */ n(H, { title: "Encrypted Field", children: /* @__PURE__ */ n(Z, {}) }) })
-          } : {}
-        }
-      }
-    );
-  if (e.type === "date") {
-    const t = l !== void 0 ? B(l).format() : l;
-    return /* @__PURE__ */ n(T, { mb: d ? 0 : 2, children: /* @__PURE__ */ n(
-      le,
-      {
-        label: e.name,
-        value: t,
-        variant: s,
-        size: m,
-        name: e.propertyId,
-        onChange: w
-      }
-    ) });
-  }
-  if (e.type === "list") {
-    let t = "";
-    return e.defaultValue && (t = I.isArray(e.defaultValue) ? l.join(", ") : e.defaultValue), l && (t = I.isArray(l) ? l.join(",") : l), /* @__PURE__ */ n(
-      S,
-      {
-        label: e.name,
-        name: e.propertyId,
-        value: t,
-        onChange: x,
-        variant: s,
-        disabled: !e.editable,
-        required: e.required,
-        fullWidth: !0,
-        helperText: m === "small" ? null : "Add list values with the comma (,) separated string",
-        sx: { mb: d ? 0 : 2 },
-        InputProps: {
-          size: m,
-          placeholder: m === "small" ? "Add list values with the comma (,) separated string" : ""
-        }
-      }
-    );
-  }
-  if (e.type === "boolean")
-    return /* @__PURE__ */ n(T, { mb: d ? 0 : 2, children: /* @__PURE__ */ n(
-      te,
-      {
-        control: /* @__PURE__ */ n(
-          ae,
-          {
-            name: e.propertyId,
-            checked: !!l,
-            onChange: C,
-            size: m
-          }
-        ),
-        label: e.name
-      }
-    ) });
-  if (e.type === "enum") {
-    let t = [];
-    return (p = e.dataTypeInfo) != null && p.enumValues && (t = e.dataTypeInfo.enumValues), (V = (g = e.dataTypeInfo) == null ? void 0 : g.innerType) != null && V.enumValues && (t = e.dataTypeInfo.innerType.enumValues), /* @__PURE__ */ h(
-      oe,
-      {
-        fullWidth: !0,
-        variant: s,
-        sx: { mb: d ? 0 : 2 },
-        size: m,
-        required: e.required,
-        children: [
-          /* @__PURE__ */ n(ie, { id: `${e.propertyId}-label`, children: e.name }),
-          /* @__PURE__ */ n(
-            de,
-            {
-              label: e.name,
-              name: e.name,
-              labelId: `${e.propertyId}-label`,
-              id: e.propertyId,
-              value: l ?? "",
-              onChange: k,
-              children: t.map((a, o) => /* @__PURE__ */ n(me, { value: a, children: a }, o))
-            }
-          )
-        ]
-      }
-    );
-  }
-  return e.type === "geometry" ? /* @__PURE__ */ n(T, { sx: { mb: d ? 0 : 2, width: "100%" }, children: /* @__PURE__ */ n(
-    ee,
-    {
-      mapboxAccessToken: i,
-      label: e.name,
-      value: l ?? e.defaultValue ?? "",
-      defaultExtent: f,
-      variant: s,
-      onChange: A(e.propertyId)
-    }
-  ) }) : e.type === "phone-number" ? /* @__PURE__ */ n(T, { sx: { mb: d ? 0 : 2, width: "100%" }, children: /* @__PURE__ */ n(
-    ne,
-    {
-      label: e.name,
-      placeholder: "Enter phone number",
-      value: l ?? e.defaultValue ?? "",
-      onChange: y(e.propertyId)
-    }
-  ) }) : e.type === "composite-list" ? /* @__PURE__ */ n(T, { sx: { mb: d ? 0 : 2, width: "100%" }, children: /* @__PURE__ */ n(
-    ce,
-    {
-      property: e,
-      value: l ?? e.defaultValue ?? "",
-      variant: s,
-      size: m,
-      mapboxAccessToken: i,
-      onChange: F(e.propertyId)
-    }
-  ) }) : /* @__PURE__ */ n(D, {});
-}
-export {
-  ce as C,
-  re as V
-};