@alfalab/core-components-select 17.22.0 → 17.24.0

package/src/components/base-select/Component.tsx

@@ -35,13 +35,6 @@ import {
 } from '../../utils';
 import { NativeSelect } from '../native-select';
 
-import { getListPopoverDesktopProps } from './components/list-desktop/helpers/get-list-popover-desktop-props';
-import { ListPopoverDesktop } from './components/list-desktop/list-popover-desktop';
-import {
-    getListBottomSheetMobileProps,
-    getListModalMobileProps,
-} from './components/list-mobile/helpers';
-import { ListMobile } from './components/list-mobile/list-mobile';
 import { ComponentProps } from './types/component-types';
 
 import styles from './index.module.css';
@@ -62,6 +55,7 @@ export const BaseSelect = forwardRef<unknown, ComponentProps>(
             optionGroupClassName,
             optionsListClassName,
             optionClassName,
+            popperClassName,
             options,
             autocomplete = false,
             multiple = false,
@@ -72,6 +66,8 @@ export const BaseSelect = forwardRef<unknown, ComponentProps>(
             nativeSelect = false,
             defaultOpen = false,
             open: openProp,
+            popoverPosition = 'bottom-start',
+            preventFlip = true,
             optionsListWidth = 'content',
             name,
             id,
@@ -104,12 +100,22 @@ export const BaseSelect = forwardRef<unknown, ComponentProps>(
             Optgroup = () => null,
             Option = () => null,
             Search = () => null,
+            updatePopover,
+            zIndexPopover,
             showEmptyOptionsList = false,
             visibleOptions,
             view,
             isBottomSheet = true,
+            footer,
+            swipeable,
             modalProps,
+            popoverProps,
+            modalFooterProps,
+            modalHeaderProps,
             bottomSheetProps,
+            Popover,
+            ModalMobile,
+            BottomSheet,
             limitDynamicOptionGroupSize,
         } = props;
         const shouldSearchBlurRef = useRef(true);
@@ -481,7 +487,7 @@ export const BaseSelect = forwardRef<unknown, ComponentProps>(
                     ? rootRef.current.getBoundingClientRect().width
                     : 0;
 
-                listRef.current.setAttribute('style', '');
+                listRef.current.removeAttribute('style');
                 listRef.current.style[widthAttr] = `${optionsListMinWidth}px`;
             }
         }, [view, optionsListWidth]);
@@ -625,8 +631,14 @@ export const BaseSelect = forwardRef<unknown, ComponentProps>(
                         {...listProps}
                         ref={view === 'desktop' ? listProps.ref : scrollableContainerRef}
                         setHighlightedIndex={view === 'desktop' ? setHighlightedIndex : undefined}
-                        className={cn({ [mobileStyles.optionsList]: view === 'mobile' })}
-                        scrollbarClassName={cn({ [mobileStyles.scrollbar]: view === 'mobile' })}
+                        className={cn(
+                            { [mobileStyles.optionsList]: view === 'mobile' },
+                            listProps.className,
+                        )}
+                        scrollbarClassName={cn(
+                            { [mobileStyles.scrollbar]: view === 'mobile' },
+                            listProps.scrollbarClassName,
+                        )}
                         optionsListWidth={optionsListWidth}
                         flatOptions={flatOptions}
                         highlightedIndex={highlightedIndex}
@@ -657,6 +669,138 @@ export const BaseSelect = forwardRef<unknown, ComponentProps>(
             );
         };
 
+        const renderInPopover = () => {
+            if (!nativeSelect && Popover) {
+                return (
+                    <Popover
+                        {...popoverProps}
+                        open={open}
+                        withTransition={false}
+                        anchorElement={fieldRef.current as HTMLElement}
+                        position={popoverPosition}
+                        preventFlip={preventFlip}
+                        popperClassName={cn(styles.popoverInner, popperClassName)}
+                        update={updatePopover}
+                        zIndex={zIndexPopover}
+                    >
+                        {renderOptionsList()}
+                    </Popover>
+                );
+            }
+
+            return null;
+        };
+
+        const renderInBottomSheet = () => {
+            if (!nativeSelect && BottomSheet) {
+                const bottomAddons = bottomSheetProps?.bottomAddons;
+
+                return (
+                    <BottomSheet
+                        dataTestId={getDataTestId(dataTestId, 'bottom-sheet')}
+                        open={open}
+                        className={mobileStyles.sheet}
+                        contentClassName={mobileStyles.sheetContent}
+                        containerClassName={mobileStyles.sheetContainer}
+                        title={label || placeholder}
+                        actionButton={footer}
+                        stickyHeader={true}
+                        hasCloser={true}
+                        swipeable={swipeable}
+                        initialHeight={showSearch ? 'full' : 'default'}
+                        {...bottomSheetProps}
+                        sheetContainerRef={menuRef}
+                        scrollableContainerRef={scrollableContainerRef}
+                        onClose={() => {
+                            closeMenu();
+                            bottomSheetProps?.onClose?.();
+                        }}
+                        transitionProps={{
+                            ...bottomSheetProps?.transitionProps,
+                            onEntered: handleEntered,
+                        }}
+                        bottomAddons={
+                            <React.Fragment>
+                                {renderSearch()}
+                                {typeof bottomAddons === 'function'
+                                    ? bottomAddons(flatOptions)
+                                    : bottomAddons}
+                            </React.Fragment>
+                        }
+                        containerProps={{
+                            ...bottomSheetProps?.containerProps,
+                            onScroll,
+                        }}
+                    >
+                        {renderOptionsList()}
+                    </BottomSheet>
+                );
+            }
+
+            return null;
+        };
+
+        const renderInModalMobile = () => {
+            if (!nativeSelect && ModalMobile) {
+                const bottomAddons = modalHeaderProps?.bottomAddons;
+
+                return (
+                    <ModalMobile
+                        dataTestId={getDataTestId(dataTestId, 'modal')}
+                        open={open}
+                        hasCloser={true}
+                        {...modalProps}
+                        componentRef={menuRef}
+                        onClose={(...args) => {
+                            closeMenu();
+                            modalProps?.onClose?.(...args);
+                        }}
+                        contentClassName={cn(
+                            mobileStyles.sheetContent,
+                            modalProps?.contentClassName,
+                        )}
+                        ref={mergeRefs([
+                            scrollableContainerRef,
+                            modalProps?.ref as React.Ref<HTMLDivElement>,
+                        ])}
+                        wrapperProps={{
+                            ...modalProps?.wrapperProps,
+                            onScroll,
+                        }}
+                        transitionProps={{
+                            ...modalProps?.transitionProps,
+                            onEntered: handleEntered,
+                        }}
+                    >
+                        <ModalMobile.Header
+                            hasCloser={true}
+                            sticky={true}
+                            {...modalHeaderProps}
+                            title={undefined}
+                            bottomAddons={
+                                <React.Fragment>
+                                    {renderSearch()}
+                                    {typeof bottomAddons === 'function'
+                                        ? bottomAddons(flatOptions)
+                                        : bottomAddons}
+                                </React.Fragment>
+                            }
+                        >
+                            {modalHeaderProps?.title || label || placeholder}
+                        </ModalMobile.Header>
+
+                        <ModalMobile.Content flex={true} className={mobileStyles.modalContent}>
+                            {renderOptionsList()}
+                        </ModalMobile.Content>
+
+                        {modalFooterProps?.children && <ModalMobile.Footer {...modalFooterProps} />}
+                    </ModalMobile>
+                );
+            }
+
+            return null;
+        };
+
         return (
             <div
                 {...(disabled && { 'aria-disabled': true })}
@@ -709,32 +853,9 @@ export const BaseSelect = forwardRef<unknown, ComponentProps>(
 
                 {name && !nativeSelect && renderValue()}
 
-                {view === 'desktop' && !nativeSelect && (
-                    <ListPopoverDesktop
-                        {...getListPopoverDesktopProps(props)}
-                        open={open}
-                        fieldRef={fieldRef}
-                        renderOptionsList={renderOptionsList}
-                    />
-                )}
-
-                {view === 'mobile' && (
-                    <ListMobile
-                        baseProps={
-                            isBottomSheet
-                                ? getListBottomSheetMobileProps(props)
-                                : getListModalMobileProps(props)
-                        }
-                        open={open}
-                        menuRef={menuRef}
-                        scrollableContainerRef={scrollableContainerRef}
-                        flatOptions={flatOptions}
-                        renderOptionsList={renderOptionsList}
-                        renderSearch={renderSearch}
-                        closeMenu={closeMenu}
-                        handleEntered={handleEntered}
-                    />
-                )}
+                {view === 'desktop' && renderInPopover()}
+                {view === 'mobile' &&
+                    (isBottomSheet ? renderInBottomSheet() : renderInModalMobile())}
             </div>
         );
     },

package/src/components/virtual-options-list/Component.tsx

@@ -42,6 +42,7 @@ export const VirtualOptionsList = forwardRef<HTMLDivElement, OptionsListProps>(
             setSelectedItems,
             search,
             multiple,
+            scrollbarClassName,
         },
         ref,
     ) => {
@@ -205,7 +206,7 @@ export const VirtualOptionsList = forwardRef<HTMLDivElement, OptionsListProps>(
 
         const renderWithCustomScrollbar = () => (
             <Scrollbar
-                className={styles.scrollable}
+                className={cn(styles.scrollable, scrollbarClassName)}
                 ref={scrollbarRef}
                 horizontalAutoStretch={optionsListWidth === 'content'}
                 scrollableNodeProps={{ onScroll, ref: parentRef }}
@@ -219,7 +220,7 @@ export const VirtualOptionsList = forwardRef<HTMLDivElement, OptionsListProps>(
             if (visibleOptions) {
                 return (
                     <div
-                        className={styles.scrollable}
+                        className={cn(styles.scrollable, scrollbarClassName)}
                         ref={mergeRefs([parentRef, ref])}
                         onScroll={onScroll}
                     >

package/src/mobile/Component.mobile.tsx

@@ -122,6 +122,7 @@ export const SelectMobile = forwardRef(
                     : {
                           bottomSheetProps: {
                               bottomAddons,
+                              showSwipeMarker: false,
                               ...restProps.bottomSheetProps,
                           },
                       })}

package/components/base-select/components/list-desktop/helpers/get-list-popover-desktop-props.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import { ComponentProps } from "../../../types/component-types";
-declare const getListPopoverDesktopProps: (props: ComponentProps) => {
-    Popover: import("react").ForwardRefExoticComponent<import("@alfalab/core-components-popover").PopoverProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
-    popoverProps: Omit<import("@alfalab/core-components-popover").PopoverProps, "className" | "dataTestId" | "anchorElement" | "position" | "preventFlip" | "open" | "update" | "zIndex"> | undefined;
-    popoverPosition: import("@alfalab/core-components-popover").Position;
-    preventFlip: boolean;
-    popperClassName: string | undefined;
-    updatePopover: import("react").MutableRefObject<(() => void) | undefined> | undefined;
-    zIndexPopover: number | undefined;
-};
-export { getListPopoverDesktopProps };

package/components/base-select/components/list-desktop/helpers/get-list-popover-desktop-props.js

@@ -1,19 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-// отделяем необходимые пропсы для передачи в компонент
-var getListPopoverDesktopProps = function (props) {
-    var Popover = props.Popover, popoverProps = props.popoverProps, _a = props.popoverPosition, popoverPosition = _a === void 0 ? 'bottom-start' : _a, _b = props.preventFlip, preventFlip = _b === void 0 ? true : _b, popperClassName = props.popperClassName, updatePopover = props.updatePopover, zIndexPopover = props.zIndexPopover;
-    return {
-        Popover: Popover,
-        popoverProps: popoverProps,
-        popoverPosition: popoverPosition,
-        preventFlip: preventFlip,
-        popperClassName: popperClassName,
-        updatePopover: updatePopover,
-        zIndexPopover: zIndexPopover,
-    };
-};
-
-exports.getListPopoverDesktopProps = getListPopoverDesktopProps;

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

@@ -1,12 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('tslib');
-require('react');
-require('classnames');
-var components_baseSelect_components_listDesktop_listPopoverDesktop = require('../../../../list-popover-desktop-c264abbb.js');
-
-
-
-exports.ListPopoverDesktop = components_baseSelect_components_listDesktop_listPopoverDesktop.ListPopoverDesktop;

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

@@ -1,3 +0,0 @@
-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

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

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

@@ -1,18 +0,0 @@
-/// <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: (Omit<Partial<import("@alfalab/core-components-bottom-sheet").BottomSheetProps>, "bottomAddons"> & {
-        bottomAddons?: import("react").ReactNode | ((flatOptions: import("../../../../../typings").OptionShape[]) => import("react").ReactNode);
-    }) | 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

@@ -1,23 +0,0 @@
-'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

@@ -1,31 +0,0 @@
-/// <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;
-        client?: "desktop" | "mobile" | undefined;
-        defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
-    } & import("react").RefAttributes<HTMLDivElement>> | undefined;
-    modalHeaderProps: (Omit<Partial<import("@alfalab/core-components-modal/shared").ModalHeaderProps>, "bottomAddons"> & {
-        bottomAddons?: import("react").ReactNode | ((flatOptions: import("../../../../../typings").OptionShape[]) => import("react").ReactNode);
-    }) | 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

@@ -1,22 +0,0 @@
-'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

@@ -1,2 +0,0 @@
-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

@@ -1,11 +0,0 @@
-'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

@@ -1,15 +0,0 @@
-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

@@ -1,31 +0,0 @@
-'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-16f2c15a.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) {
-        var bottomAddons = bottomSheetProps === null || bottomSheetProps === void 0 ? void 0 : bottomSheetProps.bottomAddons;
-        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(),
-                typeof bottomAddons === 'function'
-                    ? bottomAddons(flatOptions)
-                    : 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

@@ -1,16 +0,0 @@
-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

@@ -1,26 +0,0 @@
-'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

@@ -1,15 +0,0 @@
-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

@@ -1,45 +0,0 @@
-'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-16f2c15a.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) {
-        var bottomAddons = modalHeaderProps === null || modalHeaderProps === void 0 ? void 0 : modalHeaderProps.bottomAddons;
-        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(),
-                    typeof bottomAddons === 'function'
-                        ? bottomAddons(flatOptions)
-                        : 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

@@ -1,4 +0,0 @@
-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

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

package/cssm/components/base-select/components/list-desktop/helpers/get-list-popover-desktop-props.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import { ComponentProps } from "../../../types/component-types";
-declare const getListPopoverDesktopProps: (props: ComponentProps) => {
-    Popover: import("react").ForwardRefExoticComponent<import("@alfalab/core-components-popover").PopoverProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
-    popoverProps: Omit<import("@alfalab/core-components-popover").PopoverProps, "className" | "dataTestId" | "anchorElement" | "position" | "preventFlip" | "open" | "update" | "zIndex"> | undefined;
-    popoverPosition: import("@alfalab/core-components-popover").Position;
-    preventFlip: boolean;
-    popperClassName: string | undefined;
-    updatePopover: import("react").MutableRefObject<(() => void) | undefined> | undefined;
-    zIndexPopover: number | undefined;
-};
-export { getListPopoverDesktopProps };