@alfalab/core-components-select 17.8.2 → 17.8.3

package/components/base-select/components/list-desktop/types/types.d.ts

@@ -0,0 +1,3 @@
+import { getListPopoverDesktopProps } from "../helpers/get-list-popover-desktop-props";
+type ListPopoverDesktopRestProps = ReturnType<typeof getListPopoverDesktopProps>;
+export { ListPopoverDesktopRestProps };

package/components/base-select/components/list-desktop/types/types.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/components/base-select/components/list-mobile/helpers/get-list-bottom-sheet-mobile-props.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { ComponentProps } from "../../../types/component-types";
+declare const getListBottomSheetMobileProps: (props: ComponentProps) => {
+    BottomSheet: import("react").ForwardRefExoticComponent<import("@alfalab/core-components-bottom-sheet").BottomSheetProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
+    dataTestId: string | undefined;
+    label: import("react").ReactNode;
+    placeholder: string | undefined;
+    footer: import("react").ReactNode;
+    swipeable: boolean | undefined;
+    showSearch: boolean | undefined;
+    bottomSheetProps: Partial<import("@alfalab/core-components-bottom-sheet").BottomSheetProps> | undefined;
+    isBottomSheet: boolean;
+    nativeSelect: boolean;
+    onScroll: ((event: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
+};
+export { getListBottomSheetMobileProps };

package/components/base-select/components/list-mobile/helpers/get-list-bottom-sheet-mobile-props.js

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+// отделяем необходимые пропсы для передачи в компонент
+var getListBottomSheetMobileProps = function (props) {
+    var BottomSheet = props.BottomSheet, dataTestId = props.dataTestId, label = props.label, placeholder = props.placeholder, footer = props.footer, swipeable = props.swipeable, showSearch = props.showSearch, bottomSheetProps = props.bottomSheetProps, _a = props.isBottomSheet, isBottomSheet = _a === void 0 ? true : _a, _b = props.nativeSelect, nativeSelect = _b === void 0 ? false : _b, onScroll = props.onScroll;
+    return {
+        BottomSheet: BottomSheet,
+        dataTestId: dataTestId,
+        label: label,
+        placeholder: placeholder,
+        footer: footer,
+        swipeable: swipeable,
+        showSearch: showSearch,
+        bottomSheetProps: bottomSheetProps,
+        isBottomSheet: isBottomSheet,
+        nativeSelect: nativeSelect,
+        onScroll: onScroll,
+    };
+};
+
+exports.getListBottomSheetMobileProps = getListBottomSheetMobileProps;

package/components/base-select/components/list-mobile/helpers/get-list-modal-mobile-props.d.ts

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+import { ComponentProps } from "../../../types/component-types";
+declare const getListModalMobileProps: (props: ComponentProps) => {
+    ModalMobile: (import("react").ForwardRefExoticComponent<import("../../../types/component-types").ModalMobileProps & import("react").RefAttributes<HTMLDivElement>> & {
+        Header: import("react").FC<import("@alfalab/core-components-modal/shared").ModalHeaderProps>;
+        Footer: import("react").FC<import("@alfalab/core-components-modal/shared").ModalFooterProps>;
+        Content: import("react").FC<import("../../../types/component-types").ContentProps>;
+    }) | undefined;
+    dataTestId: string | undefined;
+    modalProps: Partial<import("@alfalab/core-components-base-modal").BaseModalProps & {
+        size?: "s" | "m" | "l" | "xl" | 500 | "fullscreen" | 600 | 800 | 1140 | undefined;
+        fullscreen?: boolean | undefined;
+        fixedPosition?: boolean | undefined;
+        hasCloser?: boolean | undefined;
+        iOSLock?: boolean | undefined;
+    } & {
+        breakpoint?: number | undefined;
+        defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>> | undefined;
+    modalHeaderProps: Partial<import("@alfalab/core-components-modal/shared").ModalHeaderProps> | undefined;
+    modalFooterProps: Partial<import("@alfalab/core-components-modal/shared").ModalFooterProps> | undefined;
+    label: import("react").ReactNode;
+    placeholder: string | undefined;
+    isBottomSheet: boolean;
+    nativeSelect: boolean;
+    onScroll: ((event: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
+};
+export { getListModalMobileProps };

package/components/base-select/components/list-mobile/helpers/get-list-modal-mobile-props.js

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+// отделяем необходимые пропсы для передачи в компонент
+var getListModalMobileProps = function (props) {
+    var ModalMobile = props.ModalMobile, dataTestId = props.dataTestId, modalProps = props.modalProps, modalHeaderProps = props.modalHeaderProps, modalFooterProps = props.modalFooterProps, label = props.label, placeholder = props.placeholder, _a = props.isBottomSheet, isBottomSheet = _a === void 0 ? true : _a, _b = props.nativeSelect, nativeSelect = _b === void 0 ? false : _b, onScroll = props.onScroll;
+    return {
+        ModalMobile: ModalMobile,
+        dataTestId: dataTestId,
+        modalProps: modalProps,
+        modalHeaderProps: modalHeaderProps,
+        modalFooterProps: modalFooterProps,
+        label: label,
+        placeholder: placeholder,
+        isBottomSheet: isBottomSheet,
+        nativeSelect: nativeSelect,
+        onScroll: onScroll,
+    };
+};
+
+exports.getListModalMobileProps = getListModalMobileProps;

package/components/base-select/components/list-mobile/helpers/index.d.ts

@@ -0,0 +1,2 @@
+export { getListModalMobileProps } from "./get-list-modal-mobile-props";
+export { getListBottomSheetMobileProps } from "./get-list-bottom-sheet-mobile-props";

package/components/base-select/components/list-mobile/helpers/index.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_baseSelect_components_listMobile_helpers_getListModalMobileProps = require('./get-list-modal-mobile-props.js');
+var components_baseSelect_components_listMobile_helpers_getListBottomSheetMobileProps = require('./get-list-bottom-sheet-mobile-props.js');
+
+
+
+exports.getListModalMobileProps = components_baseSelect_components_listMobile_helpers_getListModalMobileProps.getListModalMobileProps;
+exports.getListBottomSheetMobileProps = components_baseSelect_components_listMobile_helpers_getListBottomSheetMobileProps.getListBottomSheetMobileProps;

package/components/base-select/components/list-mobile/list-bottom-sheet-mobile.d.ts

@@ -0,0 +1,15 @@
+import { FC, ReactNode, RefObject } from 'react';
+import { OptionShape } from "../../../../typings";
+import { ListBottomSheetMobileRestProps } from "./types/types";
+type ListMobileProps = {
+    open: boolean;
+    menuRef: RefObject<HTMLDivElement>;
+    scrollableContainerRef: RefObject<HTMLDivElement>;
+    flatOptions: OptionShape[];
+    closeMenu: () => void;
+    handleEntered: (node: HTMLElement, isAppearing: boolean) => void;
+    renderSearch: () => ReactNode;
+    renderOptionsList: () => ReactNode;
+} & ListBottomSheetMobileRestProps;
+declare const ListBottomSheetMobile: FC<ListMobileProps>;
+export { ListBottomSheetMobile };

package/components/base-select/components/list-mobile/list-bottom-sheet-mobile.js

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var coreComponentsShared = require('@alfalab/core-components-shared');
+var mobile_module = require('../../../../mobile.module-f44f34a3.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var ListBottomSheetMobile = function (props) {
+    var BottomSheet = props.BottomSheet, dataTestId = props.dataTestId, open = props.open, label = props.label, placeholder = props.placeholder, footer = props.footer, swipeable = props.swipeable, showSearch = props.showSearch, bottomSheetProps = props.bottomSheetProps, menuRef = props.menuRef, scrollableContainerRef = props.scrollableContainerRef, onScroll = props.onScroll, flatOptions = props.flatOptions, closeMenu = props.closeMenu, handleEntered = props.handleEntered, renderSearch = props.renderSearch, renderOptionsList = props.renderOptionsList;
+    if (BottomSheet) {
+        return (React__default.default.createElement(BottomSheet, tslib.__assign({ dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'bottom-sheet'), open: open, className: mobile_module.mobileStyles.sheet, contentClassName: mobile_module.mobileStyles.sheetContent, containerClassName: mobile_module.mobileStyles.sheetContainer, title: label || placeholder, actionButton: footer, stickyHeader: true, hasCloser: true, swipeable: swipeable, initialHeight: showSearch ? 'full' : 'default' }, bottomSheetProps, { sheetContainerRef: menuRef, scrollableContainerRef: scrollableContainerRef, onClose: function () {
+                var _a;
+                closeMenu();
+                (_a = bottomSheetProps === null || bottomSheetProps === void 0 ? void 0 : bottomSheetProps.onClose) === null || _a === void 0 ? void 0 : _a.call(bottomSheetProps);
+            }, transitionProps: tslib.__assign(tslib.__assign({}, bottomSheetProps === null || bottomSheetProps === void 0 ? void 0 : bottomSheetProps.transitionProps), { onEntered: handleEntered }), bottomAddons: React__default.default.createElement(React__default.default.Fragment, null,
+                renderSearch(),
+                flatOptions.length > 0 && (bottomSheetProps === null || bottomSheetProps === void 0 ? void 0 : bottomSheetProps.bottomAddons)), containerProps: tslib.__assign(tslib.__assign({}, bottomSheetProps === null || bottomSheetProps === void 0 ? void 0 : bottomSheetProps.containerProps), { onScroll: onScroll }) }), renderOptionsList()));
+    }
+    return null;
+};
+
+exports.ListBottomSheetMobile = ListBottomSheetMobile;

package/components/base-select/components/list-mobile/list-mobile.d.ts

@@ -0,0 +1,16 @@
+import { FC, ReactNode, RefObject } from 'react';
+import { OptionShape } from "../../../../typings";
+import { ListBottomSheetMobileRestProps, ListModalMobileRestProps } from "./types/types";
+type ListMobileProps = {
+    baseProps: ListBottomSheetMobileRestProps | ListModalMobileRestProps;
+    open: boolean;
+    menuRef: RefObject<HTMLDivElement>;
+    scrollableContainerRef: RefObject<HTMLDivElement>;
+    flatOptions: OptionShape[];
+    closeMenu: () => void;
+    handleEntered: (node: HTMLElement, isAppearing: boolean) => void;
+    renderSearch: () => ReactNode;
+    renderOptionsList: () => ReactNode;
+};
+declare const ListMobile: FC<ListMobileProps>;
+export { ListMobile };

package/components/base-select/components/list-mobile/list-mobile.js

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var components_baseSelect_components_listMobile_listBottomSheetMobile = require('./list-bottom-sheet-mobile.js');
+var components_baseSelect_components_listMobile_listModalMobile = require('./list-modal-mobile.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var ListMobile = function (props) {
+    var baseProps = props.baseProps, restProps = tslib.__rest(props, ["baseProps"]);
+    var isBottomSheet = baseProps.isBottomSheet, nativeSelect = baseProps.nativeSelect;
+    if (isBottomSheet && !nativeSelect) {
+        return (React__default.default.createElement(components_baseSelect_components_listMobile_listBottomSheetMobile.ListBottomSheetMobile, tslib.__assign({}, baseProps, restProps)));
+    }
+    if (!isBottomSheet && !nativeSelect) {
+        return React__default.default.createElement(components_baseSelect_components_listMobile_listModalMobile.ListModalMobile, tslib.__assign({}, baseProps, restProps));
+    }
+    return null;
+};
+
+exports.ListMobile = ListMobile;

package/components/base-select/components/list-mobile/list-modal-mobile.d.ts

@@ -0,0 +1,15 @@
+import { FC, ReactNode, RefObject } from 'react';
+import { OptionShape } from "../../../../typings";
+import { ListModalMobileRestProps } from "./types/types";
+type ListModalMobileProps = {
+    open: boolean;
+    menuRef: RefObject<HTMLDivElement>;
+    scrollableContainerRef: RefObject<HTMLDivElement>;
+    flatOptions: OptionShape[];
+    closeMenu: () => void;
+    handleEntered: (node: HTMLElement, isAppearing: boolean) => void;
+    renderSearch: () => ReactNode;
+    renderOptionsList: () => ReactNode;
+} & ListModalMobileRestProps;
+declare const ListModalMobile: FC<ListModalMobileProps>;
+export { ListModalMobile };

package/components/base-select/components/list-mobile/list-modal-mobile.js

@@ -0,0 +1,42 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var mergeRefs = require('react-merge-refs');
+var cn = require('classnames');
+var coreComponentsShared = require('@alfalab/core-components-shared');
+var mobile_module = require('../../../../mobile.module-f44f34a3.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+
+var ListModalMobile = function (props) {
+    var ModalMobile = props.ModalMobile, dataTestId = props.dataTestId, open = props.open, modalProps = props.modalProps, modalHeaderProps = props.modalHeaderProps, modalFooterProps = props.modalFooterProps, menuRef = props.menuRef, scrollableContainerRef = props.scrollableContainerRef, label = props.label, placeholder = props.placeholder, onScroll = props.onScroll, flatOptions = props.flatOptions, closeMenu = props.closeMenu, handleEntered = props.handleEntered, renderSearch = props.renderSearch, renderOptionsList = props.renderOptionsList;
+    if (ModalMobile) {
+        return (React__default.default.createElement(ModalMobile, tslib.__assign({ dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'modal'), open: open, hasCloser: true }, modalProps, { componentRef: menuRef, onClose: function () {
+                var _a;
+                var args = [];
+                for (var _i = 0; _i < arguments.length; _i++) {
+                    args[_i] = arguments[_i];
+                }
+                closeMenu();
+                (_a = modalProps === null || modalProps === void 0 ? void 0 : modalProps.onClose) === null || _a === void 0 ? void 0 : _a.call.apply(_a, tslib.__spreadArray([modalProps], args, false));
+            }, contentClassName: cn__default.default(mobile_module.mobileStyles.sheetContent, modalProps === null || modalProps === void 0 ? void 0 : modalProps.contentClassName), ref: mergeRefs__default.default([
+                scrollableContainerRef,
+                modalProps === null || modalProps === void 0 ? void 0 : modalProps.ref,
+            ]), wrapperProps: tslib.__assign(tslib.__assign({}, modalProps === null || modalProps === void 0 ? void 0 : modalProps.wrapperProps), { onScroll: onScroll }), transitionProps: tslib.__assign(tslib.__assign({}, modalProps === null || modalProps === void 0 ? void 0 : modalProps.transitionProps), { onEntered: handleEntered }) }),
+            React__default.default.createElement(ModalMobile.Header, tslib.__assign({ hasCloser: true, sticky: true }, modalHeaderProps, { title: undefined, bottomAddons: React__default.default.createElement(React__default.default.Fragment, null,
+                    renderSearch(),
+                    flatOptions.length > 0 && (modalHeaderProps === null || modalHeaderProps === void 0 ? void 0 : modalHeaderProps.bottomAddons)) }), (modalHeaderProps === null || modalHeaderProps === void 0 ? void 0 : modalHeaderProps.title) || label || placeholder),
+            React__default.default.createElement(ModalMobile.Content, { flex: true, className: mobile_module.mobileStyles.modalContent }, renderOptionsList()),
+            (modalFooterProps === null || modalFooterProps === void 0 ? void 0 : modalFooterProps.children) && React__default.default.createElement(ModalMobile.Footer, tslib.__assign({}, modalFooterProps))));
+    }
+    return null;
+};
+
+exports.ListModalMobile = ListModalMobile;

package/components/base-select/components/list-mobile/types/types.d.ts

@@ -0,0 +1,4 @@
+import { getListBottomSheetMobileProps, getListModalMobileProps } from "../helpers/index";
+type ListBottomSheetMobileRestProps = ReturnType<typeof getListBottomSheetMobileProps>;
+type ListModalMobileRestProps = ReturnType<typeof getListModalMobileProps>;
+export { ListBottomSheetMobileRestProps, ListModalMobileRestProps };

package/components/base-select/components/list-mobile/types/types.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/components/base-select/index.css

@@ -1,4 +1,4 @@
-/* hash: 1g4jh */
+/* hash: 288mg */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-modal-bg-primary: #fff;
@@ -16,9 +16,11 @@
     /* Hard up */
 } :root {
     --border-radius-m: 8px;
-} :root {
-    --gap-2xs: 4px;
-    --gap-s: 12px;
+} :root { /* deprecated */
+    --gap-2xs: 4px; /* deprecated */ /* deprecated */
+    --gap-s: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+
+    /* новые значения, используйте их */
 } :root {
 } :root {
 } :root {
@@ -37,21 +39,21 @@
     /* checkmark */
 
     /* optgroup */
-} .select__component_e6vg1 {
+} .select__component_16lus {
     width: max-content;
     position: relative;
     outline: 0;
     max-width: 100%;
-} .select__popoverInner_e6vg1 {
+} .select__popoverInner_16lus {
     padding-top: var(--select-options-list-offset);
     padding-bottom: var(--select-options-list-offset);
     background: transparent;
     border-radius: 0;
     position: relative;
-} .select__popoverInner_e6vg1.select__popoverInner_e6vg1 {
+} .select__popoverInner_16lus.select__popoverInner_16lus {
     box-shadow: none;
     border: none;
-} .select__optionsListWrapper_e6vg1 {
+} .select__optionsListWrapper_16lus {
     position: relative;
     padding-top: var(--select-options-list-top-padding);
     padding-bottom: var(--select-options-list-bottom-padding);
@@ -60,7 +62,7 @@
     background: var(--select-option-background);
     overflow: hidden;
     will-change: transform;
-} .select__optionsListBorder_e6vg1 {
+} .select__optionsListBorder_16lus {
     position: absolute;
     top: 0;
     right: 0;
@@ -69,7 +71,7 @@
     box-shadow: inset 0 0 0 1px var(--color-light-neutral-300);
     border-radius: inherit;
     pointer-events: none;
-} .select__nativeSelect_e6vg1 {
+} .select__nativeSelect_16lus {
     opacity: 0;
     overflow: hidden;
     position: absolute;
@@ -82,12 +84,12 @@
     height: 100%;
     cursor: pointer;
     z-index: 1;
-} .select__block_e6vg1 {
+} .select__block_16lus {
     width: 100%;
-} .select__emptySearchPlaceholder_e6vg1 {
+} .select__emptySearchPlaceholder_16lus {
     text-align: center;
-} .select__search_e6vg1 {
+} .select__search_16lus {
     margin: var(--gap-s) var(--gap-s) 0
-} .select__search_e6vg1:last-child {
+} .select__search_16lus:last-child {
         margin-bottom: var(--gap-s);
     }

package/components/base-select/mobile.css

@@ -1,4 +1,4 @@
-/* hash: 1pcqs */
+/* hash: 1ivf6 */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -11,11 +11,13 @@
 
     /* Hard up */
 } :root {
-} :root {
-    --gap-2xs: 4px;
-    --gap-xs: 8px;
-    --gap-m: 16px;
-    --gap-l: 20px;
+} :root { /* deprecated */
+    --gap-2xs: 4px; /* deprecated */
+    --gap-xs: 8px; /* deprecated */ /* deprecated */ /* deprecated */
+    --gap-m: 16px; /* deprecated */
+    --gap-l: 20px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+
+    /* новые значения, используйте их */
 } :root {
 } :root {
 } :root {
@@ -27,30 +29,30 @@
     /* checkmark */
 
     /* optgroup */
-} .select__sheet_594wa {
+} .select__sheet_27lgi {
     overflow: hidden;
-} .select__sheetContent_594wa.select__sheetContent_594wa {
+} .select__sheetContent_27lgi.select__sheetContent_27lgi {
     padding: 0
-} .select__sheetContent_594wa.select__sheetContent_594wa .select__modalContent_594wa {
+} .select__sheetContent_27lgi.select__sheetContent_27lgi .select__modalContent_27lgi {
         padding: 0;
         display: flex;
         flex-direction: column;
-    } .select__sheetContainer_594wa {
+    } .select__sheetContainer_27lgi {
     padding: 0;
-} .select__optionsListWrapper_594wa {
+} .select__optionsListWrapper_27lgi {
     flex: 1;
-} .select__optionsList_594wa.select__optionsList_594wa {
+} .select__optionsList_27lgi.select__optionsList_27lgi {
     height: 100%;
     display: flex;
     flex-direction: column;
-} .select__scrollbar_594wa {
+} .select__scrollbar_27lgi {
     flex: 1;
-} .select__search_594wa {
+} .select__search_27lgi {
     padding: var(--gap-xs);
-} .select__option_594wa.select__option_594wa {
+} .select__option_27lgi.select__option_27lgi {
     padding: var(--gap-2xs) var(--gap-l) var(--gap-2xs) var(--gap-m)
-} .select__option_594wa.select__option_594wa:before {
+} .select__option_27lgi.select__option_27lgi:before {
         display: none;
-    } .select__optionGroup_594wa.select__optionGroup_594wa {
+    } .select__optionGroup_27lgi.select__optionGroup_27lgi {
     padding: var(--gap-m) var(--gap-m) var(--gap-xs);
 }

package/components/base-select/types/component-types.d.ts

@@ -0,0 +1,50 @@
+import React from 'react';
+import { FC, ForwardRefExoticComponent, RefAttributes } from "react";
+import { BottomSheetProps } from "@alfalab/core-components-bottom-sheet";
+import { ModalContentProps, ModalFooterProps, ModalHeaderProps } from "@alfalab/core-components-modal/shared";
+import { BaseModalProps } from "@alfalab/core-components-base-modal";
+import { PopoverProps } from "@alfalab/core-components-popover";
+import { AdditionalMobileProps, BaseSelectProps, BottomSheetSelectMobileProps, ModalSelectMobileProps } from "../../../typings";
+type ModalDesktopProps = BaseModalProps & {
+    /**
+     * Ширина модального окна
+     * @default 600
+     * @description s, m, l, xl deprecated, используйте вместо них 500, 600, 800, 1140 соответственно
+     */
+    size?: "s" | "m" | "l" | "xl" | "fullscreen" | 500 | 600 | 800 | 1140;
+    /**
+     * Растягивает модальное окно на весь экран
+     * @deprecated Используйте размер fullscreen
+     */
+    fullscreen?: boolean;
+    /**
+     * Фиксирует позицию модального окна после открытия,
+     * предотвращая скачки, если контент внутри будет меняться
+     */
+    fixedPosition?: boolean;
+    /**
+     * Управление наличием закрывающего крестика
+     * @default false
+     */
+    hasCloser?: boolean;
+    /**
+     * Блокирует скролл когда модальное окно открыто. Работает только на iOS.
+     */
+    iOSLock?: boolean;
+};
+type ModalMobileProps = Omit<ModalDesktopProps, "size" | "fixedPosition" | "fullscreen">;
+type PopoverType = ForwardRefExoticComponent<PopoverProps & RefAttributes<HTMLDivElement>>;
+type BottomSheetType = React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<HTMLDivElement>>;
+type ModalMobileType = ForwardRefExoticComponent<ModalMobileProps & RefAttributes<HTMLDivElement>> & {
+    Header: FC<ModalHeaderProps>;
+    Footer: FC<ModalFooterProps>;
+    Content: FC<ModalContentProps>;
+};
+type ComponentProps = BaseSelectProps & AdditionalMobileProps & BottomSheetSelectMobileProps & ModalSelectMobileProps & {
+    isBottomSheet?: boolean;
+    view: 'desktop' | 'mobile';
+    Popover?: PopoverType;
+    BottomSheet?: BottomSheetType;
+    ModalMobile?: ModalMobileType;
+};
+export { ComponentProps };

package/components/base-select/types/component-types.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/components/checkmark/Component.js

@@ -15,7 +15,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var CheckmarkMIcon__default = /*#__PURE__*/_interopDefaultCompat(CheckmarkMIcon);
 
-var styles = {"checkmark":"select__checkmark_1sm52","after":"select__after_1sm52","single":"select__single_1sm52","selected":"select__selected_1sm52","before":"select__before_1sm52","multiple":"select__multiple_1sm52","colorIcon":"select__colorIcon_1sm52"};
+var styles = {"checkmark":"select__checkmark_jhdx5","after":"select__after_jhdx5","single":"select__single_jhdx5","selected":"select__selected_jhdx5","before":"select__before_jhdx5","multiple":"select__multiple_jhdx5","colorIcon":"select__colorIcon_jhdx5"};
 require('./index.css')
 
 var Checkmark = function (_a) {

package/components/checkmark/index.css

@@ -1,4 +1,4 @@
-/* hash: cr1sa */
+/* hash: 19dpo */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
@@ -14,9 +14,11 @@
     /* Hard up */
 } :root {
     --border-radius-circle: 50%;
-} :root {
-    --gap-xs: 8px;
-    --gap-s: 12px;
+} :root { /* deprecated */ /* deprecated */
+    --gap-xs: 8px; /* deprecated */
+    --gap-s: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+
+    /* новые значения, используйте их */
 } :root {
 } :root {
 } :root {
@@ -39,12 +41,12 @@
     --select-checkmark-border-radius: var(--border-radius-circle);
 
     /* optgroup */
-} .select__checkmark_1sm52 {
+} .select__checkmark_jhdx5 {
     flex-shrink: 0;
     margin: var(--select-checkmark-margin)
-} .select__checkmark_1sm52.select__after_1sm52 {
+} .select__checkmark_jhdx5.select__after_jhdx5 {
         margin: var(--select-checkmark-margin-after);
-    } .select__single_1sm52 {
+    } .select__single_jhdx5 {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -54,17 +56,17 @@
     border-radius: var(--select-checkmark-border-radius);
     width: var(--select-checkmark-size);
     height: var(--select-checkmark-size)
-} .select__single_1sm52.select__selected_1sm52 {
+} .select__single_jhdx5.select__selected_jhdx5 {
         opacity: 1;
-    } .select__before_1sm52 {
+    } .select__before_jhdx5 {
     display: var(--select-checkmark-before-display)
-} .select__before_1sm52.select__multiple_1sm52 {
+} .select__before_jhdx5.select__multiple_jhdx5 {
         margin-right: var(--gap-s);
         display: var(--select-checkmark-before-display-multiple);
-    } .select__after_1sm52.select__after_1sm52 {
+    } .select__after_jhdx5.select__after_jhdx5 {
     display: var(--select-checkmark-after-display)
-} .select__after_1sm52.select__after_1sm52.select__single_1sm52 {
+} .select__after_jhdx5.select__after_jhdx5.select__single_jhdx5 {
         display: var(--select-checkmark-after-display-single);
-    } .select__colorIcon_1sm52 {
+    } .select__colorIcon_jhdx5 {
     color: var(--color-light-status-positive);
 }

package/components/checkmark-mobile/Component.js

@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"checkmark":"select__checkmark_1piph","selected":"select__selected_1piph","displayIcon":"select__displayIcon_1piph","displayBadge":"select__displayBadge_1piph"};
+var styles = {"checkmark":"select__checkmark_1l8hi","selected":"select__selected_1l8hi","displayIcon":"select__displayIcon_1l8hi","displayBadge":"select__displayBadge_1l8hi"};
 require('./index.css')
 
 var Checkmark = function (_a) {