@hybridcore/ui 1.3.5 → 1.3.7

package/dist/{index-B3Oj04nl.js → index-CJVcedWy.js}

@@ -1,74 +1,74 @@
-import { jsxs as h, Fragment as P, jsx as n } from "react/jsx-runtime";
+import { jsxs as C, Fragment as P, jsx as n } from "react/jsx-runtime";
 import T from "lodash";
-import v from "dayjs";
-import { Typography as F, Chip as B, Dialog as S, DialogTitle as j, DialogContent as N, DialogActions as W, Button as w, InputAdornment as Y, Tooltip as O, Stack as _ } from "@mui/material";
-import { Container as y, Values as E, MiniButton as G } from "./components/data-management/instance-form/components/composite-list/styled.js";
-import { Add as H, LockOutlined as R } from "@mui/icons-material";
-import $ from "./hooks/useToggle.js";
-import { GeometryPicker as q } from "./components/geometry-picker/index.js";
-import { PhoneInput as J } from "./components/phone-input/index.js";
-import { DateTimePicker as K } from "./components/date-time-picker/index.js";
-import { T as D, F as Q } from "./FormControlLabel-DENNVXWL.js";
-import { B as x, C as U } from "./Checkbox-BFWhj3s-.js";
-import { F as X, I as Z } from "./FormControl-BMRUQKHh.js";
-import { S as M } from "./Select-NDq3WyLt.js";
-import { M as z } from "./MenuItem-DstAFfik.js";
-import { useState as ee } from "react";
-function ne({
+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/data-management/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, F as K } from "./FormControlLabel-DENNVXWL.js";
+import { B as b, C as Q } from "./Checkbox-BFWhj3s-.js";
+import { F as U, I as X } from "./FormControl-BMRUQKHh.js";
+import { S as Z } from "./Select-NDq3WyLt.js";
+import { M } from "./MenuItem-DstAFfik.js";
+import { useState as z } from "react";
+function ee({
   property: m,
   mapboxAccessToken: e,
   value: l,
-  variant: u = "standard",
-  size: o = "medium",
+  variant: c = "outlined",
+  size: i = "medium",
   onChange: a
 }) {
-  var V;
-  const s = $(!1), [d, C] = ee(), g = (c) => {
-    C(T.get(c, m.propertyId));
+  var x;
+  const s = R(!1), [d, g] = z(), V = (u) => {
+    g(T.get(u, m.propertyId));
   }, k = () => {
-    a([...l || [], d]), C(""), s.action.close();
-  }, A = (c) => () => {
+    a([...l || [], d]), g(""), s.action.close();
+  }, A = (u) => () => {
     if (l) {
-      let r = [...l];
-      r.splice(c, 1), a(r);
+      let h = [...l];
+      h.splice(u, 1), a(h);
     }
   };
-  return /* @__PURE__ */ h(P, { children: [
-    /* @__PURE__ */ h(y, { variant: u, children: [
-      /* @__PURE__ */ n(F, { children: m.name }),
-      /* @__PURE__ */ n(E, { children: T.isArray(l) && l.map((c, r) => {
-        var f, t;
+  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, h) => {
+        var r, t;
         return /* @__PURE__ */ n(
-          B,
+          j,
           {
-            label: ((t = (f = m.dataTypeInfo) == null ? void 0 : f.innerType) == null ? void 0 : t.type) === "date" ? v(c).format("DD/MM/YYYY HH:mm:ss") : c,
-            size: o,
-            onDelete: A(r)
+            label: ((t = (r = m.dataTypeInfo) == null ? void 0 : r.innerType) == null ? void 0 : t.type) === "date" ? F(u).format("DD/MM/YYYY HH:mm:ss") : u,
+            size: i,
+            onDelete: A(h)
           },
-          r
+          h
         );
       }) }),
       /* @__PURE__ */ n(
-        G,
+        E,
         {
-          startIcon: /* @__PURE__ */ n(H, {}),
+          startIcon: /* @__PURE__ */ n(G, {}),
           variant: "text",
           onClick: s.action.open,
           children: "Add"
         }
       )
     ] }),
-    /* @__PURE__ */ h(
-      S,
+    /* @__PURE__ */ C(
+      N,
       {
         open: s.state.isOpen,
         onClose: s.action.close,
         maxWidth: "sm",
         fullWidth: !0,
         children: [
-          /* @__PURE__ */ n(j, { children: "Add List Value" }),
-          /* @__PURE__ */ n(N, { children: (V = m.dataTypeInfo) != null && V.innerType ? /* @__PURE__ */ n(
-            te,
+          /* @__PURE__ */ n(S, { children: "Add List Value" }),
+          /* @__PURE__ */ n(W, { children: (x = m.dataTypeInfo) != null && x.innerType ? /* @__PURE__ */ n(
+            ne,
             {
               mapboxAccessToken: e,
               property: {
@@ -77,10 +77,10 @@ function ne({
                 type: m.dataTypeInfo.innerType.type
               },
               value: d,
-              onChange: g
+              onChange: V
             }
           ) : null }),
-          /* @__PURE__ */ h(W, { children: [
+          /* @__PURE__ */ C(Y, { children: [
             /* @__PURE__ */ n(
               w,
               {
@@ -97,28 +97,28 @@ function ne({
     )
   ] });
 }
-function te({
+function ne({
   mapboxAccessToken: m,
   property: e,
   value: l,
-  variant: u = "standard",
-  size: o = "medium",
+  variant: c = "standard",
+  size: i = "medium",
   disableMargin: a = !1,
   defaultExtent: s,
   // keyAuth,
   onChange: d
 }) {
-  var f;
-  const C = (t) => {
-    const I = t.target.value.split(",").map((p) => p.trimStart());
+  var r;
+  const g = (t) => {
+    const f = t.target.value.split(",").map((p) => p.trimStart());
     d({
-      [e.propertyId]: I
+      [e.propertyId]: f
     });
-  }, g = (t) => {
-    const { name: i, type: I, checked: p, value: L } = t.target;
-    let b = L;
-    e.type === "double" && (b = b.replace(",", "."), b = b.replace(/[^\d.-]+/g, "")), d({
-      [i]: I === "checkbox" ? p : b
+  }, V = (t) => {
+    const { name: o, type: f, checked: p, value: L } = t.target;
+    let I = L;
+    e.type === "double" && (I = I.replace(",", "."), I = I.replace(/[^\d.-]+/g, "")), d({
+      [o]: f === "checkbox" ? p : I
     });
   }, k = (t) => {
     d({
@@ -128,17 +128,17 @@ function te({
     d({
       [e.propertyId]: t.target.value
     });
-  }, V = (t) => (i) => {
+  }, x = (t) => (o) => {
     d({
-      [t]: i
+      [t]: o
     });
-  }, c = (t) => (i) => {
+  }, u = (t) => (o) => {
     d({
-      [t]: i
+      [t]: o
     });
-  }, r = (t) => (i) => {
+  }, h = (t) => (o) => {
     d({
-      [t]: i
+      [t]: o
     });
   };
   if ([
@@ -157,36 +157,34 @@ function te({
         name: e.propertyId,
         value: l ?? e.defaultValue ?? "",
         defaultValue: l,
-        onChange: g,
-        variant: u,
+        onChange: V,
+        variant: c,
         type: "text",
         multiline: e.type === "text",
         disabled: !e.editable,
         fullWidth: !0,
         sx: { mb: a ? 0 : 2 },
         InputProps: {
-          size: o,
+          size: i,
           ...e.privacyPreservationMethod === "ENCRYPTION" ? {
-            endAdornment: /* @__PURE__ */ n(Y, { position: "end", children: /* @__PURE__ */ n(O, { title: "Encrypted Field", children: /* @__PURE__ */ n(R, {}) }) })
+            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 ? v(l).format() : "";
-    return /* @__PURE__ */ h(_, { mb: a ? 0 : 2, children: [
-      /* @__PURE__ */ n(F, { variant: "subtitle2", children: e.name }),
-      /* @__PURE__ */ n(
-        K,
-        {
-          value: t,
-          variant: u,
-          size: o,
-          name: e.propertyId,
-          onChange: k
-        }
-      )
-    ] });
+    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: k
+      }
+    ) });
   }
   if (e.type === "list") {
     let t = "";
@@ -196,30 +194,30 @@ function te({
         label: e.name,
         name: e.propertyId,
         value: t,
-        onChange: C,
-        variant: u,
+        onChange: g,
+        variant: c,
         disabled: !e.editable,
         fullWidth: !0,
-        helperText: o === "small" ? null : "Add list values with the comma (,) separated string",
+        helperText: i === "small" ? null : "Add list values with the comma (,) separated string",
         sx: { mb: a ? 0 : 2 },
         InputProps: {
-          size: o,
-          placeholder: o === "small" ? "Add list values with the comma (,) separated string" : ""
+          size: i,
+          placeholder: i === "small" ? "Add list values with the comma (,) separated string" : ""
         }
       }
     );
   }
   if (e.type === "boolean")
-    return /* @__PURE__ */ n(x, { mb: a ? 0 : 2, children: /* @__PURE__ */ n(
-      Q,
+    return /* @__PURE__ */ n(b, { mb: a ? 0 : 2, children: /* @__PURE__ */ n(
+      K,
       {
         control: /* @__PURE__ */ n(
-          U,
+          Q,
           {
             name: e.propertyId,
             checked: !!l,
-            onChange: g,
-            size: o
+            onChange: V,
+            size: i
           }
         ),
         label: e.name
@@ -227,17 +225,17 @@ function te({
     ) });
   if (e.type === "enum") {
     let t = [];
-    return (f = e.dataTypeInfo) != null && f.enumValues && (t = e.dataTypeInfo.enumValues), /* @__PURE__ */ h(
-      X,
+    return (r = e.dataTypeInfo) != null && r.enumValues && (t = e.dataTypeInfo.enumValues), /* @__PURE__ */ C(
+      U,
       {
         fullWidth: !0,
-        variant: u,
+        variant: c,
         sx: { mb: a ? 0 : 2 },
-        size: o,
+        size: i,
         children: [
-          /* @__PURE__ */ n(Z, { id: `${e.propertyId}-label`, children: e.name }),
+          /* @__PURE__ */ n(X, { id: `${e.propertyId}-label`, children: e.name }),
           /* @__PURE__ */ n(
-            M,
+            Z,
             {
               label: e.name,
               name: e.name,
@@ -245,43 +243,44 @@ function te({
               id: e.propertyId,
               value: l ?? "",
               onChange: A,
-              children: t.map((i, I) => /* @__PURE__ */ n(z, { value: i, children: i }, I))
+              children: t.map((o, f) => /* @__PURE__ */ n(M, { value: o, children: o }, f))
             }
           )
         ]
       }
     );
   }
-  return e.type === "geometry" ? /* @__PURE__ */ n(x, { sx: { mb: a ? 0 : 2, width: "100%" }, children: /* @__PURE__ */ n(
-    q,
+  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,
-      onChange: V(e.propertyId)
+      variant: c,
+      onChange: x(e.propertyId)
     }
-  ) }) : e.type === "phone-number" ? /* @__PURE__ */ n(x, { sx: { mb: a ? 0 : 2, width: "100%" }, children: /* @__PURE__ */ n(
-    J,
+  ) }) : 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: c(e.propertyId)
+      onChange: u(e.propertyId)
     }
-  ) }) : e.type === "composite-list" ? /* @__PURE__ */ n(x, { sx: { mb: a ? 0 : 2, width: "100%" }, children: /* @__PURE__ */ n(
-    ne,
+  ) }) : 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: u,
-      size: o,
+      variant: c,
+      size: i,
       mapboxAccessToken: m,
-      onChange: r(e.propertyId)
+      onChange: h(e.propertyId)
     }
   ) }) : /* @__PURE__ */ n(P, {});
 }
 export {
-  ne as C,
-  te as V
+  ee as C,
+  ne as V
 };

package/dist/main.d.ts

@@ -166,7 +166,7 @@ declare interface DisseminationListProps {
     /**
      *
      */
-    variant?: "standart" | "outlined";
+    variant?: "standard" | "outlined" | "filled";
     /**
      *
      */
@@ -235,6 +235,7 @@ K extends
      *
      */
     variant?: "inline" | "dialog";
+    inputVariant?: "standard" | "outlined" | "filled";
     /**
      *
      */
@@ -501,7 +502,7 @@ declare interface Props_3 {
     /**
      *
      */
-    value: string;
+    value?: string;
     /**
      *
      */
@@ -509,6 +510,8 @@ declare interface Props_3 {
     /**
      *
      */
+    label?: string;
+
     name?: string;
     /**
      *
@@ -553,6 +556,7 @@ declare interface Props_4 {
      *
      */
     defaultExtent?: Extent;
+    variant?: "standard" | "outlined" | "filled";
     /**
      *
      */
@@ -671,7 +675,7 @@ declare interface SecurityLevelProps {
     /**
      *
      */
-    variant?: "standard" | "outlined";
+    variant?: "standard" | "outlined" | "filled";
     /**
      *
      */
@@ -719,6 +723,7 @@ declare interface TreeSelectProps {
      *
      */
     selected: "" | string[] | undefined;
+    variant?: "standard" | "outlined" | "filled";
     disabled?: string[];
     label?: string;
     idKey?: string;

package/package.json

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