@hybridcore/ui 1.3.6 → 1.4.0

package/dist/index-DPf5olog.js

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

package/dist/{index-JrtqxUdI.js → index-DlnzUkwe.js}

@@ -2,7 +2,7 @@ import { jsx as n } from "react/jsx-runtime";
 import o from "react";
 import f from "./components/map/logic.js";
 import a from "./components/map/styled.js";
-import './assets/index.css';const l = (e, i) => {
+import './assets/index2.css';const l = (e, i) => {
   var t, r;
   const { refs: s, action: m } = f(e);
   return o.useImperativeHandle(i, () => m), /* @__PURE__ */ n(

package/dist/{listItemTextClasses-CFiI_U7B.js → listItemTextClasses-DsHGzpPM.js}

@@ -1,5 +1,5 @@
-import { g as s } from "./useThemeProps-DeftUmqJ.js";
-import { g as e } from "./styled-cPJbqF0E.js";
+import { g as s } from "./useThemeProps-uYx_RkOH.js";
+import { g as e } from "./styled-LNCprp4n.js";
 function n(t) {
   return e("MuiListItemIcon", t);
 }