mimir-ui-kit 1.46.0 → 1.47.0

package/dist/components/MultiSelectSearch/hooks/useSearch.js

@@ -1,44 +1,68 @@
-import { useCallback as i, useMemo as c } from "react";
-import { flattenOptions as p } from "../utils.js";
-const L = ({
-  filterOnSearch: s,
-  items: r,
-  internalSearchQuery: u,
-  selectedItems: n,
-  enableNestedSelection: f,
-  displayValue: l
+import { useCallback as M, useMemo as S } from "react";
+import { flattenOptions as V } from "../utils.js";
+const v = ({
+  filterOnSearch: h,
+  items: a,
+  internalSearchQuery: i,
+  selectedItems: l,
+  enableNestedSelection: u,
+  searchInNestedItems: d = !1,
+  displayValue: g,
+  groupBy: t,
+  searchInHeaderGroupItems: w = !1
 }) => {
-  const e = i(
-    (o) => {
-      const t = o[l];
-      return typeof t == "string" ? t : String(t || "");
+  const f = M(
+    (e) => {
+      const r = e[g];
+      return typeof r == "string" ? r : String(r || "");
     },
-    [l]
+    [g]
   );
   return {
-    filteredItems: c(() => {
-      if (!s) return r;
-      const o = u.toLowerCase();
-      if (n.length > 0) {
-        const t = n[n.length - 1];
-        if (e(t).toLowerCase() === o)
-          return r;
+    filteredItems: S(() => {
+      if (!h) return a;
+      const e = i.toLowerCase();
+      if (l.length > 0) {
+        const r = l[l.length - 1];
+        if (f(r).toLowerCase() === e)
+          return a;
       }
-      return f ? p(r).filter(
-        (a) => e(a).toLowerCase().includes(o)
-      ) : r.filter(
-        (t) => e(t).toLowerCase().includes(o)
+      if (u && d) {
+        const C = V(a).filter(
+          (o) => f(o).toLowerCase().includes(e)
+        ), n = new Set(C), c = (o) => {
+          o.forEach((s) => {
+            s.children && s.children.length > 0 && (s.children.some(
+              (L) => n.has(L)
+            ) && n.add(s), c(s.children));
+          });
+        };
+        return c(a), Array.from(n);
+      }
+      if (t && w) {
+        const r = /* @__PURE__ */ new Set();
+        return a.forEach((n) => {
+          t && n[t] && String(n[t]).toLowerCase().includes(e) && r.add(n), n.children && n.children.length > 0 && n.children.forEach((c) => {
+            t && c[t] && String(c[t]).toLowerCase().includes(e) && (r.add(c), r.add(n));
+          });
+        }), Array.from(r);
+      }
+      return a.filter(
+        (r) => f(r).toLowerCase().includes(e)
       );
     }, [
-      s,
-      r,
+      h,
+      a,
+      i,
+      l,
       u,
-      n,
+      d,
       f,
-      e
+      t,
+      w
     ])
   };
 };
 export {
-  L as useSearch
+  v as useSearch
 };

package/dist/components/MultiSelectSearch/hooks/useVirtualization.d.ts

@@ -14,6 +14,5 @@ export type TUseVirtualizationReturn = {
     virtualItems: TMultiSelectOption[];
     stickyIndices: number[];
     virtualizer: ReturnType<typeof useVirtualizer>;
-    activeSticky: number | null;
 };
 export declare const useVirtualization: ({ filteredItems, groupBy, getGroupTitle, size, parentRef }: TUseVirtualizationProps) => TUseVirtualizationReturn;

package/dist/components/MultiSelectSearch/hooks/useVirtualization.js

@@ -1,59 +1,38 @@
-import { u as h } from "../../../index-D5H8gPPn.js";
-import { useState as p, useMemo as I, useEffect as z } from "react";
-import { EMultiSelectSearchSize as M } from "../constants.js";
-import { prepareGroupedItems as O } from "../utils.js";
-const T = 10, S = {
+import { u as E } from "../../../index-D5H8gPPn.js";
+import { useMemo as n } from "react";
+import { EMultiSelectSearchSize as S } from "../constants.js";
+import { prepareGroupedItems as f } from "../utils.js";
+const z = 10, s = {
   M: 49,
   L: 65
-}, b = ({
-  filteredItems: u,
-  groupBy: e,
-  getGroupTitle: f,
-  size: x,
-  parentRef: a
+}, h = ({
+  filteredItems: e,
+  groupBy: o,
+  getGroupTitle: i,
+  size: c,
+  parentRef: u
 }) => {
-  const [k, L] = p(null), r = I(() => e ? O(
-    u,
+  const r = n(() => o ? f(
     e,
-    f || ((t) => t)
-  ) : u, [u, e, f]), n = I(() => {
+    o,
+    i || ((t) => t)
+  ) : e, [e, o, i]), a = n(() => {
     const t = [];
-    return r.forEach((c, i) => {
-      c.isGroupHeader && t.push(i);
+    return r.forEach((l, p) => {
+      l.isGroupHeader && t.push(p);
     }), t;
-  }, [r]), s = h({
+  }, [r]), m = E({
     count: r.length,
-    getScrollElement: () => a.current,
-    estimateSize: () => x === M.L ? S.L : S.M,
-    overscan: T
+    getScrollElement: () => u.current,
+    estimateSize: () => c === S.L ? s.L : s.M,
+    overscan: z
   });
-  return z(() => {
-    const t = a.current;
-    if (!t || !e) return;
-    const c = () => {
-      var d, v;
-      const i = t.scrollTop;
-      let m = null;
-      for (let o = 0; o < n.length; o++) {
-        const E = n[o];
-        if ((((d = s.getVirtualItems().find((l) => l.index === E)) == null ? void 0 : d.start) || 0) <= i) {
-          m = E;
-          const l = n[o + 1];
-          if (l !== void 0 && (((v = s.getVirtualItems().find((V) => V.index === l)) == null ? void 0 : v.start) || 0) <= i)
-            continue;
-        } else
-          break;
-      }
-      L(m);
-    };
-    return t.addEventListener("scroll", c), () => t.removeEventListener("scroll", c);
-  }, [s, n, e, a.current]), {
+  return {
     virtualItems: r,
-    stickyIndices: n,
-    virtualizer: s,
-    activeSticky: k
+    stickyIndices: a,
+    virtualizer: m
   };
 };
 export {
-  b as useVirtualization
+  h as useVirtualization
 };

package/dist/components/MultiSelectSearch/types.d.ts

@@ -117,4 +117,19 @@ export type TMultiSelectSearchProps = Pick<TInputProps, 'withClearButton' | 'var
      * @default false
      */
     enableNestedSelection?: boolean;
+    /**
+     * Включить поиск во вложенных айтемах при enableNestedSelection = true
+     * @default false
+     */
+    searchInNestedItems?: boolean;
+    /**
+     * Использовать иконку вместо чекбокса для выбранных элементов
+     * @default false
+     */
+    useIconInsteadOfCheckbox?: boolean;
+    /**
+     * Включить поиск по хедерам группы вложенных элементов в режиме группировки
+     * @default false
+     */
+    searchInHeaderGroupItems?: boolean;
 };

package/dist/components/SelectSearch/SelectSearch.d.ts

@@ -32,4 +32,5 @@ export declare const SelectSearch: import('react').ForwardRefExoticComponent<Pic
     autoPlacement?: boolean;
     borderRadius?: ESelectSearchBorderRadius | `${ESelectSearchBorderRadius}`;
     highlightMatches?: boolean;
+    searchInHeaderGroupItems?: boolean;
 } & import('react').RefAttributes<HTMLElement>>;