@hybridcore/ui 1.5.7 → 1.5.8

package/dist/components/treeview-filter/index.js

@@ -1,31 +1,34 @@
-import { jsxs as c, Fragment as d, jsx as t } from "react/jsx-runtime";
-import p from "react";
-import { SimpleTreeView as C } from "@mui/x-tree-view";
-import F from "./item/index.js";
-import u from "lodash";
-import { Box as L, Divider as _ } from "@mui/material";
-import { SearchInput as j } from "../search-input/index.js";
-import { flattenNestedTemplates as z } from "../../utils/ontology.js";
-import { ArrowDropDown as A, ArrowRight as B } from "@mui/icons-material";
+import { jsxs as d, Fragment as p, jsx as t } from "react/jsx-runtime";
+import u from "react";
+import { SimpleTreeView as B } from "@mui/x-tree-view";
+import C from "./item/index.js";
+import a from "lodash";
+import { Box as F, Divider as L } from "@mui/material";
+import { SearchInput as _ } from "../search-input/index.js";
+import { flattenNestedTemplates as j } from "../../utils/ontology.js";
+import { ArrowDropDown as y, ArrowRight as z } from "@mui/icons-material";
 const H = ({
-  data: r,
-  idKey: a = "id",
-  selected: s,
+  data: i,
+  idKey: s = "id",
+  selected: m,
   expanded: f,
-  disabled: m,
+  disabled: c,
   disableSearch: h,
   onChange: S,
   onExpansionToggle: x
 }) => {
-  const [o, i] = p.useState(""), b = z(r), w = p.useMemo(() => o.length > 0 ? b.filter(
-    (e) => e.name.toLowerCase().includes(o)
-  ) : r, [o, r]);
-  let l = null;
+  const [r, o] = u.useState(""), b = j(i), w = u.useMemo(() => r.length > 0 ? a.uniqBy(
+    b.filter(
+      (e) => e.name.toLowerCase().includes(r)
+    ),
+    (e) => e.id
+  ) : i, [r, i]);
+  let n = null;
   const I = 500;
-  return /* @__PURE__ */ c(d, { children: [
-    !h && /* @__PURE__ */ c(d, { children: [
-      /* @__PURE__ */ t(L, { px: 1, pt: 0.75, children: /* @__PURE__ */ t(
-        j,
+  return /* @__PURE__ */ d(p, { children: [
+    !h && /* @__PURE__ */ d(p, { children: [
+      /* @__PURE__ */ t(F, { px: 1, pt: 0.75, children: /* @__PURE__ */ t(
+        _,
         {
           fullWidth: !0,
           disableLabel: !0,
@@ -38,40 +41,40 @@ const H = ({
           },
           iconSize: "small",
           onChange: (e) => {
-            l && clearTimeout(l), l = setTimeout(() => i(e.toLowerCase()), I);
+            n && clearTimeout(n), n = setTimeout(() => o(e.toLowerCase()), I);
           },
           onSubmit: (e) => {
-            i(e || "");
+            o(e || "");
           }
         }
       ) }),
-      /* @__PURE__ */ t(_, { sx: { mt: 1.75 } })
+      /* @__PURE__ */ t(L, { sx: { mt: 1.75 } })
     ] }),
     /* @__PURE__ */ t(
-      C,
+      B,
       {
         "aria-label": "tree view filter",
         disableSelection: !0,
         defaultExpandedItems: f,
         slots: {
-          collapseIcon: () => /* @__PURE__ */ t(A, {}),
-          expandIcon: () => /* @__PURE__ */ t(B, {})
+          collapseIcon: () => /* @__PURE__ */ t(y, {}),
+          expandIcon: () => /* @__PURE__ */ t(z, {})
         },
         onItemExpansionToggle: x,
         children: w.map((e, g) => {
-          const n = String(e[a]), T = u.includes(s, n), D = u.includes(m, n);
+          const l = String(e[s]), T = a.includes(m, l), D = a.includes(c, l);
           return /* @__PURE__ */ t(
-            F,
+            C,
             {
-              id: n,
-              idKey: a,
+              id: l,
+              idKey: s,
               name: e.name,
               checked: T,
               disabled: D,
-              disabledIds: m,
-              children: e.children,
+              disabledIds: c,
+              children: r ? [] : e.children,
               onChange: S,
-              defaultSelected: s
+              defaultSelected: m
             },
             g
           );

package/package.json

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