@hybridcore/ui 1.3.5 → 1.3.7

package/dist/components/template-property-filters/property.js

@@ -1,39 +1,39 @@
-import { jsx as n, jsxs as m, Fragment as P } from "react/jsx-runtime";
-import { useState as k } from "react";
-import r from "dayjs";
-import { RadioButtonUnchecked as w, CheckCircle as F, KeyboardArrowUp as S, KeyboardArrowDown as Y } from "@mui/icons-material";
-import { Typography as p, FormLabel as y, FormGroup as D, Button as L } from "@mui/material";
+import { jsx as a, jsxs as r, Fragment as k } from "react/jsx-runtime";
+import { useState as w } from "react";
+import m from "dayjs";
+import { RadioButtonUnchecked as F, CheckCircle as S, KeyboardArrowUp as Y, KeyboardArrowDown as y } from "@mui/icons-material";
+import { Typography as p, FormLabel as D, FormGroup as L, Button as B } from "@mui/material";
 import { DatePicker as I } from "@mui/x-date-pickers";
 import { T as x, F as C } from "../../FormControlLabel-DENNVXWL.js";
-import { B as c, C as V } from "../../Checkbox-BFWhj3s-.js";
-import { F as B } from "../../FormControl-BMRUQKHh.js";
-function G({
+import { B as f, C as V } from "../../Checkbox-BFWhj3s-.js";
+import { F as T } from "../../FormControl-BMRUQKHh.js";
+function R({
   property: e,
   value: t,
   size: d = "medium",
-  onChange: f
+  onChange: h
 }) {
   var g;
-  const u = (o) => (a) => {
+  const u = (o) => (n) => {
     let l = { ...t };
-    const i = a.target.type === "checkbox" ? a.target.checked : a.target.value;
-    l[o] = String(i), f({
-      [a.target.name]: l
+    const i = n.target.type === "checkbox" ? n.target.checked : n.target.value;
+    l[o] = String(i), h({
+      [n.target.name]: l
     });
   }, M = (o) => {
-    var s;
-    const a = { ...t }, { value: l, checked: i } = o.target;
-    i ? (a.list || (a.list = []), a.list.push(l)) : a.list = (s = a.list) == null ? void 0 : s.filter((h) => h !== l), f({
-      [o.target.name]: a
+    var c;
+    const n = { ...t }, { value: l, checked: i, name: s } = o.target;
+    i ? (n.list || (n.list = []), n.list.push(l)) : n.list = (c = n.list) == null ? void 0 : c.filter((P) => P !== l), h({
+      [s]: n
     });
-  }, b = (o) => (a) => {
+  }, b = (o) => (n) => {
     let l = { ...t };
-    l[o] = r(a).format("YYYY-MM-DD"), f({
+    l[o] = m(n).format("YYYY-MM-DD"), h({
       [e.propertyId]: l
     });
   };
   if (["string", "text", "list"].includes(e.type))
-    return /* @__PURE__ */ n(
+    return /* @__PURE__ */ a(
       x,
       {
         label: e.name,
@@ -53,8 +53,8 @@ function G({
       }
     );
   if (["integer", "double", "long", "byte"].includes(e.type))
-    return /* @__PURE__ */ m(c, { display: "flex", alignItems: "center", mb: 2, children: [
-      /* @__PURE__ */ n(
+    return /* @__PURE__ */ r(f, { display: "flex", alignItems: "center", mb: 2, children: [
+      /* @__PURE__ */ a(
         x,
         {
           label: `${e.name} (Min)`,
@@ -71,8 +71,8 @@ function G({
           }
         }
       ),
-      /* @__PURE__ */ n(p, { px: 1, children: "-" }),
-      /* @__PURE__ */ n(
+      /* @__PURE__ */ a(p, { px: 1, children: "-" }),
+      /* @__PURE__ */ a(
         x,
         {
           label: `${e.name} (Max)`,
@@ -91,9 +91,9 @@ function G({
       )
     ] });
   if (e.type === "date") {
-    const o = "DD/MM/YYYY", a = "YYYY-MM-DD", l = t.min && r(t.min, a, !0).isValid() ? r(t.min, a) : null, i = t.max && r(t.max, a, !0).isValid() ? r(t.max, a) : null;
-    return /* @__PURE__ */ m(c, { mb: 2, display: "flex", alignItems: "end", children: [
-      /* @__PURE__ */ n(
+    const o = "DD/MM/YYYY", n = "YYYY-MM-DD", l = t.min && m(t.min, n, !0).isValid() ? m(t.min, n) : null, i = t.max && m(t.max, n, !0).isValid() ? m(t.max, n) : null;
+    return /* @__PURE__ */ r(f, { mb: 2, display: "flex", alignItems: "end", children: [
+      /* @__PURE__ */ a(
         I,
         {
           label: `${e.name} (Min)`,
@@ -113,8 +113,8 @@ function G({
           onChange: b("min")
         }
       ),
-      /* @__PURE__ */ n(p, { px: 1, children: "-" }),
-      /* @__PURE__ */ n(
+      /* @__PURE__ */ a(p, { px: 1, children: "-" }),
+      /* @__PURE__ */ a(
         I,
         {
           label: `${e.name} (Max)`,
@@ -138,18 +138,18 @@ function G({
     ] });
   }
   if (e.type === "boolean")
-    return /* @__PURE__ */ n(c, { mb: 2, children: /* @__PURE__ */ n(
+    return /* @__PURE__ */ a(f, { mb: 2, children: /* @__PURE__ */ a(
       C,
       {
         label: e.name,
-        control: /* @__PURE__ */ n(
+        control: /* @__PURE__ */ a(
           V,
           {
             size: d,
             name: e.propertyId,
             checked: !!t,
-            icon: /* @__PURE__ */ n(w, {}),
-            checkedIcon: /* @__PURE__ */ n(F, {}),
+            icon: /* @__PURE__ */ a(F, {}),
+            checkedIcon: /* @__PURE__ */ a(S, {}),
             onChange: u("exact")
           }
         ),
@@ -161,19 +161,19 @@ function G({
       }
     ) });
   if (e.type === "enum") {
-    const [o, a] = k(!1), l = 10;
+    const [o, n] = w(!1), l = 10;
     let i = [];
-    return (g = e.dataTypeInfo) != null && g.enumValues && (i = e.dataTypeInfo.enumValues), /* @__PURE__ */ m(c, { mb: 2, children: [
-      /* @__PURE__ */ m(B, { fullWidth: !0, component: "fieldset", variant: "standard", children: [
-        /* @__PURE__ */ n(y, { component: "legend", sx: { mb: 1 }, children: e.name }),
-        /* @__PURE__ */ n(D, { children: i.slice(0, o ? 9999 : l).map((s, h) => /* @__PURE__ */ n(
+    return (g = e.dataTypeInfo) != null && g.enumValues && (i = e.dataTypeInfo.enumValues), /* @__PURE__ */ r(f, { mb: 2, children: [
+      /* @__PURE__ */ r(T, { fullWidth: !0, component: "fieldset", variant: "standard", children: [
+        /* @__PURE__ */ a(D, { component: "legend", sx: { mb: 1 }, children: e.name }),
+        /* @__PURE__ */ a(L, { children: i.slice(0, o ? 9999 : l).map((s, c) => /* @__PURE__ */ a(
           C,
           {
             label: s,
-            control: /* @__PURE__ */ n(
+            control: /* @__PURE__ */ a(
               V,
               {
-                name: e.name,
+                name: e.propertyId,
                 value: s,
                 size: "small",
                 checked: t.list ? t.list.includes(s) : !1,
@@ -186,16 +186,16 @@ function G({
               }
             }
           },
-          h
+          c
         )) })
       ] }),
-      i.length > l && /* @__PURE__ */ m(
-        L,
+      i.length > l && /* @__PURE__ */ r(
+        B,
         {
           size: "small",
           sx: { p: 0, textTransform: "none" },
-          endIcon: o ? /* @__PURE__ */ n(S, {}) : /* @__PURE__ */ n(Y, {}),
-          onClick: () => a((s) => !s),
+          endIcon: o ? /* @__PURE__ */ a(Y, {}) : /* @__PURE__ */ a(y, {}),
+          onClick: () => n((s) => !s),
           children: [
             "Show ",
             o ? "Less" : "More"
@@ -204,8 +204,8 @@ function G({
       )
     ] });
   }
-  return /* @__PURE__ */ n(P, {});
+  return /* @__PURE__ */ a(k, {});
 }
 export {
-  G as default
+  R as default
 };

package/dist/components/tree-select/index.js

@@ -1,71 +1,72 @@
-import { jsxs as p, Fragment as W, jsx as n } from "react/jsx-runtime";
+import { jsxs as p, Fragment as _, jsx as n } from "react/jsx-runtime";
 import f from "react";
-import { TreeViewFilter as _ } from "../treeview-filter/index.js";
+import { TreeViewFilter as b } from "../treeview-filter/index.js";
 import r from "lodash";
-import { flattenNestedTemplates as b } from "../../utils/ontology.js";
-import { F as A, I as E } from "../../FormControl-BMRUQKHh.js";
-import { S as M } from "../../Select-NDq3WyLt.js";
-import { M as j } from "../../MenuItem-DstAFfik.js";
-import { D as B, a as k, b as w, B as L } from "../../DialogContent-BCYm_d1s.js";
-const P = ({
+import { flattenNestedTemplates as A } from "../../utils/ontology.js";
+import { F as E, I as M } from "../../FormControl-BMRUQKHh.js";
+import { S as j } from "../../Select-NDq3WyLt.js";
+import { M as B } from "../../MenuItem-DstAFfik.js";
+import { D as k, a as w, b as L, B as N } from "../../DialogContent-BCYm_d1s.js";
+const Q = ({
   data: h,
   label: s,
-  selected: a,
-  disabled: x,
-  idKey: o = "id",
-  onChange: v
+  selected: o,
+  disabled: C,
+  idKey: l = "id",
+  variant: u = "outlined",
+  onChange: S
 }) => {
-  const [C, m] = f.useState(!1), [S, u] = f.useState([]), i = b(h), l = f.useMemo(() => r.isArray(a) ? a.map(
-    (e) => i.find((t) => String(r.get(t, o)) === e)
-  ) : [], [a, i]), D = (e, t) => {
-    v(e, t);
-  }, I = () => {
-    m(!0), F();
-  }, g = () => {
+  const [D, m] = f.useState(!1), [I, g] = f.useState([]), i = A(h), a = f.useMemo(() => r.isArray(o) ? o.map(
+    (e) => i.find((t) => String(r.get(t, l)) === e)
+  ) : [], [o, i]), v = (e, t) => {
+    S(e, t);
+  }, T = () => {
+    m(!0), O();
+  }, x = () => {
     m(!1);
-  }, T = (e, t) => {
-    u(t);
-  }, F = () => {
+  }, F = (e, t) => {
+    g(t);
+  }, O = () => {
     let e = [];
-    l.length > 0 && l.forEach((t) => {
-      const d = t == null ? void 0 : t.parentKeys, O = i.filter((c) => d == null ? void 0 : d.includes(c.templateKey)).map((c) => String(r.get(c, o)));
-      e.push(...O);
-    }), u(e);
+    a.length > 0 && a.forEach((t) => {
+      const d = t == null ? void 0 : t.parentKeys, W = i.filter((c) => d == null ? void 0 : d.includes(c.templateKey)).map((c) => String(r.get(c, l)));
+      e.push(...W);
+    }), g(e);
   };
-  return /* @__PURE__ */ p(W, { children: [
-    /* @__PURE__ */ p(A, { variant: "standard", fullWidth: !0, children: [
-      s !== void 0 && /* @__PURE__ */ n(E, { id: "select-label", children: s }),
+  return /* @__PURE__ */ p(_, { children: [
+    /* @__PURE__ */ p(E, { variant: u, fullWidth: !0, children: [
+      s !== void 0 && /* @__PURE__ */ n(M, { id: "select-label", children: s }),
       /* @__PURE__ */ n(
-        M,
+        j,
         {
           label: s,
-          variant: "standard",
+          variant: u,
           id: "select",
           labelId: "select-label",
-          value: a,
+          value: o,
           open: !1,
-          onOpen: I,
-          children: l.length > 0 && l.map((e, t) => /* @__PURE__ */ n(j, { value: r.get(e, o) ?? "", children: e == null ? void 0 : e.name }, t))
+          onOpen: T,
+          children: a.length > 0 && a.map((e, t) => /* @__PURE__ */ n(B, { value: r.get(e, l) ?? "", children: e == null ? void 0 : e.name }, t))
         }
       )
     ] }),
-    /* @__PURE__ */ p(B, { open: C, onClose: g, fullWidth: !0, maxWidth: "sm", children: [
-      /* @__PURE__ */ n(k, { sx: { p: 1, pt: 2 }, children: /* @__PURE__ */ n(
-        _,
+    /* @__PURE__ */ p(k, { open: D, onClose: x, fullWidth: !0, maxWidth: "sm", children: [
+      /* @__PURE__ */ n(w, { sx: { p: 1, pt: 2 }, children: /* @__PURE__ */ n(
+        b,
         {
           data: h,
-          selected: r.isArray(a) ? a : void 0,
-          disabled: x,
-          expanded: S,
-          idKey: o,
-          onToggle: T,
-          onChange: D
+          selected: r.isArray(o) ? o : void 0,
+          disabled: C,
+          expanded: I,
+          idKey: l,
+          onToggle: F,
+          onChange: v
         }
       ) }),
-      /* @__PURE__ */ n(w, { children: /* @__PURE__ */ n(L, { onClick: g, variant: "contained", fullWidth: !0, children: "OK" }) })
+      /* @__PURE__ */ n(L, { children: /* @__PURE__ */ n(N, { onClick: x, variant: "contained", fullWidth: !0, children: "OK" }) })
     ] })
   ] });
 };
 export {
-  P as TreeSelect
+  Q as TreeSelect
 };