@alfalab/core-components-select 10.3.0 → 10.4.3

package/dist/presets/useLazyLoading/index.css

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

package/dist/presets/useSelectWithApply/hook.js

@@ -0,0 +1,35 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('../../tslib.es6-4db16fbd.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');
+require('../../intersection-observer-cb877b82.js');
+require('@alfalab/core-components-button');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../hook-b5dec5da.js');
+
+
+
+exports.SELECT_ALL_KEY = presets_useSelectWithApply_optionsListWithApply_Component.SELECT_ALL_KEY;
+exports.useSelectWithApply = presets_useSelectWithApply_optionsListWithApply_Component.useSelectWithApply;

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

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('../../../tslib.es6-4db16fbd.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');
+require('../../../intersection-observer-cb877b82.js');
+require('@alfalab/core-components-button');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-b5dec5da.js');
+
+
+
+exports.OptionsListWithApply = presets_useSelectWithApply_optionsListWithApply_Component.OptionsListWithApply;

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

@@ -0,0 +1,39 @@
+/* hash: 1atkm */
+: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_1cfix {
+    background: var(--color-light-bg-primary);
+    padding: var(--gap-s) var(--gap-s) var(--gap-m);
+    outline: none
+}
+.select__footer_1cfix > * + * {
+        margin-left: var(--gap-xs);
+    }
+.select__withBorder_1cfix {
+    box-shadow: inset 0 1px 0 var(--color-light-border-secondary);
+}

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

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

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

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('../../../tslib.es6-4db16fbd.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');
+require('../../../intersection-observer-cb877b82.js');
+require('@alfalab/core-components-button');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-b5dec5da.js');
+
+
+
+exports.OptionsListWithApply = presets_useSelectWithApply_optionsListWithApply_Component.OptionsListWithApply;

package/dist/presets/useSelectWithLoading/hook.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-f6070e97.js');
+var tslib_es6 = require('../../tslib.es6-4db16fbd.js');
 var React = require('react');
 require('classnames');
 require('@alfalab/core-components-checkbox');
@@ -14,7 +14,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var styles = {"skeleton":"select__skeleton_q8641"};
+var styles = {"skeleton":"select__skeleton_r7heg"};
 require('./index.css')
 
 function useSelectWithLoading(_a) {

package/dist/presets/useSelectWithLoading/index.css

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

package/dist/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/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-select",
-    "version": "10.3.0",
+    "version": "10.4.3",
     "description": "Select component",
     "keywords": [],
     "license": "MIT",
@@ -20,9 +20,10 @@
         "react-dom": "^16.9.0 || ^17.0.1"
     },
     "dependencies": {
+        "@alfalab/core-components-button": "^5.1.0",
         "@alfalab/core-components-checkbox": "^2.4.0",
         "@alfalab/core-components-form-control": "^7.4.0",
-        "@alfalab/core-components-input": "^8.0.2",
+        "@alfalab/core-components-input": "^8.0.5",
         "@alfalab/core-components-popover": "^5.6.0",
         "@alfalab/core-components-skeleton": "^3.0.2",
         "@alfalab/hooks": "^1.4.1",
@@ -32,5 +33,5 @@
         "react-virtual": "^2.2.0",
         "resize-observer": "^1.0.0"
     },
-    "gitHead": "94999e533968aa575e92106dffa8bbbb8e7ac71d"
+    "gitHead": "d5b56eb1bd377ac6da09c7826de36ae6f0d1a152"
 }