@alfalab/core-components-select 12.3.1 → 12.4.1

package/modern/components/virtual-options-list/index.css

@@ -1,4 +1,4 @@
-/* hash: m1sod */
+/* hash: z7pfp */
 :root {
     --color-light-border-primary: #dbdee1;
     --color-light-text-secondary: #546272;
@@ -32,27 +32,27 @@
 
     /* optgroup */
 }
-.select__virtualOptionsList_1q8jb {
+.select__virtualOptionsList_15i13 {
     width: 100%;
     outline: none;
     box-sizing: border-box;
     position: relative;
 }
-.select__scrollable_1q8jb {
+.select__scrollable_15i13 {
     overflow: auto;
     width: 100%;
 }
-.select__inner_1q8jb {
+.select__inner_15i13 {
     position: relative;
     width: 100%;
 }
-.select__virtualRow_1q8jb {
+.select__virtualRow_15i13 {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%
 }
-.select__virtualRow_1q8jb:before {
+.select__virtualRow_15i13:before {
         content: '';
         position: absolute;
         z-index: 1;
@@ -63,18 +63,18 @@
         background: var(--select-option-divider-background);
         display: var(--select-option-divider-display);
     }
-.select__virtualRow_1q8jb:first-child:before {
+.select__virtualRow_15i13:first-child:before {
         display: none;
     }
-.select__highlighted_1q8jb:before,
-    .select__highlighted_1q8jb + .select__virtualRow_1q8jb:before {
+.select__highlighted_15i13:before,
+    .select__highlighted_15i13 + .select__virtualRow_15i13:before {
         display: none;
     }
-.select__emptyPlaceholder_1q8jb {
+.select__emptyPlaceholder_15i13 {
     padding: var(--gap-m) var(--gap-s);
     color: var(--select-options-list-empty-placeholder-color);
 }
-.select__l_1q8jb .select__emptyPlaceholder_1q8jb,
-.select__xl_1q8jb .select__emptyPlaceholder_1q8jb {
+.select__l_15i13 .select__emptyPlaceholder_15i13,
+.select__xl_15i13 .select__emptyPlaceholder_15i13 {
     padding: var(--gap-xl) var(--gap-m);
 }

package/modern/index.js

@@ -17,7 +17,7 @@ import '@juggle/resize-observer';
 import '@alfalab/core-components-popover/modern';
 import 'downshift';
 import './components/native-select/Component.js';
-export { B as BaseSelect } from './Component-36ab842c.js';
+export { B as BaseSelect } from './Component-6fecdc34.js';
 export { Select } from './Component.js';
 import '@alfalab/core-components-bottom-sheet/modern';
 import '@alfalab/core-components-modal/modern/mobile';
@@ -25,10 +25,10 @@ import '@alfalab/core-components-button/modern';
 import '@alfalab/core-components-base-modal/modern';
 import './components/base-select-mobile/options-list/Component.js';
 import './components/base-select-mobile/checkmark/Component.js';
-export { b as SELECT_ALL_KEY, S as SelectMobile, a as SelectModalMobile, u as useSelectWithApply } from './Component-231f8a80.js';
+export { b as SELECT_ALL_KEY, S as SelectMobile, a as SelectModalMobile, u as useSelectWithApply } from './Component-9694e5d3.js';
 import 'react-virtual';
 export { VirtualOptionsList } from './components/virtual-options-list/Component.js';
 import '@alfalab/core-components-skeleton/modern';
 export { useSelectWithLoading } from './presets/useSelectWithLoading/hook.js';
-import './intersection-observer-9b0045ba.js';
+import './intersection-observer-ad8dbaf0.js';
 export { useLazyLoading } from './presets/useLazyLoading/hook.js';

package/modern/presets/index.js

@@ -17,7 +17,7 @@ import '@juggle/resize-observer';
 import '@alfalab/core-components-popover/modern';
 import 'downshift';
 import '../components/native-select/Component.js';
-import '../Component-36ab842c.js';
+import '../Component-6fecdc34.js';
 import '../Component.js';
 import '@alfalab/core-components-bottom-sheet/modern';
 import '@alfalab/core-components-modal/modern/mobile';
@@ -25,9 +25,9 @@ import '@alfalab/core-components-button/modern';
 import '@alfalab/core-components-base-modal/modern';
 import '../components/base-select-mobile/options-list/Component.js';
 import '../components/base-select-mobile/checkmark/Component.js';
-export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../Component-231f8a80.js';
+export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../Component-9694e5d3.js';
 import 'react-virtual';
 import '@alfalab/core-components-skeleton/modern';
 export { useSelectWithLoading } from './useSelectWithLoading/hook.js';
-import '../intersection-observer-9b0045ba.js';
+import '../intersection-observer-ad8dbaf0.js';
 export { useLazyLoading } from './useLazyLoading/hook.js';

package/modern/presets/useLazyLoading/hook.js

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

package/modern/presets/useLazyLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: 1j5ia */
-.select__skeleton_dxa9f {
+/* hash: 1nfj5 */
+.select__skeleton_16clt {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/modern/presets/useSelectWithApply/hook.js

@@ -17,7 +17,7 @@ import '@juggle/resize-observer';
 import '@alfalab/core-components-popover/modern';
 import 'downshift';
 import '../../components/native-select/Component.js';
-import '../../Component-36ab842c.js';
+import '../../Component-6fecdc34.js';
 import '../../Component.js';
 import '@alfalab/core-components-bottom-sheet/modern';
 import '@alfalab/core-components-modal/modern/mobile';
@@ -25,7 +25,7 @@ import '@alfalab/core-components-button/modern';
 import '@alfalab/core-components-base-modal/modern';
 import '../../components/base-select-mobile/options-list/Component.js';
 import '../../components/base-select-mobile/checkmark/Component.js';
-export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../../Component-231f8a80.js';
+export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../../Component-9694e5d3.js';
 import 'react-virtual';
 import '@alfalab/core-components-skeleton/modern';
-import '../../intersection-observer-9b0045ba.js';
+import '../../intersection-observer-ad8dbaf0.js';

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

@@ -17,7 +17,7 @@ import '@juggle/resize-observer';
 import '@alfalab/core-components-popover/modern';
 import 'downshift';
 import '../../../components/native-select/Component.js';
-import '../../../Component-36ab842c.js';
+import '../../../Component-6fecdc34.js';
 import '../../../Component.js';
 import '@alfalab/core-components-bottom-sheet/modern';
 import '@alfalab/core-components-modal/modern/mobile';
@@ -25,7 +25,7 @@ import '@alfalab/core-components-button/modern';
 import '@alfalab/core-components-base-modal/modern';
 import '../../../components/base-select-mobile/options-list/Component.js';
 import '../../../components/base-select-mobile/checkmark/Component.js';
-export { O as OptionsListWithApply } from '../../../Component-231f8a80.js';
+export { O as OptionsListWithApply } from '../../../Component-9694e5d3.js';
 import 'react-virtual';
 import '@alfalab/core-components-skeleton/modern';
-import '../../../intersection-observer-9b0045ba.js';
+import '../../../intersection-observer-ad8dbaf0.js';

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

@@ -1,4 +1,4 @@
-/* hash: 7eh2w */
+/* hash: 1e99e */
 :root {
     --color-light-bg-primary: #fff;
     --color-light-border-secondary: #e7e9eb;
@@ -26,14 +26,14 @@
 
     /* optgroup */
 }
-.select__footer_n8fiv {
+.select__footer_1j1mc {
     background: var(--color-light-bg-primary);
     padding: var(--gap-s) var(--gap-s) var(--gap-m);
     outline: none
 }
-.select__footer_n8fiv > * + * {
+.select__footer_1j1mc > * + * {
         margin-left: var(--gap-xs);
     }
-.select__withBorder_n8fiv {
+.select__withBorder_1j1mc {
     box-shadow: inset 0 1px 0 var(--color-light-border-secondary);
 }

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

@@ -1 +1 @@
-export * from "../../../Component-231f8a80";
+export * from "../../../Component-9694e5d3";

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

@@ -17,7 +17,7 @@ import '@juggle/resize-observer';
 import '@alfalab/core-components-popover/modern';
 import 'downshift';
 import '../../../components/native-select/Component.js';
-import '../../../Component-36ab842c.js';
+import '../../../Component-6fecdc34.js';
 import '../../../Component.js';
 import '@alfalab/core-components-bottom-sheet/modern';
 import '@alfalab/core-components-modal/modern/mobile';
@@ -25,7 +25,7 @@ import '@alfalab/core-components-button/modern';
 import '@alfalab/core-components-base-modal/modern';
 import '../../../components/base-select-mobile/options-list/Component.js';
 import '../../../components/base-select-mobile/checkmark/Component.js';
-export { O as OptionsListWithApply } from '../../../Component-231f8a80.js';
+export { O as OptionsListWithApply } from '../../../Component-9694e5d3.js';
 import 'react-virtual';
 import '@alfalab/core-components-skeleton/modern';
-import '../../../intersection-observer-9b0045ba.js';
+import '../../../intersection-observer-ad8dbaf0.js';

package/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/modern';
 
-var styles = {"skeleton":"select__skeleton_1gdnu"};
+var styles = {"skeleton":"select__skeleton_1mw8t"};
 require('./index.css')
 
 function useSelectWithLoading({ loading = false, visibleOptions = 6, }) {

package/modern/presets/useSelectWithLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: 1wzrt */
-.select__skeleton_1gdnu {
+/* hash: r9o0d */
+.select__skeleton_1mw8t {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/modern/typings.d.ts

@@ -118,6 +118,10 @@ type BaseSelectProps = {
      * Лейбл поля
      */
     label?: ReactNode;
+    /**
+     * Вид лейбла внутри / снаружи
+     */
+    labelView?: 'inner' | 'outer';
     /**
      * Плейсхолдер поля
      */
@@ -283,6 +287,10 @@ type FieldProps = {
      * Лейбл поля
      */
     label?: ReactNode;
+    /**
+     * Вид лейбла внутри / снаружи
+     */
+    labelView?: 'inner' | 'outer';
     /**
      * Плейсхолдер поля
      */

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-select",
-    "version": "12.3.1",
+    "version": "12.4.1",
     "description": "Select component",
     "keywords": [],
     "license": "MIT",
@@ -18,17 +18,17 @@
         "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
     "dependencies": {
-        "@alfalab/core-components-base-modal": "^5.0.1",
-        "@alfalab/core-components-bottom-sheet": "^5.1.1",
-        "@alfalab/core-components-button": "^6.1.0",
+        "@alfalab/core-components-base-modal": "^5.0.3",
+        "@alfalab/core-components-bottom-sheet": "^5.1.3",
+        "@alfalab/core-components-button": "^6.1.1",
         "@alfalab/core-components-checkbox": "^3.0.1",
-        "@alfalab/core-components-form-control": "^8.1.1",
-        "@alfalab/core-components-input": "^10.1.0",
-        "@alfalab/core-components-modal": "^6.0.3",
+        "@alfalab/core-components-form-control": "^8.3.0",
+        "@alfalab/core-components-input": "^10.2.1",
+        "@alfalab/core-components-modal": "^6.0.5",
         "@alfalab/core-components-popover": "^6.0.1",
         "@alfalab/core-components-scrollbar": "^2.1.0",
         "@alfalab/core-components-skeleton": "^4.0.2",
-        "@alfalab/hooks": "^1.4.1",
+        "@alfalab/hooks": "^1.13.0",
         "@juggle/resize-observer": "^3.3.1",
         "classnames": "^2.3.1",
         "downshift": "^5.4.7",

package/presets/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../tslib.es6-12c96ef4.js');
+require('../tslib.es6-750d045e.js');
 require('react');
 require('classnames');
 require('@alfalab/hooks');
@@ -22,7 +22,7 @@ require('@juggle/resize-observer');
 require('@alfalab/core-components-popover');
 require('downshift');
 require('../components/native-select/Component.js');
-require('../Component-0382c456.js');
+require('../Component-8a186cbb.js');
 require('../Component.js');
 require('@alfalab/core-components-bottom-sheet');
 require('@alfalab/core-components-modal/mobile');
@@ -30,11 +30,11 @@ require('@alfalab/core-components-button');
 require('@alfalab/core-components-base-modal');
 require('../components/base-select-mobile/options-list/Component.js');
 require('../components/base-select-mobile/checkmark/Component.js');
-var presets_useSelectWithApply_hook = require('../Component-3f17fc64.js');
+var presets_useSelectWithApply_hook = require('../Component-63f0dfc6.js');
 require('react-virtual');
 require('@alfalab/core-components-skeleton');
 var presets_useSelectWithLoading_hook = require('./useSelectWithLoading/hook.js');
-require('../intersection-observer-01edf696.js');
+require('../intersection-observer-6f07886f.js');
 var presets_useLazyLoading_hook = require('./useLazyLoading/hook.js');
 
 

package/presets/useLazyLoading/hook.js

@@ -2,20 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-12c96ef4.js');
+var tslib_es6 = require('../../tslib.es6-750d045e.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-01edf696.js');
+require('../../intersection-observer-6f07886f.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_dxa9f"};
+var styles = {"skeleton":"select__skeleton_16clt"};
 require('./index.css')
 
 var DEBOUNCE_TIMEOUT = 300;

package/presets/useLazyLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: 1j5ia */
-.select__skeleton_dxa9f {
+/* hash: 1nfj5 */
+.select__skeleton_16clt {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/presets/useSelectWithApply/hook.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-12c96ef4.js');
+require('../../tslib.es6-750d045e.js');
 require('react');
 require('classnames');
 require('@alfalab/hooks');
@@ -22,7 +22,7 @@ require('@juggle/resize-observer');
 require('@alfalab/core-components-popover');
 require('downshift');
 require('../../components/native-select/Component.js');
-require('../../Component-0382c456.js');
+require('../../Component-8a186cbb.js');
 require('../../Component.js');
 require('@alfalab/core-components-bottom-sheet');
 require('@alfalab/core-components-modal/mobile');
@@ -30,10 +30,10 @@ require('@alfalab/core-components-button');
 require('@alfalab/core-components-base-modal');
 require('../../components/base-select-mobile/options-list/Component.js');
 require('../../components/base-select-mobile/checkmark/Component.js');
-var presets_useSelectWithApply_hook = require('../../Component-3f17fc64.js');
+var presets_useSelectWithApply_hook = require('../../Component-63f0dfc6.js');
 require('react-virtual');
 require('@alfalab/core-components-skeleton');
-require('../../intersection-observer-01edf696.js');
+require('../../intersection-observer-6f07886f.js');
 
 
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../tslib.es6-12c96ef4.js');
+require('../../../tslib.es6-750d045e.js');
 require('react');
 require('classnames');
 require('@alfalab/hooks');
@@ -22,7 +22,7 @@ require('@juggle/resize-observer');
 require('@alfalab/core-components-popover');
 require('downshift');
 require('../../../components/native-select/Component.js');
-require('../../../Component-0382c456.js');
+require('../../../Component-8a186cbb.js');
 require('../../../Component.js');
 require('@alfalab/core-components-bottom-sheet');
 require('@alfalab/core-components-modal/mobile');
@@ -30,10 +30,10 @@ require('@alfalab/core-components-button');
 require('@alfalab/core-components-base-modal');
 require('../../../components/base-select-mobile/options-list/Component.js');
 require('../../../components/base-select-mobile/checkmark/Component.js');
-var presets_useSelectWithApply_hook = require('../../../Component-3f17fc64.js');
+var presets_useSelectWithApply_hook = require('../../../Component-63f0dfc6.js');
 require('react-virtual');
 require('@alfalab/core-components-skeleton');
-require('../../../intersection-observer-01edf696.js');
+require('../../../intersection-observer-6f07886f.js');
 
 
 

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

@@ -1,4 +1,4 @@
-/* hash: 7eh2w */
+/* hash: 1e99e */
 :root {
     --color-light-bg-primary: #fff;
     --color-light-border-secondary: #e7e9eb;
@@ -26,14 +26,14 @@
 
     /* optgroup */
 }
-.select__footer_n8fiv {
+.select__footer_1j1mc {
     background: var(--color-light-bg-primary);
     padding: var(--gap-s) var(--gap-s) var(--gap-m);
     outline: none
 }
-.select__footer_n8fiv > * + * {
+.select__footer_1j1mc > * + * {
         margin-left: var(--gap-xs);
     }
-.select__withBorder_n8fiv {
+.select__withBorder_1j1mc {
     box-shadow: inset 0 1px 0 var(--color-light-border-secondary);
 }

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

@@ -1 +1 @@
-export * from "../../../Component-3f17fc64";
+export * from "../../../Component-63f0dfc6";

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../tslib.es6-12c96ef4.js');
+require('../../../tslib.es6-750d045e.js');
 require('react');
 require('classnames');
 require('@alfalab/hooks');
@@ -22,7 +22,7 @@ require('@juggle/resize-observer');
 require('@alfalab/core-components-popover');
 require('downshift');
 require('../../../components/native-select/Component.js');
-require('../../../Component-0382c456.js');
+require('../../../Component-8a186cbb.js');
 require('../../../Component.js');
 require('@alfalab/core-components-bottom-sheet');
 require('@alfalab/core-components-modal/mobile');
@@ -30,10 +30,10 @@ require('@alfalab/core-components-button');
 require('@alfalab/core-components-base-modal');
 require('../../../components/base-select-mobile/options-list/Component.js');
 require('../../../components/base-select-mobile/checkmark/Component.js');
-var presets_useSelectWithApply_hook = require('../../../Component-3f17fc64.js');
+var presets_useSelectWithApply_hook = require('../../../Component-63f0dfc6.js');
 require('react-virtual');
 require('@alfalab/core-components-skeleton');
-require('../../../intersection-observer-01edf696.js');
+require('../../../intersection-observer-6f07886f.js');
 
 
 

package/presets/useSelectWithLoading/hook.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-12c96ef4.js');
+var tslib_es6 = require('../../tslib.es6-750d045e.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_1gdnu"};
+var styles = {"skeleton":"select__skeleton_1mw8t"};
 require('./index.css')
 
 function useSelectWithLoading(_a) {

package/presets/useSelectWithLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: 1wzrt */
-.select__skeleton_1gdnu {
+/* hash: r9o0d */
+.select__skeleton_1mw8t {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/typings.d.ts

@@ -118,6 +118,10 @@ type BaseSelectProps = {
      * Лейбл поля
      */
     label?: ReactNode;
+    /**
+     * Вид лейбла внутри / снаружи
+     */
+    labelView?: 'inner' | 'outer';
     /**
      * Плейсхолдер поля
      */
@@ -283,6 +287,10 @@ type FieldProps = {
      * Лейбл поля
      */
     label?: ReactNode;
+    /**
+     * Вид лейбла внутри / снаружи
+     */
+    labelView?: 'inner' | 'outer';
     /**
      * Плейсхолдер поля
      */