@alphakits/ui 2.0.13 → 2.2.0

package/dist/select/presets/use-lazy-loading/index.js

@@ -1,41 +1,41 @@
-import { jsx as A } from "react/jsx-runtime";
-import { useReducer as H, useRef as O, useCallback as p, useEffect as P, useMemo as U } from "react";
-import { Option as B } from "../../components/option/component.js";
-import { convertToOptions as Q } from "../../utils.js";
+import { jsx as x } from "react/jsx-runtime";
+import { useReducer as b, useRef as u, useCallback as p, useEffect as m, useMemo as A } from "react";
+import { Option as F } from "../../components/option/component.js";
+import { convertToOptions as H } from "../../utils.js";
 import "intersection-observer";
-const k = 300, l = {
+const U = 300, c = {
   fetchOptionsStart() {
     return { type: "FETCH_OPTIONS_START" };
   },
   fetchOptionsBreak() {
     return { type: "FETCH_OPTIONS_BREAK" };
   },
-  fetchOptionsSuccess(r) {
-    return { type: "FETCH_OPTIONS_SUCCESS", payload: r };
+  fetchOptionsSuccess(n) {
+    return { type: "FETCH_OPTIONS_SUCCESS", payload: n };
   },
-  setIsOpened(r) {
-    return { type: "SET_IS_OPENED", payload: r };
+  setIsOpened(n) {
+    return { type: "SET_IS_OPENED", payload: n };
   },
-  setQueryString(r) {
-    return { type: "SET_QUERY_STRING", payload: r };
+  setQueryString(n) {
+    return { type: "SET_QUERY_STRING", payload: n };
   },
   reset() {
     return { type: "RESET" };
   }
 };
-function j({
-  limit: r = 10,
-  initialPage: y = 0,
-  optionsFetcher: I
+function G({
+  limit: n = 10,
+  initialPage: E = 0,
+  optionsFetcher: _
 }) {
-  const S = [], f = {
+  const d = [], O = {
     opened: !1,
-    page: y,
-    options: S,
+    page: E,
+    options: d,
     loading: !1,
     allOptionsLoaded: !1,
     searchText: ""
-  }, N = (e, t) => {
+  }, C = (e, t) => {
     switch (t.type) {
       case "FETCH_OPTIONS_START":
         return {
@@ -63,110 +63,104 @@ function j({
       case "SET_QUERY_STRING":
         return {
           // Изменение searchText подразумевает сброс текущих опций.
-          ...f,
+          ...O,
           opened: e.opened,
           loading: !0,
           searchText: t.payload
         };
       case "RESET":
         return {
-          ...f
+          ...O
         };
       default:
         return e;
     }
   }, [
     {
-      opened: m,
-      page: g,
-      options: E,
-      loading: a,
-      allOptionsLoaded: C,
-      searchText: h
+      opened: y,
+      page: f,
+      options: g,
+      loading: o,
+      allOptionsLoaded: R,
+      searchText: T
     },
-    i
-  ] = H(N, f), o = O(), c = p(() => {
-    i(l.fetchOptionsStart()), new Promise((e, t) => {
-      var n;
-      (n = o.current) == null || n.call(o), o.current = t, I({ page: g, limit: r, searchText: h }).then((s) => {
-        e(s);
+    r
+  ] = b(C, O), a = u(void 0), s = p(() => {
+    r(c.fetchOptionsStart()), new Promise((e, t) => {
+      a.current?.(), a.current = t, _({ page: f, limit: n, searchText: T }).then((i) => {
+        e(i);
       });
     }).then((e) => {
-      const t = Q(e.items), { meta: { totalPages: n, currentPage: s } } = e;
-      i(l.fetchOptionsSuccess({ options: t, hasMore: s < n })), o.current = void 0;
+      const t = H(e.items), { meta: { totalPages: i, currentPage: S } } = e;
+      r(c.fetchOptionsSuccess({ options: t, hasMore: S < i })), a.current = void 0;
     }).catch(
       // eslint-disable-next-line @typescript-eslint/no-empty-function
       (e) => {
         console.log(e);
       }
     );
-  }, [g, r, h, I]), u = O(null);
-  P(() => {
-    var t;
+  }, [f, n, T, _]), l = u(null);
+  m(() => {
     let e;
-    if (m && !a && !C) {
+    if (y && !o && !R) {
       e = new IntersectionObserver(
-        ([T]) => {
-          T.isIntersecting && (e && e.disconnect(), c());
+        ([S]) => {
+          S.isIntersecting && (e && e.disconnect(), s());
         },
         {
-          root: u.current
+          root: l.current
         }
       );
-      const n = (t = u.current) == null ? void 0 : t.querySelectorAll('[role="option"]'), s = n == null ? void 0 : n[n.length - 1];
-      s && e.observe(s);
+      const t = l.current?.querySelectorAll('[role="option"]'), i = t?.[t.length - 1];
+      i && e.observe(i);
     }
     return () => {
       e && e.disconnect();
     };
-  }, [g, m, C, y, a, c]);
-  const L = p(
+  }, [f, y, R, E, o, s]);
+  const N = p(
     (e) => {
-      var t, n;
-      e.open ? E.length === S.length && c() : ((t = o.current) == null || t.call(o), i(l.fetchOptionsBreak())), i(l.setIsOpened((n = e.open) != null ? n : !1));
+      e.open ? g.length === d.length && s() : (a.current?.(), r(c.fetchOptionsBreak())), r(c.setIsOpened(e.open ?? !1));
     },
-    [S.length, E.length, c]
-  ), d = O(), _ = O();
-  P(() => {
-    d.current = c;
-  }, [c]);
-  const R = p(
+    [d.length, g.length, s]
+  ), I = u(void 0), h = u(void 0);
+  m(() => {
+    I.current = s;
+  }, [s]);
+  const P = p(
     (e, t) => {
-      var n, s;
-      i(l.setQueryString(t.value)), (n = o.current) == null || n.call(o), (s = u.current) == null || s.scrollTo({ top: 0 }), _.current && clearTimeout(_.current), _.current = setTimeout(() => {
-        var T;
-        (T = d.current) == null || T.call(d);
-      }, k);
+      r(c.setQueryString(t.value)), a.current?.(), l.current?.scrollTo({ top: 0 }), h.current && clearTimeout(h.current), h.current = setTimeout(() => {
+        I.current?.();
+      }, U);
     },
     []
-  ), v = U(() => Array(a ? r : 0).fill(0).map((e, t) => ({
+  ), v = A(() => Array(o ? n : 0).fill(0).map((e, t) => ({
     key: t,
     disabled: !0,
     content: "",
     loading: !0
-  })), [a, r]), x = p(() => {
-    i(l.reset());
+  })), [o, n]), L = p(() => {
+    r(c.reset());
   }, []);
   return {
     optionsProps: {
       Option: p(
-        (e) => /* @__PURE__ */ A(B, { ...e, highlighted: a ? !1 : e.highlighted }),
-        [a]
+        (e) => /* @__PURE__ */ x(F, { ...e, highlighted: o ? !1 : e.highlighted }),
+        [o]
       ),
-      options: [...E, ...v],
+      options: [...g, ...v],
       optionsListProps: {
-        ref: u,
+        ref: l,
         inputProps: {
-          onChange: R,
-          value: h
+          onChange: P,
+          value: T
         }
       },
-      onOpen: L
+      onOpen: N
     },
-    reset: x
+    reset: L
   };
 }
 export {
-  j as useLazyLoading
+  G as useLazyLoading
 };
-//# sourceMappingURL=index.js.map

package/dist/select/presets/use-select-with-loading/hook.d.ts

@@ -1,10 +1,11 @@
-import { BaseSelectProps, OptionShape } from '../../typings';
+import { default as React } from 'react';
+import { BaseSelectProps, OptionProps, OptionShape } from '../../typings';
 type useSelectWithLoadingProps = {
     loading?: boolean;
     visibleOptions?: BaseSelectProps['visibleOptions'];
 };
 export declare function useSelectWithLoading({ loading, visibleOptions, }: useSelectWithLoadingProps): {
-    Option: (props: any) => JSX.Element;
+    Option: (props: OptionProps) => React.JSX.Element;
     options: OptionShape[];
 } | null;
 export {};

package/dist/select/presets/use-select-with-loading/hook.js

@@ -1,19 +1,19 @@
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as o } from "react/jsx-runtime";
 import { useCallback as s } from "react";
 import { Skeleton as m } from "../../../skeleton/component.js";
 import { Option as f } from "../../components/option/component.js";
 import a from "./index.module.css.js";
-function d({
+function k({
   loading: t = !1,
-  visibleOptions: o = 6
+  visibleOptions: r = 6
 }) {
   const i = s(
-    (e) => /* @__PURE__ */ r(f, { ...e, Checkmark: null, highlighted: t ? !1 : e.highlighted }),
+    (e) => /* @__PURE__ */ o(f, { ...e, Checkmark: void 0, highlighted: t ? !1 : e.highlighted }),
     [t]
-  ), l = Array(o).fill(0).map((e, n) => ({
+  ), l = Array(r).fill(0).map((e, n) => ({
     key: n,
     disabled: !0,
-    content: /* @__PURE__ */ r(m, { className: a.skeleton, visible: !0 })
+    content: /* @__PURE__ */ o(m, { className: a.skeleton, visible: !0 })
   }));
   return t ? {
     Option: i,
@@ -21,6 +21,5 @@ function d({
   } : null;
 }
 export {
-  d as useSelectWithLoading
+  k as useSelectWithLoading
 };
-//# sourceMappingURL=hook.js.map

package/dist/select/presets/use-select-with-loading/index.module.css.js

@@ -6,4 +6,3 @@ export {
   s as default,
   e as skeleton
 };
-//# sourceMappingURL=index.module.css.js.map