@hybridcore/ui 1.4.4 → 1.4.5

package/dist/components/template-form/components/property-list/index.js

@@ -2,7 +2,7 @@ import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import { DataGrid as d } from "@mui/x-data-grid";
 import { A as n, a as m, d as s } from "../../../../Add-eepk2WTM.js";
 import p from "./property-list-columns.js";
-import { a as c } from "../../../../property-list-form-BfP9gzSo.js";
+import { a as c } from "../../../../property-list-form-D-SW5H_I.js";
 import u from "./property-list-logic.js";
 import { B as f } from "../../../../Box-BPyg-Ybm.js";
 import { T as y } from "../../../../Typography-Bm7PFqUT.js";

package/dist/components/template-form/components/property-list/property-list-form.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "lodash";
-import { a as b } from "../../../../property-list-form-BfP9gzSo.js";
+import { a as b } from "../../../../property-list-form-D-SW5H_I.js";
 import "../../../../constants/index.js";
 import "../../../../TextField-D87qTh1k.js";
 import "../../../../InputLabel-CWkW8NtU.js";

package/dist/components/template-form/index.js

@@ -10,7 +10,7 @@ import { TreeSelect as _ } from "../tree-select/index.js";
 import { FormLabel as w, Button as b } from "@mui/material";
 import A from "./components/select-icon/index.js";
 import { T as m } from "../../TextField-D87qTh1k.js";
-import { F as g } from "../../property-list-form-BfP9gzSo.js";
+import { F as g } from "../../property-list-form-D-SW5H_I.js";
 import { F as d } from "../../FormControlLabel-D9KFjcIx.js";
 import { C as c } from "../../Checkbox-qy3cjvnb.js";
 import { B as p } from "../../Box-BPyg-Ybm.js";

package/dist/main.d.ts

@@ -1389,6 +1389,7 @@ declare namespace ONTOLOGY {
     coordinateFormat?: string;
     innerType?: {
       type: string;
+      enumValues?: string[];
     };
     enumValues?: string[];
   }

package/dist/{property-list-form-BfP9gzSo.js → property-list-form-D-SW5H_I.js}

@@ -1,43 +1,43 @@
-import B, { jsx as t, jsxs as c, Fragment as L } from "react/jsx-runtime";
-import * as Y from "react";
+import K, { jsx as t, jsxs as c, Fragment as J } from "react/jsx-runtime";
+import * as Q from "react";
 import F from "react";
-import $ from "lodash";
-import { r as z, i as H } from "./createSvgIcon-Cfm1LkEe.js";
-import { DATA_TYPES as R, COORDINATE_FORMAT as K, PRIVACY_PRESERVATION_METHOD as G } from "./constants/index.js";
-import { T as y } from "./TextField-D87qTh1k.js";
-import { f as J, F as w, I as C } from "./InputLabel-CWkW8NtU.js";
+import X from "lodash";
+import { r as Z, i as ee } from "./createSvgIcon-Cfm1LkEe.js";
+import { DATA_TYPES as R, COORDINATE_FORMAT as te, PRIVACY_PRESERVATION_METHOD as Y } from "./constants/index.js";
+import { T as b } from "./TextField-D87qTh1k.js";
+import { f as re, F as w, I as C } from "./InputLabel-CWkW8NtU.js";
 import { S as P } from "./Select-ClaBvSqf.js";
 import { M as _ } from "./MenuItem-D-INSvZa.js";
-import { _ as M, a as Q } from "./objectWithoutPropertiesLoose-BK36oJDi.js";
+import { _ as M, a as ae } from "./objectWithoutPropertiesLoose-BK36oJDi.js";
 import { P as n } from "./createStyled-BzvgQjjR.js";
-import { g as X, u as Z, c as ee, a as te } from "./useThemeProps-uYx_RkOH.js";
-import { g as re, s as ae } from "./styled-LNCprp4n.js";
-import { u as oe } from "./useFormControl-CatNKXAi.js";
-import { F as p } from "./FormControlLabel-D9KFjcIx.js";
-import { C as f } from "./Checkbox-qy3cjvnb.js";
-import { B as le } from "./Box-BPyg-Ybm.js";
-import { B as A } from "./Button-DLwB_sKd.js";
-function ne(a) {
-  return re("MuiFormGroup", a);
+import { g as oe, u as le, c as ne, a as ie } from "./useThemeProps-uYx_RkOH.js";
+import { g as se, s as de } from "./styled-LNCprp4n.js";
+import { u as me } from "./useFormControl-CatNKXAi.js";
+import { F as f } from "./FormControlLabel-D9KFjcIx.js";
+import { C as y } from "./Checkbox-qy3cjvnb.js";
+import { B as ce } from "./Box-BPyg-Ybm.js";
+import { B as $ } from "./Button-DLwB_sKd.js";
+function ue(a) {
+  return se("MuiFormGroup", a);
 }
-X("MuiFormGroup", ["root", "row", "error"]);
-const se = ["className", "row"], ie = (a) => {
+oe("MuiFormGroup", ["root", "row", "error"]);
+const pe = ["className", "row"], fe = (a) => {
   const {
-    classes: s,
-    row: d,
-    error: i
+    classes: i,
+    row: m,
+    error: s
   } = a;
-  return te({
-    root: ["root", d && "row", i && "error"]
-  }, ne, s);
-}, de = ae("div", {
+  return ie({
+    root: ["root", m && "row", s && "error"]
+  }, ue, i);
+}, ye = de("div", {
   name: "MuiFormGroup",
   slot: "Root",
-  overridesResolver: (a, s) => {
+  overridesResolver: (a, i) => {
     const {
-      ownerState: d
+      ownerState: m
     } = a;
-    return [s.root, d.row && s.row];
+    return [i.root, m.row && i.row];
   }
 })(({
   ownerState: a
@@ -47,28 +47,28 @@ const se = ["className", "row"], ie = (a) => {
   flexWrap: "wrap"
 }, a.row && {
   flexDirection: "row"
-})), U = /* @__PURE__ */ Y.forwardRef(function(s, d) {
-  const i = Z({
-    props: s,
+})), z = /* @__PURE__ */ Q.forwardRef(function(i, m) {
+  const s = le({
+    props: i,
     name: "MuiFormGroup"
   }), {
-    className: b,
+    className: v,
     row: e = !1
-  } = i, h = Q(i, se), m = oe(), v = J({
-    props: i,
-    muiFormControl: m,
+  } = s, h = ae(s, pe), u = me(), T = re({
+    props: s,
+    muiFormControl: u,
     states: ["error"]
-  }), o = M({}, i, {
+  }), o = M({}, s, {
     row: e,
-    error: v.error
-  }), g = ie(o);
-  return /* @__PURE__ */ t(de, M({
-    className: ee(g.root, b),
+    error: T.error
+  }), g = fe(o);
+  return /* @__PURE__ */ t(ye, M({
+    className: ne(g.root, v),
     ownerState: o,
-    ref: d
+    ref: m
   }, h));
 });
-process.env.NODE_ENV !== "production" && (U.propTypes = {
+process.env.NODE_ENV !== "production" && (z.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
@@ -95,23 +95,23 @@ process.env.NODE_ENV !== "production" && (U.propTypes = {
    */
   sx: n.oneOfType([n.arrayOf(n.oneOfType([n.func, n.object, n.bool])), n.func, n.object])
 });
-var q = {}, ce = H;
+var q = {}, he = ee;
 Object.defineProperty(q, "__esModule", {
   value: !0
 });
-var V = q.default = void 0, me = ce(z()), ue = B;
-V = q.default = (0, me.default)(/* @__PURE__ */ (0, ue.jsx)("path", {
+var H = q.default = void 0, be = he(Z()), ve = K;
+H = q.default = (0, be.default)(/* @__PURE__ */ (0, ve.jsx)("path", {
   d: "M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"
 }), "Check");
-function De({
+function We({
   inputVariant: a,
-  defaultValues: s = {
+  defaultValues: i = {
     name: "",
     propertyId: "",
     type: R[0],
     dataTypeInfo: {},
     defaultValue: "",
-    privacyPreservationMethod: G[0],
+    privacyPreservationMethod: Y[0],
     required: !1,
     visible: !1,
     editable: !1,
@@ -119,46 +119,46 @@ function De({
     temporal: !1,
     unique: !1
   },
-  disablePropertyId: d,
-  onSubmit: i,
-  onCancel: b
+  disablePropertyId: m,
+  onSubmit: s,
+  onCancel: v
 }) {
-  var D, k, E, S, O, j, W, N;
-  const [e, h] = F.useState(s), [m, v] = F.useState({
+  var D, k, E, S, j, O, W, N, G, V, A, U, B, L;
+  const [e, h] = F.useState(i), [u, T] = F.useState({
     name: !1
   }), o = (r) => {
-    var T, x;
+    var x, I;
     const l = r.target.name;
-    let u = r.target.type === "checkbox" ? r.target.checked : r.target.value;
-    if ((e.type === "enum" || ((x = (T = e.dataTypeInfo) == null ? void 0 : T.innerType) == null ? void 0 : x.type) === "enum") && l === "dataTypeInfo.enumValues" && (u = u.split(",")), l.includes(".")) {
-      let I = { ...e };
-      $.set(I, l, u), h(I);
+    let d = r.target.type === "checkbox" ? r.target.checked : r.target.value;
+    if (e.type === "enum" && l === "dataTypeInfo.enumValues" && (d = d.split(",")), ((I = (x = e.dataTypeInfo) == null ? void 0 : x.innerType) == null ? void 0 : I.type) === "enum" && l === "dataTypeInfo.innerType.enumValues" && (d = d.split(",").map((p) => p.trim())), l.includes(".")) {
+      let p = { ...e };
+      X.set(p, l, d), h(p);
       return;
     }
-    h((I) => ({
-      ...I,
-      [l]: u
+    h((p) => ({
+      ...p,
+      [l]: d
     }));
   }, g = () => {
     if (!e.name) {
-      v({ ...m, name: !0 });
+      T({ ...u, name: !0 });
       return;
     }
-    i(e);
+    s(e);
   };
-  return F.useEffect(() => (m.name && e.name && v({ ...m, name: !1 }), () => {
+  return F.useEffect(() => (u.name && e.name && T({ ...u, name: !1 }), () => {
   }), [e.name]), F.useEffect(() => {
     if (!["date", "coordinate", "composite-list", "enum"].includes(e.type)) {
       if (e.dataTypeInfo) {
-        const { coordinateFormat: r, datePattern: l, innerType: u, enumValues: T } = e.dataTypeInfo;
-        (r || l || u || T) && h((x) => ({ ...x, dataTypeInfo: {} }));
+        const { coordinateFormat: r, datePattern: l, innerType: d, enumValues: x } = e.dataTypeInfo;
+        (r || l || d || x) && h((I) => ({ ...I, dataTypeInfo: {} }));
       }
       return () => {
       };
     }
-  }, [e.type]), /* @__PURE__ */ c(L, { children: [
+  }, [e.type]), /* @__PURE__ */ c(J, { children: [
     /* @__PURE__ */ t(
-      y,
+      b,
       {
         label: "Name",
         name: "name",
@@ -168,20 +168,20 @@ function De({
         value: e.name,
         onChange: o,
         required: !0,
-        ...m.name && {
+        ...u.name && {
           error: !0,
           helperText: "This field is required!"
         }
       }
     ),
     /* @__PURE__ */ t(
-      y,
+      b,
       {
         label: "Property ID",
         name: "propertyId",
         variant: a,
         fullWidth: !0,
-        disabled: d,
+        disabled: m,
         sx: { mb: 2 },
         value: e.propertyId,
         onChange: o
@@ -203,7 +203,7 @@ function De({
       )
     ] }),
     e.type === "date" && /* @__PURE__ */ t(
-      y,
+      b,
       {
         label: "Date Format",
         name: "dataTypeInfo.datePattern",
@@ -225,7 +225,7 @@ function De({
           id: "coordinate-format-select",
           value: (k = e.dataTypeInfo) == null ? void 0 : k.coordinateFormat,
           onChange: o,
-          children: K.map((r, l) => /* @__PURE__ */ t(_, { value: r, children: r }, l))
+          children: te.map((r, l) => /* @__PURE__ */ t(_, { value: r, children: r }, l))
         }
       )
     ] }),
@@ -246,21 +246,21 @@ function De({
         }
       )
     ] }),
-    (e.type === "enum" || ((j = (O = e.dataTypeInfo) == null ? void 0 : O.innerType) == null ? void 0 : j.type) === "enum") && /* @__PURE__ */ t(
-      y,
+    (e.type === "enum" || ((O = (j = e.dataTypeInfo) == null ? void 0 : j.innerType) == null ? void 0 : O.type) === "enum") && /* @__PURE__ */ t(
+      b,
       {
         label: "Enum Values",
-        name: "dataTypeInfo.enumValues",
+        name: ((N = (W = e.dataTypeInfo) == null ? void 0 : W.innerType) == null ? void 0 : N.type) === "enum" ? "dataTypeInfo.innerType.enumValues" : "dataTypeInfo.enumValues",
         variant: a,
         fullWidth: !0,
         sx: { mb: 2 },
-        value: (N = (W = e.dataTypeInfo) == null ? void 0 : W.enumValues) == null ? void 0 : N.join(","),
+        value: ((V = (G = e.dataTypeInfo) == null ? void 0 : G.innerType) == null ? void 0 : V.type) === "enum" ? (U = (A = e.dataTypeInfo.innerType) == null ? void 0 : A.enumValues) == null ? void 0 : U.join(",") : (L = (B = e.dataTypeInfo) == null ? void 0 : B.enumValues) == null ? void 0 : L.join(","),
         onChange: o,
         helperText: "Add list values with the comma (,) separated string"
       }
     ),
     /* @__PURE__ */ t(
-      y,
+      b,
       {
         label: "Default Value",
         name: "defaultValue",
@@ -282,17 +282,17 @@ function De({
           id: "privacy-method",
           value: e.privacyPreservationMethod,
           onChange: o,
-          children: G.map((r, l) => /* @__PURE__ */ t(_, { value: r, children: r }, l))
+          children: Y.map((r, l) => /* @__PURE__ */ t(_, { value: r, children: r }, l))
         }
       )
     ] }),
-    /* @__PURE__ */ c(U, { row: !0, sx: { mb: 2 }, children: [
+    /* @__PURE__ */ c(z, { row: !0, sx: { mb: 2 }, children: [
       /* @__PURE__ */ t(
-        p,
+        f,
         {
           label: "Required",
           control: /* @__PURE__ */ t(
-            f,
+            y,
             {
               name: "required",
               checked: e.required,
@@ -303,11 +303,11 @@ function De({
         }
       ),
       /* @__PURE__ */ t(
-        p,
+        f,
         {
           label: "Editable",
           control: /* @__PURE__ */ t(
-            f,
+            y,
             {
               name: "editable",
               checked: e.editable,
@@ -318,11 +318,11 @@ function De({
         }
       ),
       /* @__PURE__ */ t(
-        p,
+        f,
         {
           label: "Visible",
           control: /* @__PURE__ */ t(
-            f,
+            y,
             {
               name: "visible",
               checked: e.visible,
@@ -333,19 +333,19 @@ function De({
         }
       ),
       /* @__PURE__ */ t(
-        p,
+        f,
         {
           label: "Unique",
-          control: /* @__PURE__ */ t(f, { name: "unique", checked: e.unique, onChange: o }),
+          control: /* @__PURE__ */ t(y, { name: "unique", checked: e.unique, onChange: o }),
           sx: { width: "30%" }
         }
       ),
       /* @__PURE__ */ t(
-        p,
+        f,
         {
           label: "Distinctive",
           control: /* @__PURE__ */ t(
-            f,
+            y,
             {
               name: "distinctive",
               checked: e.distinctive,
@@ -356,11 +356,11 @@ function De({
         }
       ),
       /* @__PURE__ */ t(
-        p,
+        f,
         {
           label: "Temporal",
           control: /* @__PURE__ */ t(
-            f,
+            y,
             {
               name: "temporal",
               checked: e.temporal,
@@ -371,13 +371,13 @@ function De({
         }
       )
     ] }),
-    /* @__PURE__ */ c(le, { display: "flex", justifyContent: "flex-end", children: [
-      /* @__PURE__ */ t(A, { variant: "contained", onClick: b, sx: { marginRight: 2 }, children: "Cancel" }),
+    /* @__PURE__ */ c(ce, { display: "flex", justifyContent: "flex-end", children: [
+      /* @__PURE__ */ t($, { variant: "contained", onClick: v, sx: { marginRight: 2 }, children: "Cancel" }),
       /* @__PURE__ */ t(
-        A,
+        $,
         {
           variant: "contained",
-          startIcon: /* @__PURE__ */ t(V, {}),
+          startIcon: /* @__PURE__ */ t(H, {}),
           onClick: g,
           children: "OK"
         }
@@ -386,6 +386,6 @@ function De({
   ] });
 }
 export {
-  U as F,
-  De as a
+  z as F,
+  We as a
 };

package/package.json

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