@alfalab/core-components-select 10.7.3 → 10.8.0

package/dist/modern/presets/index.js

@@ -7,6 +7,7 @@ import '../components/field/Component.js';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '../components/arrow/Component.js';
 import 'react-merge-refs';
+import '@alfalab/core-components-scrollbar/dist/modern';
 import '../components/optgroup/Component.js';
 import '../components/options-list/Component.js';
 import '@alfalab/core-components-checkbox/dist/modern';
@@ -16,16 +17,16 @@ import 'resize-observer';
 import '@alfalab/core-components-popover/dist/modern';
 import 'downshift';
 import '../components/native-select/Component.js';
-import '../Component-4cfaa286.js';
+import '../Component-a5798d2e.js';
 import '../Component.js';
 import '@alfalab/core-components-bottom-sheet/dist/modern';
 import '@alfalab/core-components-button/dist/modern';
 import '@alfalab/core-components-base-modal/dist/modern';
 import '../components/select-mobile/options-list/Component.js';
 import '../components/select-mobile/checkmark/Component.js';
-export { a as SELECT_ALL_KEY, u as useSelectWithApply } from '../Component-45ff0715.js';
+export { a as SELECT_ALL_KEY, u as useSelectWithApply } from '../Component-eb707f6a.js';
 import 'react-virtual';
 import '@alfalab/core-components-skeleton/dist/modern';
 export { useSelectWithLoading } from './useSelectWithLoading/hook.js';
-import '../intersection-observer-ff7c25ff.js';
+import '../intersection-observer-f1edbc89.js';
 export { useLazyLoading } from './useLazyLoading/hook.js';

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

@@ -4,9 +4,9 @@ import '@alfalab/core-components-checkbox/dist/modern';
 import '../../components/checkmark/Component.js';
 import { Option } from '../../components/option/Component.js';
 import { Skeleton } from '@alfalab/core-components-skeleton/dist/modern';
-import '../../intersection-observer-ff7c25ff.js';
+import '../../intersection-observer-f1edbc89.js';
 
-var styles = {"skeleton":"select__skeleton_nd4sn"};
+var styles = {"skeleton":"select__skeleton_1m8aa"};
 require('./index.css')
 
 const DEBOUNCE_TIMEOUT = 300;

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

@@ -1,5 +1,5 @@
-/* hash: 1eegq */
-.select__skeleton_nd4sn {
+/* hash: 1vuai */
+.select__skeleton_1m8aa {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

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

@@ -7,6 +7,7 @@ import '../../components/field/Component.js';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '../../components/arrow/Component.js';
 import 'react-merge-refs';
+import '@alfalab/core-components-scrollbar/dist/modern';
 import '../../components/optgroup/Component.js';
 import '../../components/options-list/Component.js';
 import '@alfalab/core-components-checkbox/dist/modern';
@@ -16,14 +17,14 @@ import 'resize-observer';
 import '@alfalab/core-components-popover/dist/modern';
 import 'downshift';
 import '../../components/native-select/Component.js';
-import '../../Component-4cfaa286.js';
+import '../../Component-a5798d2e.js';
 import '../../Component.js';
 import '@alfalab/core-components-bottom-sheet/dist/modern';
 import '@alfalab/core-components-button/dist/modern';
 import '@alfalab/core-components-base-modal/dist/modern';
 import '../../components/select-mobile/options-list/Component.js';
 import '../../components/select-mobile/checkmark/Component.js';
-export { a as SELECT_ALL_KEY, u as useSelectWithApply } from '../../Component-45ff0715.js';
+export { a as SELECT_ALL_KEY, u as useSelectWithApply } from '../../Component-eb707f6a.js';
 import 'react-virtual';
 import '@alfalab/core-components-skeleton/dist/modern';
-import '../../intersection-observer-ff7c25ff.js';
+import '../../intersection-observer-f1edbc89.js';

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

@@ -7,6 +7,7 @@ import '../../../components/field/Component.js';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '../../../components/arrow/Component.js';
 import 'react-merge-refs';
+import '@alfalab/core-components-scrollbar/dist/modern';
 import '../../../components/optgroup/Component.js';
 import '../../../components/options-list/Component.js';
 import '@alfalab/core-components-checkbox/dist/modern';
@@ -16,14 +17,14 @@ import 'resize-observer';
 import '@alfalab/core-components-popover/dist/modern';
 import 'downshift';
 import '../../../components/native-select/Component.js';
-import '../../../Component-4cfaa286.js';
+import '../../../Component-a5798d2e.js';
 import '../../../Component.js';
 import '@alfalab/core-components-bottom-sheet/dist/modern';
 import '@alfalab/core-components-button/dist/modern';
 import '@alfalab/core-components-base-modal/dist/modern';
 import '../../../components/select-mobile/options-list/Component.js';
 import '../../../components/select-mobile/checkmark/Component.js';
-export { O as OptionsListWithApply } from '../../../Component-45ff0715.js';
+export { O as OptionsListWithApply } from '../../../Component-eb707f6a.js';
 import 'react-virtual';
 import '@alfalab/core-components-skeleton/dist/modern';
-import '../../../intersection-observer-ff7c25ff.js';
+import '../../../intersection-observer-f1edbc89.js';

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

@@ -1,4 +1,4 @@
-/* hash: h9wzy */
+/* hash: k40p0 */
 :root {
     --color-light-bg-primary: #fff;
     --color-light-border-secondary: #e7e9eb;
@@ -26,14 +26,14 @@
 
     /* optgroup */
 }
-.select__footer_xeksg {
+.select__footer_1w9q9 {
     background: var(--color-light-bg-primary);
     padding: var(--gap-s) var(--gap-s) var(--gap-m);
     outline: none
 }
-.select__footer_xeksg > * + * {
+.select__footer_1w9q9 > * + * {
         margin-left: var(--gap-xs);
     }
-.select__withBorder_xeksg {
+.select__withBorder_1w9q9 {
     box-shadow: inset 0 1px 0 var(--color-light-border-secondary);
 }

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

@@ -1 +1 @@
-export * from "../../../Component-45ff0715";
+export * from "../../../Component-eb707f6a";

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

@@ -7,6 +7,7 @@ import '../../../components/field/Component.js';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '../../../components/arrow/Component.js';
 import 'react-merge-refs';
+import '@alfalab/core-components-scrollbar/dist/modern';
 import '../../../components/optgroup/Component.js';
 import '../../../components/options-list/Component.js';
 import '@alfalab/core-components-checkbox/dist/modern';
@@ -16,14 +17,14 @@ import 'resize-observer';
 import '@alfalab/core-components-popover/dist/modern';
 import 'downshift';
 import '../../../components/native-select/Component.js';
-import '../../../Component-4cfaa286.js';
+import '../../../Component-a5798d2e.js';
 import '../../../Component.js';
 import '@alfalab/core-components-bottom-sheet/dist/modern';
 import '@alfalab/core-components-button/dist/modern';
 import '@alfalab/core-components-base-modal/dist/modern';
 import '../../../components/select-mobile/options-list/Component.js';
 import '../../../components/select-mobile/checkmark/Component.js';
-export { O as OptionsListWithApply } from '../../../Component-45ff0715.js';
+export { O as OptionsListWithApply } from '../../../Component-eb707f6a.js';
 import 'react-virtual';
 import '@alfalab/core-components-skeleton/dist/modern';
-import '../../../intersection-observer-ff7c25ff.js';
+import '../../../intersection-observer-f1edbc89.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_7auxc"};
+var styles = {"skeleton":"select__skeleton_17gth"};
 require('./index.css')
 
 function useSelectWithLoading({ loading = false, visibleOptions = 6, }) {

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

@@ -1,5 +1,5 @@
-/* hash: 1d6mv */
-.select__skeleton_7auxc {
+/* hash: ympaa */
+.select__skeleton_17gth {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/dist/modern/typings.d.ts

@@ -412,6 +412,15 @@ type OptionsListProps = {
      * Нужно ли показывать футер
      */
     showFooter?: boolean;
+    /**
+     * Нужно ли использовать нативный скроллбар
+     */
+    nativeScrollbar?: boolean;
+    /**
+     * Управляет шириной выпадающего меню.
+     * Ширину определяет контент, либо ширина равна ширине поля
+     */
+    optionsListWidth?: BaseSelectProps['optionsListWidth'];
     /**
      * Обработчик подтверждения изменений
      */

package/dist/presets/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../tslib.es6-b07d064f.js');
+require('../tslib.es6-814bc9fb.js');
 require('react');
 require('classnames');
 require('@alfalab/hooks');
@@ -12,6 +12,7 @@ require('../components/field/Component.js');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('../components/arrow/Component.js');
 require('react-merge-refs');
+require('@alfalab/core-components-scrollbar');
 require('../components/optgroup/Component.js');
 require('../components/options-list/Component.js');
 require('@alfalab/core-components-checkbox');
@@ -21,18 +22,18 @@ require('resize-observer');
 require('@alfalab/core-components-popover');
 require('downshift');
 require('../components/native-select/Component.js');
-require('../Component-091e9ade.js');
+require('../Component-2de04427.js');
 require('../Component.js');
 require('@alfalab/core-components-bottom-sheet');
 require('@alfalab/core-components-button');
 require('@alfalab/core-components-base-modal');
 require('../components/select-mobile/options-list/Component.js');
 require('../components/select-mobile/checkmark/Component.js');
-var presets_useSelectWithApply_hook = require('../Component-f0271ef8.js');
+var presets_useSelectWithApply_hook = require('../Component-d11dd70b.js');
 require('react-virtual');
 require('@alfalab/core-components-skeleton');
 var presets_useSelectWithLoading_hook = require('./useSelectWithLoading/hook.js');
-require('../intersection-observer-b658c897.js');
+require('../intersection-observer-c7a31945.js');
 var presets_useLazyLoading_hook = require('./useLazyLoading/hook.js');
 
 

package/dist/presets/useLazyLoading/hook.js

@@ -2,20 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-b07d064f.js');
+var tslib_es6 = require('../../tslib.es6-814bc9fb.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');
-require('../../intersection-observer-b658c897.js');
+require('../../intersection-observer-c7a31945.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var styles = {"skeleton":"select__skeleton_nd4sn"};
+var styles = {"skeleton":"select__skeleton_1m8aa"};
 require('./index.css')
 
 var DEBOUNCE_TIMEOUT = 300;

package/dist/presets/useLazyLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: 1eegq */
-.select__skeleton_nd4sn {
+/* hash: 1vuai */
+.select__skeleton_1m8aa {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/dist/presets/useSelectWithApply/hook.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-b07d064f.js');
+require('../../tslib.es6-814bc9fb.js');
 require('react');
 require('classnames');
 require('@alfalab/hooks');
@@ -12,6 +12,7 @@ require('../../components/field/Component.js');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('../../components/arrow/Component.js');
 require('react-merge-refs');
+require('@alfalab/core-components-scrollbar');
 require('../../components/optgroup/Component.js');
 require('../../components/options-list/Component.js');
 require('@alfalab/core-components-checkbox');
@@ -21,17 +22,17 @@ require('resize-observer');
 require('@alfalab/core-components-popover');
 require('downshift');
 require('../../components/native-select/Component.js');
-require('../../Component-091e9ade.js');
+require('../../Component-2de04427.js');
 require('../../Component.js');
 require('@alfalab/core-components-bottom-sheet');
 require('@alfalab/core-components-button');
 require('@alfalab/core-components-base-modal');
 require('../../components/select-mobile/options-list/Component.js');
 require('../../components/select-mobile/checkmark/Component.js');
-var presets_useSelectWithApply_hook = require('../../Component-f0271ef8.js');
+var presets_useSelectWithApply_hook = require('../../Component-d11dd70b.js');
 require('react-virtual');
 require('@alfalab/core-components-skeleton');
-require('../../intersection-observer-b658c897.js');
+require('../../intersection-observer-c7a31945.js');
 
 
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../tslib.es6-b07d064f.js');
+require('../../../tslib.es6-814bc9fb.js');
 require('react');
 require('classnames');
 require('@alfalab/hooks');
@@ -12,6 +12,7 @@ require('../../../components/field/Component.js');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('../../../components/arrow/Component.js');
 require('react-merge-refs');
+require('@alfalab/core-components-scrollbar');
 require('../../../components/optgroup/Component.js');
 require('../../../components/options-list/Component.js');
 require('@alfalab/core-components-checkbox');
@@ -21,17 +22,17 @@ require('resize-observer');
 require('@alfalab/core-components-popover');
 require('downshift');
 require('../../../components/native-select/Component.js');
-require('../../../Component-091e9ade.js');
+require('../../../Component-2de04427.js');
 require('../../../Component.js');
 require('@alfalab/core-components-bottom-sheet');
 require('@alfalab/core-components-button');
 require('@alfalab/core-components-base-modal');
 require('../../../components/select-mobile/options-list/Component.js');
 require('../../../components/select-mobile/checkmark/Component.js');
-var presets_useSelectWithApply_hook = require('../../../Component-f0271ef8.js');
+var presets_useSelectWithApply_hook = require('../../../Component-d11dd70b.js');
 require('react-virtual');
 require('@alfalab/core-components-skeleton');
-require('../../../intersection-observer-b658c897.js');
+require('../../../intersection-observer-c7a31945.js');
 
 
 

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

@@ -1,4 +1,4 @@
-/* hash: h9wzy */
+/* hash: k40p0 */
 :root {
     --color-light-bg-primary: #fff;
     --color-light-border-secondary: #e7e9eb;
@@ -26,14 +26,14 @@
 
     /* optgroup */
 }
-.select__footer_xeksg {
+.select__footer_1w9q9 {
     background: var(--color-light-bg-primary);
     padding: var(--gap-s) var(--gap-s) var(--gap-m);
     outline: none
 }
-.select__footer_xeksg > * + * {
+.select__footer_1w9q9 > * + * {
         margin-left: var(--gap-xs);
     }
-.select__withBorder_xeksg {
+.select__withBorder_1w9q9 {
     box-shadow: inset 0 1px 0 var(--color-light-border-secondary);
 }

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

@@ -1 +1 @@
-export * from "../../../Component-f0271ef8";
+export * from "../../../Component-d11dd70b";

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../tslib.es6-b07d064f.js');
+require('../../../tslib.es6-814bc9fb.js');
 require('react');
 require('classnames');
 require('@alfalab/hooks');
@@ -12,6 +12,7 @@ require('../../../components/field/Component.js');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('../../../components/arrow/Component.js');
 require('react-merge-refs');
+require('@alfalab/core-components-scrollbar');
 require('../../../components/optgroup/Component.js');
 require('../../../components/options-list/Component.js');
 require('@alfalab/core-components-checkbox');
@@ -21,17 +22,17 @@ require('resize-observer');
 require('@alfalab/core-components-popover');
 require('downshift');
 require('../../../components/native-select/Component.js');
-require('../../../Component-091e9ade.js');
+require('../../../Component-2de04427.js');
 require('../../../Component.js');
 require('@alfalab/core-components-bottom-sheet');
 require('@alfalab/core-components-button');
 require('@alfalab/core-components-base-modal');
 require('../../../components/select-mobile/options-list/Component.js');
 require('../../../components/select-mobile/checkmark/Component.js');
-var presets_useSelectWithApply_hook = require('../../../Component-f0271ef8.js');
+var presets_useSelectWithApply_hook = require('../../../Component-d11dd70b.js');
 require('react-virtual');
 require('@alfalab/core-components-skeleton');
-require('../../../intersection-observer-b658c897.js');
+require('../../../intersection-observer-c7a31945.js');
 
 
 

package/dist/presets/useSelectWithLoading/hook.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-b07d064f.js');
+var tslib_es6 = require('../../tslib.es6-814bc9fb.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_7auxc"};
+var styles = {"skeleton":"select__skeleton_17gth"};
 require('./index.css')
 
 function useSelectWithLoading(_a) {

package/dist/presets/useSelectWithLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: 1d6mv */
-.select__skeleton_7auxc {
+/* hash: ympaa */
+.select__skeleton_17gth {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/dist/typings.d.ts

@@ -412,6 +412,15 @@ type OptionsListProps = {
      * Нужно ли показывать футер
      */
     showFooter?: boolean;
+    /**
+     * Нужно ли использовать нативный скроллбар
+     */
+    nativeScrollbar?: boolean;
+    /**
+     * Управляет шириной выпадающего меню.
+     * Ширину определяет контент, либо ширина равна ширине поля
+     */
+    optionsListWidth?: BaseSelectProps['optionsListWidth'];
     /**
      * Обработчик подтверждения изменений
      */

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-select",
-    "version": "10.7.3",
+    "version": "10.8.0",
     "description": "Select component",
     "keywords": [],
     "license": "MIT",
@@ -21,12 +21,13 @@
     },
     "dependencies": {
         "@alfalab/core-components-base-modal": "^4.0.2",
-        "@alfalab/core-components-bottom-sheet": "^4.1.4",
-        "@alfalab/core-components-button": "^5.1.5",
+        "@alfalab/core-components-bottom-sheet": "^4.1.5",
+        "@alfalab/core-components-button": "^5.1.6",
         "@alfalab/core-components-checkbox": "^2.7.3",
         "@alfalab/core-components-form-control": "^7.4.3",
-        "@alfalab/core-components-input": "^8.1.5",
+        "@alfalab/core-components-input": "^8.1.6",
         "@alfalab/core-components-popover": "^5.6.3",
+        "@alfalab/core-components-scrollbar": "^1.1.0",
         "@alfalab/core-components-skeleton": "^3.1.2",
         "@alfalab/hooks": "^1.4.1",
         "classnames": "2.2.6",
@@ -35,5 +36,5 @@
         "react-virtual": "2.3.2",
         "resize-observer": "1.0.0"
     },
-    "gitHead": "34040e2552da41291b99609b318aae4f8c1f3899"
+    "gitHead": "bd84a67568c04917ea754a9d2899b3d5b0244308"
 }