@hybridcore/ui 1.6.1 → 1.6.2

package/dist/{helpers-B4UL9NMD.js → helpers-D4uXfBfO.js}

@@ -32,7 +32,7 @@ const i = (s, e) => !!o.get(e, s, !1), f = (s, e) => {
 }, Symbol.toStringTag, { value: "Module" }));
 export {
   f as a,
-  c as b,
-  n as c,
+  n as b,
+  c,
   A as h
 };

package/dist/index-BtlzPygz.js

@@ -0,0 +1,470 @@
+import { jsx as n, jsxs as I, Fragment as Y } from "react/jsx-runtime";
+import { KeyboardArrowUp as J, KeyboardArrowDown as Q, Add as X, LockOutlined as Z } from "@mui/icons-material";
+import { FormControl as R, FormGroup as O, FormControlLabel as _, Checkbox as K, Chip as ee, Dialog as ne, DialogTitle as te, DialogContent as re, DialogActions as ae, Button as z, TextField as B, InputAdornment as oe, Tooltip as le, InputLabel as ie, Select as de, MenuItem as pe } from "@mui/material";
+import $ from "dayjs";
+import C from "lodash";
+import { ConditionalWrapper as p } from "./components/conditional-wrapper/index.js";
+import { DateTimePicker as ce } from "./components/date-time-picker/index.js";
+import { GeometryPicker as ue } from "./components/geometry-picker/index.js";
+import { PhoneInput as me } from "./components/phone-input/index.js";
+import { leftLayoutWrapper as y } from "./components/instance-form/helpers.js";
+import { CompositeListEnumLabel as se, CompositeListEnumEmpty as he, CompositeListShowMoreButton as fe, CompositeListContainer as ye, CompositeListLabel as Ie, CompositeListValues as Ce, CompositeListMiniButton as ge, VariableFullWidth as M } from "./components/instance-form/styled.js";
+import { useState as G } from "react";
+import be from "./hooks/useToggle.js";
+import b from "./components/instance-form/components/TopLabelWrapper.js";
+import { CompositeMatrix as ve } from "./components/instance-form/components/composite-matrix/index.js";
+const H = 10, Ve = (P) => {
+  var k, V, w;
+  const {
+    property: l,
+    mapboxAccessToken: e,
+    value: a,
+    variant: s = "outlined",
+    labelPosition: r = "default",
+    size: u = "medium",
+    onChange: v
+  } = P, t = be(!1), [m, L] = G(), [g, q] = G(!1), D = (i) => {
+    L(C.get(i, l.propertyId));
+  }, S = () => {
+    v([...a ?? [], m]), L(""), t.action.close();
+  }, W = (i) => () => {
+    if (!a) return;
+    const d = [...a];
+    d.splice(i, 1), v(d);
+  }, E = (i) => {
+    const { value: d, checked: f } = i.target;
+    let h = C.isArray(a) ? a : [];
+    f ? h.push(d) : h = h.filter((A) => A !== d), v(h);
+  };
+  if (((V = (k = l.dataTypeInfo) == null ? void 0 : k.innerType) == null ? void 0 : V.type) === "enum") {
+    const { enumValues: i } = l.dataTypeInfo.innerType;
+    return /* @__PURE__ */ n(
+      p,
+      {
+        condition: r === "left",
+        wrapper: y(l.name),
+        children: /* @__PURE__ */ n(
+          p,
+          {
+            condition: r === "top",
+            wrapper: b(l.name, l == null ? void 0 : l.required),
+            children: /* @__PURE__ */ I(Y, { children: [
+              /* @__PURE__ */ I(R, { fullWidth: !0, component: "fieldset", variant: s, children: [
+                r === "default" && /* @__PURE__ */ n(se, { children: l.name }),
+                /* @__PURE__ */ n(O, { children: i && i.length > 0 ? i.slice(0, g ? 9999 : H).map((d, f) => /* @__PURE__ */ n(
+                  _,
+                  {
+                    label: d,
+                    control: /* @__PURE__ */ n(
+                      K,
+                      {
+                        name: l.propertyId,
+                        value: d,
+                        size: "small",
+                        checked: C.isArray(a) ? a.includes(d) : !1,
+                        onChange: E
+                      }
+                    ),
+                    componentsProps: {
+                      typography: { variant: "body2" }
+                    }
+                  },
+                  f
+                )) : /* @__PURE__ */ n(he, { variant: "caption", children: "No enum values!" }) })
+              ] }),
+              C.isArray(i) && i.length > H && /* @__PURE__ */ I(
+                fe,
+                {
+                  size: "small",
+                  endIcon: g ? /* @__PURE__ */ n(J, {}) : /* @__PURE__ */ n(Q, {}),
+                  onClick: () => q((d) => !d),
+                  children: [
+                    "Show ",
+                    g ? "Less" : "More"
+                  ]
+                }
+              )
+            ] })
+          }
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ I(Y, { children: [
+    /* @__PURE__ */ n(
+      p,
+      {
+        condition: r === "left",
+        wrapper: y(l.name),
+        children: /* @__PURE__ */ n(
+          p,
+          {
+            condition: r === "top",
+            wrapper: b(l.name, l == null ? void 0 : l.required),
+            children: /* @__PURE__ */ I(ye, { ownerState: { variant: s }, children: [
+              r === "default" && /* @__PURE__ */ n(Ie, { children: l.name }),
+              /* @__PURE__ */ n(Ce, { children: C.isArray(a) && a.map((i, d) => {
+                var f, h;
+                return /* @__PURE__ */ n(
+                  ee,
+                  {
+                    label: ((h = (f = l.dataTypeInfo) == null ? void 0 : f.innerType) == null ? void 0 : h.type) === "date" ? $(i).format("DD/MM/YYYY HH:mm:ss") : i,
+                    size: u,
+                    onDelete: W(d)
+                  },
+                  d
+                );
+              }) }),
+              /* @__PURE__ */ n(
+                ge,
+                {
+                  ownerState: { variant: "text" },
+                  startIcon: /* @__PURE__ */ n(X, {}),
+                  variant: "text",
+                  onClick: t.action.open,
+                  children: "Add"
+                }
+              )
+            ] })
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ I(
+      ne,
+      {
+        open: t.state.isOpen,
+        onClose: t.action.close,
+        maxWidth: "sm",
+        fullWidth: !0,
+        children: [
+          /* @__PURE__ */ n(te, { children: "Add List Value" }),
+          /* @__PURE__ */ n(re, { children: (w = l.dataTypeInfo) != null && w.innerType ? /* @__PURE__ */ n(
+            we,
+            {
+              mapboxAccessToken: e,
+              property: {
+                ...l,
+                name: "Value",
+                type: l.dataTypeInfo.innerType.type
+              },
+              value: m,
+              onChange: D
+            }
+          ) : null }),
+          /* @__PURE__ */ I(ae, { children: [
+            /* @__PURE__ */ n(
+              z,
+              {
+                variant: "contained",
+                color: "inherit",
+                onClick: t.action.close,
+                children: "Cancel"
+              }
+            ),
+            /* @__PURE__ */ n(z, { variant: "contained", color: "primary", onClick: S, children: "Ok" })
+          ] })
+        ]
+      }
+    )
+  ] });
+}, we = (P) => {
+  var V, w, i, d, f, h, A, N, j;
+  const {
+    mapboxAccessToken: l,
+    property: e,
+    value: a,
+    variant: s = "outlined",
+    labelPosition: r = "top",
+    size: u = "medium",
+    defaultExtent: v,
+    fieldOptions: t,
+    onChange: m
+  } = P, L = (o) => {
+    const T = o.target.value.split(",").map((F) => F.trimStart());
+    m({ [e.propertyId]: T });
+  }, g = (o) => {
+    const { name: c, type: T, checked: F, value: U } = o.target;
+    let x = U;
+    e.type === "double" && (x = String(x).replace(",", "."), x = x.replace(/[^\d.-]+/g, "")), m({
+      [c]: T === "checkbox" ? F : x
+    });
+  }, q = (o) => {
+    m({ [e.propertyId]: o });
+  }, D = (o) => {
+    m({ [e.propertyId]: o.target.value });
+  }, S = (o) => (c) => {
+    m({ [o]: c });
+  }, W = (o) => (c) => {
+    m({ [o]: c });
+  }, E = (o) => (c) => {
+    m({ [o]: c });
+  }, k = (o) => (c) => {
+    m({ [o]: c });
+  };
+  if (t && t[e.propertyId] && t[e.propertyId].component)
+    return t[e.propertyId].component;
+  if ([
+    "string",
+    "integer",
+    "double",
+    "text",
+    "long",
+    "byte",
+    "bank-account"
+  ].includes(e.type))
+    return /* @__PURE__ */ n(
+      p,
+      {
+        condition: r === "left",
+        wrapper: y(e.name),
+        children: /* @__PURE__ */ n(
+          p,
+          {
+            condition: r === "top",
+            wrapper: b(
+              e == null ? void 0 : e.name,
+              e == null ? void 0 : e.required,
+              (V = t == null ? void 0 : t[e == null ? void 0 : e.propertyId]) == null ? void 0 : V.description
+            ),
+            children: /* @__PURE__ */ n(
+              B,
+              {
+                label: r === "default" ? e.name : void 0,
+                placeholder: ((w = t == null ? void 0 : t[e.propertyId]) == null ? void 0 : w.placeholder) ?? "",
+                name: e.propertyId,
+                required: e.required,
+                value: a ?? e.defaultValue ?? "",
+                defaultValue: a,
+                onChange: g,
+                variant: s,
+                type: "text",
+                multiline: e.type === "text",
+                disabled: !e.editable,
+                fullWidth: !0,
+                inputProps: {
+                  maxLength: ((i = t == null ? void 0 : t[e.propertyId]) == null ? void 0 : i.maxChar) ?? 1e5
+                },
+                InputProps: {
+                  size: u,
+                  ...t && t[e.propertyId] && {
+                    tabIndex: t[e.propertyId].order
+                  },
+                  ...e.privacyPreservationMethod === "ENCRYPTION" ? {
+                    endAdornment: /* @__PURE__ */ n(oe, { position: "end", children: /* @__PURE__ */ n(le, { title: "Encrypted Field", children: /* @__PURE__ */ n(Z, {}) }) })
+                  } : {}
+                }
+              }
+            )
+          }
+        )
+      }
+    );
+  if (e.type === "date") {
+    const o = a !== void 0 ? $(a).format() : a;
+    return /* @__PURE__ */ n(
+      p,
+      {
+        condition: r === "left",
+        wrapper: y(e.name),
+        children: /* @__PURE__ */ n(
+          p,
+          {
+            condition: r === "top",
+            wrapper: b(
+              e.name,
+              e == null ? void 0 : e.required,
+              (d = t == null ? void 0 : t[e == null ? void 0 : e.propertyId]) == null ? void 0 : d.description
+            ),
+            children: /* @__PURE__ */ n(
+              ce,
+              {
+                label: r === "default" ? e.name : void 0,
+                value: o,
+                variant: s,
+                size: u,
+                name: e.propertyId,
+                onChange: q,
+                ...t && t[e.propertyId] && {
+                  minDate: t[e.propertyId].minDate
+                }
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+  if (e.type === "list") {
+    let o = "";
+    return e.defaultValue && (o = C.isArray(e.defaultValue) ? a.join(", ") : e.defaultValue), a && (o = C.isArray(a) ? a.join(",") : a), /* @__PURE__ */ n(
+      p,
+      {
+        condition: r === "left",
+        wrapper: y(e.name),
+        children: /* @__PURE__ */ n(
+          p,
+          {
+            condition: r === "top",
+            wrapper: b(
+              e.name,
+              e == null ? void 0 : e.required,
+              (f = t == null ? void 0 : t[e == null ? void 0 : e.propertyId]) == null ? void 0 : f.description
+            ),
+            children: /* @__PURE__ */ n(
+              B,
+              {
+                label: r === "default" ? e.name : void 0,
+                name: e.propertyId,
+                value: o,
+                onChange: L,
+                variant: s,
+                disabled: !e.editable,
+                required: e.required,
+                fullWidth: !0,
+                helperText: u === "small" ? null : "Add list values with the comma (,) separated string",
+                InputProps: {
+                  size: u,
+                  placeholder: u === "small" ? "Add list values with the comma (,) separated string" : "",
+                  ...t && t[e.propertyId] && {
+                    tabIndex: t[e.propertyId].order
+                  }
+                }
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+  if (e.type === "boolean")
+    return /* @__PURE__ */ n(
+      p,
+      {
+        condition: r === "left",
+        wrapper: y(e.name),
+        children: /* @__PURE__ */ n(
+          _,
+          {
+            control: /* @__PURE__ */ n(
+              K,
+              {
+                name: e.propertyId,
+                checked: !!(a ?? e.defaultValue ?? !1),
+                onChange: g,
+                size: u
+              }
+            ),
+            label: r === "left" ? void 0 : e.name
+          }
+        )
+      }
+    );
+  if (e.type === "enum") {
+    let o = [];
+    return (h = e.dataTypeInfo) != null && h.enumValues && (o = e.dataTypeInfo.enumValues), (N = (A = e.dataTypeInfo) == null ? void 0 : A.innerType) != null && N.enumValues && (o = e.dataTypeInfo.innerType.enumValues), /* @__PURE__ */ n(
+      p,
+      {
+        condition: r === "left",
+        wrapper: y(e.name),
+        children: /* @__PURE__ */ n(
+          p,
+          {
+            condition: r === "top",
+            wrapper: b(
+              e.name,
+              e == null ? void 0 : e.required,
+              (j = t == null ? void 0 : t[e == null ? void 0 : e.propertyId]) == null ? void 0 : j.description
+            ),
+            children: /* @__PURE__ */ I(
+              R,
+              {
+                fullWidth: !0,
+                variant: s,
+                size: u,
+                required: e.required,
+                children: [
+                  r === "default" && /* @__PURE__ */ n(ie, { id: `${e.propertyId}-label`, children: e.name }),
+                  /* @__PURE__ */ n(
+                    de,
+                    {
+                      label: r === "default" ? e.name : void 0,
+                      name: e.name,
+                      labelId: `${e.propertyId}-label`,
+                      id: e.propertyId,
+                      value: a ?? "",
+                      onChange: D,
+                      inputProps: {
+                        ...t && t[e.propertyId] && {
+                          tabIndex: t[e.propertyId].order
+                        }
+                      },
+                      children: o.map((c, T) => /* @__PURE__ */ n(pe, { value: c, children: c }, T))
+                    }
+                  )
+                ]
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+  return e.type === "geometry" ? /* @__PURE__ */ n(
+    p,
+    {
+      condition: r === "left",
+      wrapper: y(e.name),
+      children: /* @__PURE__ */ n(M, { children: /* @__PURE__ */ n(
+        ue,
+        {
+          mapboxAccessToken: l,
+          label: r === "default" ? e.name : void 0,
+          value: a ?? e.defaultValue ?? "",
+          defaultExtent: v,
+          variant: s,
+          onChange: S(e.propertyId)
+        }
+      ) })
+    }
+  ) : e.type === "phone-number" ? /* @__PURE__ */ n(
+    p,
+    {
+      condition: r === "left",
+      wrapper: y(e.name),
+      children: /* @__PURE__ */ n(M, { children: /* @__PURE__ */ n(
+        me,
+        {
+          label: r === "default" ? e.name : void 0,
+          placeholder: "Enter phone number",
+          value: a ?? e.defaultValue ?? "",
+          onChange: W(e.propertyId)
+        }
+      ) })
+    }
+  ) : e.type === "composite-list" ? /* @__PURE__ */ n(M, { children: /* @__PURE__ */ n(
+    Ve,
+    {
+      property: e,
+      value: a ?? e.defaultValue ?? "",
+      variant: s,
+      labelPosition: r,
+      size: u,
+      mapboxAccessToken: l,
+      onChange: E(e.propertyId)
+    }
+  ) }) : e.type === "composite-matrix" ? /* @__PURE__ */ n(M, { children: /* @__PURE__ */ n(
+    ve,
+    {
+      property: e,
+      value: a ?? e.defaultValue ?? "",
+      variant: s,
+      size: u,
+      onChange: k(e.propertyId)
+    }
+  ) }) : null;
+};
+export {
+  Ve as C,
+  we as V
+};

package/dist/index-DH6qsPBn.js

@@ -0,0 +1,153 @@
+var P = { exports: {} }, e = {};
+/**
+ * @license React
+ * react-is.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var d;
+function y() {
+  if (d) return e;
+  d = 1;
+  var n = Symbol.for("react.transitional.element"), R = Symbol.for("react.portal"), T = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), f = Symbol.for("react.consumer"), u = Symbol.for("react.context"), a = Symbol.for("react.forward_ref"), E = Symbol.for("react.suspense"), c = Symbol.for("react.suspense_list"), l = Symbol.for("react.memo"), _ = Symbol.for("react.lazy"), S = Symbol.for("react.view_transition"), C = Symbol.for("react.client.reference");
+  function o(r) {
+    if (typeof r == "object" && r !== null) {
+      var m = r.$$typeof;
+      switch (m) {
+        case n:
+          switch (r = r.type, r) {
+            case T:
+            case i:
+            case s:
+            case E:
+            case c:
+            case S:
+              return r;
+            default:
+              switch (r = r && r.$$typeof, r) {
+                case u:
+                case a:
+                case _:
+                case l:
+                  return r;
+                case f:
+                  return r;
+                default:
+                  return m;
+              }
+          }
+        case R:
+          return m;
+      }
+    }
+  }
+  return e.ContextConsumer = f, e.ContextProvider = u, e.Element = n, e.ForwardRef = a, e.Fragment = T, e.Lazy = _, e.Memo = l, e.Portal = R, e.Profiler = i, e.StrictMode = s, e.Suspense = E, e.SuspenseList = c, e.isContextConsumer = function(r) {
+    return o(r) === f;
+  }, e.isContextProvider = function(r) {
+    return o(r) === u;
+  }, e.isElement = function(r) {
+    return typeof r == "object" && r !== null && r.$$typeof === n;
+  }, e.isForwardRef = function(r) {
+    return o(r) === a;
+  }, e.isFragment = function(r) {
+    return o(r) === T;
+  }, e.isLazy = function(r) {
+    return o(r) === _;
+  }, e.isMemo = function(r) {
+    return o(r) === l;
+  }, e.isPortal = function(r) {
+    return o(r) === R;
+  }, e.isProfiler = function(r) {
+    return o(r) === i;
+  }, e.isStrictMode = function(r) {
+    return o(r) === s;
+  }, e.isSuspense = function(r) {
+    return o(r) === E;
+  }, e.isSuspenseList = function(r) {
+    return o(r) === c;
+  }, e.isValidElementType = function(r) {
+    return typeof r == "string" || typeof r == "function" || r === T || r === i || r === s || r === E || r === c || typeof r == "object" && r !== null && (r.$$typeof === _ || r.$$typeof === l || r.$$typeof === u || r.$$typeof === f || r.$$typeof === a || r.$$typeof === C || r.getModuleId !== void 0);
+  }, e.typeOf = o, e;
+}
+var t = {};
+/**
+ * @license React
+ * react-is.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var A;
+function p() {
+  return A || (A = 1, process.env.NODE_ENV !== "production" && function() {
+    function n(r) {
+      if (typeof r == "object" && r !== null) {
+        var m = r.$$typeof;
+        switch (m) {
+          case R:
+            switch (r = r.type, r) {
+              case s:
+              case f:
+              case i:
+              case c:
+              case l:
+              case C:
+                return r;
+              default:
+                switch (r = r && r.$$typeof, r) {
+                  case a:
+                  case E:
+                  case S:
+                  case _:
+                    return r;
+                  case u:
+                    return r;
+                  default:
+                    return m;
+                }
+            }
+          case T:
+            return m;
+        }
+      }
+    }
+    var R = Symbol.for("react.transitional.element"), T = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), f = Symbol.for("react.profiler"), u = Symbol.for("react.consumer"), a = Symbol.for("react.context"), E = Symbol.for("react.forward_ref"), c = Symbol.for("react.suspense"), l = Symbol.for("react.suspense_list"), _ = Symbol.for("react.memo"), S = Symbol.for("react.lazy"), C = Symbol.for("react.view_transition"), o = Symbol.for("react.client.reference");
+    t.ContextConsumer = u, t.ContextProvider = a, t.Element = R, t.ForwardRef = E, t.Fragment = s, t.Lazy = S, t.Memo = _, t.Portal = T, t.Profiler = f, t.StrictMode = i, t.Suspense = c, t.SuspenseList = l, t.isContextConsumer = function(r) {
+      return n(r) === u;
+    }, t.isContextProvider = function(r) {
+      return n(r) === a;
+    }, t.isElement = function(r) {
+      return typeof r == "object" && r !== null && r.$$typeof === R;
+    }, t.isForwardRef = function(r) {
+      return n(r) === E;
+    }, t.isFragment = function(r) {
+      return n(r) === s;
+    }, t.isLazy = function(r) {
+      return n(r) === S;
+    }, t.isMemo = function(r) {
+      return n(r) === _;
+    }, t.isPortal = function(r) {
+      return n(r) === T;
+    }, t.isProfiler = function(r) {
+      return n(r) === f;
+    }, t.isStrictMode = function(r) {
+      return n(r) === i;
+    }, t.isSuspense = function(r) {
+      return n(r) === c;
+    }, t.isSuspenseList = function(r) {
+      return n(r) === l;
+    }, t.isValidElementType = function(r) {
+      return typeof r == "string" || typeof r == "function" || r === s || r === f || r === i || r === c || r === l || typeof r == "object" && r !== null && (r.$$typeof === S || r.$$typeof === _ || r.$$typeof === a || r.$$typeof === u || r.$$typeof === E || r.$$typeof === o || r.getModuleId !== void 0);
+    }, t.typeOf = n;
+  }()), t;
+}
+process.env.NODE_ENV === "production" ? P.exports = y() : P.exports = p();
+var Y = P.exports;
+export {
+  Y as r
+};