@alphakits/ui 1.31.5 → 2.0.1

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

@@ -1 +1,110 @@
-import{__rest as t,__assign as e}from"tslib";import o,{useEffect as r,useState as n,useRef as i,useCallback as s,useMemo as p}from"react";import{SearchS as c}from"@alphakits/icons";import{useClickOutside as a}from"../../../hooks/useClickOutside/index.js";import"../../../utils/get-service-error/index.js";import"../../../toast-notifier/component.js";import{Input as m}from"../../../input/component.js";import{BaseSelect as l}from"../base-select/component.js";import{OptionsList as u}from"../options-list/component.js";import"../../../utils/get-service-error/is-axios-error.js";import"../../../utils/get-service-error/is-network-error.js";import"react-dom";import"classnames";import"../../../toast-plate/component.js";import"@alphakits/icons/dist/AlertCircleM";import"@alphakits/icons/dist/CheckmarkCircleM";import"@alphakits/icons/dist/ClockCircleM";import"@alphakits/icons/dist/CloseS";import"../../../button/component.js";import"react-merge-refs";import"../../../hooks/useFocus/index.js";import"../../../loader/component.js";import"../../../toast-notifier/use-timer.js";import"../../../form-control/component.js";import"downshift";import"resize-observer";import"../../../__internal/utils/getDataTestId.js";import"../../../popover/component.js";import"react-popper";import"react-transition-group";import"../../../portal/component.js";import"../../../portal/utils.js";import"../../../stack/context.js";import"../../../stack/component.js";import"../../utils.js";import"../native-select/component.js";import"../optgroup/component.js";var f="index-module_innerInput__1eEiK";function d(t){var e=new WeakSet;return JSON.stringify(t,(function(t,o){if(r=o,!("undefined"!=typeof Element&&r instanceof Element||function(t){if(!t||"object"!=typeof t)return!1;var e=t.$$typeof;return"symbol"==typeof e&&String(e).includes("react.element")}(o))){var r;if(o&&"object"==typeof o){if(e.has(o))return;e.add(o)}return o}}))}var v=o.forwardRef((function(n,i){var s=n.inputProps,p=t(n,["inputProps"]),a=o.useRef(null),l=o.useRef(null);return r((function(){var t;null===(t=a.current)||void 0===t||t.focus()}),[]),o.createElement("div",{ref:i},o.createElement("div",{style:{padding:"5px 20px"}},o.createElement(m,e({size:"s",leftAddons:o.createElement(c,null)},s,{fieldClassName:f,block:!0,ref:a}))),o.createElement(u,e({},p,{ref:l})))})),j=function(r){var c=r.options,m=r.searchType,u=void 0===m?"text":m,f=r.onChange,j=r.selected,h=void 0===j?"":j,k=t(r,["options","searchType","onChange","selected"]),g=n(c),y=g[0],C=g[1],x=n(""),E=x[0],b=x[1],w=i(null),L=s((function(t,e){var o=e.value;b(o);try{if(!o)return C(c);var r=String(o).toLowerCase(),n=c.reduce((function(t,e){return t.concat(e.options?e.options:[e])}),[]),i=n.filter((function(t){return d({key:t.key,value:t.value,content:t.content}).toLowerCase().includes(r)}));return console.log(o,i,n),C(i)}catch(t){return console.log(t),[]}}),[c]),O=s((function(){b(""),C(c)}),[c]),S=s((function(t){null==f||f(t),O()}),[f,O]);a(w,O);var _=p((function(){return{ref:w,inputProps:{onChange:L,value:E,type:u,clear:!0,onClear:O}}}),[L,E,u,O]);return o.createElement(l,e({},k,{selected:h,onChange:S,showEmptyOptionsList:!0,OptionsList:v,filteredOptions:y,options:c,optionsListProps:_}))};export{v as CustomOptionsList,j as SelectSearch,d as safeStringify};
+import { jsxs as E, jsx as f } from "react/jsx-runtime";
+import d, { useEffect as g, useState as b, useRef as j, useCallback as a, useMemo as N } from "react";
+import { SearchS as P } from "@alphakits/icons";
+import { useClickOutside as I } from "../../../hooks/useClickOutside/index.js";
+import "../../../toast-notifier/component.js";
+import { Input as _ } from "../../../input/component.js";
+import { BaseSelect as $ } from "../base-select/component.js";
+import { OptionsList as z } from "../options-list/component.js";
+import A from "./index.module.css.js";
+function B(t) {
+  const o = /* @__PURE__ */ new WeakSet(), s = (r) => typeof Element != "undefined" && r instanceof Element, n = (r) => {
+    if (!r || typeof r != "object") return !1;
+    const e = r.$$typeof;
+    return typeof e == "symbol" && String(e).includes("react.element");
+  };
+  return JSON.stringify(t, (r, e) => {
+    if (!(s(e) || n(e))) {
+      if (e && typeof e == "object") {
+        if (o.has(e)) return;
+        o.add(e);
+      }
+      return e;
+    }
+  });
+}
+const D = d.forwardRef(
+  ({ inputProps: t, ...o }, s) => {
+    const n = d.useRef(null), r = d.useRef(null);
+    return g(() => {
+      var e;
+      (e = n.current) == null || e.focus();
+    }, []), /* @__PURE__ */ E("div", { ref: s, children: [
+      /* @__PURE__ */ f("div", { style: { padding: "5px 20px" }, children: /* @__PURE__ */ f(
+        _,
+        {
+          size: "s",
+          leftAddons: /* @__PURE__ */ f(P, {}),
+          ...t,
+          fieldClassName: A.innerInput,
+          block: !0,
+          ref: n
+        }
+      ) }),
+      /* @__PURE__ */ f(z, { ...o, ref: r })
+    ] });
+  }
+), Q = ({
+  options: t,
+  searchType: o = "text",
+  onChange: s,
+  selected: n = "",
+  ...r
+}) => {
+  const [e, u] = b(t), [y, S] = b(""), O = j(null), x = a(
+    (L, { value: l }) => {
+      S(l);
+      try {
+        if (!l) return u(t);
+        const p = String(l).toLowerCase(), R = t.reduce(
+          (m, c) => m.concat(c.options ? c.options : [c]),
+          []
+        ), h = R.filter(({ key: m, value: c, content: C }) => B({ key: m, value: c, content: C }).toLowerCase().includes(p));
+        return console.log(l, h, R), u(h);
+      } catch (p) {
+        return console.log(p), [];
+      }
+    },
+    [t]
+  ), i = a(() => {
+    S(""), u(t);
+  }, [t]), k = a(
+    (L) => {
+      s == null || s(L), i();
+    },
+    [s, i]
+  );
+  I(O, i);
+  const w = N(
+    () => ({
+      ref: O,
+      inputProps: {
+        onChange: x,
+        value: y,
+        type: o,
+        clear: !0,
+        onClear: i
+      }
+    }),
+    [x, y, o, i]
+  );
+  return /* @__PURE__ */ f(
+    $,
+    {
+      ...r,
+      selected: n,
+      onChange: k,
+      showEmptyOptionsList: !0,
+      OptionsList: D,
+      filteredOptions: e,
+      options: t,
+      optionsListProps: w
+    }
+  );
+};
+export {
+  D as CustomOptionsList,
+  Q as SelectSearch,
+  B as safeStringify
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/select/components/select-search/index.tsx"],"sourcesContent":["import React, {\n    useCallback, useEffect, useMemo, useRef, useState,\n} from 'react';\nimport { SearchS } from '@alphakits/icons';\nimport { useClickOutside } from 'src/hooks';\nimport { Input } from 'src/input';\nimport { SelectProps } from 'src/select/component';\nimport { OptionsListProps } from 'src/select/typings';\n\nimport { BaseSelect } from '../base-select';\nimport { OptionsList } from '../options-list';\n\nimport styles from './index.module.css';\n\nexport function safeStringify(obj: any): string {\n    const seen = new WeakSet();\n\n    const isDomNode = (v: any) =>\n        typeof Element !== 'undefined' && v instanceof Element;\n\n    const isReactElement = (v: any) => {\n        if (!v || typeof v !== 'object') return false;\n        // признак React-элемента: $$typeof = Symbol(react.element)\n        const t = (v as any).$$typeof;\n\n        return typeof t === 'symbol' && String(t).includes('react.element');\n    };\n\n    return JSON.stringify(obj, (_key, value) => {\n    // вырезаем DOM и React-элементы сразу (там и живут циклы)\n        if (isDomNode(value) || isReactElement(value)) return undefined;\n\n        if (value && typeof value === 'object') {\n            if (seen.has(value)) return undefined; // обрезаем цикл\n            seen.add(value);\n        }\n\n        return value;\n    });\n}\n\nexport const CustomOptionsList = React.forwardRef<HTMLDivElement, OptionsListProps>(\n    ({ inputProps, ...props }, outerRef) => {\n        const inputRef = React.useRef<HTMLInputElement>(null);\n        const innerListRef = React.useRef<HTMLDivElement>(null);\n\n        useEffect(() => {\n            inputRef.current?.focus();\n        }, []);\n\n        return (\n            <div ref={ outerRef }>\n                <div style={ { padding: '5px 20px' } }>\n                    <Input\n                        size=\"s\"\n                        leftAddons={ <SearchS /> }\n                        { ...inputProps }\n                        fieldClassName={ styles.innerInput }\n                        block={ true }\n                        ref={ inputRef }\n                    />\n                </div>\n                { /* отдельный ref для внутреннего списка — не делим один ref на два DOM-узла */ }\n                <OptionsList { ...props } ref={ innerListRef } />\n            </div>\n        );\n    },\n);\n\ntype SelectSearchProps = Omit<SelectProps, 'options'> & {\n    options: any;\n    searchType?: 'text' | 'number';\n};\n\nexport const SelectSearch = ({\n    options,\n    searchType = 'text',\n    onChange,\n    selected = '',\n    ...restProps\n}: SelectSearchProps) => {\n    const [filteredOptions, setFilteredOptions] = useState(options);\n    const [searchText, setSearchText] = useState('');\n    const listRef = useRef<HTMLDivElement>(null);\n\n    const searchOptions = useCallback(\n        (_e: any, { value }: { value: string }) => {\n            setSearchText(value);\n\n            try {\n                if (!value) return setFilteredOptions(options);\n\n                const text = String(value).toLowerCase();\n                const data = options.reduce(\n                    (acc: any[], o: any) => acc.concat(o.options ? o.options : [o]),\n                    [],\n                );\n\n                const res = data.filter(({ key, value: val, content }: any) =>\n                    safeStringify({ key, value: val, content }).toLowerCase().includes(text));\n\n                console.log(value, res, data);\n\n                return setFilteredOptions(res);\n            } catch (error) {\n                // eslint-disable-next-line no-console\n                console.log(error);\n\n                return [];\n            }\n        },\n        [options],\n    );\n\n    const handleClear = useCallback(() => {\n        setSearchText('');\n        setFilteredOptions(options);\n    }, [options]);\n\n    const handleSelect = useCallback(\n        (payload: any) => {\n            onChange?.(payload);\n            handleClear();\n        },\n        [onChange, handleClear],\n    );\n\n    useClickOutside(listRef, handleClear);\n\n    const memoOptionsListProps = useMemo(\n        () => ({\n            ref: listRef,\n            inputProps: {\n                onChange: searchOptions,\n                value: searchText,\n                type: searchType,\n                clear: true,\n                onClear: handleClear,\n            },\n        }),\n        [searchOptions, searchText, searchType, handleClear],\n    );\n\n    return (\n        <BaseSelect\n            { ...restProps }\n            selected={ selected }\n            onChange={ handleSelect }\n            showEmptyOptionsList={ true }\n            OptionsList={ CustomOptionsList }\n            filteredOptions={ filteredOptions }\n            options={ options }\n            optionsListProps={ memoOptionsListProps as any }\n        />\n    );\n};\n"],"names":["safeStringify","obj","seen","isDomNode","v","isReactElement","t","_key","value","CustomOptionsList","React","inputProps","props","outerRef","inputRef","innerListRef","useEffect","_a","jsxs","jsx","Input","SearchS","styles","OptionsList","SelectSearch","options","searchType","onChange","selected","restProps","filteredOptions","setFilteredOptions","useState","searchText","setSearchText","listRef","useRef","searchOptions","useCallback","_e","text","data","acc","o","res","key","val","content","error","handleClear","handleSelect","payload","useClickOutside","memoOptionsListProps","useMemo","BaseSelect"],"mappings":"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"}

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

@@ -0,0 +1 @@
+.index-module_innerInput__THnfC{background-color:var(--color-bg-primary)!important;border-bottom:1px solid var(--color-border-primary)!important;min-height:40px!important;margin:0 -9px!important}.index-module_innerInput__THnfC:focus{background-color:red!important}.index-module_innerInput__THnfC:before{display:none!important}

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

@@ -0,0 +1,9 @@
+import './index.module.css';
+const n = "index-module_innerInput__THnfC", e = {
+  innerInput: n
+};
+export {
+  e as default,
+  n as innerInput
+};
+//# sourceMappingURL=index.module.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

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

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

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

@@ -1 +1,101 @@
-import e,{useRef as t,useState as i,useEffect as o,useMemo as r}from"react";import{useVirtual as n}from"react-virtual";import l from"classnames";import{usePrevious as s}from"../../../hooks/usePrevious/index.js";import"tslib";import"../../../utils/get-service-error/index.js";import"../../../toast-notifier/component.js";import{lastIndexOf as a,useVisibleOptions as m,isGroup as d}from"../../utils.js";import{Optgroup as p}from"../optgroup/component.js";import"../../../utils/get-service-error/is-axios-error.js";import"../../../utils/get-service-error/is-network-error.js";import"react-dom";import"../../../toast-plate/component.js";import"@alphakits/icons/dist/AlertCircleM";import"@alphakits/icons/dist/CheckmarkCircleM";import"@alphakits/icons/dist/ClockCircleM";import"@alphakits/icons/dist/CloseS";import"../../../button/component.js";import"react-merge-refs";import"../../../hooks/useFocus/index.js";import"../../../loader/component.js";import"../../../toast-notifier/use-timer.js";var c={virtualOptionsList:"index-module_virtualOptionsList__2cwvP",inner:"index-module_inner__IXUKA",virtualRow:"index-module_virtualRow__1iNrK",highlighted:"index-module_highlighted__1JWUQ",emptyPlaceholder:"index-module_emptyPlaceholder__1Dxba",l:"index-module_l__2ISF8",xl:"index-module_xl__26ISi"},u=function(u){var v=u.size,h=void 0===v?"s":v,x=u.flatOptions,f=void 0===x?[]:x,g=u.highlightedIndex,_=void 0===g?-1:g,I=u.className,j=u.Option,k=u.open,b=u.options,y=void 0===b?[]:b,O=u.overscan,R=void 0===O?10:O,C=u.Optgroup,N=void 0===C?p:C,P=u.dataTestId,T=u.emptyPlaceholder,w=u.visibleOptions,E=void 0===w?5:w,S=t(null),z=t(null),L=i(0),M=L[0],A=L[1],F=s(_)||-1,K=n({size:f.length,parentRef:z,overscan:R});o((function(){k&&K.scrollToIndex(_,{align:"end"})}),[k]),o((function(){-1!==_&&(K.virtualItems.some((function(e){return e.index===_}))||K.scrollToIndex(_,{align:"end"}))}),[_]),o((function(){var e=function(e){return!e.disabled},t=f.findIndex(e),i=a(f,e);F<=t&&_===f.length-1&&K.scrollToIndex(i),F>=i&&0===_&&K.scrollToIndex(0)}),[F,_]),o((function(){A(K.virtualItems.length>1?f.length:1)}),[K.virtualItems.length,f.length]),m({visibleOptions:E,invalidate:M,listRef:S,styleTargetRef:z,open:k});var U=r((function(){var e=0;return y.reduce((function(t,i,o){return d(i)?(t[e]=o,e+=i.options.length):e+=1,t}),{})}),[y]);return e.createElement("div",{className:l(c.virtualOptionsList,c[h],I),ref:z,"data-test-id":P},e.createElement("div",{className:c.inner,style:{height:K.totalSize+"px"},ref:S},K.virtualItems.map((function(t){var i,o=f[t.index],r=y[U[t.index]];return e.createElement("div",{key:t.index,ref:t.measureRef,className:l(c.virtualRow,(i={},i[c.highlighted]=_===t.index,i)),style:{transform:"translateY("+t.start+"px)"}},r&&e.createElement(N,{label:r.label}),!d(o)&&j({option:o,index:t.index}))}))),T&&0===y.length&&e.createElement("div",{className:c.emptyPlaceholder},T))};export{u as VirtualOptionsList};
+import { jsxs as v, jsx as f } from "react/jsx-runtime";
+import { useRef as b, useState as O, useEffect as a, useMemo as $ } from "react";
+import { useVirtual as E } from "react-virtual";
+import y from "classnames";
+import { usePrevious as G } from "../../../hooks/usePrevious/index.js";
+import "../../../toast-notifier/component.js";
+import { lastIndexOf as H, useVisibleOptions as M, isGroup as I } from "../../utils.js";
+import { Optgroup as P } from "../optgroup/component.js";
+import l from "./index.module.css.js";
+const R = ({
+  size: N = "s",
+  flatOptions: n = [],
+  highlightedIndex: s = -1,
+  className: T,
+  Option: V,
+  open: m,
+  options: o = [],
+  overscan: z = 10,
+  Optgroup: D = P,
+  dataTestId: S,
+  emptyPlaceholder: p,
+  visibleOptions: g = 5
+}) => {
+  const x = b(null), c = b(null), [j, K] = O(0), u = G(s) || -1, r = E({
+    size: n.length,
+    parentRef: c,
+    overscan: z
+  });
+  a(() => {
+    m && r.scrollToIndex(s, { align: "end" });
+  }, [m]), a(() => {
+    s !== -1 && (r.virtualItems.some((e) => e.index === s) || r.scrollToIndex(s, { align: "end" }));
+  }, [s]), a(() => {
+    const e = (d) => !d.disabled, i = n.findIndex(e), t = H(n, e);
+    u <= i && s === n.length - 1 && r.scrollToIndex(t), u >= t && s === 0 && r.scrollToIndex(0);
+  }, [u, s]), a(() => {
+    K(
+      /**
+       * react-virtual может несколько раз отрендерить список с одним элементом,
+       * поэтому нужно еще раз пересчитать высоту, когда список ВИДИМЫХ пунктов будет отрендерен полностью
+       * Также, высоту нужно пересчитывать при изменении ОБЩЕГО кол-ва пунктов меню
+       */
+      r.virtualItems.length > 1 ? n.length : 1
+    );
+  }, [r.virtualItems.length, n.length]), M({
+    visibleOptions: g,
+    invalidate: j,
+    listRef: x,
+    styleTargetRef: c,
+    open: m
+  });
+  const L = $(() => {
+    let e = 0;
+    return o.reduce((i, t, d) => (I(t) ? (i[e] = d, e += t.options.length) : e += 1, i), {});
+  }, [o]);
+  return /* @__PURE__ */ v(
+    "div",
+    {
+      className: y(l.virtualOptionsList, l[N], T),
+      ref: c,
+      "data-test-id": S,
+      children: [
+        /* @__PURE__ */ f(
+          "div",
+          {
+            className: l.inner,
+            style: {
+              height: `${r.totalSize}px`
+            },
+            ref: x,
+            children: r.virtualItems.map((e) => {
+              const i = n[e.index], t = o[L[e.index]];
+              return /* @__PURE__ */ v(
+                "div",
+                {
+                  ref: e.measureRef,
+                  className: y(l.virtualRow, {
+                    [l.highlighted]: s === e.index
+                  }),
+                  style: {
+                    transform: `translateY(${e.start}px)`
+                  },
+                  children: [
+                    t && /* @__PURE__ */ f(D, { label: t.label }),
+                    !I(i) && V({ option: i, index: e.index })
+                  ]
+                },
+                e.index
+              );
+            })
+          }
+        ),
+        p && o.length === 0 && /* @__PURE__ */ f("div", { className: l.emptyPlaceholder, children: p })
+      ]
+    }
+  );
+};
+export {
+  R as VirtualOptionsList
+};
+//# sourceMappingURL=component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../../../src/select/components/virtual-options-list/component.tsx"],"sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\n\nimport React, {\n    useEffect, useMemo, useRef, useState,\n} from 'react';\nimport { useVirtual } from 'react-virtual';\nimport cn from 'classnames';\n\nimport { usePrevious } from '../../../hooks';\nimport { GroupShape, OptionShape, OptionsListProps } from '../../typings';\nimport { isGroup, lastIndexOf, useVisibleOptions } from '../../utils';\nimport { Optgroup as DefaultOptgroup } from '../optgroup';\n\nimport styles from './index.module.css';\n\nexport type VirtualOptionsList = OptionsListProps & {\n    /**\n     * Число отрисованных пунктов до\\после видимого окна\n     */\n    overscan?: number;\n};\n\nexport const VirtualOptionsList = ({\n    size = 's',\n    flatOptions = [],\n    highlightedIndex = -1,\n    className,\n    Option,\n    open,\n    options = [],\n    overscan = 10,\n    Optgroup = DefaultOptgroup,\n    dataTestId,\n    emptyPlaceholder,\n    visibleOptions = 5,\n}: VirtualOptionsList) => {\n    const listRef = useRef<HTMLDivElement>(null);\n    const parentRef = useRef<HTMLDivElement>(null);\n    const [visibleOptionsInvalidateKey, setVisibleOptionsInvalidateKey] = useState(0);\n    const prevHighlightedIndex = usePrevious(highlightedIndex) || -1;\n\n    const rowVirtualizer = useVirtual({\n        size: flatOptions.length,\n        parentRef,\n        overscan,\n    });\n\n    // Сколл к выбранному пункту при открытии меню\n    useEffect(() => {\n        if (open) {\n            rowVirtualizer.scrollToIndex(highlightedIndex, { align: 'end' });\n        }\n    }, [open]);\n\n    // Скролл к пункту, которого нет на экране\n    useEffect(() => {\n        if (highlightedIndex === -1) return;\n\n        if (!rowVirtualizer.virtualItems.some((option) => option.index === highlightedIndex)) {\n            rowVirtualizer.scrollToIndex(highlightedIndex, { align: 'end' });\n        }\n    }, [highlightedIndex]);\n\n    // Циклическая навигация\n    useEffect(() => {\n        const notDisabled = (option: OptionShape) => !option.disabled;\n        const firstNonDisabled = flatOptions.findIndex(notDisabled);\n        const lastNonDisabled = lastIndexOf(flatOptions, notDisabled);\n\n        if (\n            prevHighlightedIndex <= firstNonDisabled &&\n            highlightedIndex === flatOptions.length - 1\n        ) {\n            rowVirtualizer.scrollToIndex(lastNonDisabled);\n        }\n\n        if (prevHighlightedIndex >= lastNonDisabled && highlightedIndex === 0) {\n            rowVirtualizer.scrollToIndex(0);\n        }\n    }, [prevHighlightedIndex, highlightedIndex]);\n\n    useEffect(() => {\n        setVisibleOptionsInvalidateKey(\n            /**\n             * react-virtual может несколько раз отрендерить список с одним элементом,\n             * поэтому нужно еще раз пересчитать высоту, когда список ВИДИМЫХ пунктов будет отрендерен полностью\n             * Также, высоту нужно пересчитывать при изменении ОБЩЕГО кол-ва пунктов меню\n             */\n            rowVirtualizer.virtualItems.length > 1 ? flatOptions.length : 1,\n        );\n    }, [rowVirtualizer.virtualItems.length, flatOptions.length]);\n\n    useVisibleOptions({\n        visibleOptions,\n        invalidate: visibleOptionsInvalidateKey,\n        listRef,\n        styleTargetRef: parentRef,\n        open,\n    });\n\n    // Т.к. рендерится плоский список, необходимо знать индекс, когда начинается новая группа\n    const groupStartIndexes = useMemo(() => {\n        let currentIndex = 0;\n\n        return options.reduce((acc: { [key: number]: number }, option, index) => {\n            if (isGroup(option)) {\n                acc[currentIndex] = index;\n                currentIndex += option.options.length;\n            } else {\n                currentIndex += 1;\n            }\n\n            return acc;\n        }, {});\n    }, [options]);\n\n    return (\n        <div\n            className={ cn(styles.virtualOptionsList, styles[size], className) }\n            ref={ parentRef }\n            data-test-id={ dataTestId }\n        >\n            <div\n                className={ styles.inner }\n                style={ {\n                    height: `${rowVirtualizer.totalSize}px`,\n                } }\n                ref={ listRef }\n            >\n                { rowVirtualizer.virtualItems.map((virtualRow) => {\n                    const option = flatOptions[virtualRow.index];\n                    const group = options[groupStartIndexes[virtualRow.index]] as GroupShape;\n\n                    return (\n                        <div\n                            key={ virtualRow.index }\n                            ref={ virtualRow.measureRef }\n                            className={ cn(styles.virtualRow, {\n                                [styles.highlighted]: highlightedIndex === virtualRow.index,\n                            }) }\n                            style={ {\n                                transform: `translateY(${virtualRow.start}px)`,\n                            } }\n                        >\n                            { group && <Optgroup label={ group.label } /> }\n                            { !isGroup(option) && Option({ option, index: virtualRow.index }) }\n                        </div>\n                    );\n                }) }\n            </div>\n\n            { emptyPlaceholder && options.length === 0 && (\n                <div className={ styles.emptyPlaceholder }>{ emptyPlaceholder }</div>\n            ) }\n        </div>\n    );\n};\n"],"names":["VirtualOptionsList","size","flatOptions","highlightedIndex","className","Option","open","options","overscan","Optgroup","DefaultOptgroup","dataTestId","emptyPlaceholder","visibleOptions","listRef","useRef","parentRef","visibleOptionsInvalidateKey","setVisibleOptionsInvalidateKey","useState","prevHighlightedIndex","usePrevious","rowVirtualizer","useVirtual","useEffect","option","notDisabled","firstNonDisabled","lastNonDisabled","lastIndexOf","useVisibleOptions","groupStartIndexes","useMemo","currentIndex","acc","index","isGroup","jsxs","cn","styles","jsx","virtualRow","group"],"mappings":"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"}

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

@@ -1 +1 @@
-export * from "./component";
+export * from './component';

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

@@ -1 +1,5 @@
-export{VirtualOptionsList}from"./component.js";import"react";import"react-virtual";import"classnames";import"../../../hooks/usePrevious/index.js";import"tslib";import"../../../utils/get-service-error/index.js";import"../../../utils/get-service-error/is-axios-error.js";import"../../../utils/get-service-error/is-network-error.js";import"../../../toast-notifier/component.js";import"react-dom";import"../../../toast-plate/component.js";import"@alphakits/icons/dist/AlertCircleM";import"@alphakits/icons/dist/CheckmarkCircleM";import"@alphakits/icons/dist/ClockCircleM";import"@alphakits/icons/dist/CloseS";import"../../../button/component.js";import"react-merge-refs";import"../../../hooks/useFocus/index.js";import"../../../loader/component.js";import"../../../toast-notifier/use-timer.js";import"../../utils.js";import"../optgroup/component.js";
+import { VirtualOptionsList as o } from "./component.js";
+export {
+  o as VirtualOptionsList
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -0,0 +1 @@
+:root{--select-error-color: var(--color-text-negative);--select-arrow-background: url(https://alfabank.st/icons/icon_chevron-for-select-down_m_black.svg);--select-arrow-hover-opacity: .7;--select-options-list-border-radius: 0 0 4px 4px;--select-options-list-box-shadow: var(--shadow-xs);--select-options-list-offset: 0;--select-options-list-top-padding: 0;--select-options-list-bottom-padding: 0;--select-options-list-empty-placeholder-color: var(--color-text-secondary);--select-option-divider-display: none;--select-option-divider-background: var(--color-border-primary);--select-option-left-padding: var(--gap-s);--select-option-right-padding: var(--gap-s);--select-option-l-left-padding: var(--gap-m);--select-option-l-right-padding: var(--gap-m);--select-option-background: var(--color-bg-primary);--select-option-selected-background: var(--color-bg-primary);--select-option-hover-background: var(--color-bg-secondary);--select-option-active-background: var(--color-bg-tertiary);--select-option-disabled-background: var(--color-bg-primary);--select-option-color: var(--color-text-primary);--select-option-selected-color: var(--color-text-primary);--select-option-hover-color: var(--color-text-primary);--select-option-active-color: var(--color-text-primary);--select-option-disabled-color: var(--color-text-secondary);--select-checkmark-margin: 0 var(--gap-xs) 0 0;--select-checkmark-size: 4px;--select-checkmark-order: 0;--select-checkmark-unselected-opacity: 0;--select-checkmark-background: var(--color-graphic-primary);--select-checkmark-border-radius: var(--border-radius-circle);--select-optgroup-color: var(--color-text-secondary);--select-optgroup-background: var(--color-bg-primary);--select-optgroup-left-padding: var(--gap-s);--select-optgroup-right-padding: var(--gap-s);--select-optgroup-l-left-padding: var(--gap-m);--select-optgroup-l-right-padding: var(--gap-m)}:root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}.index-module_virtualOptionsList__2eWn8{overflow:auto;width:100%;outline:none;box-sizing:border-box;position:relative}.index-module_inner__6DZqj{position:relative;width:100%}.index-module_virtualRow__0huMi{position:absolute;top:0;left:0;width:100%}.index-module_virtualRow__0huMi:before{content:"";position:absolute;z-index:1;left:var(--select-option-left-padding);right:var(--select-option-right-padding);top:0;height:1px;background:var(--select-option-divider-background);display:var(--select-option-divider-display)}.index-module_virtualRow__0huMi:first-child:before{display:none}.index-module_highlighted__Uxj8l:before,.index-module_highlighted__Uxj8l+.index-module_virtualRow__0huMi:before{display:none}.index-module_emptyPlaceholder__ONTop{padding:var(--gap-m) var(--gap-s);color:var(--select-options-list-empty-placeholder-color)}.index-module_l__Z0I4S .index-module_emptyPlaceholder__ONTop,.index-module_xl__SNx-j .index-module_emptyPlaceholder__ONTop{padding:var(--gap-xl) var(--gap-m)}

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

@@ -0,0 +1,21 @@
+import './index.module.css';
+const e = "index-module_virtualOptionsList__2eWn8", l = "index-module_inner__6DZqj", i = "index-module_virtualRow__0huMi", t = "index-module_highlighted__Uxj8l", o = "index-module_emptyPlaceholder__ONTop", n = "index-module_l__Z0I4S", d = "index-module_xl__SNx-j", _ = {
+  virtualOptionsList: e,
+  inner: l,
+  virtualRow: i,
+  highlighted: t,
+  emptyPlaceholder: o,
+  l: n,
+  xl: d
+};
+export {
+  _ as default,
+  o as emptyPlaceholder,
+  t as highlighted,
+  l as inner,
+  n as l,
+  e as virtualOptionsList,
+  i as virtualRow,
+  d as xl
+};
+//# sourceMappingURL=index.module.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/select/index.d.ts

@@ -1,5 +1,5 @@
-export * from "./component";
-export * from "./components/index";
-export * from "./presets/index";
-export * from "./typings";
-export * from "./utils";
+export * from './component';
+export * from './components';
+export * from './presets';
+export * from './typings';
+export * from './utils';

package/dist/select/index.js

@@ -1 +1,31 @@
-export{Select}from"./component.js";export{Arrow}from"./components/arrow/component.js";export{BaseSelect}from"./components/base-select/component.js";export{Field}from"./components/field/component.js";export{Optgroup}from"./components/optgroup/component.js";export{Option}from"./components/option/component.js";export{OptionsList}from"./components/options-list/component.js";export{VirtualOptionsList}from"./components/virtual-options-list/component.js";export{useSelectWithLoading}from"./presets/use-select-with-loading/hook.js";export{useLazyLoading}from"./presets/use-lazy-loading/index.js";export{convertToOptions,isGroup,isOptionShape,joinOptions,lastIndexOf,processOptions,useVisibleOptions}from"./utils.js";import"tslib";import"react";import"./components/select-search/index.js";import"@alphakits/icons";import"../hooks/useClickOutside/index.js";import"../utils/get-service-error/index.js";import"../utils/get-service-error/is-axios-error.js";import"../utils/get-service-error/is-network-error.js";import"../toast-notifier/component.js";import"react-dom";import"classnames";import"../toast-plate/component.js";import"@alphakits/icons/dist/AlertCircleM";import"@alphakits/icons/dist/CheckmarkCircleM";import"@alphakits/icons/dist/ClockCircleM";import"@alphakits/icons/dist/CloseS";import"../button/component.js";import"react-merge-refs";import"../hooks/useFocus/index.js";import"../loader/component.js";import"../toast-notifier/use-timer.js";import"../input/component.js";import"../form-control/component.js";import"downshift";import"resize-observer";import"../__internal/utils/getDataTestId.js";import"../popover/component.js";import"react-popper";import"react-transition-group";import"../portal/component.js";import"../portal/utils.js";import"../stack/context.js";import"../stack/component.js";import"./components/native-select/component.js";import"../skeleton/component.js";import"./components/checkmark/component.js";import"react-virtual";import"../hooks/usePrevious/index.js";import"intersection-observer";
+import { Select as t } from "./component.js";
+import { Arrow as p } from "./components/arrow/component.js";
+import { BaseSelect as s } from "./components/base-select/component.js";
+import { Field as f } from "./components/field/component.js";
+import { Optgroup as m } from "./components/optgroup/component.js";
+import { Option as a } from "./components/option/component.js";
+import { OptionsList as u } from "./components/options-list/component.js";
+import { VirtualOptionsList as L } from "./components/virtual-options-list/component.js";
+import { useSelectWithLoading as S } from "./presets/use-select-with-loading/hook.js";
+import { useLazyLoading as h } from "./presets/use-lazy-loading/index.js";
+import { convertToOptions as b, isGroup as j, isOptionShape as v, joinOptions as w, lastIndexOf as y, processOptions as z, useVisibleOptions as A } from "./utils.js";
+export {
+  p as Arrow,
+  s as BaseSelect,
+  f as Field,
+  m as Optgroup,
+  a as Option,
+  u as OptionsList,
+  t as Select,
+  L as VirtualOptionsList,
+  b as convertToOptions,
+  j as isGroup,
+  v as isOptionShape,
+  w as joinOptions,
+  y as lastIndexOf,
+  z as processOptions,
+  h as useLazyLoading,
+  S as useSelectWithLoading,
+  A as useVisibleOptions
+};
+//# sourceMappingURL=index.js.map

package/dist/select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/dist/select/presets/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./use-select-with-loading/hook";
-export * from "./use-lazy-loading/index";
+export * from './use-select-with-loading/hook';
+export * from './use-lazy-loading';

package/dist/select/presets/index.js

@@ -1 +1,7 @@
-export{useSelectWithLoading}from"./use-select-with-loading/hook.js";export{useLazyLoading}from"./use-lazy-loading/index.js";import"tslib";import"react";import"../../skeleton/component.js";import"classnames";import"../components/option/component.js";import"../components/checkmark/component.js";import"../utils.js";import"intersection-observer";
+import { useSelectWithLoading as r } from "./use-select-with-loading/hook.js";
+import { useLazyLoading as a } from "./use-lazy-loading/index.js";
+export {
+  a as useLazyLoading,
+  r as useSelectWithLoading
+};
+//# sourceMappingURL=index.js.map

package/dist/select/presets/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

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

@@ -1,7 +1,6 @@
-/// <reference types="react" />
-import React from 'react';
-import { OptionShape } from "../../typings";
-type OptionsFetcherResponse = {
+import { default as React } from 'react';
+import { OptionShape } from '../../typings';
+declare type OptionsFetcherResponse = {
     items: Array<{
         [x: string]: any;
         id: number | string;
@@ -14,16 +13,28 @@ type OptionsFetcherResponse = {
         currentPage: number;
     };
 };
-type UseLazyLoadingProps = {
+declare 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;
         searchText?: string;
     }): Promise<OptionsFetcherResponse>;
 };
-declare function useLazyLoading({ limit, initialPage, optionsFetcher, }: UseLazyLoadingProps): {
+export declare function useLazyLoading({ limit, initialPage, optionsFetcher, }: UseLazyLoadingProps): {
     optionsProps: {
         Option: (props: any) => JSX.Element;
         options: OptionShape[];
@@ -42,4 +53,4 @@ declare function useLazyLoading({ limit, initialPage, optionsFetcher, }: UseLazy
     };
     reset: () => void;
 };
-export { useLazyLoading };
+export {};