@hybridcore/ui 1.5.4 → 1.5.7

package/dist/index-JgBxaIU2.js

@@ -1,353 +0,0 @@
-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 P, 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 z, LockOutlined as O } 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-BjFXx91l.js";
-import { B as x } from "./Box-SSMZuKnS.js";
-import { F as te } from "./FormControlLabel-BNT5EI0b.js";
-import { C as oe } from "./Checkbox-B0P8LhCl.js";
-import { F as de, I as ie } from "./InputLabel-ClDXuWBr.js";
-import { S as me } from "./Select-ush_fSWy.js";
-import { M as re } from "./MenuItem-Lcjh1XlV.js";
-import { useState as B } from "react";
-function ce({
-  property: d,
-  mapboxAccessToken: e,
-  value: l,
-  variant: s = "outlined",
-  size: c = "medium",
-  onChange: i
-}) {
-  var C, g, V;
-  const f = ee(!1), [o, u] = B(), [b, k] = B(!1), w = 10, A = (n) => {
-    u(I.get(n, d.propertyId));
-  }, y = () => {
-    i([...l || [], o]), u(""), f.action.close();
-  }, D = (n) => () => {
-    if (l) {
-      const t = [...l];
-      t.splice(n, 1), i(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), i(r);
-  };
-  if (((g = (C = d.dataTypeInfo) == null ? void 0 : C.innerType) == null ? void 0 : g.type) === "enum") {
-    const { enumValues: n } = d.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: d.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: d.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(
-        P,
-        {
-          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: d.name }),
-      /* @__PURE__ */ a(J, { children: I.isArray(l) && l.map((n, t) => {
-        var m, r;
-        return /* @__PURE__ */ a(
-          _,
-          {
-            label: ((r = (m = d.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: D(t)
-          },
-          t
-        );
-      }) }),
-      /* @__PURE__ */ a(
-        Q,
-        {
-          startIcon: /* @__PURE__ */ a(z, {}),
-          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 = d.dataTypeInfo) != null && V.innerType ? /* @__PURE__ */ a(
-            ue,
-            {
-              mapboxAccessToken: e,
-              property: {
-                ...d,
-                name: "Value",
-                type: d.dataTypeInfo.innerType.type
-              },
-              value: o,
-              onChange: A
-            }
-          ) : null }),
-          /* @__PURE__ */ h(H, { children: [
-            /* @__PURE__ */ a(
-              P,
-              {
-                variant: "contained",
-                color: "inherit",
-                onClick: f.action.close,
-                children: "Cancel"
-              }
-            ),
-            /* @__PURE__ */ a(P, { variant: "contained", color: "primary", onClick: y, children: "Ok" })
-          ] })
-        ]
-      }
-    )
-  ] });
-}
-function ue({
-  mapboxAccessToken: d,
-  property: e,
-  value: l,
-  variant: s = "standard",
-  size: c = "medium",
-  disableMargin: i = !1,
-  defaultExtent: f,
-  fieldOptions: o,
-  // 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
-    });
-  }, D = (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: i ? 0 : 2 },
-        InputProps: {
-          size: c,
-          ...o && o[e.propertyId] && {
-            tabIndex: o[e.propertyId].order
-          },
-          ...e.privacyPreservationMethod === "ENCRYPTION" ? {
-            endAdornment: /* @__PURE__ */ a(K, { position: "end", children: /* @__PURE__ */ a(R, { title: "Encrypted Field", children: /* @__PURE__ */ a(O, {}) }) })
-          } : {}
-        }
-      }
-    );
-  if (e.type === "date") {
-    const n = l !== void 0 ? N(l).format() : l;
-    return /* @__PURE__ */ a(x, { mb: i ? 0 : 2, children: /* @__PURE__ */ a(
-      le,
-      {
-        label: e.name,
-        value: n,
-        variant: s,
-        size: c,
-        name: e.propertyId,
-        onChange: w,
-        ...o && o[e.propertyId] && {
-          minDate: o[e.propertyId].minDate
-        }
-      }
-    ) });
-  }
-  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: i ? 0 : 2 },
-        InputProps: {
-          size: c,
-          placeholder: c === "small" ? "Add list values with the comma (,) separated string" : "",
-          ...o && o[e.propertyId] && {
-            tabIndex: o[e.propertyId].order
-          }
-        }
-      }
-    );
-  }
-  if (e.type === "boolean")
-    return /* @__PURE__ */ a(x, { mb: i ? 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: i ? 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: {
-                ...o && o[e.propertyId] && {
-                  tabIndex: o[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: i ? 0 : 2, width: "100%" }, children: /* @__PURE__ */ a(
-    ne,
-    {
-      mapboxAccessToken: d,
-      label: e.name,
-      value: l ?? e.defaultValue ?? "",
-      defaultExtent: f,
-      variant: s,
-      onChange: y(e.propertyId)
-    }
-  ) }) : e.type === "phone-number" ? /* @__PURE__ */ a(x, { sx: { mb: i ? 0 : 2, width: "100%" }, children: /* @__PURE__ */ a(
-    ae,
-    {
-      label: e.name,
-      placeholder: "Enter phone number",
-      value: l ?? e.defaultValue ?? "",
-      onChange: D(e.propertyId)
-    }
-  ) }) : e.type === "composite-list" ? /* @__PURE__ */ a(x, { sx: { mb: i ? 0 : 2, width: "100%" }, children: /* @__PURE__ */ a(
-    ce,
-    {
-      property: e,
-      value: l ?? e.defaultValue ?? "",
-      variant: s,
-      size: c,
-      mapboxAccessToken: d,
-      onChange: F(e.propertyId)
-    }
-  ) }) : /* @__PURE__ */ a(p, {});
-}
-export {
-  ce as C,
-  ue as V
-};