@alfalab/core-components 46.0.0-beta.5 → 46.0.0-beta.7

package/radio-group/Component.responsive.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var coreComponentsMq = require('../mq');
+var coreComponentsShared = require('../shared');
 var desktop_Component_desktop = require('./desktop/Component.desktop.js');
 var mobile_Component_mobile = require('./mobile/Component.mobile.js');
 
@@ -11,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var RadioGroup = React.forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["breakpoint"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, restProps = tslib.__rest(_a, ["breakpoint"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
     var isDesktop = coreComponentsMq.useMatchMedia(query)[0];
     var Component = isDesktop ? desktop_Component_desktop.RadioGroupDesktop : mobile_Component_mobile.RadioGroupMobile;

package/radio-group/cssm/Component.responsive.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var coreComponentsMq = require('../../mq/cssm');
+var coreComponentsShared = require('../../shared/cssm');
 var desktop_Component_desktop = require('./desktop/Component.desktop.js');
 var mobile_Component_mobile = require('./mobile/Component.mobile.js');
 
@@ -11,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var RadioGroup = React.forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["breakpoint"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, restProps = tslib.__rest(_a, ["breakpoint"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
     var isDesktop = coreComponentsMq.useMatchMedia(query)[0];
     var Component = isDesktop ? desktop_Component_desktop.RadioGroupDesktop : mobile_Component_mobile.RadioGroupMobile;

package/radio-group/esm/Component.responsive.js

@@ -1,6 +1,7 @@
 import { __rest, __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/esm';
+import { getComponentBreakpoint } from '../../shared/esm';
 import { RadioGroupDesktop } from './desktop/Component.desktop.js';
 import { RadioGroupMobile } from './mobile/Component.mobile.js';
 import './components/base-radio-group/Component.js';
@@ -8,7 +9,7 @@ import 'classnames';
 import '@alfalab/hooks';
 
 var RadioGroup = forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = __rest(_a, ["breakpoint"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? getComponentBreakpoint() : _b, restProps = __rest(_a, ["breakpoint"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
     var isDesktop = useMatchMedia(query)[0];
     var Component = isDesktop ? RadioGroupDesktop : RadioGroupMobile;

package/radio-group/esm/index.js

@@ -2,6 +2,7 @@ export { RadioGroup } from './Component.responsive.js';
 import 'tslib';
 import 'react';
 import '../../mq/esm';
+import '../../shared/esm';
 import './desktop/Component.desktop.js';
 import './components/base-radio-group/Component.js';
 import 'classnames';

package/radio-group/modern/Component.responsive.js

@@ -1,12 +1,13 @@
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/modern';
+import { getComponentBreakpoint } from '../../shared/modern';
 import { RadioGroupDesktop } from './desktop/Component.desktop.js';
 import { RadioGroupMobile } from './mobile/Component.mobile.js';
 import './components/base-radio-group/Component.js';
 import 'classnames';
 import '@alfalab/hooks';
 
-const RadioGroup = forwardRef(({ breakpoint = 1024, ...restProps }, ref) => {
+const RadioGroup = forwardRef(({ breakpoint = getComponentBreakpoint(), ...restProps }, ref) => {
     const query = `(min-width: ${breakpoint}px)`;
     const [isDesktop] = useMatchMedia(query);
     const Component = isDesktop ? RadioGroupDesktop : RadioGroupMobile;

package/radio-group/modern/index.js

@@ -1,6 +1,7 @@
 export { RadioGroup } from './Component.responsive.js';
 import 'react';
 import '../../mq/modern';
+import '../../shared/modern';
 import './desktop/Component.desktop.js';
 import './components/base-radio-group/Component.js';
 import 'classnames';

package/select/Component.responsive.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var coreComponentsMq = require('../mq');
+var coreComponentsShared = require('../shared');
 var desktop_Component_desktop = require('./desktop/Component.desktop.js');
 var mobile_Component_mobile = require('./mobile/Component.mobile.js');
 require('./mobile/Component.modal.mobile.js');
@@ -12,7 +13,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var SelectResponsive = React.forwardRef(function (_a, ref) {
-    var onScroll = _a.onScroll, fieldProps = _a.fieldProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["onScroll", "fieldProps", "breakpoint", "defaultMatchMediaValue"]);
+    var onScroll = _a.onScroll, fieldProps = _a.fieldProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["onScroll", "fieldProps", "breakpoint", "defaultMatchMediaValue"]);
     var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     if (isDesktop) {
         return (React__default.default.createElement(desktop_Component_desktop.SelectDesktop, tslib.__assign({ onScroll: onScroll }, restProps, { ref: ref, fieldProps: fieldProps })));

package/select/cssm/Component.responsive.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var coreComponentsMq = require('../../mq/cssm');
+var coreComponentsShared = require('../../shared/cssm');
 var desktop_Component_desktop = require('./desktop/Component.desktop.js');
 var mobile_Component_mobile = require('./mobile/Component.mobile.js');
 require('./mobile/Component.modal.mobile.js');
@@ -12,7 +13,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var SelectResponsive = React.forwardRef(function (_a, ref) {
-    var onScroll = _a.onScroll, fieldProps = _a.fieldProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["onScroll", "fieldProps", "breakpoint", "defaultMatchMediaValue"]);
+    var onScroll = _a.onScroll, fieldProps = _a.fieldProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["onScroll", "fieldProps", "breakpoint", "defaultMatchMediaValue"]);
     var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     if (isDesktop) {
         return (React__default.default.createElement(desktop_Component_desktop.SelectDesktop, tslib.__assign({ onScroll: onScroll }, restProps, { ref: ref, fieldProps: fieldProps })));

package/select/esm/Component.responsive.js

@@ -1,6 +1,7 @@
 import { __rest, __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/esm';
+import { getComponentBreakpoint } from '../../shared/esm';
 import { SelectDesktop } from './desktop/Component.desktop.js';
 import { SelectMobile } from './mobile/Component.mobile.js';
 import './mobile/Component.modal.mobile.js';
@@ -14,7 +15,6 @@ import 'react-merge-refs';
 import '@juggle/resize-observer';
 import 'compute-scroll-into-view';
 import 'downshift';
-import '../../shared/esm';
 import '@alfalab/hooks';
 import './utils.js';
 import './components/native-select/Component.js';
@@ -41,13 +41,13 @@ import '../../base-modal/esm';
 import '../../button/esm/mobile';
 import './components/virtual-options-list/Component.js';
 import 'react-virtual';
-import './hook-43f97773.js';
+import './hook-cdd6fd77.js';
 import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../button/esm/desktop';
 import './presets/useSelectWithApply/options-list-with-apply/header/Component.js';
 
 var SelectResponsive = forwardRef(function (_a, ref) {
-    var onScroll = _a.onScroll, fieldProps = _a.fieldProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = __rest(_a, ["onScroll", "fieldProps", "breakpoint", "defaultMatchMediaValue"]);
+    var onScroll = _a.onScroll, fieldProps = _a.fieldProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? getComponentBreakpoint() : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = __rest(_a, ["onScroll", "fieldProps", "breakpoint", "defaultMatchMediaValue"]);
     var isDesktop = useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     if (isDesktop) {
         return (React.createElement(SelectDesktop, __assign({ onScroll: onScroll }, restProps, { ref: ref, fieldProps: fieldProps })));

package/select/esm/index.js

@@ -2,6 +2,7 @@ export { SelectResponsive as Select } from './Component.responsive.js';
 import 'tslib';
 import 'react';
 import '../../mq/esm';
+import '../../shared/esm';
 import './desktop/Component.desktop.js';
 import '../../form-control/esm/desktop';
 import '../../popover/esm';
@@ -13,7 +14,6 @@ import 'react-merge-refs';
 import '@juggle/resize-observer';
 import 'compute-scroll-into-view';
 import 'downshift';
-import '../../shared/esm';
 import '@alfalab/hooks';
 import './utils.js';
 import './components/native-select/Component.js';
@@ -41,7 +41,7 @@ import '../../base-modal/esm';
 import '../../button/esm/mobile';
 import './components/virtual-options-list/Component.js';
 import 'react-virtual';
-import './hook-43f97773.js';
+import './hook-cdd6fd77.js';
 import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../button/esm/desktop';
 import './presets/useSelectWithApply/options-list-with-apply/header/Component.js';

package/select/esm/mobile/Component.mobile.js

@@ -12,7 +12,7 @@ import { Option } from '../components/option/Component.js';
 import { OptionsList } from '../components/options-list/Component.js';
 import { Search } from '../components/search/Component.js';
 import { VirtualOptionsList } from '../components/virtual-options-list/Component.js';
-import { u as useSelectWithApply } from '../hook-43f97773.js';
+import { u as useSelectWithApply } from '../hook-cdd6fd77.js';
 import { Header } from '../presets/useSelectWithApply/options-list-with-apply/header/Component.js';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';

package/select/esm/mobile/Component.modal.mobile.js

@@ -37,7 +37,7 @@ import '../../../input/esm';
 import '@alfalab/icons-glyph/MagnifierMIcon';
 import '../components/virtual-options-list/Component.js';
 import 'react-virtual';
-import '../hook-43f97773.js';
+import '../hook-cdd6fd77.js';
 import '../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../../button/esm/desktop';
 import '../presets/useSelectWithApply/options-list-with-apply/header/Component.js';

package/select/esm/mobile/index.js

@@ -38,7 +38,7 @@ import '../../../input/esm';
 import '@alfalab/icons-glyph/MagnifierMIcon';
 import '../components/virtual-options-list/Component.js';
 import 'react-virtual';
-import '../hook-43f97773.js';
+import '../hook-cdd6fd77.js';
 import '../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../../button/esm/desktop';
 import '../presets/useSelectWithApply/options-list-with-apply/header/Component.js';

package/select/esm/presets/index.js

@@ -1,6 +1,6 @@
 export { useSelectWithLoading } from './useSelectWithLoading/hook.js';
 export { useLazyLoading } from './useLazyLoading/hook.js';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-43f97773.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-cdd6fd77.js';
 import 'tslib';
 import 'react';
 import '../../../skeleton/esm';

package/select/esm/presets/useSelectWithApply/hook.js

@@ -1,7 +1,7 @@
 import 'tslib';
 import 'react';
 import '../../../../shared/esm';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-43f97773.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-cdd6fd77.js';
 import '../../utils.js';
 import '../../components/options-list/Component.js';
 import 'react-merge-refs';

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

@@ -1,7 +1,7 @@
 import 'tslib';
 import 'react';
 import '../../../components/options-list/Component.js';
-export { O as OptionsListWithApply } from '../../../hook-43f97773.js';
+export { O as OptionsListWithApply } from '../../../hook-cdd6fd77.js';
 import './footer/Component.js';
 import './header/Component.js';
 import 'react-merge-refs';

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

@@ -1 +1 @@
-export * from "../../../hook-43f97773";
+export * from "../../../hook-cdd6fd77";

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

@@ -1,4 +1,4 @@
-export { O as OptionsListWithApply } from '../../../hook-43f97773.js';
+export { O as OptionsListWithApply } from '../../../hook-cdd6fd77.js';
 import 'tslib';
 import 'react';
 import '../../../utils.js';

package/select/esm/shared/index.js

@@ -1,6 +1,6 @@
 export { useSelectWithLoading } from '../presets/useSelectWithLoading/hook.js';
 export { useLazyLoading } from '../presets/useLazyLoading/hook.js';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-43f97773.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-cdd6fd77.js';
 export { defaultAccessor, defaultFilterFn, getSelectTestIds, isGroup, isOptionShape, joinOptions, lastIndexOf, processOptions, usePrevious, useVisibleOptions } from '../utils.js';
 export { Option } from '../components/option/Component.js';
 export { BaseOption } from '../components/base-option/Component.js';

package/select/mobile/Component.mobile.js

@@ -14,7 +14,7 @@ var components_option_Component = require('../components/option/Component.js');
 var components_optionsList_Component = require('../components/options-list/Component.js');
 var components_search_Component = require('../components/search/Component.js');
 var components_virtualOptionsList_Component = require('../components/virtual-options-list/Component.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-47df637e.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-504cecce.js');
 var presets_useSelectWithApply_optionsListWithApply_header_Component = require('../presets/useSelectWithApply/options-list-with-apply/header/Component.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

package/select/modern/Component.responsive.js

@@ -1,5 +1,6 @@
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/modern';
+import { getComponentBreakpoint } from '../../shared/modern';
 import { SelectDesktop } from './desktop/Component.desktop.js';
 import { SelectMobile } from './mobile/Component.mobile.js';
 import './mobile/Component.modal.mobile.js';
@@ -13,7 +14,6 @@ import 'react-merge-refs';
 import '@juggle/resize-observer';
 import 'compute-scroll-into-view';
 import 'downshift';
-import '../../shared/modern';
 import '@alfalab/hooks';
 import './utils.js';
 import './components/native-select/Component.js';
@@ -40,12 +40,12 @@ import '../../base-modal/modern';
 import '../../button/modern/mobile';
 import './components/virtual-options-list/Component.js';
 import 'react-virtual';
-import './hook-72d63281.js';
+import './hook-f45c958e.js';
 import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../button/modern/desktop';
 import './presets/useSelectWithApply/options-list-with-apply/header/Component.js';
 
-const SelectResponsive = forwardRef(({ onScroll, fieldProps, breakpoint = 1024, defaultMatchMediaValue, ...restProps }, ref) => {
+const SelectResponsive = forwardRef(({ onScroll, fieldProps, breakpoint = getComponentBreakpoint(), defaultMatchMediaValue, ...restProps }, ref) => {
     const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`, defaultMatchMediaValue);
     if (isDesktop) {
         return (React.createElement(SelectDesktop, { onScroll: onScroll, ...restProps, ref: ref, fieldProps: fieldProps }));

package/select/modern/index.js

@@ -1,6 +1,7 @@
 export { SelectResponsive as Select } from './Component.responsive.js';
 import 'react';
 import '../../mq/modern';
+import '../../shared/modern';
 import './desktop/Component.desktop.js';
 import '../../form-control/modern/desktop';
 import '../../popover/modern';
@@ -12,7 +13,6 @@ import 'react-merge-refs';
 import '@juggle/resize-observer';
 import 'compute-scroll-into-view';
 import 'downshift';
-import '../../shared/modern';
 import '@alfalab/hooks';
 import './utils.js';
 import './components/native-select/Component.js';
@@ -40,7 +40,7 @@ import '../../base-modal/modern';
 import '../../button/modern/mobile';
 import './components/virtual-options-list/Component.js';
 import 'react-virtual';
-import './hook-72d63281.js';
+import './hook-f45c958e.js';
 import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../button/modern/desktop';
 import './presets/useSelectWithApply/options-list-with-apply/header/Component.js';

package/select/modern/mobile/Component.mobile.js

@@ -11,7 +11,7 @@ import { Option } from '../components/option/Component.js';
 import { OptionsList } from '../components/options-list/Component.js';
 import { Search } from '../components/search/Component.js';
 import { VirtualOptionsList } from '../components/virtual-options-list/Component.js';
-import { u as useSelectWithApply } from '../hook-72d63281.js';
+import { u as useSelectWithApply } from '../hook-f45c958e.js';
 import { Header } from '../presets/useSelectWithApply/options-list-with-apply/header/Component.js';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';

package/select/modern/mobile/Component.modal.mobile.js

@@ -36,7 +36,7 @@ import '../../../input/modern';
 import '@alfalab/icons-glyph/MagnifierMIcon';
 import '../components/virtual-options-list/Component.js';
 import 'react-virtual';
-import '../hook-72d63281.js';
+import '../hook-f45c958e.js';
 import '../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../../button/modern/desktop';
 import '../presets/useSelectWithApply/options-list-with-apply/header/Component.js';

package/select/modern/mobile/index.js

@@ -37,7 +37,7 @@ import '../../../input/modern';
 import '@alfalab/icons-glyph/MagnifierMIcon';
 import '../components/virtual-options-list/Component.js';
 import 'react-virtual';
-import '../hook-72d63281.js';
+import '../hook-f45c958e.js';
 import '../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../../button/modern/desktop';
 import '../presets/useSelectWithApply/options-list-with-apply/header/Component.js';

package/select/modern/presets/index.js

@@ -1,6 +1,6 @@
 export { useSelectWithLoading } from './useSelectWithLoading/hook.js';
 export { useLazyLoading } from './useLazyLoading/hook.js';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-72d63281.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-f45c958e.js';
 import 'react';
 import '../../../skeleton/modern';
 import '../components/option/Component.js';

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

@@ -1,6 +1,6 @@
 import 'react';
 import '../../../../shared/modern';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-72d63281.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-f45c958e.js';
 import '../../utils.js';
 import '../../components/options-list/Component.js';
 import 'react-merge-refs';

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

@@ -1,6 +1,6 @@
 import 'react';
 import '../../../components/options-list/Component.js';
-export { O as OptionsListWithApply } from '../../../hook-72d63281.js';
+export { O as OptionsListWithApply } from '../../../hook-f45c958e.js';
 import './footer/Component.js';
 import './header/Component.js';
 import 'react-merge-refs';

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

@@ -1 +1 @@
-export * from "../../../hook-72d63281";
+export * from "../../../hook-f45c958e";

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

@@ -1,4 +1,4 @@
-export { O as OptionsListWithApply } from '../../../hook-72d63281.js';
+export { O as OptionsListWithApply } from '../../../hook-f45c958e.js';
 import 'react';
 import '../../../utils.js';
 import '../../../../../shared/modern';

package/select/modern/shared/index.js

@@ -1,6 +1,6 @@
 export { useSelectWithLoading } from '../presets/useSelectWithLoading/hook.js';
 export { useLazyLoading } from '../presets/useLazyLoading/hook.js';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-72d63281.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-f45c958e.js';
 export { defaultAccessor, defaultFilterFn, getSelectTestIds, isGroup, isOptionShape, joinOptions, lastIndexOf, processOptions, usePrevious, useVisibleOptions } from '../utils.js';
 export { Option } from '../components/option/Component.js';
 export { BaseOption } from '../components/base-option/Component.js';

package/select/presets/index.js

@@ -2,7 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var presets_useSelectWithLoading_hook = require('./useSelectWithLoading/hook.js');
 var presets_useLazyLoading_hook = require('./useLazyLoading/hook.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-47df637e.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-504cecce.js');
 
 
 

package/select/presets/useSelectWithApply/hook.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('tslib');
 require('react');
 require('../../utils.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../hook-47df637e.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../hook-504cecce.js');
 
 
 

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

@@ -4,7 +4,7 @@ require('tslib');
 require('react');
 require('../../../components/options-list/Component.js');
 require('../../../consts.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-47df637e.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-504cecce.js');
 require('./footer/Component.js');
 require('./header/Component.js');
 

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

@@ -1 +1 @@
-export * from "../../../hook-47df637e";
+export * from "../../../hook-504cecce";

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-47df637e.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-504cecce.js');
 
 
 

package/select/shared/index.js

@@ -2,7 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var presets_useSelectWithLoading_hook = require('../presets/useSelectWithLoading/hook.js');
 var presets_useLazyLoading_hook = require('../presets/useLazyLoading/hook.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-47df637e.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-504cecce.js');
 var utils = require('../utils.js');
 var components_option_Component = require('../components/option/Component.js');
 var components_baseOption_Component = require('../components/base-option/Component.js');

package/select-with-tags/@alfalab/core-components-shared/package.json

@@ -0,0 +1,23 @@
+{
+    "name": "@alfalab/core-components-shared",
+    "version": "0.9.1",
+    "description": "Shared package for core-components",
+    "keywords": [],
+    "license": "MIT",
+    "main": "index.js",
+    "module": "./esm/index.js",
+    "publishConfig": {
+        "access": "public",
+        "directory": "dist"
+    },
+    "peerDependencies": {
+        "react": ">=16.8.0"
+    },
+    "dependencies": {
+        "@alfalab/hooks": "^1.13.0",
+        "tslib": "^2.4.0"
+    },
+    "devDependencies": {
+        "@maskito/core": "^1.7.0"
+    }
+}

package/select-with-tags/Component.responsive.js

@@ -7,6 +7,7 @@ var desktop = require('../form-control/desktop');
 var mobile = require('../form-control/mobile');
 var coreComponentsMq = require('../mq');
 var coreComponentsPopover = require('../popover');
+var coreComponentsShared = require('../shared');
 var components_baseSelectWithTags_Component = require('./components/base-select-with-tags/Component.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -14,7 +15,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var SelectWithTags = React.forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
     var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     return (React__default.default.createElement(components_baseSelectWithTags_Component.BaseSelectWithTags, tslib.__assign({}, restProps, { ref: ref, view: isDesktop ? 'desktop' : 'mobile', Popover: coreComponentsPopover.Popover, BottomSheet: coreComponentsBottomSheet.BottomSheet, FormControlComponent: isDesktop ? desktop.FormControlDesktop : mobile.FormControlMobile })));
 });

package/select-with-tags/cssm/Component.responsive.js

@@ -7,6 +7,7 @@ var desktop = require('../../form-control/cssm/desktop');
 var mobile = require('../../form-control/cssm/mobile');
 var coreComponentsMq = require('../../mq/cssm');
 var coreComponentsPopover = require('../../popover/cssm');
+var coreComponentsShared = require('../../shared/cssm');
 var components_baseSelectWithTags_Component = require('./components/base-select-with-tags/Component.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -14,7 +15,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var SelectWithTags = React.forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
     var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     return (React__default.default.createElement(components_baseSelectWithTags_Component.BaseSelectWithTags, tslib.__assign({}, restProps, { ref: ref, view: isDesktop ? 'desktop' : 'mobile', Popover: coreComponentsPopover.Popover, BottomSheet: coreComponentsBottomSheet.BottomSheet, FormControlComponent: isDesktop ? desktop.FormControlDesktop : mobile.FormControlMobile })));
 });

package/select-with-tags/esm/Component.responsive.js

@@ -5,6 +5,7 @@ import { FormControlDesktop } from '../../form-control/esm/desktop';
 import { FormControlMobile } from '../../form-control/esm/mobile';
 import { useMatchMedia } from '../../mq/esm';
 import { Popover } from '../../popover/esm';
+import { getComponentBreakpoint } from '../../shared/esm';
 import { BaseSelectWithTags } from './components/base-select-with-tags/Component.js';
 import 'react-merge-refs';
 import '../../select/esm/shared';
@@ -18,7 +19,7 @@ import '../../tag/esm/desktop';
 import '@alfalab/icons-glyph/CrossCircleMIcon';
 
 var SelectWithTags = forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = __rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? getComponentBreakpoint() : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = __rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
     var isDesktop = useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     return (React.createElement(BaseSelectWithTags, __assign({}, restProps, { ref: ref, view: isDesktop ? 'desktop' : 'mobile', Popover: Popover, BottomSheet: BottomSheet, FormControlComponent: isDesktop ? FormControlDesktop : FormControlMobile })));
 });

package/select-with-tags/esm/index.js

@@ -6,6 +6,7 @@ import '../../form-control/esm/desktop';
 import '../../form-control/esm/mobile';
 import '../../mq/esm';
 import '../../popover/esm';
+import '../../shared/esm';
 import './components/base-select-with-tags/Component.js';
 import 'react-merge-refs';
 import '../../select/esm/shared';

package/select-with-tags/modern/Component.responsive.js

@@ -4,6 +4,7 @@ import { FormControlDesktop } from '../../form-control/modern/desktop';
 import { FormControlMobile } from '../../form-control/modern/mobile';
 import { useMatchMedia } from '../../mq/modern';
 import { Popover } from '../../popover/modern';
+import { getComponentBreakpoint } from '../../shared/modern';
 import { BaseSelectWithTags } from './components/base-select-with-tags/Component.js';
 import 'react-merge-refs';
 import '../../select/modern/shared';
@@ -16,7 +17,7 @@ import './components/tag/component.js';
 import '../../tag/modern/desktop';
 import '@alfalab/icons-glyph/CrossCircleMIcon';
 
-const SelectWithTags = forwardRef(({ breakpoint = 1024, defaultMatchMediaValue, ...restProps }, ref) => {
+const SelectWithTags = forwardRef(({ breakpoint = getComponentBreakpoint(), defaultMatchMediaValue, ...restProps }, ref) => {
     const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`, defaultMatchMediaValue);
     return (React.createElement(BaseSelectWithTags, { ...restProps, ref: ref, view: isDesktop ? 'desktop' : 'mobile', Popover: Popover, BottomSheet: BottomSheet, FormControlComponent: isDesktop ? FormControlDesktop : FormControlMobile }));
 });

package/select-with-tags/modern/index.js

@@ -5,6 +5,7 @@ import '../../form-control/modern/desktop';
 import '../../form-control/modern/mobile';
 import '../../mq/modern';
 import '../../popover/modern';
+import '../../shared/modern';
 import './components/base-select-with-tags/Component.js';
 import 'react-merge-refs';
 import '../../select/modern/shared';

package/shared/cssm/getComponentBreakpoint/getComponentBreakpoint.d.ts

@@ -0,0 +1,2 @@
+declare function getComponentBreakpoint(): number;
+export { getComponentBreakpoint };

package/shared/cssm/getComponentBreakpoint/getComponentBreakpoint.js

@@ -0,0 +1,18 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var defaultComponentBreakpoint = 1024;
+var getCustomBreakpoint = function () {
+    var _a;
+    var breakpoint = typeof window !== 'undefined' &&
+        ((_a = window === null || window === void 0 ? void 0 : window.getComputedStyle(document.documentElement)) === null || _a === void 0 ? void 0 : _a.getPropertyValue('--global-breakpoint-desktop'));
+    return breakpoint ? parseFloat(breakpoint) : null;
+};
+function getComponentBreakpoint() {
+    var customBreakpoint = getCustomBreakpoint();
+    if (customBreakpoint) {
+        return customBreakpoint;
+    }
+    return defaultComponentBreakpoint;
+}
+
+exports.getComponentBreakpoint = getComponentBreakpoint;

package/shared/cssm/getComponentBreakpoint/index.d.ts

@@ -0,0 +1 @@
+export { getComponentBreakpoint } from "./getComponentBreakpoint";