@alfalab/core-components-select 10.3.0 → 10.4.0

package/dist/modern/presets/useLazyLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: wk5ga */
-.select__skeleton_1mtny {
+/* hash: 1nsdr */
+.select__skeleton_8v2uk {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/dist/modern/presets/useSelectWithApply/hook.js

@@ -0,0 +1,25 @@
+import 'react';
+import 'classnames';
+import '@alfalab/hooks';
+import '@alfalab/core-components-form-control/dist/modern';
+import '../../utils.js';
+import '../../components/field/Component.js';
+import '@alfalab/icons-glyph/ChevronDownMIcon';
+import '../../components/arrow/Component.js';
+import 'react-merge-refs';
+import '../../components/optgroup/Component.js';
+import '../../components/options-list/Component.js';
+import '@alfalab/core-components-checkbox/dist/modern';
+import '../../components/checkmark/Component.js';
+import '../../components/option/Component.js';
+import 'resize-observer';
+import '@alfalab/core-components-popover/dist/modern';
+import 'downshift';
+import '../../components/native-select/Component.js';
+import '../../components/base-select/Component.js';
+import '../../Component.js';
+import 'react-virtual';
+import '@alfalab/core-components-skeleton/dist/modern';
+import '../../intersection-observer-2080f60e.js';
+import '@alfalab/core-components-button/dist/modern';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-cdda7a62.js';

package/dist/modern/presets/useSelectWithApply/options-list-with-apply/Component.js

@@ -0,0 +1,25 @@
+import 'react';
+import 'classnames';
+import '@alfalab/hooks';
+import '@alfalab/core-components-form-control/dist/modern';
+import '../../../utils.js';
+import '../../../components/field/Component.js';
+import '@alfalab/icons-glyph/ChevronDownMIcon';
+import '../../../components/arrow/Component.js';
+import 'react-merge-refs';
+import '../../../components/optgroup/Component.js';
+import '../../../components/options-list/Component.js';
+import '@alfalab/core-components-checkbox/dist/modern';
+import '../../../components/checkmark/Component.js';
+import '../../../components/option/Component.js';
+import 'resize-observer';
+import '@alfalab/core-components-popover/dist/modern';
+import 'downshift';
+import '../../../components/native-select/Component.js';
+import '../../../components/base-select/Component.js';
+import '../../../Component.js';
+import 'react-virtual';
+import '@alfalab/core-components-skeleton/dist/modern';
+import '../../../intersection-observer-2080f60e.js';
+import '@alfalab/core-components-button/dist/modern';
+export { O as OptionsListWithApply } from '../../../hook-cdda7a62.js';

package/dist/modern/presets/useSelectWithApply/options-list-with-apply/index.css

@@ -0,0 +1,39 @@
+/* hash: c23yc */
+:root {
+    --color-light-bg-primary: #fff;
+    --color-light-border-secondary: #e7e9eb;
+}
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --gap-xs: 8px;
+    --gap-s: 12px;
+    --gap-m: 16px;
+}
+:root {
+
+    /* options list */
+
+    /* option */
+
+    /* checkmark */
+
+    /* optgroup */
+}
+.select__footer_1lf9t {
+    background: var(--color-light-bg-primary);
+    padding: var(--gap-s) var(--gap-s) var(--gap-m);
+    outline: none
+}
+.select__footer_1lf9t > * + * {
+        margin-left: var(--gap-xs);
+    }
+.select__withBorder_1lf9t {
+    box-shadow: inset 0 1px 0 var(--color-light-border-secondary);
+}

package/dist/modern/presets/useSelectWithApply/options-list-with-apply/index.d.ts

@@ -0,0 +1 @@
+export * from "../../../hook-cdda7a62";

package/dist/modern/presets/useSelectWithApply/options-list-with-apply/index.js

@@ -0,0 +1,25 @@
+import 'react';
+import 'classnames';
+import '@alfalab/hooks';
+import '@alfalab/core-components-form-control/dist/modern';
+import '../../../utils.js';
+import '../../../components/field/Component.js';
+import '@alfalab/icons-glyph/ChevronDownMIcon';
+import '../../../components/arrow/Component.js';
+import 'react-merge-refs';
+import '../../../components/optgroup/Component.js';
+import '../../../components/options-list/Component.js';
+import '@alfalab/core-components-checkbox/dist/modern';
+import '../../../components/checkmark/Component.js';
+import '../../../components/option/Component.js';
+import 'resize-observer';
+import '@alfalab/core-components-popover/dist/modern';
+import 'downshift';
+import '../../../components/native-select/Component.js';
+import '../../../components/base-select/Component.js';
+import '../../../Component.js';
+import 'react-virtual';
+import '@alfalab/core-components-skeleton/dist/modern';
+import '../../../intersection-observer-2080f60e.js';
+import '@alfalab/core-components-button/dist/modern';
+export { O as OptionsListWithApply } from '../../../hook-cdda7a62.js';

package/dist/modern/presets/useSelectWithLoading/hook.js

@@ -5,7 +5,7 @@ import '../../components/checkmark/Component.js';
 import { Option } from '../../components/option/Component.js';
 import { Skeleton } from '@alfalab/core-components-skeleton/dist/modern';
 
-var styles = {"skeleton":"select__skeleton_q8641"};
+var styles = {"skeleton":"select__skeleton_17vdg"};
 require('./index.css')
 
 function useSelectWithLoading({ loading = false, visibleOptions = 6, }) {

package/dist/modern/presets/useSelectWithLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: 1jbkv */
-.select__skeleton_q8641 {
+/* hash: 16om0 */
+.select__skeleton_17vdg {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/dist/modern/typings.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ReactNode, FC, RefAttributes, AriaAttributes, FocusEvent, MouseEvent, ReactElement } from 'react';
 import { PopoverProps } from "@alfalab/core-components-popover";
 import { InputProps } from "@alfalab/core-components-input";
@@ -51,6 +50,10 @@ type BaseSelectProps = {
      * Дополнительный класс для пункта меню
      */
     optionClassName?: string;
+    /**
+     * Дополнительный класс для поповера
+     */
+    popperClassName?: string;
     /**
      * Список вариантов выбора
      */
@@ -194,6 +197,7 @@ type BaseSelectProps = {
     onChange?: (payload: {
         selected: OptionShape | null;
         selectedMultiple: OptionShape[];
+        initiator: OptionShape | null;
         name?: string;
     }) => void;
     /**
@@ -245,6 +249,14 @@ type FieldProps = {
      * Список выбранных пунктов
      */
     selectedMultiple?: OptionShape[];
+    /**
+     * Метод для ручной установки выбранных пунктов
+     */
+    setSelectedItems: (selected: OptionShape[]) => void;
+    /**
+     * Метод переключающий видимость выпадающего списка
+     */
+    toggleMenu: () => void;
     /**
      * Флаг, можно ли выбрать несколько значений
      */
@@ -322,10 +334,31 @@ type OptionsListProps = {
     /**
      * Компонент пункта меню
      */
-    Option: (props: {
-        option: OptionShape;
-        index: number;
-    }) => JSX.Element | null;
+    Option: FC<OptionProps>;
+    /**
+     * Функция для получения пропсов для ячейки
+     */
+    getOptionProps: (option: OptionShape, index: number) => OptionProps;
+    /**
+     * Список выбранных пунктов
+     */
+    selectedItems?: OptionShape[];
+    /**
+     * Метод для ручной установки выбранных пунктов
+     */
+    setSelectedItems: (selected: OptionShape[]) => void;
+    /**
+     * Метод переключающий видимость выпадающего списка
+     */
+    toggleMenu: () => void;
+    /**
+     * Контент шапки
+     */
+    header?: ReactNode;
+    /**
+     * Контент футера
+     */
+    footer?: ReactNode;
     /**
      * Список вариантов выбора
      */
@@ -399,7 +432,7 @@ type OptionProps = {
      */
     option: OptionShape;
     /**
-     * Индект пункта
+     * Индекс пункта
      */
     index: number;
     /**

package/dist/presets/index.d.ts

@@ -1,2 +1,3 @@
 export * from "./useSelectWithLoading/hook";
 export * from "./useLazyLoading/hook";
+export * from "../hook-f5b8fe4f";

package/dist/presets/index.js

@@ -2,17 +2,38 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../tslib.es6-f6070e97.js');
+require('../tslib.es6-edfcd771.js');
 require('react');
 require('classnames');
+require('@alfalab/hooks');
+require('@alfalab/core-components-form-control');
+require('../utils.js');
+require('../components/field/Component.js');
+require('@alfalab/icons-glyph/ChevronDownMIcon');
+require('../components/arrow/Component.js');
+require('react-merge-refs');
+require('../components/optgroup/Component.js');
+require('../components/options-list/Component.js');
 require('@alfalab/core-components-checkbox');
 require('../components/checkmark/Component.js');
 require('../components/option/Component.js');
+require('resize-observer');
+require('@alfalab/core-components-popover');
+require('downshift');
+require('../components/native-select/Component.js');
+require('../components/base-select/Component.js');
+require('../Component.js');
+require('react-virtual');
 require('@alfalab/core-components-skeleton');
 var presets_useSelectWithLoading_hook = require('./useSelectWithLoading/hook.js');
+require('../intersection-observer-c983b2d1.js');
 var presets_useLazyLoading_hook = require('./useLazyLoading/hook.js');
+require('@alfalab/core-components-button');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-4f9a90b8.js');
 
 
 
 exports.useSelectWithLoading = presets_useSelectWithLoading_hook.useSelectWithLoading;
 exports.useLazyLoading = presets_useLazyLoading_hook.useLazyLoading;
+exports.SELECT_ALL_KEY = presets_useSelectWithApply_optionsListWithApply_Component.SELECT_ALL_KEY;
+exports.useSelectWithApply = presets_useSelectWithApply_optionsListWithApply_Component.useSelectWithApply;