@alfalab/core-components-table 2.2.42 → 2.3.1

package/esm/components/pagination/index.js

@@ -3,7 +3,7 @@ import 'tslib';
 import 'react';
 import 'classnames';
 import '@alfalab/core-components-pagination/esm';
-import '@alfalab/core-components-select/esm';
+import '@alfalab/core-components-select/esm/desktop';
 import '../table-context/index.js';
 import './select-field/index.js';
 import '@alfalab/core-components-button/esm';

package/esm/components/pagination/select-field/index.css

@@ -1,4 +1,4 @@
-/* hash: z51qq */
+/* hash: 97o4b */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
     --color-light-specialbg-component-shade-7: rgba(10, 29, 49, 0.1351);
@@ -15,10 +15,10 @@
 } :root {
 } :root {
 } :root {
-} .table__field_nros9 svg {
+} .table__field_1mbka svg {
         width: 18px;
         height: 18px;
-    } .table__open_nros9,
-.table__open_nros9:hover {
+    } .table__open_1mbka,
+.table__open_1mbka:hover {
     background-color: var(--color-light-specialbg-component-shade-7);
 }

package/esm/components/pagination/select-field/index.js

@@ -3,7 +3,7 @@ import React from 'react';
 import cn from 'classnames';
 import { Button } from '@alfalab/core-components-button/esm';
 
-var styles = {"field":"table__field_nros9","open":"table__open_nros9"};
+var styles = {"field":"table__field_1mbka","open":"table__open_1mbka"};
 require('./index.css')
 
 var CustomSelectField = function (_a) {

package/esm/components/table/Component.js

@@ -6,7 +6,7 @@ import { findAllHeadCellsProps } from './utils.js';
 import '../../utils.js';
 import '../thead/Component.js';
 
-var styles = {"component":"table__component_p315e","wrapper":"table__wrapper_p315e","stickyHeader":"table__stickyHeader_p315e","hasPagination":"table__hasPagination_p315e","table":"table__table_p315e"};
+var styles = {"component":"table__component_1o85k","wrapper":"table__wrapper_1o85k","stickyHeader":"table__stickyHeader_1o85k","hasPagination":"table__hasPagination_1o85k","table":"table__table_1o85k"};
 require('./index.css')
 
 var Table = forwardRef(function (_a, ref) {

package/esm/components/table/index.css

@@ -1,4 +1,4 @@
-/* hash: 1nrpw */
+/* hash: 1peiz */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -18,24 +18,24 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .table__component_p315e {
+} .table__component_1o85k {
     box-sizing: border-box;
-} .table__wrapper_p315e {
+} .table__wrapper_1o85k {
     padding: 0 var(--gap-m) var(--gap-m);
     background: var(--color-light-bg-primary);
     box-shadow: var(--shadow-xs-hard);
     border-radius: var(--border-radius-m);
     overflow: auto;
-} .table__stickyHeader_p315e {
+} .table__stickyHeader_1o85k {
     max-height: 100%;
-} .table__hasPagination_p315e {
+} .table__hasPagination_1o85k {
     padding-bottom: 0;
-} .table__table_p315e {
+} .table__table_1o85k {
     width: 100%;
     border-collapse: collapse;
     box-sizing: border-box
 
     /* TODO: Хак для выравнивания чекбокса */
-} .table__table_p315e td:first-child label > *[class^='box'], .table__table_p315e th:first-child label > *[class^='box'] {
+} .table__table_1o85k td:first-child label > *[class^='box'], .table__table_1o85k th:first-child label > *[class^='box'] {
             margin-top: 0;
         }

package/esm/components/tbody/Component.js

@@ -2,7 +2,7 @@ import { __rest, __assign } from 'tslib';
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"component":"table__component_jt1ax"};
+var styles = {"component":"table__component_16icd"};
 require('./index.css')
 
 var TBody = function (_a) {

package/esm/components/tbody/index.css

@@ -1,4 +1,4 @@
-/* hash: 4m8bx */
+/* hash: 1f36f */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -14,7 +14,7 @@
 } :root {
 } :root {
 } :root {
-} .table__component_jt1ax {
+} .table__component_16icd {
     width: 100%;
     box-sizing: border-box;
 }

package/esm/components/tcell/Component.js

@@ -3,7 +3,7 @@ import React, { useContext } from 'react';
 import cn from 'classnames';
 import { TableContext } from '../table-context/index.js';
 
-var styles = {"component":"table__component_2f42u","compactHorizontal":"table__compactHorizontal_2f42u","compact":"table__compact_2f42u"};
+var styles = {"component":"table__component_q1yqh","compactHorizontal":"table__compactHorizontal_q1yqh","compact":"table__compact_q1yqh"};
 require('./index.css')
 
 var TCell = function (_a) {

package/esm/components/tcell/index.css

@@ -1,4 +1,4 @@
-/* hash: 6g6dx */
+/* hash: 1mfb4 */
 :root {
 } /* deprecated */ :root {
     --color-light-border-primary: #dcdcdd;
@@ -20,7 +20,7 @@
     --gap-xl: 24px;
 } :root {
 } :root {
-} .table__component_2f42u {
+} .table__component_q1yqh {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -31,14 +31,14 @@
     border-top: 1px solid var(--color-light-border-primary);
     vertical-align: top;
     box-sizing: border-box
-} .table__component_2f42u:first-child {
+} .table__component_q1yqh:first-child {
         padding-left: var(--gap-m);
-    } .table__component_2f42u:last-child {
+    } .table__component_q1yqh:last-child {
         padding-right: var(--gap-m);
-    } .table__compactHorizontal_2f42u {
+    } .table__compactHorizontal_q1yqh {
     padding-left: 6px;
     padding-right: 6px;
-} .table__compact_2f42u {
+} .table__compact_q1yqh {
     padding-top: var(--gap-xs);
     padding-bottom: var(--gap-xs);
 

package/esm/components/texpandable-row/Component.js

@@ -3,7 +3,7 @@ import React, { useState } from 'react';
 import cn from 'classnames';
 import { TRow } from '../trow/Component.js';
 
-var styles = {"row":"table__row_5nozu","selected":"table__selected_5nozu","expanded":"table__expanded_5nozu","expandable":"table__expandable_5nozu"};
+var styles = {"row":"table__row_1d71z","selected":"table__selected_1d71z","expanded":"table__expanded_1d71z","expandable":"table__expandable_1d71z"};
 require('./index.css')
 
 var TExpandableRow = function (_a) {

package/esm/components/texpandable-row/index.css

@@ -1,4 +1,4 @@
-/* hash: x9q2c */
+/* hash: gbtd8 */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -14,13 +14,13 @@
 } :root {
 } :root {
 } :root {
-} .table__row_5nozu {
+} .table__row_1d71z {
     cursor: pointer;
-} .table__selected_5nozu.table__expanded_5nozu {
+} .table__selected_1d71z.table__expanded_1d71z {
     background-color: inherit;
-} .table__expanded_5nozu:hover {
+} .table__expanded_1d71z:hover {
         background-color: inherit;
-    } .table__expandable_5nozu td {
+    } .table__expandable_1d71z td {
         margin: 0;
         padding-top: 0;
         padding-bottom: 0;

package/esm/components/thead/Component.js

@@ -2,7 +2,7 @@ import { __rest, __assign } from 'tslib';
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"component":"table__component_13uar","row":"table__row_13uar"};
+var styles = {"component":"table__component_q7b0m","row":"table__row_q7b0m"};
 require('./index.css')
 
 var THead = function (_a) {

package/esm/components/thead/index.css

@@ -1,4 +1,4 @@
-/* hash: 1j9zn */
+/* hash: k66ot */
 :root {
 } /* deprecated */ :root {
     --color-light-graphic-quaternary: #dcdcdd; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -16,11 +16,11 @@
     --gap-xs: 8px;
 } :root {
 } :root {
-} .table__component_13uar {
+} .table__component_q7b0m {
     position: relative;
     width: 100%;
     box-sizing: border-box
-} .table__component_13uar th:not(:last-child):not(:empty):after {
+} .table__component_q7b0m th:not(:last-child):not(:empty):after {
         transition: opacity 0.2s;
         position: absolute;
         content: '';
@@ -31,10 +31,10 @@
         top: var(--gap-xs);
         bottom: var(--gap-xs);
         background-color: var(--color-light-graphic-quaternary);
-    } .table__component_13uar th:after {
+    } .table__component_q7b0m th:after {
         opacity: 0;
-    } .table__component_13uar:hover th:after {
+    } .table__component_q7b0m:hover th:after {
         opacity: 1;
-    } .table__row_13uar {
+    } .table__row_q7b0m {
     height: 72px;
 }

package/esm/components/thead-cell/Component.js

@@ -3,7 +3,7 @@ import React, { useContext } from 'react';
 import cn from 'classnames';
 import { TableContext } from '../table-context/index.js';
 
-var styles = {"component":"table__component_1p58i","sortable":"table__sortable_1p58i","sorted":"table__sorted_1p58i","stickyHeader":"table__stickyHeader_1p58i","compactHorizontal":"table__compactHorizontal_1p58i"};
+var styles = {"component":"table__component_cnkqb","stickyHeader":"table__stickyHeader_cnkqb","sortable":"table__sortable_cnkqb","sorted":"table__sorted_cnkqb","compactHorizontal":"table__compactHorizontal_cnkqb"};
 require('./index.css')
 
 var THeadCell = function (_a) {

package/esm/components/thead-cell/index.css

@@ -1,4 +1,4 @@
-/* hash: md5r1 */
+/* hash: n112z */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff;
@@ -21,7 +21,7 @@
     --gap-2xl: 32px;
 } :root {
 } :root {
-} .table__component_1p58i {
+} .table__component_cnkqb {
     font-size: 12px;
     line-height: 16px;
     font-weight: 500;
@@ -29,7 +29,6 @@
     text-transform: uppercase;
 
     line-height: 20px;
-    position: relative;
     text-align: left;
     color: var(--color-light-text-primary);
     padding: var(--gap-2xl) var(--gap-s) var(--gap-2xs);
@@ -37,21 +36,23 @@
     background: var(--color-light-bg-primary);
     vertical-align: top;
     box-sizing: border-box
-} .table__component_1p58i:first-child {
+} .table__component_cnkqb:first-child {
         padding-left: var(--gap-m);
-    } .table__component_1p58i:last-child {
+    } .table__component_cnkqb:last-child {
         padding-right: var(--gap-m);
-    } .table__sortable_1p58i {
+    } .table__component_cnkqb:not(.table__stickyHeader_cnkqb) {
+        position: relative;
+    } .table__sortable_cnkqb {
     cursor: pointer;
-} .table__sorted_1p58i {
+} .table__sorted_cnkqb {
     color: var(--color-light-text-primary);
-} .table__stickyHeader_1p58i {
+} .table__stickyHeader_cnkqb {
     top: 0;
     position: sticky;
     box-shadow: inset 0 -1px 0 0 rgba(11, 31, 53, 0.16);
     border: none;
     z-index: 1;
-} .table__compactHorizontal_1p58i {
+} .table__compactHorizontal_cnkqb {
     padding-left: 6px;
     padding-right: 6px;
 }

package/esm/components/trow/Component.js

@@ -2,7 +2,7 @@ import { __rest, __assign } from 'tslib';
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"component":"table__component_4cj1l","withoutBorder":"table__withoutBorder_4cj1l","clickable":"table__clickable_4cj1l","selected":"table__selected_4cj1l"};
+var styles = {"component":"table__component_2xtwn","withoutBorder":"table__withoutBorder_2xtwn","clickable":"table__clickable_2xtwn","selected":"table__selected_2xtwn"};
 require('./index.css')
 
 var TRow = function (_a) {

package/esm/components/trow/index.css

@@ -1,4 +1,4 @@
-/* hash: 160uc */
+/* hash: 3qt5b */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff;
@@ -17,22 +17,22 @@
 } :root {
 } :root {
 } :root {
-} .table__component_4cj1l {
+} .table__component_2xtwn {
     padding-top: 1px;
     width: 100%;
     transition: background-color 0.2s;
     box-sizing: border-box;
     background: var(--color-light-bg-primary)
-} .table__component_4cj1l:first-child td {
+} .table__component_2xtwn:first-child td {
         border-top: 0;
-    } .table__withoutBorder_4cj1l td {
+    } .table__withoutBorder_2xtwn td {
         border: none;
-    } .table__clickable_4cj1l {
+    } .table__clickable_2xtwn {
     cursor: pointer
-} .table__clickable_4cj1l:hover {
+} .table__clickable_2xtwn:hover {
         background-color: var(--color-light-bg-secondary);
-    } .table__selected_4cj1l {
+    } .table__selected_2xtwn {
     background-color: #f2f8ff /* нет цвета в палитре */
-} .table__selected_4cj1l:hover {
+} .table__selected_2xtwn:hover {
         background-color: var(--color-static-graphic-solitude);
     }

package/esm/components/tsortable-head-cell/Component.js

@@ -7,7 +7,7 @@ import { SortIconDesc } from './sort-icon-desc.js';
 import { SortIconUnset } from './sort-icon-unset.js';
 import '../table-context/index.js';
 
-var styles = {"component":"table__component_17a0m","content":"table__content_17a0m","icon":"table__icon_17a0m","reverse":"table__reverse_17a0m","sorted":"table__sorted_17a0m"};
+var styles = {"content":"table__content_1jeqv","icon":"table__icon_1jeqv","reverse":"table__reverse_1jeqv","sorted":"table__sorted_1jeqv"};
 require('./index.css')
 
 var TSortableHeadCell = function (_a) {
@@ -21,7 +21,7 @@ var TSortableHeadCell = function (_a) {
             return value ? SortIconDesc : SortIconAsc;
         return SortIconUnset;
     }, [defaultIsSortedDesc, isSortedDesc]);
-    return (React.createElement(THeadCell, __assign({ className: cn(className, styles.component) }, restProps),
+    return (React.createElement(THeadCell, __assign({ className: className }, restProps),
         React.createElement("div", { className: cn(styles.content, (_b = {}, _b[styles.reverse] = textAlign === 'right', _b)) },
             children,
             React.createElement(SortIcon, { onClick: onSort, className: cn(styles.icon, (_c = {},

package/esm/components/tsortable-head-cell/index.css

@@ -1,4 +1,4 @@
-/* hash: avlo7 */
+/* hash: v5snl */
 :root {
 } /* deprecated */ :root {
     --color-light-graphic-link: #0072ef;
@@ -18,12 +18,10 @@
     --gap-xs: 8px;
 } :root {
 } :root {
-} .table__component_17a0m {
-    position: relative;
-} .table__content_17a0m {
+} .table__content_1jeqv {
     display: flex;
     align-items: flex-start;
-} .table__icon_17a0m {
+} .table__icon_1jeqv {
     cursor: pointer;
     margin-left: var(--gap-xs);
 
@@ -35,15 +33,15 @@
     color: var(--color-light-graphic-secondary);
     transition: color 0.2s ease;
     flex-shrink: 0
-} .table__icon_17a0m:hover {
+} .table__icon_1jeqv:hover {
         color: var(--color-light-graphic-primary);
-    } .table__reverse_17a0m {
+    } .table__reverse_1jeqv {
     flex-direction: row-reverse
-} .table__reverse_17a0m .table__icon_17a0m {
+} .table__reverse_1jeqv .table__icon_1jeqv {
         margin-left: 0;
         margin-right: var(--gap-xs);
-    } .table__sorted_17a0m {
+    } .table__sorted_1jeqv {
     color: var(--color-light-graphic-link)
-} .table__sorted_17a0m:hover {
+} .table__sorted_1jeqv:hover {
         color: var(--color-light-graphic-link);
     }

package/esm/consts-f777ba1a.d.ts

@@ -0,0 +1,2 @@
+declare const DEFAULT_VISIBLE_OPTIONS = 5;
+export { DEFAULT_VISIBLE_OPTIONS };

package/esm/createPaddingStyle-72dda473.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { PaddingType } from "./index-72dda473";
+declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
+export { createPaddingStyle };

package/esm/desktop-63dec22f.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from "react";
+import { AnchorButtonProps, NativeButtonProps } from "./typings-9211a437";
+type ButtonDesktopProps = Partial<AnchorButtonProps | NativeButtonProps>;
+declare const ButtonDesktop: React.ForwardRefExoticComponent<ButtonDesktopProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export { ButtonDesktopProps, ButtonDesktop };

package/esm/hook-5e1b8383.d.ts

@@ -0,0 +1,75 @@
+/// <reference types="react" />
+import { BaseSelectProps, OptionShape } from "./typings-5e1b8383";
+type UseSelectWithApplyProps = {
+    /**
+     * Список выбранных пунктов
+     */
+    selected: BaseSelectProps['selected'];
+    /**
+     * Список вариантов выбора
+     */
+    options: BaseSelectProps['options'];
+    /**
+     * Обработчик выбора
+     */
+    onChange: BaseSelectProps['onChange'];
+    /**
+     * Компонент выпадающего меню
+     */
+    OptionsList?: BaseSelectProps['OptionsList'];
+    /**
+     * Пропсы, которые будут прокинуты в компонент списка
+     */
+    optionsListProps?: BaseSelectProps['optionsListProps'];
+    /**
+     * Показывать кнопку очистки
+     */
+    showClear?: boolean;
+    /**
+     * Показывать пункт "Выбрать все"
+     */
+    showSelectAll?: boolean;
+    /**
+     * Показывать пункт "Выбрать все" в заголовке списка
+     */
+    showHeaderWithSelectAll?: boolean;
+};
+declare const SELECT_ALL_KEY = "select_all";
+declare function useSelectWithApply({ options, selected, onChange, OptionsList, optionsListProps, showClear, showSelectAll, showHeaderWithSelectAll, }: UseSelectWithApplyProps): {
+    OptionsList: import("react").ForwardRefExoticComponent<import("./typings-5e1b8383").OptionsListProps & {
+        showClear?: boolean | undefined;
+        onClose?: (() => void) | undefined;
+        selectedDraft?: OptionShape[] | undefined;
+        OptionsList?: import("react").FC<import("./typings-5e1b8383").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
+        Footer?: import("react").FC<import("./Component-ebda875c").FooterProps> | undefined;
+        Header?: import("react").FC<import("./Component-ebda875c").HeaderProps> | undefined;
+        headerProps?: import("./Component-ebda875c").HeaderProps | undefined; /**
+         * Показывать кнопку очистки
+         */
+        showHeaderWithSelectAll?: boolean | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    optionsListProps: {
+        OptionsList: import("react").FC<import("./typings-5e1b8383").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
+        showClear: boolean;
+        onClear: () => void;
+        onApply: () => void;
+        onClose: () => void;
+        selectedDraft: OptionShape[];
+        showHeaderWithSelectAll: boolean;
+        headerProps: {
+            indeterminate: boolean;
+            checked: boolean;
+            onChange: () => void;
+        };
+    };
+    allowUnselect: boolean;
+    multiple: boolean;
+    options: (OptionShape | import("./typings-5e1b8383").GroupShape | {
+        key: string;
+        content: string;
+    })[];
+    onChange: (payload: import("./typings-5e1b8383").BaseSelectChangePayload) => void;
+    selected: string | OptionShape | (string | OptionShape)[] | null | undefined;
+};
+export * from "./Component-ebda875c";
+export { UseSelectWithApplyProps, SELECT_ALL_KEY, useSelectWithApply };

package/esm/hook-ebda875c.d.ts

@@ -0,0 +1,48 @@
+/// <reference types="react" />
+import React from 'react';
+import { OptionProps, OptionShape } from "./typings-5e1b8383";
+type OptionsFetcherResponse = {
+    options: OptionShape[];
+    hasMore: boolean;
+};
+type useLazyLoadingProps = {
+    /** Количество элементов на "странице" */
+    limit?: number;
+    /** Начальный номер "страницы" */
+    initialOffset?: number;
+    /** Скелетон загружаемых элементов */
+    skeleton?: React.ReactNode;
+    /** Компонент пункта меню */
+    Option?: React.FC<OptionProps>;
+    /**
+     * Функция-загрузчик опций.
+     * @param offset - текущая страница
+     * @param limit - количество элементов на странице
+     * @param queryString - строчные данные, пробрасываемые для поиска из кастомного инпута, расположенного в заголовке OptionsList
+     * @returns Promise<{
+     *  options - список опций следующей "страницы". Они аппендятся к предыдущим
+     *  hasMore - указывает, есть ли еще незагруженные элементы (в случае false перестает загружать "следующую страницу")
+     * }>
+     */
+    optionsFetcher(offset: number, limit: number, queryString?: string): Promise<OptionsFetcherResponse>;
+};
+declare function useLazyLoading({ limit, initialOffset, optionsFetcher, skeleton, Option, }: useLazyLoadingProps): {
+    optionsProps: {
+        Option: (props: OptionProps) => React.JSX.Element;
+        options: OptionShape[];
+        optionsListProps: {
+            ref: React.RefObject<HTMLDivElement>;
+            inputProps: {
+                onChange: (event: React.ChangeEvent<HTMLInputElement>, payload: {
+                    value: string;
+                }) => void;
+                value: string;
+            };
+        };
+        onOpen: (payload: {
+            open?: boolean;
+        }) => void;
+    };
+    reset: () => void;
+};
+export { useLazyLoading };

package/esm/index-136acbb1.d.ts

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+import { FC, ReactNode } from "react";
+/**
+ * Набор констант для z-index соответствующих классов компонентов.
+ * Значения выбраны по приоритету.
+ */
+declare const stackingOrder: {
+    FOCUSED: number;
+    DEFAULT: number;
+    POPOVER: number;
+    MODAL: number;
+    TOAST: number;
+};
+declare const StackingContext: import("react").Context<number>;
+type StackProps = {
+    /**
+     * Render prop, в который передается функция.
+     * Функция принимает аргумент со значением z-index из текущего контекста.
+     */
+    children: (value: number) => ReactNode;
+    /**
+     * Исходное значение для z-index.
+     * @default 5
+     */
+    value?: number;
+};
+declare const Stack: FC<StackProps>;
+export { stackingOrder, StackingContext, StackProps, Stack };