@hybridcore/ui 1.5.13 → 1.5.15

package/dist/{index-D-mTkx9Q.js → index-CdecY907.js}

@@ -1,21 +1,21 @@
 import { jsxs as h, Fragment as M, jsx as n } from "react/jsx-runtime";
-import I from "lodash";
+import { KeyboardArrowUp as B, KeyboardArrowDown as N, Add as W, LockOutlined as j } from "@mui/icons-material";
+import { FormControl as Y, FormLabel as $, FormGroup as v, FormControlLabel as _, Checkbox as E, Typography as P, Button as F, Chip as G, Dialog as H, DialogTitle as K, DialogContent as R, DialogActions as U, InputAdornment as J, Tooltip as Q } from "@mui/material";
 import q from "dayjs";
-import { FormControl as B, FormLabel as N, FormGroup as W, FormControlLabel as j, Checkbox as Y, Typography as P, Button as F, Chip as $, Dialog as v, DialogTitle as _, DialogContent as E, DialogActions as G, InputAdornment as H, Tooltip as K } from "@mui/material";
-import { Container as R, Values as U, MiniButton as J } from "./components/instance-form/components/composite-list/styled.js";
-import { KeyboardArrowUp as Q, KeyboardArrowDown as X, Add as Z, LockOutlined as z } from "@mui/icons-material";
+import I from "lodash";
+import { Container as X, Values as Z, MiniButton as z } from "./components/instance-form/components/composite-list/styled.js";
 import O 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 ae } from "./components/date-time-picker/index.js";
-import { T as p } from "./TextField-BjFXx91l.js";
+import { DateTimePicker as ee } from "./components/date-time-picker/index.js";
+import { GeometryPicker as ne } from "./components/geometry-picker/index.js";
+import { PhoneInput as ae } from "./components/phone-input/index.js";
+import { T as S } from "./TextField-CdKnj6de.js";
 import { F as le } from "./FormControlLabel-BNT5EI0b.js";
 import { C as te } from "./Checkbox-B0P8LhCl.js";
 import { F as oe, I as de } from "./InputLabel-ClDXuWBr.js";
-import { S as ie } from "./Select-ush_fSWy.js";
+import { S as ie } from "./Select-DuyWoyoF.js";
 import { M as re } from "./MenuItem-Lcjh1XlV.js";
 import { B as L } from "./Box-SSMZuKnS.js";
-import { useState as S } from "react";
+import { useState as p } from "react";
 function me({
   property: i,
   mapboxAccessToken: e,
@@ -25,36 +25,36 @@ function me({
   onChange: g
 }) {
   var C, V, l;
-  const d = O(!1), [m, T] = S(), [b, w] = S(!1), x = 10, A = (t) => {
+  const o = O(!1), [m, T] = p(), [b, w] = p(!1), x = 10, A = (t) => {
     T(I.get(t, i.propertyId));
   }, y = () => {
-    g([...a || [], m]), T(""), d.action.close();
+    g([...a || [], m]), T(""), o.action.close();
   }, D = (t) => () => {
     if (a) {
-      const o = [...a];
-      o.splice(t, 1), g(o);
+      const d = [...a];
+      d.splice(t, 1), g(d);
     }
   }, k = (t) => {
-    const { value: o, checked: c } = t.target;
+    const { value: d, checked: c } = t.target;
     let s = I.isArray(a) ? a : [];
-    c ? s.push(o) : s = s.filter((f) => f !== o), g(s);
+    c ? s.push(d) : s = s.filter((f) => f !== d), g(s);
   };
   if (((V = (C = i.dataTypeInfo) == null ? void 0 : C.innerType) == null ? void 0 : V.type) === "enum") {
     const { enumValues: t } = i.dataTypeInfo.innerType;
     return /* @__PURE__ */ h(M, { children: [
-      /* @__PURE__ */ h(B, { fullWidth: !0, component: "fieldset", variant: u, children: [
-        /* @__PURE__ */ n(N, { component: "legend", sx: { mb: 1 }, children: i.name }),
-        /* @__PURE__ */ n(W, { children: t && t.length > 0 ? t.slice(0, b ? 9999 : x).map((o, c) => /* @__PURE__ */ n(
-          j,
+      /* @__PURE__ */ h(Y, { fullWidth: !0, component: "fieldset", variant: u, children: [
+        /* @__PURE__ */ n($, { component: "legend", sx: { mb: 1 }, children: i.name }),
+        /* @__PURE__ */ n(v, { children: t && t.length > 0 ? t.slice(0, b ? 9999 : x).map((d, c) => /* @__PURE__ */ n(
+          _,
           {
-            label: o,
+            label: d,
             control: /* @__PURE__ */ n(
-              Y,
+              E,
               {
                 name: i.propertyId,
-                value: o,
+                value: d,
                 size: "small",
-                checked: I.isArray(a) ? a.includes(o) : !1,
+                checked: I.isArray(a) ? a.includes(d) : !1,
                 onChange: k
               }
             ),
@@ -72,8 +72,8 @@ function me({
         {
           size: "small",
           sx: { p: 0, textTransform: "none" },
-          endIcon: b ? /* @__PURE__ */ n(Q, {}) : /* @__PURE__ */ n(X, {}),
-          onClick: () => w((o) => !o),
+          endIcon: b ? /* @__PURE__ */ n(B, {}) : /* @__PURE__ */ n(N, {}),
+          onClick: () => w((d) => !d),
           children: [
             "Show ",
             b ? "Less" : "More"
@@ -83,40 +83,40 @@ function me({
     ] });
   }
   return /* @__PURE__ */ h(M, { children: [
-    /* @__PURE__ */ h(R, { variant: u, children: [
+    /* @__PURE__ */ h(X, { variant: u, children: [
       /* @__PURE__ */ n(P, { children: i.name }),
-      /* @__PURE__ */ n(U, { children: I.isArray(a) && a.map((t, o) => {
+      /* @__PURE__ */ n(Z, { children: I.isArray(a) && a.map((t, d) => {
         var c, s;
         return /* @__PURE__ */ n(
-          $,
+          G,
           {
             label: ((s = (c = i.dataTypeInfo) == null ? void 0 : c.innerType) == null ? void 0 : s.type) === "date" ? q(t).format("DD/MM/YYYY HH:mm:ss") : t,
             size: r,
-            onDelete: D(o)
+            onDelete: D(d)
           },
-          o
+          d
         );
       }) }),
       /* @__PURE__ */ n(
-        J,
+        z,
         {
-          startIcon: /* @__PURE__ */ n(Z, {}),
+          startIcon: /* @__PURE__ */ n(W, {}),
           variant: "text",
-          onClick: d.action.open,
+          onClick: o.action.open,
           children: "Add"
         }
       )
     ] }),
     /* @__PURE__ */ h(
-      v,
+      H,
       {
-        open: d.state.isOpen,
-        onClose: d.action.close,
+        open: o.state.isOpen,
+        onClose: o.action.close,
         maxWidth: "sm",
         fullWidth: !0,
         children: [
-          /* @__PURE__ */ n(_, { children: "Add List Value" }),
-          /* @__PURE__ */ n(E, { children: (l = i.dataTypeInfo) != null && l.innerType ? /* @__PURE__ */ n(
+          /* @__PURE__ */ n(K, { children: "Add List Value" }),
+          /* @__PURE__ */ n(R, { children: (l = i.dataTypeInfo) != null && l.innerType ? /* @__PURE__ */ n(
             ce,
             {
               mapboxAccessToken: e,
@@ -129,13 +129,13 @@ function me({
               onChange: A
             }
           ) : null }),
-          /* @__PURE__ */ h(G, { children: [
+          /* @__PURE__ */ h(U, { children: [
             /* @__PURE__ */ n(
               F,
               {
                 variant: "contained",
                 color: "inherit",
-                onClick: d.action.close,
+                onClick: o.action.close,
                 children: "Cancel"
               }
             ),
@@ -153,21 +153,21 @@ function ce({
   variant: u = "standard",
   size: r = "medium",
   defaultExtent: g,
-  fieldOptions: d,
+  fieldOptions: o,
   // keyAuth,
   onChange: m
 }) {
   var k, C, V;
   const T = (l) => {
-    const o = l.target.value.split(",").map((c) => c.trimStart());
+    const d = l.target.value.split(",").map((c) => c.trimStart());
     m({
-      [e.propertyId]: o
+      [e.propertyId]: d
     });
   }, b = (l) => {
-    const { name: t, type: o, checked: c, value: s } = l.target;
+    const { name: t, type: d, checked: c, value: s } = l.target;
     let f = s;
     e.type === "double" && (f = f.replace(",", "."), f = f.replace(/[^\d.-]+/g, "")), m({
-      [t]: o === "checkbox" ? c : f
+      [t]: d === "checkbox" ? c : f
     });
   }, w = (l) => {
     m({
@@ -190,6 +190,8 @@ function ce({
       [l]: t
     });
   };
+  if (o && o[e.propertyId] && o[e.propertyId].component)
+    return o[e.propertyId].component;
   if ([
     "string",
     "integer",
@@ -200,7 +202,7 @@ function ce({
     "bank-account"
   ].includes(e.type))
     return /* @__PURE__ */ n(
-      p,
+      S,
       {
         label: e.name,
         name: e.propertyId,
@@ -215,11 +217,11 @@ function ce({
         fullWidth: !0,
         InputProps: {
           size: r,
-          ...d && d[e.propertyId] && {
-            tabIndex: d[e.propertyId].order
+          ...o && o[e.propertyId] && {
+            tabIndex: o[e.propertyId].order
           },
           ...e.privacyPreservationMethod === "ENCRYPTION" ? {
-            endAdornment: /* @__PURE__ */ n(H, { position: "end", children: /* @__PURE__ */ n(K, { title: "Encrypted Field", children: /* @__PURE__ */ n(z, {}) }) })
+            endAdornment: /* @__PURE__ */ n(J, { position: "end", children: /* @__PURE__ */ n(Q, { title: "Encrypted Field", children: /* @__PURE__ */ n(j, {}) }) })
           } : {}
         }
       }
@@ -227,7 +229,7 @@ function ce({
   if (e.type === "date") {
     const l = a !== void 0 ? q(a).format() : a;
     return /* @__PURE__ */ n(
-      ae,
+      ee,
       {
         label: e.name,
         value: l,
@@ -235,8 +237,8 @@ function ce({
         size: r,
         name: e.propertyId,
         onChange: w,
-        ...d && d[e.propertyId] && {
-          minDate: d[e.propertyId].minDate
+        ...o && o[e.propertyId] && {
+          minDate: o[e.propertyId].minDate
         }
       }
     );
@@ -244,7 +246,7 @@ function ce({
   if (e.type === "list") {
     let l = "";
     return e.defaultValue && (l = I.isArray(e.defaultValue) ? a.join(", ") : e.defaultValue), a && (l = I.isArray(a) ? a.join(",") : a), /* @__PURE__ */ n(
-      p,
+      S,
       {
         label: e.name,
         name: e.propertyId,
@@ -258,8 +260,8 @@ function ce({
         InputProps: {
           size: r,
           placeholder: r === "small" ? "Add list values with the comma (,) separated string" : "",
-          ...d && d[e.propertyId] && {
-            tabIndex: d[e.propertyId].order
+          ...o && o[e.propertyId] && {
+            tabIndex: o[e.propertyId].order
           }
         }
       }
@@ -302,11 +304,11 @@ function ce({
               value: a ?? "",
               onChange: x,
               inputProps: {
-                ...d && d[e.propertyId] && {
-                  tabIndex: d[e.propertyId].order
+                ...o && o[e.propertyId] && {
+                  tabIndex: o[e.propertyId].order
                 }
               },
-              children: l.map((t, o) => /* @__PURE__ */ n(re, { value: t, children: t }, o))
+              children: l.map((t, d) => /* @__PURE__ */ n(re, { value: t, children: t }, d))
             }
           )
         ]
@@ -314,7 +316,7 @@ function ce({
     );
   }
   return e.type === "geometry" ? /* @__PURE__ */ n(L, { sx: { width: "100%" }, children: /* @__PURE__ */ n(
-    ee,
+    ne,
     {
       mapboxAccessToken: i,
       label: e.name,
@@ -324,7 +326,7 @@ function ce({
       onChange: A(e.propertyId)
     }
   ) }) : e.type === "phone-number" ? /* @__PURE__ */ n(L, { sx: { width: "100%" }, children: /* @__PURE__ */ n(
-    ne,
+    ae,
     {
       label: e.name,
       placeholder: "Enter phone number",

package/dist/main.d.ts

@@ -229,6 +229,7 @@ declare interface FieldOptions {
     disabled?: boolean;
     minDate?: Dayjs;
     helperText?: React.ReactNode;
+    component?: React.ReactNode;
     [key: string]: string | number | object | boolean;
 }
 

package/dist/main.js

@@ -33,7 +33,7 @@ import { ThemeProvider as Ee, createTheme as Ue } from "@mui/material";
 import { a as dt } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
 import I from "dayjs";
 import { h as U, j as z } from "./createTheme-DrgvKMA_.js";
-import { b as ut } from "./index-CAaDu0NI.js";
+import { b as ut } from "./index-CNMnXD0q.js";
 var tt = { exports: {} };
 (function(l, D) {
   (function(f, c) {