@hybridcore/ui 1.4.24 → 1.4.25

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

@@ -1,88 +1,107 @@
-import { jsx as a, Fragment as p } from "react/jsx-runtime";
-import u from "lodash";
-import { CollapsibleCard as v } from "../collapsible-card/index.js";
-import h from "./property.js";
-const N = ({
-  values: o,
-  templates: d,
-  inputVariant: c,
-  fieldOptions: s,
+import { jsx as d } from "react/jsx-runtime";
+import s from "lodash";
+import { CollapsibleCard as I } from "../collapsible-card/index.js";
+import p from "./property.js";
+import { Box as c } from "@mui/material";
+const b = ({
+  values: a,
+  templates: m,
+  inputVariant: h,
+  fieldOptions: i,
   onChange: g
 }) => {
-  const m = (f) => (n) => {
-    if (f) {
-      let e = o.find((r) => r.templateKey === f);
+  const y = (o) => (t) => {
+    if (o) {
+      let e = a.find((r) => r.templateKey === o);
       if (e) {
-        const r = u.keys(n)[0];
-        let t = e.filters.findIndex(
-          (l) => l.fieldName === r
+        const r = s.keys(t)[0];
+        let l = e.filters.findIndex(
+          (n) => n.fieldName === r
         );
-        const i = u.get(n, r);
-        u.values(i).filter((l) => !(u.isArray(l) && l.length === 0 || l === "")).length === 0 && t !== -1 ? e.filters.splice(t, 1) : t !== -1 ? e.filters[t] = {
+        const f = s.get(t, r);
+        s.values(f).filter((n) => !(s.isArray(n) && n.length === 0 || n === "")).length === 0 && l !== -1 ? e.filters.splice(l, 1) : l !== -1 ? e.filters[l] = {
           fieldName: r,
-          value: i
+          value: f
         } : e.filters.push({
           fieldName: r,
-          value: i
+          value: f
         });
       }
-      g(o);
+      g(a);
     } else console.warn("Template could not be found!");
   };
-  if (o.length === 1) {
-    const f = o[0], n = d.get(f.templateKey);
-    return /* @__PURE__ */ a(p, { children: n == null ? void 0 : n.properties.filter((e) => {
+  if (a.length === 1) {
+    const o = a[0], t = m.get(o.templateKey);
+    return /* @__PURE__ */ d(c, { display: "flex", flexDirection: "column", children: t == null ? void 0 : t.properties.filter((e) => {
       var r;
-      return s ? !((r = s[e.propertyId]) != null && r.hidden) : !0;
+      return i ? !((r = i[e.propertyId]) != null && r.hidden) : !0;
     }).map((e, r) => {
-      let t = {};
-      const i = f.filters.find(
-        (l) => l.fieldName === e.propertyId
+      var n;
+      let l = {};
+      const f = o.filters.find(
+        (u) => u.fieldName === e.propertyId
       );
-      return i && (t = i.value), /* @__PURE__ */ a(
-        h,
+      return f && (l = f.value), /* @__PURE__ */ d(
+        c,
         {
-          property: e,
-          value: t,
-          size: "small",
-          variant: c,
-          onChange: m(n == null ? void 0 : n.templateKey)
-        },
-        r
+          ...i && ((n = i[e.propertyId]) == null ? void 0 : n.order) && {
+            order: i[e.propertyId].order
+          },
+          children: /* @__PURE__ */ d(
+            p,
+            {
+              property: e,
+              value: l,
+              size: "small",
+              variant: h,
+              onChange: y(t == null ? void 0 : t.templateKey)
+            },
+            r
+          )
+        }
       );
     }) });
   }
-  return o.map((f, n) => {
-    const e = d.get(f.templateKey);
-    return /* @__PURE__ */ a(
-      v,
+  return a.map((o, t) => {
+    const e = m.get(o.templateKey);
+    return /* @__PURE__ */ d(
+      I,
       {
         header: e == null ? void 0 : e.name,
-        content: /* @__PURE__ */ a(p, { children: e == null ? void 0 : e.properties.filter((r) => {
-          var t;
-          return s ? !((t = s[r.propertyId]) != null && t.hidden) : !0;
-        }).map((r, t) => {
-          let i = {};
-          const l = f.filters.find(
-            (y) => y.fieldName === r.propertyId
+        content: /* @__PURE__ */ d(c, { display: "flex", flexDirection: "column", children: e == null ? void 0 : e.properties.filter((r) => {
+          var l;
+          return i ? !((l = i[r.propertyId]) != null && l.hidden) : !0;
+        }).map((r, l) => {
+          var u;
+          let f = {};
+          const n = o.filters.find(
+            (x) => x.fieldName === r.propertyId
           );
-          return l && (i = l.value), /* @__PURE__ */ a(
-            h,
+          return n && (f = n.value), /* @__PURE__ */ d(
+            c,
             {
-              property: r,
-              value: i,
-              size: "small",
-              variant: c,
-              onChange: m(e == null ? void 0 : e.templateKey)
-            },
-            t
+              ...i && ((u = i[r.propertyId]) == null ? void 0 : u.order) && {
+                order: i[r.propertyId].order
+              },
+              children: /* @__PURE__ */ d(
+                p,
+                {
+                  property: r,
+                  value: f,
+                  size: "small",
+                  variant: h,
+                  onChange: y(e == null ? void 0 : e.templateKey)
+                },
+                l
+              )
+            }
           );
         }) })
       },
-      n
+      t
     );
   });
 };
 export {
-  N as TemplatePropertyFilters
+  b as TemplatePropertyFilters
 };

package/package.json

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