@ikas/core 1.0.49 → 1.0.51

package/dist/index123.js

@@ -1,184 +1,184 @@
 import { jsx as r, jsxs as O } from "react/jsx-runtime";
-import { useState as R, useMemo as m, useCallback as I } from "react";
-import { observer as me } from "mobx-react-lite";
-import { action as h } from "mobx";
+import { useState as R, useMemo as g, useCallback as I } from "react";
+import { observer as fe } from "mobx-react-lite";
+import { action as d } from "mobx";
 import B from "./index56.js";
-import { RangePicker as ge, Select as x, Button as W, Popover as Ce, NumberInput as ye, TreeSelect as S } from "@ikas/ui";
-import { FilterType as f } from "./index15.js";
-import { DateFilterPickerHelpers as A, DateFilterPickerShortcutEnum as C } from "./index16.js";
-import { FilterStringInput as ve } from "./index153.js";
-import { coreTranslations as T } from "./index5.js";
+import { RangePicker as ge, Select as x, Button as W, Popover as Ce, NumberInput as ye, TreeSelect as T } from "@ikas/ui";
+import { FilterType as m } from "./index15.js";
+import { DateFilterPickerHelpers as A, DateFilterPickerShortcutEnum as y } from "./index16.js";
+import { FilterStringInput as ve } from "./index191.js";
+import { coreTranslations as s } from "./index5.js";
 import be from "./index66.js";
 import Se from "./index136.js";
 import Te from "./index63.js";
 function z(w) {
   return w.map((o) => ({ label: o.label, value: o.value }));
 }
-function E(w) {
+function P(w) {
   return w.map((o) => ({
     key: o.value,
     title: o.label,
     value: o.value,
-    children: o.children ? E(o.children) : void 0
+    children: o.children ? P(o.children) : void 0
   }));
 }
 function we(w) {
   var G, U, $, j, F, H;
-  const { filterRow: o, originalModel: _, model: l, isLast: X } = w, [q, k] = R(!1), [M, y] = R(!1), [J, Y] = R(""), Q = m(
+  const { filterRow: o, originalModel: _, model: l, isLast: X } = w, [q, k] = R(!1), [M, v] = R(!1), [J, Y] = R(""), Q = g(
     () => l.filters.map((e) => ({ label: e.title, value: e.key })),
     [l.filters]
-  ), t = m(
+  ), a = g(
     () => l.filters.find((e) => {
-      var a;
-      return e.key === ((a = o.filterValue) == null ? void 0 : a.key);
+      var t;
+      return e.key === ((t = o.filterValue) == null ? void 0 : t.key);
     }),
     [l.filters, (G = o.filterValue) == null ? void 0 : G.key]
-  ), i = t == null ? void 0 : t.type, Z = t == null ? void 0 : t.key, v = (U = _.filters.find(
+  ), i = a == null ? void 0 : a.type, Z = a == null ? void 0 : a.key, b = (U = _.filters.find(
     (e) => {
-      var a;
-      return e.key === ((a = o.filterValue) == null ? void 0 : a.key);
+      var t;
+      return e.key === ((t = o.filterValue) == null ? void 0 : t.key);
     }
-  )) == null ? void 0 : U.isLoading, b = ($ = _.filters.find(
+  )) == null ? void 0 : U.isLoading, S = ($ = _.filters.find(
     (e) => {
-      var a;
-      return e.key === ((a = o.filterValue) == null ? void 0 : a.key);
+      var t;
+      return e.key === ((t = o.filterValue) == null ? void 0 : t.key);
     }
-  )) == null ? void 0 : $.isDynamicNotFound, s = (t == null ? void 0 : t.options) || [], ee = m(() => {
+  )) == null ? void 0 : $.isDynamicNotFound, c = (a == null ? void 0 : a.options) || [], ee = g(() => {
     const e = l.filterConditionOptions(
-      i || f.SELECT,
-      t
+      i || m.SELECT,
+      a
     );
-    return i === f.DATE_RANGE_PICKER ? [e[0]] : e;
-  }, [l, i, t]), N = (j = o.filterValue) == null ? void 0 : j.value, te = h((e) => {
-    k(!1), y(!1), l.filterTypeValueChange(o, t, e), l.onFilterConditionInputChange(
+    return i === m.DATE_RANGE_PICKER ? [e[0]] : e;
+  }, [l, i, a]), N = (j = o.filterValue) == null ? void 0 : j.value, ae = d((e) => {
+    k(!1), v(!1), l.filterTypeValueChange(o, a, e), l.onFilterConditionInputChange(
       o,
       l.filterConditionOptions(
-        i || f.SELECT,
-        t
+        i || m.SELECT,
+        a
       )[0].value,
       i
     );
-  }), ae = h((e) => {
+  }), te = d((e) => {
     l.onFilterConditionInputChange(o, e, i);
   }), oe = I(() => {
     setTimeout(() => {
       l.deleteFilterRow(o);
     }, 0);
-  }, [l, o]), K = h((e) => {
+  }, [l, o]), K = d((e) => {
     l.onFilterValueChange(
       Number(e) || 0,
-      t,
+      a,
       o
     );
-  }), le = h((e) => {
+  }), le = d((e) => {
     var n;
-    l.onFilterValueChange(e, t, o);
-    const a = l.filters.find(
-      (c) => {
-        var d;
-        return c.key === ((d = o.filterValue) == null ? void 0 : d.key);
+    l.onFilterValueChange(e, a, o);
+    const t = l.filters.find(
+      (u) => {
+        var p;
+        return u.key === ((p = o.filterValue) == null ? void 0 : p.key);
       }
     );
-    (n = a == null ? void 0 : a.onChange) == null || n.call(a, e);
-  }), L = h((e) => {
-    const a = Array.isArray(e) ? e : [e];
-    l.onFilterValueChange(a, t, o);
-  }), ne = h((e) => {
-    const a = Array.isArray(e) ? e : [e];
-    l.onFilterValueChange(a, t, o);
+    (n = t == null ? void 0 : t.onChange) == null || n.call(t, e);
+  }), E = d((e) => {
+    const t = Array.isArray(e) ? e : [e];
+    l.onFilterValueChange(t, a, o);
+  }), ne = d((e) => {
+    const t = Array.isArray(e) ? e : [e];
+    l.onFilterValueChange(t, a, o);
   }), re = I(
-    h((e) => {
-      var a;
-      Y(e), (a = t == null ? void 0 : t.onSearch) == null || a.call(t, e);
+    d((e) => {
+      var t;
+      Y(e), (t = a == null ? void 0 : a.onSearch) == null || t.call(a, e);
     }),
-    [t]
+    [a]
   ), ie = I(
-    h(() => {
+    d(() => {
       var e;
-      Y(""), (e = t == null ? void 0 : t.onSearch) == null || e.call(t, "");
+      Y(""), (e = a == null ? void 0 : a.onSearch) == null || e.call(a, "");
     }),
-    [t]
-  ), D = m(() => {
+    [a]
+  ), D = g(() => {
     const e = o.filterValue.value;
-    return Array.isArray(e) && e.length === 1 && A.isShortcut(e[0]) ? e[0] : C.PICKER;
-  }, [o.filterValue.value]), g = m(
+    return Array.isArray(e) && e.length === 1 && A.isShortcut(e[0]) ? e[0] : y.PICKER;
+  }, [o.filterValue.value]), C = g(
     () => A.getDateValue(o.filterValue.value),
     [o.filterValue.value]
-  ), P = m(
-    () => Object.values(C).map((e) => ({
+  ), L = g(
+    () => Object.values(y).map((e) => ({
       label: A.getShortcutLabel(e),
       type: e
     })),
     []
-  ), se = m(() => {
-    const e = P.find(
-      (a) => a.type === D
+  ), se = g(() => {
+    const e = L.find(
+      (t) => t.type === D
     );
-    if ((e == null ? void 0 : e.type) === C.PICKER && g) {
-      const a = g[0].format("DD.MM.YYYY"), n = g[1].format("DD.MM.YYYY");
-      return a === n ? a : `${a} - ${n}`;
+    if ((e == null ? void 0 : e.type) === y.PICKER && C) {
+      const t = C[0].format("DD.MM.YYYY"), n = C[1].format("DD.MM.YYYY");
+      return t === n ? t : `${t} - ${n}`;
     }
     return e == null ? void 0 : e.label;
-  }, [D, g, P]), ue = h((e) => {
-    e === C.PICKER ? y(!0) : (l.onFilterValueChange([e], t, o), y(!1), setTimeout(() => {
+  }, [D, C, L]), ce = d((e) => {
+    e === y.PICKER ? v(!0) : (l.onFilterValueChange([e], a, o), v(!1), setTimeout(() => {
       k(!1);
     }, 0));
-  }), ce = h((e) => {
+  }), he = d((e) => {
     if (!e) return;
-    const [a, n] = e;
+    const [t, n] = e;
     l.onFilterValueChange(
       [
-        B(a).startOf("day").valueOf().toString(),
+        B(t).startOf("day").valueOf().toString(),
         B(n).endOf("day").valueOf().toString()
       ],
-      t,
+      a,
       o
     ), k(!1);
-  }), he = m(() => {
-    if (i !== f.SELECT_OPTION_GROUP) return [];
+  }), ue = g(() => {
+    if (i !== m.SELECT_OPTION_GROUP) return [];
     const e = [];
-    return s.forEach((a) => {
+    return c.forEach((t) => {
       var n;
       e.push({
-        label: a.label,
-        options: ((n = a.children) == null ? void 0 : n.map((c) => ({ label: c.label, value: c.value }))) || []
+        label: t.label,
+        options: ((n = t.children) == null ? void 0 : n.map((u) => ({ label: u.label, value: u.value }))) || []
       });
     }), e;
-  }, [i, s]), fe = m(() => {
-    var c;
-    if (s.length <= 6) return s;
-    const e = (c = o.filterValue) == null ? void 0 : c.value, a = s.filter((d) => e == null ? void 0 : e.includes(d.value)), n = s.filter((d) => !(e != null && e.includes(d.value)));
-    return [...a, ...n];
-  }, [s, (F = o.filterValue) == null ? void 0 : F.value]), de = /* @__PURE__ */ r(
+  }, [i, c]), de = g(() => {
+    var u;
+    if (c.length <= 6) return c;
+    const e = (u = o.filterValue) == null ? void 0 : u.value, t = c.filter((p) => e == null ? void 0 : e.includes(p.value)), n = c.filter((p) => !(e != null && e.includes(p.value)));
+    return [...t, ...n];
+  }, [c, (F = o.filterValue) == null ? void 0 : F.value]), me = /* @__PURE__ */ r(
     "div",
     {
       className: "flex flex-col gap-1",
       style: { width: 190, maxHeight: 300, overflowY: "auto", padding: "6px 6px 0" },
-      children: P.map((e) => {
-        const a = M ? e.type === C.PICKER : D === e.type;
+      children: L.map((e) => {
+        const t = M ? e.type === y.PICKER : D === e.type;
         return /* @__PURE__ */ O(
           "button",
           {
             type: "button",
-            className: `w-full text-left py-2 px-[10px] text-sm leading-5 rounded cursor-pointer transition-all duration-300 border-0 outline-none ${a ? "bg-[var(--gray-blue-1)] text-[var(--gray-blue-9)] font-medium" : "bg-transparent text-[var(--gray-blue-9)] font-normal hover:bg-[var(--gray-blue-1)]"}`,
-            onClick: () => ue(e.type),
+            className: `w-full text-left py-2 px-[10px] text-sm leading-5 rounded cursor-pointer transition-all duration-300 border-0 outline-none ${t ? "bg-[var(--gray-blue-1)] text-[var(--gray-blue-9)] font-medium" : "bg-transparent text-[var(--gray-blue-9)] font-normal hover:bg-[var(--gray-blue-1)]"}`,
+            onClick: () => ce(e.type),
             children: [
               e.label,
-              e.type === C.PICKER && /* @__PURE__ */ r("div", { style: { opacity: 0, height: 0, overflow: "hidden" }, children: /* @__PURE__ */ r(
+              e.type === y.PICKER && /* @__PURE__ */ r("div", { style: { opacity: 0, height: 0, overflow: "hidden" }, children: /* @__PURE__ */ r(
                 ge,
                 {
-                  value: g ? [
-                    g[0].toDate(),
-                    g[1].toDate()
+                  value: C ? [
+                    C[0].toDate(),
+                    C[1].toDate()
                   ] : null,
                   open: M,
                   onOpenChange: (n) => {
                     setTimeout(() => {
-                      y(n);
+                      v(n);
                     }, 0);
                   },
                   onChange: (n) => {
-                    n && ce([n[0].toDate(), n[1].toDate()]);
+                    n && he([n[0].toDate(), n[1].toDate()]);
                   },
                   size: "sm",
                   allowClear: !1
@@ -191,19 +191,19 @@ function we(w) {
       })
     }
   ), pe = () => {
-    var e, a, n, c, d;
-    if (i === f.DATE_RANGE_PICKER)
+    var e, t, n, u, p;
+    if (i === m.DATE_RANGE_PICKER)
       return /* @__PURE__ */ r("div", { style: { width: 330 }, children: /* @__PURE__ */ r(
         Ce,
         {
-          content: de,
+          content: me,
           trigger: "click",
           placement: "bottomLeft",
           showArrow: !1,
           open: q,
-          onOpenChange: (u) => {
-            u ? D === C.PICKER && y(!0) : y(!1), setTimeout(() => {
-              k(u);
+          onOpenChange: (h) => {
+            h ? D === y.PICKER && v(!0) : v(!1), setTimeout(() => {
+              k(h);
             }, 10);
           },
           popoverContentStyle: { padding: 0 },
@@ -223,7 +223,7 @@ function we(w) {
           )
         }
       ) });
-    if (i === f.STRING_INPUT)
+    if (i === m.STRING_INPUT)
       return /* @__PURE__ */ r(
         ve,
         {
@@ -232,129 +232,135 @@ function we(w) {
           onChange: le
         }
       );
-    if (i === f.NUMBER_INPUT)
-      return s.length > 0 ? /* @__PURE__ */ r(
+    if (i === m.NUMBER_INPUT)
+      return c.length > 0 ? /* @__PURE__ */ r(
         x,
         {
+          searchPlaceholder: s.common.placeholder.search,
           style: { width: 330 },
           value: N != null ? String(N) : void 0,
-          onChange: (u) => K(Number(u)),
-          options: z(s),
-          placeholder: T.common.placeholder.select,
+          onChange: (h) => K(Number(h)),
+          options: z(c),
+          placeholder: s.common.placeholder.select,
           showSearch: !0,
-          loading: !!v,
-          isDynamicNotFound: !!b
+          loading: !!b,
+          isDynamicNotFound: !!S
         }
       ) : /* @__PURE__ */ r(
         ye,
         {
           style: { width: 330 },
-          value: Number((e = o.filterValue) == null ? void 0 : e.value) ? Number((a = o.filterValue) == null ? void 0 : a.value) : 0,
+          value: Number((e = o.filterValue) == null ? void 0 : e.value) ? Number((t = o.filterValue) == null ? void 0 : t.value) : 0,
           onChange: K
         }
       );
-    if (i === f.TREE_SELECT)
-      return t != null && t.isCategoryFilter ? /* @__PURE__ */ r(
-        S,
+    if (i === m.TREE_SELECT)
+      return a != null && a.isCategoryFilter ? /* @__PURE__ */ r(
+        T,
         {
-          placeholder: T.common.placeholder.select,
+          searchPlaceholder: s.common.placeholder.search,
+          placeholder: s.common.placeholder.select,
           value: (n = o.filterValue) == null ? void 0 : n.value,
-          onChange: L,
-          treeData: E(s),
-          filterTreeNode: t != null && t.onSearch ? () => !0 : void 0,
+          onChange: E,
+          treeData: P(c),
+          filterTreeNode: a != null && a.onSearch ? () => !0 : void 0,
           treeCheckable: !0,
-          showCheckedStrategy: S.SHOW_ALL,
+          showCheckedStrategy: T.SHOW_ALL,
           onSearch: re,
           searchValue: J,
-          onOpenChange: (u) => {
-            u || ie();
+          onOpenChange: (h) => {
+            h || ie();
           },
           style: { width: 330 },
           tagClosable: !1,
           maxTagCount: "responsive",
           maxTagTextLength: 10,
-          loading: !!v,
-          isDynamicNotFound: !!b
+          loading: !!b,
+          isDynamicNotFound: !!S
         }
       ) : /* @__PURE__ */ r(
-        S,
+        T,
         {
-          placeholder: T.common.placeholder.select,
-          value: (c = o.filterValue) == null ? void 0 : c.value,
-          onChange: L,
-          treeData: E(s),
-          filterTreeNode: t != null && t.onSearch ? () => !0 : void 0,
+          searchPlaceholder: s.common.placeholder.search,
+          placeholder: s.common.placeholder.select,
+          value: (u = o.filterValue) == null ? void 0 : u.value,
+          onChange: E,
+          treeData: P(c),
+          filterTreeNode: a != null && a.onSearch ? () => !0 : void 0,
           treeCheckable: !0,
-          showCheckedStrategy: S.SHOW_ALL,
-          onSearch: (t == null ? void 0 : t.onSearch) || void 0,
+          showCheckedStrategy: T.SHOW_ALL,
+          onSearch: (a == null ? void 0 : a.onSearch) || void 0,
           style: { width: 330 },
           tagClosable: !1,
           maxTagCount: "responsive",
           maxTagTextLength: 10,
-          loading: !!v,
-          isDynamicNotFound: !!b
+          loading: !!b,
+          isDynamicNotFound: !!S
         }
       );
-    if (i === f.SELECT_OPTION_GROUP) {
-      const u = he.flatMap(
-        (p) => p.options.map((V) => ({ ...V, label: `${p.label} / ${V.label}` }))
+    if (i === m.SELECT_OPTION_GROUP) {
+      const h = ue.flatMap(
+        (f) => f.options.map((V) => ({ ...V, label: `${f.label} / ${V.label}` }))
       );
       return /* @__PURE__ */ r(
         x,
         {
+          searchPlaceholder: s.common.placeholder.search,
           style: { width: 330 },
           mode: "multiple",
           value: N,
-          options: u,
-          onClear: () => l.onFilterValueChange([], t, o),
-          onChange: (p) => l.onFilterValueChange(
-            p,
-            t,
+          options: h,
+          onClear: () => l.onFilterValueChange([], a, o),
+          onChange: (f) => l.onFilterValueChange(
+            f,
+            a,
             o
           ),
           allowClear: !0,
-          placeholder: T.common.placeholder.select,
+          placeholder: s.common.placeholder.select,
           maxTagCount: "responsive",
           showSearch: !0,
-          filterOption: (p, V) => V ? String(V.label ?? "").toLowerCase().includes(p.toLowerCase()) : !1,
-          loading: !!v,
-          isDynamicNotFound: !!b
+          filterOption: (f, V) => V ? String(V.label ?? "").toLowerCase().includes(f.toLowerCase()) : !1,
+          loading: !!b,
+          isDynamicNotFound: !!S
         }
       );
     }
-    return i === f.MULTISELECT ? /* @__PURE__ */ r(
-      S,
+    return i === m.MULTISELECT ? /* @__PURE__ */ r(
+      T,
       {
-        placeholder: T.common.placeholder.select,
-        value: (d = o.filterValue) == null ? void 0 : d.value,
-        onChange: L,
-        treeData: E(fe),
-        filterTreeNode: t != null && t.onSearch ? () => !0 : void 0,
+        searchPlaceholder: s.common.placeholder.search,
+        placeholder: s.common.placeholder.select,
+        value: (p = o.filterValue) == null ? void 0 : p.value,
+        onChange: E,
+        treeData: P(de),
+        filterTreeNode: a != null && a.onSearch ? () => !0 : void 0,
         treeCheckable: !0,
-        showCheckedStrategy: S.SHOW_ALL,
-        onSearch: (t == null ? void 0 : t.onSearch) || void 0,
+        showCheckedStrategy: T.SHOW_ALL,
+        onSearch: (a == null ? void 0 : a.onSearch) || void 0,
         style: { width: 330 },
         tagClosable: !1,
         maxTagCount: "responsive",
         maxTagTextLength: 10,
-        loading: !!v,
-        isDynamicNotFound: !!b
+        loading: !!b,
+        isDynamicNotFound: !!S
       }
     ) : /* @__PURE__ */ r(
       x,
       {
+        searchPlaceholder: s.common.placeholder.search,
         style: { width: 330 },
         value: N,
-        options: z(s),
-        onClear: () => l.onFilterValueChange([], t, o),
-        onChange: (u) => ne(u),
+        options: z(c),
+        onClear: () => l.onFilterValueChange([], a, o),
+        onChange: (h) => ne(h),
         allowClear: !0,
-        placeholder: T.common.placeholder.select,
+        placeholder: s.common.placeholder.select,
         maxTagCount: "responsive",
         showSearch: !0,
-        filterOption: (u, p) => p ? String(p.label ?? "").toLowerCase().includes(u.toLowerCase()) : !1,
-        loading: !!v,
-        isDynamicNotFound: !!b
+        filterOption: (h, f) => f ? String(f.label ?? "").toLowerCase().includes(h.toLowerCase()) : !1,
+        loading: !!b,
+        isDynamicNotFound: !!S
       }
     );
   };
@@ -366,24 +372,26 @@ function we(w) {
         /* @__PURE__ */ r(
           x,
           {
+            searchPlaceholder: s.common.placeholder.search,
             showSearch: !0,
-            filterOption: (e, a) => String((a == null ? void 0 : a.label) ?? "").toLowerCase().includes(e.toLowerCase()),
+            filterOption: (e, t) => String((t == null ? void 0 : t.label) ?? "").toLowerCase().includes(e.toLowerCase()),
             style: { width: 162 },
             options: Q,
             value: Z,
-            onChange: (e) => te(e)
+            onChange: (e) => ae(e)
           }
         ),
         /* @__PURE__ */ r(
           x,
           {
+            searchPlaceholder: s.common.placeholder.search,
             style: { width: 120 },
             options: ee.map((e) => ({
               label: e.label,
               value: e.value
             })),
             value: (H = o.filterValue) == null ? void 0 : H.condition,
-            onChange: (e) => ae(e)
+            onChange: (e) => te(e)
           }
         ),
         pe(),
@@ -400,7 +408,7 @@ function we(w) {
     }
   );
 }
-const Me = me(we);
+const Me = fe(we);
 export {
   Me as FilterRow
 };