@alfalab/core-components-select 10.2.4 → 10.4.2

package/dist/presets/useLazyLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: enhqs */
-.select__skeleton_1owkb {
+/* hash: gysbb */
+.select__skeleton_6ewh5 {
     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-8b9e19c1.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-23316031.js');
+require('@alfalab/core-components-button');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../hook-79137119.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-8b9e19c1.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-23316031.js');
+require('@alfalab/core-components-button');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-79137119.js');
+
+
+
+exports.OptionsListWithApply = presets_useSelectWithApply_optionsListWithApply_Component.OptionsListWithApply;

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

@@ -0,0 +1,39 @@
+/* hash: 1kcwj */
+: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_nkjz1 {
+    background: var(--color-light-bg-primary);
+    padding: var(--gap-s) var(--gap-s) var(--gap-m);
+    outline: none
+}
+.select__footer_nkjz1 > * + * {
+        margin-left: var(--gap-xs);
+    }
+.select__withBorder_nkjz1 {
+    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-79137119";

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-8b9e19c1.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-23316031.js');
+require('@alfalab/core-components-button');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-79137119.js');
+
+
+
+exports.OptionsListWithApply = presets_useSelectWithApply_optionsListWithApply_Component.OptionsListWithApply;

package/dist/presets/useSelectWithLoading/hook.js

@@ -2,9 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-14b6a04f.js');
+var tslib_es6 = require('../../tslib.es6-8b9e19c1.js');
 var React = require('react');
 require('classnames');
+require('@alfalab/core-components-checkbox');
 require('../../components/checkmark/Component.js');
 var components_option_Component = require('../../components/option/Component.js');
 var coreComponentsSkeleton = require('@alfalab/core-components-skeleton');
@@ -13,7 +14,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var styles = {"skeleton":"select__skeleton_ovqv3"};
+var styles = {"skeleton":"select__skeleton_h5txt"};
 require('./index.css')
 
 function useSelectWithLoading(_a) {

package/dist/presets/useSelectWithLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: shrac */
-.select__skeleton_ovqv3 {
+/* hash: y8dgg */
+.select__skeleton_h5txt {
     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;
     /**
@@ -414,6 +447,10 @@ type OptionProps = {
      * Флаг, заблокирован ли данный пункт
      */
     disabled?: boolean;
+    /**
+     * Флаг множественного выбора
+     */
+    multiple?: boolean;
     /**
      * Компонент пункта меню
      */
@@ -438,5 +475,17 @@ type CheckmarkProps = {
      * Флаг, данный пункт выбран
      */
     selected?: boolean;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Флаг множественного выбора
+     */
+    multiple?: boolean;
+    /**
+     * Расположение отметки
+     */
+    position?: 'before' | 'after';
 };
 export { OptionShape, GroupShape, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-select",
-    "version": "10.2.4",
+    "version": "10.4.2",
     "description": "Select component",
     "keywords": [],
     "license": "MIT",
@@ -20,8 +20,10 @@
         "react-dom": "^16.9.0 || ^17.0.1"
     },
     "dependencies": {
+        "@alfalab/core-components-button": "^5.0.5",
+        "@alfalab/core-components-checkbox": "^2.4.0",
         "@alfalab/core-components-form-control": "^7.4.0",
-        "@alfalab/core-components-input": "^8.0.1",
+        "@alfalab/core-components-input": "^8.0.4",
         "@alfalab/core-components-popover": "^5.6.0",
         "@alfalab/core-components-skeleton": "^3.0.2",
         "@alfalab/hooks": "^1.4.1",
@@ -31,5 +33,5 @@
         "react-virtual": "^2.2.0",
         "resize-observer": "^1.0.0"
     },
-    "gitHead": "d4a8810ad1d1c3a94bdc680b2e6f5875102ceff7"
+    "gitHead": "48cb31b47c9ac5d7ff92314684699edb9d6d68f0"
 }