@alphakits/ui 2.0.13 → 2.2.0

package/dist/select/components/native-select/component.d.ts

@@ -1,22 +1,10 @@
 import { default as React, SelectHTMLAttributes } from 'react';
 import { GroupShape, OptionShape } from '../../typings';
 export type NativeSelectProps = SelectHTMLAttributes<HTMLSelectElement> & {
-    /**
-     * Список вариантов выбора
-     */
     options: Array<OptionShape | GroupShape>;
-    /**
-     * Значение селекта
-     */
     value: string | string[];
 };
 export declare const NativeSelect: React.ForwardRefExoticComponent<React.SelectHTMLAttributes<HTMLSelectElement> & {
-    /**
-     * Список вариантов выбора
-     */
     options: Array<OptionShape | GroupShape>;
-    /**
-     * Значение селекта
-     */
     value: string | string[];
 } & React.RefAttributes<HTMLSelectElement>>;

package/dist/select/components/native-select/component.js

@@ -35,4 +35,3 @@ const a = ({ option: e }) => /* @__PURE__ */ l("option", { value: e.key, disable
 export {
   v as NativeSelect
 };
-//# sourceMappingURL=component.js.map

package/dist/select/components/native-select/index.js

@@ -2,4 +2,3 @@ import { NativeSelect as o } from "./component.js";
 export {
   o as NativeSelect
 };
-//# sourceMappingURL=index.js.map

package/dist/select/components/optgroup/component.d.ts

@@ -1,2 +1,3 @@
+import { default as React } from 'react';
 import { OptgroupProps } from '../../typings';
-export declare const Optgroup: ({ children, label, size }: OptgroupProps) => JSX.Element;
+export declare const Optgroup: ({ children, label, size }: OptgroupProps) => React.JSX.Element;

package/dist/select/components/optgroup/component.js

@@ -9,4 +9,3 @@ const d = ({ children: s, label: m, size: t = "s" }) => /* @__PURE__ */ e(p.Frag
 export {
   d as Optgroup
 };
-//# sourceMappingURL=component.js.map

package/dist/select/components/optgroup/index.js

@@ -2,4 +2,3 @@ import { Optgroup as r } from "./component.js";
 export {
   r as Optgroup
 };
-//# sourceMappingURL=index.js.map

package/dist/select/components/optgroup/index.module.css.js

@@ -12,4 +12,3 @@ export {
   l as optgroup,
   p as xl
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/select/components/option/component.js

@@ -1,42 +1,42 @@
-import { jsxs as k, jsx as r } from "react/jsx-runtime";
-import { isValidElement as p } from "react";
-import n from "classnames";
+import { jsxs as f, jsx as o } from "react/jsx-runtime";
+import { isValidElement as k } from "react";
+import s from "classnames";
 import { Skeleton as x } from "../../../skeleton/component.js";
 import { Checkmark as g } from "../checkmark/component.js";
-import e from "./index.module.css.js";
+import t from "./index.module.css.js";
 const u = ({
-  size: l = "s",
-  className: o,
-  option: t,
+  size: m = "s",
+  className: l,
+  option: e,
   children: c,
-  selected: s,
+  selected: i,
   highlighted: a,
   disabled: d,
-  Checkmark: i = g,
-  innerProps: h,
-  index: f
+  Checkmark: n = g,
+  innerProps: p,
+  index: h
   // dataTestId,
 }) => {
-  const m = c || t.content || t.key;
-  return /* @__PURE__ */ k(
+  const r = c || e.content || e.key;
+  return /* @__PURE__ */ f(
     "div",
     {
-      ...h,
-      className: n(e.option, e[l], o, {
-        [e.highlighted]: a,
-        [e.selected]: s,
-        [e.disabled]: d
+      ...p,
+      className: s(t.option, t[m], l, {
+        [t.highlighted]: a,
+        [t.selected]: i,
+        [t.disabled]: d
       }),
-      "data-test-id": `option-${f}`,
+      "data-test-id": `option-${h}`,
       children: [
-        i && /* @__PURE__ */ r(i, { selected: s }),
-        /* @__PURE__ */ r(
+        n && /* @__PURE__ */ o(n, { selected: i }),
+        /* @__PURE__ */ o(
           "div",
           {
-            className: n(e.content, {
-              [e.textContent]: !p(m)
+            className: s(t.content, {
+              [t.textContent]: !k(r)
             }),
-            children: /* @__PURE__ */ r(x, { className: e.skeleton, visible: t == null ? void 0 : t.loading, children: m })
+            children: /* @__PURE__ */ o(x, { className: t.skeleton, visible: e?.loading, children: r })
           }
         )
       ]
@@ -46,4 +46,3 @@ const u = ({
 export {
   u as Option
 };
-//# sourceMappingURL=component.js.map

package/dist/select/components/option/index.js

@@ -2,4 +2,3 @@ import { Option as r } from "./component.js";
 export {
   r as Option
 };
-//# sourceMappingURL=index.js.map

package/dist/select/components/option/index.module.css.js

@@ -26,4 +26,3 @@ export {
   _ as textContent,
   l as xl
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/select/components/options-list/component.js

@@ -1,4 +1,4 @@
-import { jsx as i, jsxs as d } from "react/jsx-runtime";
+import { jsx as s, jsxs as a } from "react/jsx-runtime";
 import { forwardRef as R, useRef as g, useCallback as N } from "react";
 import j from "react-merge-refs";
 import w from "@alphakits/icons/dist/ClockCircleM";
@@ -6,57 +6,57 @@ import G from "classnames";
 import { Button as L } from "../../../button/component.js";
 import { useVisibleOptions as O, isGroup as M } from "../../utils.js";
 import { Optgroup as V } from "../optgroup/component.js";
-import m from "./index.module.css.js";
+import t from "./index.module.css.js";
 const W = () => {
-  let l = 0;
-  return () => l++;
+  let e = 0;
+  return () => e++;
 }, K = R(
   ({
-    size: l = "s",
-    className: a,
-    Option: f,
-    options: s = [],
-    actionButton: e,
-    Optgroup: n = V,
+    size: e = "s",
+    className: f,
+    Option: o,
+    options: l = [],
+    actionButton: i,
+    Optgroup: d = V,
     dataTestId: p,
-    emptyPlaceholder: o,
+    emptyPlaceholder: m,
     visibleOptions: u = 5,
     onScroll: b,
     toggleMenu: h,
     open: x
   }, C) => {
-    const c = g(null), t = W(), v = N(
-      (r) => /* @__PURE__ */ i(n, { label: r.label, size: l, children: r.options.map((k) => f({ option: k, index: t() })) }, r.label),
+    const c = g(null), n = W(), v = N(
+      (r) => /* @__PURE__ */ s(d, { label: r.label, size: e, children: r.options.map((k) => o({ option: k, index: n() })) }, r.label),
       // eslint-disable-next-line react-hooks/exhaustive-deps
-      [f, t, l]
+      [o, n, e]
     );
     return O({
       visibleOptions: u,
       listRef: c,
       open: x,
-      invalidate: s
-    }), s.length === 0 && !o && !e ? null : /* @__PURE__ */ d(
+      invalidate: l
+    }), l.length === 0 && !m && !i ? null : /* @__PURE__ */ a(
       "div",
       {
-        className: G(m.optionsList, m[l], a),
+        className: G(t.optionsList, t[e], f),
         "data-test-id": p,
         ref: j([c, C]),
         onScroll: b,
         children: [
-          s.map((r) => M(r) ? v(r) : f({ option: r, index: t() })),
-          o && s.length === 0 && /* @__PURE__ */ d("div", { className: m.emptyPlaceholder, children: [
-            /* @__PURE__ */ i(w, {}),
-            o
+          l.map((r) => M(r) ? v(r) : o({ option: r, index: n() })),
+          m && l.length === 0 && /* @__PURE__ */ a("div", { className: t.emptyPlaceholder, children: [
+            /* @__PURE__ */ s(w, {}),
+            m
           ] }),
-          !!e && /* @__PURE__ */ i("div", { className: m.actionButtonWrapper, children: /* @__PURE__ */ i(
+          !!i && /* @__PURE__ */ s("div", { className: t.actionButtonWrapper, children: /* @__PURE__ */ s(
             L,
             {
               view: "outlined",
               size: "xs",
               onClick: () => {
-                e == null || e.onClick(), h();
+                i?.onClick(), h();
               },
-              children: e.label
+              children: i.label
             }
           ) })
         ]
@@ -67,4 +67,3 @@ const W = () => {
 export {
   K as OptionsList
 };
-//# sourceMappingURL=component.js.map

package/dist/select/components/options-list/index.js

@@ -2,4 +2,3 @@ import { OptionsList as i } from "./component.js";
 export {
   i as OptionsList
 };
-//# sourceMappingURL=index.js.map

package/dist/select/components/options-list/index.module.css.js

@@ -14,4 +14,3 @@ export {
   t as optionsList,
   n as xl
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/select/components/select-search/index.d.ts

@@ -8,4 +8,4 @@ type SelectSearchProps = Omit<SelectProps, 'options'> & {
     options: any;
     searchType?: 'text' | 'number';
 };
-export declare const SelectSearch: ({ options, searchType, onChange, selected, ...restProps }: SelectSearchProps) => JSX.Element;
+export declare const SelectSearch: ({ options, searchType, onChange, selected, ...restProps }: SelectSearchProps) => React.JSX.Element;

package/dist/select/components/select-search/index.js

@@ -1,95 +1,93 @@
-import { jsxs as v, jsx as o } from "react/jsx-runtime";
-import a, { useEffect as P, useState as h, useRef as b, useCallback as m, useMemo as j } from "react";
-import E from "@alphakits/icons/dist/SearchS";
-import { useClickOutside as I } from "../../../hooks/useClickOutside/index.js";
+import { jsxs as k, jsx as s } from "react/jsx-runtime";
+import a, { useEffect as v, useState as L, useRef as P, useCallback as p, useMemo as b } from "react";
+import j from "@alphakits/icons/dist/SearchS";
+import { useClickOutside as E } from "../../../hooks/useClickOutside/index.js";
 import "../../../toast-notifier/component.js";
-import { safeStringify as z } from "../../../utils/safe-stringify.js";
-import { Input as A } from "../../../input/component.js";
-import { BaseSelect as B } from "../base-select/component.js";
-import { OptionsList as F } from "../options-list/component.js";
-import M from "./index.module.css.js";
-const N = a.forwardRef(
-  ({ inputProps: t, ...i }, e) => {
-    const n = a.useRef(null), f = a.useRef(null);
-    return P(() => {
-      var c;
-      (c = n.current) == null || c.focus();
-    }, []), /* @__PURE__ */ v("div", { ref: e, children: [
-      /* @__PURE__ */ o("div", { style: { padding: "5px 20px" }, children: /* @__PURE__ */ o(
-        A,
+import { safeStringify as I } from "../../../utils/safe-stringify.js";
+import { Input as z } from "../../../input/component.js";
+import { BaseSelect as A } from "../base-select/component.js";
+import { OptionsList as B } from "../options-list/component.js";
+import F from "./index.module.css.js";
+const M = a.forwardRef(
+  ({ inputProps: e, ...o }, n) => {
+    const i = a.useRef(null), c = a.useRef(null);
+    return v(() => {
+      i.current?.focus();
+    }, []), /* @__PURE__ */ k("div", { ref: n, children: [
+      /* @__PURE__ */ s("div", { style: { padding: "5px 20px" }, children: /* @__PURE__ */ s(
+        z,
         {
           size: "s",
-          leftAddons: /* @__PURE__ */ o(E, {}),
-          ...t,
-          fieldClassName: M.innerInput,
+          leftAddons: /* @__PURE__ */ s(j, {}),
+          ...e,
+          fieldClassName: F.innerInput,
           block: !0,
-          ref: n
+          ref: i
         }
       ) }),
-      /* @__PURE__ */ o(F, { ...i, ref: f })
+      /* @__PURE__ */ s(B, { ...o, ref: c })
     ] });
   }
 ), V = ({
-  options: t,
-  searchType: i = "text",
-  onChange: e,
-  selected: n = "",
-  ...f
+  options: e,
+  searchType: o = "text",
+  onChange: n,
+  selected: i = "",
+  ...c
 }) => {
-  const [c, l] = h(t), [d, S] = h(""), x = b(null), L = m(
-    (O, { value: u }) => {
-      S(u);
+  const [O, f] = L(e), [m, d] = L(""), h = P(null), S = p(
+    (x, { value: l }) => {
+      d(l);
       try {
-        if (!u) return l(t);
-        const R = String(u).toLowerCase(), w = t.reduce(
-          (p, s) => p.concat(s.options ? s.options : [s]),
+        if (!l) return f(e);
+        const C = String(l).toLowerCase(), g = e.reduce(
+          (u, r) => u.concat(r.options ? r.options : [r]),
           []
-        ).filter(({ key: p, value: s, content: k }) => z({ key: p, value: s, content: k }).toLowerCase().includes(R));
-        return l(w);
-      } catch (R) {
+        ).filter(({ key: u, value: r, content: w }) => I({ key: u, value: r, content: w }).toLowerCase().includes(C));
+        return f(g);
+      } catch {
         return [];
       }
     },
-    [t]
-  ), r = m(() => {
-    S(""), l(t);
-  }, [t]), y = m(
-    (O) => {
-      e == null || e(O), r();
+    [e]
+  ), t = p(() => {
+    d(""), f(e);
+  }, [e]), R = p(
+    (x) => {
+      n?.(x), t();
     },
-    [e, r]
+    [n, t]
   );
-  I(x, r);
-  const C = j(
+  E(h, t);
+  const y = b(
     () => ({
-      ref: x,
+      ref: h,
       inputProps: {
-        onChange: L,
-        value: d,
-        type: i,
+        onChange: S,
+        value: m,
+        type: o,
         clear: !0,
-        onClear: r
+        onClear: t
       }
     }),
-    [L, d, i, r]
+    [S, m, o, t]
   );
-  return /* @__PURE__ */ o(
-    B,
+  return /* @__PURE__ */ s(
+    A,
     {
-      ...f,
-      selected: n,
-      onChange: y,
+      ...c,
+      selected: i,
+      onChange: R,
       showEmptyOptionsList: !0,
-      OptionsList: N,
-      filteredOptions: c,
-      options: t,
-      optionsListProps: C
+      OptionsList: M,
+      filteredOptions: O,
+      options: e,
+      optionsListProps: y
     }
   );
 };
 export {
-  N as CustomOptionsList,
+  M as CustomOptionsList,
   V as SelectSearch,
-  z as safeStringify
+  I as safeStringify
 };
-//# sourceMappingURL=index.js.map

package/dist/select/components/select-search/index.module.css.js

@@ -6,4 +6,3 @@ export {
   t as default,
   n as innerInput
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/select/components/virtual-options-list/component.d.ts

@@ -1,8 +1,6 @@
+import { default as React } from 'react';
 import { OptionsListProps } from '../../typings';
 export type VirtualOptionsList = OptionsListProps & {
-    /**
-     * Число отрисованных пунктов до\после видимого окна
-     */
     overscan?: number;
 };
-export declare const VirtualOptionsList: ({ size, flatOptions, highlightedIndex, className, Option, open, options, overscan, Optgroup, dataTestId, emptyPlaceholder, visibleOptions, }: VirtualOptionsList) => JSX.Element;
+export declare const VirtualOptionsList: ({ size, flatOptions, highlightedIndex, className, Option, open, options, overscan, Optgroup, dataTestId, emptyPlaceholder, visibleOptions, }: VirtualOptionsList) => React.JSX.Element;

package/dist/select/components/virtual-options-list/component.js

@@ -98,4 +98,3 @@ const R = ({
 export {
   R as VirtualOptionsList
 };
-//# sourceMappingURL=component.js.map

package/dist/select/components/virtual-options-list/index.js

@@ -2,4 +2,3 @@ import { VirtualOptionsList as o } from "./component.js";
 export {
   o as VirtualOptionsList
 };
-//# sourceMappingURL=index.js.map

package/dist/select/components/virtual-options-list/index.module.css.js

@@ -18,4 +18,3 @@ export {
   i as virtualRow,
   s as xl
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/select/index.js

@@ -28,4 +28,3 @@ export {
   d as useSelectWithLoading,
   A as useVisibleOptions
 };
-//# sourceMappingURL=index.js.map

package/dist/select/presets/index.js

@@ -4,4 +4,3 @@ export {
   a as useLazyLoading,
   r as useSelectWithLoading
 };
-//# sourceMappingURL=index.js.map

package/dist/select/presets/use-lazy-loading/index.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { OptionShape } from '../../typings';
+import { OptionProps, OptionShape } from '../../typings';
 type OptionsFetcherResponse = {
     items: Array<{
         [x: string]: any;
@@ -14,20 +14,8 @@ type OptionsFetcherResponse = {
     };
 };
 type UseLazyLoadingProps = {
-    /** Количество элементов на "странице" */
     limit?: number;
-    /** Начальный номер "страницы" */
     initialPage?: number;
-    /**
-     * Функция-загрузчик опций.
-     * @param page - текущая страница
-     * @param limit - количество элементов на странице
-     * @param searchText - строчные данные, пробрасываемые для поиска из кастомного инпута, расположенного в заголовке OptionsList
-     * @returns Promise<{
-     *  options - список опций следующей "страницы". Они аппендятся к предыдущим
-     *  hasMore - указывает, есть ли еще незагруженные элементы (в случае false перестает загружать "следующую страницу")
-     * }>
-     */
     optionsFetcher({ page, limit, searchText, }: {
         page: number;
         limit: number;
@@ -36,12 +24,12 @@ type UseLazyLoadingProps = {
 };
 export declare function useLazyLoading({ limit, initialPage, optionsFetcher, }: UseLazyLoadingProps): {
     optionsProps: {
-        Option: (props: any) => JSX.Element;
+        Option: (props: OptionProps) => React.JSX.Element;
         options: OptionShape[];
         optionsListProps: {
-            ref: React.RefObject<HTMLDivElement>;
+            ref: React.RefObject<HTMLDivElement | null>;
             inputProps: {
-                onChange: (event: React.ChangeEvent<HTMLInputElement>, payload: {
+                onChange: (event: React.ChangeEvent<HTMLInputElement, Element>, payload: {
                     value: string;
                 }) => void;
                 value: string;