@hybridcore/ui 1.4.19 → 1.4.20

package/dist/components/instance-form/components/composite-list/index.js

@@ -3,7 +3,7 @@ import "@mui/material";
 import "./styled.js";
 import "@mui/icons-material";
 import "../../../../hooks/useToggle.js";
-import { C as l } from "../../../../index-V39OBeR0.js";
+import { C as l } from "../../../../index-BGS3q6sP.js";
 import "react";
 import "lodash";
 import "dayjs";

package/dist/components/instance-form/components/variable/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "lodash";
 import "dayjs";
-import { V as g } from "../../../../index-V39OBeR0.js";
+import { V as g } from "../../../../index-BGS3q6sP.js";
 import "@mui/material";
 import "@mui/icons-material";
 import "../../../geometry-picker/index.js";

package/dist/components/instance-form/components/variables/index.js

@@ -1,6 +1,6 @@
 import { jsx as t, Fragment as h } from "react/jsx-runtime";
 import p from "react";
-import { V as x } from "../../../../index-V39OBeR0.js";
+import { V as x } from "../../../../index-BGS3q6sP.js";
 import _ from "lodash";
 import { Box as d } from "@mui/material";
 function V({

package/dist/components/property-mapping/index.js

@@ -5,7 +5,7 @@ import { DataGrid as fe } from "@mui/x-data-grid";
 import { useState as H, useEffect as ue } from "react";
 import h from "lodash";
 import { e as ye } from "../../ol-CHaVTXvL.js";
-import { V as he } from "../../index-V39OBeR0.js";
+import { V as he } from "../../index-BGS3q6sP.js";
 import { RangeSelector as me } from "../range-selector/index.js";
 const $e = ({
   open: F,

package/dist/{index-V39OBeR0.js → index-BGS3q6sP.js}

@@ -1,8 +1,8 @@
 import { jsxs as h, Fragment as D, jsx as n } 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 P, Button as L, Chip as O, Dialog as _, DialogTitle as E, DialogContent as G, DialogActions as M, InputAdornment as H, Tooltip as K } from "@mui/material";
-import { Container as R, Values as U, MiniButton as q } from "./components/instance-form/components/composite-list/styled.js";
+import B from "dayjs";
+import { FormControl as N, FormLabel as W, FormGroup as j, FormControlLabel as Y, Checkbox as $, Typography as P, Button as L, Chip as v, Dialog as O, DialogTitle as _, DialogContent as E, DialogActions as G, InputAdornment as M, Tooltip as H } from "@mui/material";
+import { Container as K, Values as R, MiniButton as U } from "./components/instance-form/components/composite-list/styled.js";
 import { KeyboardArrowUp as J, KeyboardArrowDown as Q, Add as X, LockOutlined as Z } from "@mui/icons-material";
 import z from "./hooks/useToggle.js";
 import { GeometryPicker as ee } from "./components/geometry-picker/index.js";
@@ -15,47 +15,47 @@ import { C as ae } from "./Checkbox-qy3cjvnb.js";
 import { F as oe, I as ie } from "./InputLabel-CWkW8NtU.js";
 import { S as de } from "./Select-ClaBvSqf.js";
 import { M as me } from "./MenuItem-D-INSvZa.js";
-import { useState as B } from "react";
+import { useState as q } from "react";
 function ce({
   property: i,
   mapboxAccessToken: e,
   value: l,
-  variant: r = "outlined",
+  variant: s = "outlined",
   size: m = "medium",
   onChange: d
 }) {
   var g, V, t;
-  const f = z(!1), [c, p] = B(), [C, w] = B(!1), x = 10, A = (a) => {
-    p(I.get(a, i.propertyId));
+  const f = z(!1), [c, x] = q(), [C, w] = q(!1), k = 10, A = (a) => {
+    x(I.get(a, i.propertyId));
   }, y = () => {
-    d([...l || [], c]), p(""), f.action.close();
+    d([...l || [], c]), x(""), f.action.close();
   }, F = (a) => () => {
     if (l) {
       const o = [...l];
       o.splice(a, 1), d(o);
     }
-  }, k = (a) => {
-    const { value: o, checked: s } = a.target;
+  }, p = (a) => {
+    const { value: o, checked: r } = a.target;
     let u = I.isArray(l) ? l : [];
-    s ? u.push(o) : u = u.filter((b) => b !== o), d(u);
+    r ? u.push(o) : u = u.filter((b) => b !== o), d(u);
   };
   if (((V = (g = i.dataTypeInfo) == null ? void 0 : g.innerType) == null ? void 0 : V.type) === "enum") {
     const { enumValues: a } = i.dataTypeInfo.innerType;
     return /* @__PURE__ */ h(D, { children: [
-      /* @__PURE__ */ h(W, { fullWidth: !0, component: "fieldset", variant: r, children: [
-        /* @__PURE__ */ n(j, { component: "legend", sx: { mb: 1 }, children: i.name }),
-        /* @__PURE__ */ n(Y, { children: a && a.length > 0 ? a.slice(0, C ? 9999 : x).map((o, s) => /* @__PURE__ */ n(
-          $,
+      /* @__PURE__ */ h(N, { fullWidth: !0, component: "fieldset", variant: s, children: [
+        /* @__PURE__ */ n(W, { component: "legend", sx: { mb: 1 }, children: i.name }),
+        /* @__PURE__ */ n(j, { children: a && a.length > 0 ? a.slice(0, C ? 9999 : k).map((o, r) => /* @__PURE__ */ n(
+          Y,
           {
             label: o,
             control: /* @__PURE__ */ n(
-              v,
+              $,
               {
                 name: i.propertyId,
                 value: o,
                 size: "small",
                 checked: I.isArray(l) ? l.includes(o) : !1,
-                onChange: k
+                onChange: p
               }
             ),
             componentsProps: {
@@ -64,10 +64,10 @@ function ce({
               }
             }
           },
-          s
+          r
         )) : /* @__PURE__ */ n(P, { variant: "caption", mb: 1, children: "No enum values!" }) })
       ] }),
-      I.isArray(a) && a.length > x && /* @__PURE__ */ h(
+      I.isArray(a) && a.length > k && /* @__PURE__ */ h(
         L,
         {
           size: "small",
@@ -83,14 +83,14 @@ function ce({
     ] });
   }
   return /* @__PURE__ */ h(D, { children: [
-    /* @__PURE__ */ h(R, { variant: r, children: [
+    /* @__PURE__ */ h(K, { variant: s, children: [
       /* @__PURE__ */ n(P, { children: i.name }),
-      /* @__PURE__ */ n(U, { children: I.isArray(l) && l.map((a, o) => {
-        var s, u;
+      /* @__PURE__ */ n(R, { children: I.isArray(l) && l.map((a, o) => {
+        var r, u;
         return /* @__PURE__ */ n(
-          O,
+          v,
           {
-            label: ((u = (s = i.dataTypeInfo) == null ? void 0 : s.innerType) == null ? void 0 : u.type) === "date" ? N(a).format("DD/MM/YYYY HH:mm:ss") : a,
+            label: ((u = (r = i.dataTypeInfo) == null ? void 0 : r.innerType) == null ? void 0 : u.type) === "date" ? B(a).format("DD/MM/YYYY HH:mm:ss") : a,
             size: m,
             onDelete: F(o)
           },
@@ -98,7 +98,7 @@ function ce({
         );
       }) }),
       /* @__PURE__ */ n(
-        q,
+        U,
         {
           startIcon: /* @__PURE__ */ n(X, {}),
           variant: "text",
@@ -108,16 +108,16 @@ function ce({
       )
     ] }),
     /* @__PURE__ */ h(
-      _,
+      O,
       {
         open: f.state.isOpen,
         onClose: f.action.close,
         maxWidth: "sm",
         fullWidth: !0,
         children: [
-          /* @__PURE__ */ n(E, { children: "Add List Value" }),
-          /* @__PURE__ */ n(G, { children: (t = i.dataTypeInfo) != null && t.innerType ? /* @__PURE__ */ n(
-            se,
+          /* @__PURE__ */ n(_, { children: "Add List Value" }),
+          /* @__PURE__ */ n(E, { children: (t = i.dataTypeInfo) != null && t.innerType ? /* @__PURE__ */ n(
+            re,
             {
               mapboxAccessToken: e,
               property: {
@@ -129,7 +129,7 @@ function ce({
               onChange: A
             }
           ) : null }),
-          /* @__PURE__ */ h(M, { children: [
+          /* @__PURE__ */ h(G, { children: [
             /* @__PURE__ */ n(
               L,
               {
@@ -146,34 +146,34 @@ function ce({
     )
   ] });
 }
-function se({
+function re({
   mapboxAccessToken: i,
   property: e,
   value: l,
-  variant: r = "standard",
+  variant: s = "standard",
   size: m = "medium",
   disableMargin: d = !1,
   defaultExtent: f,
   // keyAuth,
   onChange: c
 }) {
-  var k, g, V;
-  const p = (t) => {
-    const o = t.target.value.split(",").map((s) => s.trimStart());
+  var p, g, V;
+  const x = (t) => {
+    const o = t.target.value.split(",").map((r) => r.trimStart());
     c({
       [e.propertyId]: o
     });
   }, C = (t) => {
-    const { name: a, type: o, checked: s, value: u } = t.target;
+    const { name: a, type: o, checked: r, value: u } = t.target;
     let b = u;
     e.type === "double" && (b = b.replace(",", "."), b = b.replace(/[^\d.-]+/g, "")), c({
-      [a]: o === "checkbox" ? s : b
+      [a]: o === "checkbox" ? r : b
     });
   }, w = (t) => {
     c({
       [e.propertyId]: t
     });
-  }, x = (t) => {
+  }, k = (t) => {
     c({
       [e.propertyId]: t.target.value
     });
@@ -204,10 +204,11 @@ function se({
       {
         label: e.name,
         name: e.propertyId,
+        required: e.required,
         value: l ?? e.defaultValue ?? "",
         defaultValue: l,
         onChange: C,
-        variant: r,
+        variant: s,
         type: "text",
         multiline: e.type === "text",
         disabled: !e.editable,
@@ -216,19 +217,19 @@ function se({
         InputProps: {
           size: m,
           ...e.privacyPreservationMethod === "ENCRYPTION" ? {
-            endAdornment: /* @__PURE__ */ n(H, { position: "end", children: /* @__PURE__ */ n(K, { title: "Encrypted Field", children: /* @__PURE__ */ n(Z, {}) }) })
+            endAdornment: /* @__PURE__ */ n(M, { position: "end", children: /* @__PURE__ */ n(H, { title: "Encrypted Field", children: /* @__PURE__ */ n(Z, {}) }) })
           } : {}
         }
       }
     );
   if (e.type === "date") {
-    const t = l !== void 0 ? N(l).format() : l;
+    const t = l !== void 0 ? B(l).format() : l;
     return /* @__PURE__ */ n(T, { mb: d ? 0 : 2, children: /* @__PURE__ */ n(
       le,
       {
         label: e.name,
         value: t,
-        variant: r,
+        variant: s,
         size: m,
         name: e.propertyId,
         onChange: w
@@ -243,9 +244,10 @@ function se({
         label: e.name,
         name: e.propertyId,
         value: t,
-        onChange: p,
-        variant: r,
+        onChange: x,
+        variant: s,
         disabled: !e.editable,
+        required: e.required,
         fullWidth: !0,
         helperText: m === "small" ? null : "Add list values with the comma (,) separated string",
         sx: { mb: d ? 0 : 2 },
@@ -274,13 +276,14 @@ function se({
     ) });
   if (e.type === "enum") {
     let t = [];
-    return (k = e.dataTypeInfo) != null && k.enumValues && (t = e.dataTypeInfo.enumValues), (V = (g = e.dataTypeInfo) == null ? void 0 : g.innerType) != null && V.enumValues && (t = e.dataTypeInfo.innerType.enumValues), /* @__PURE__ */ h(
+    return (p = e.dataTypeInfo) != null && p.enumValues && (t = e.dataTypeInfo.enumValues), (V = (g = e.dataTypeInfo) == null ? void 0 : g.innerType) != null && V.enumValues && (t = e.dataTypeInfo.innerType.enumValues), /* @__PURE__ */ h(
       oe,
       {
         fullWidth: !0,
-        variant: r,
+        variant: s,
         sx: { mb: d ? 0 : 2 },
         size: m,
+        required: e.required,
         children: [
           /* @__PURE__ */ n(ie, { id: `${e.propertyId}-label`, children: e.name }),
           /* @__PURE__ */ n(
@@ -291,7 +294,7 @@ function se({
               labelId: `${e.propertyId}-label`,
               id: e.propertyId,
               value: l ?? "",
-              onChange: x,
+              onChange: k,
               children: t.map((a, o) => /* @__PURE__ */ n(me, { value: a, children: a }, o))
             }
           )
@@ -306,7 +309,7 @@ function se({
       label: e.name,
       value: l ?? e.defaultValue ?? "",
       defaultExtent: f,
-      variant: r,
+      variant: s,
       onChange: A(e.propertyId)
     }
   ) }) : e.type === "phone-number" ? /* @__PURE__ */ n(T, { sx: { mb: d ? 0 : 2, width: "100%" }, children: /* @__PURE__ */ n(
@@ -322,7 +325,7 @@ function se({
     {
       property: e,
       value: l ?? e.defaultValue ?? "",
-      variant: r,
+      variant: s,
       size: m,
       mapboxAccessToken: i,
       onChange: F(e.propertyId)
@@ -331,5 +334,5 @@ function se({
 }
 export {
   ce as C,
-  se as V
+  re as V
 };

package/package.json

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