@alfalab/core-components-select 17.21.5 → 17.23.0

package/src/components/base-select/components/list-mobile/list-bottom-sheet-mobile.tsx

@@ -1,88 +0,0 @@
-import React, { FC, ReactNode, RefObject } from 'react';
-
-import { OptionShape } from '@alfalab/core-components-select/typings';
-import { getDataTestId } from '@alfalab/core-components-shared';
-
-import { ListBottomSheetMobileRestProps } from './types/types';
-
-import mobileStyles from '../../mobile.module.css';
-
-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;
-
-export const ListBottomSheetMobile: FC<ListMobileProps> = (props) => {
-    const {
-        BottomSheet,
-        dataTestId,
-        open,
-        label,
-        placeholder,
-        footer,
-        swipeable,
-        showSearch,
-        bottomSheetProps,
-        menuRef,
-        scrollableContainerRef,
-        onScroll,
-        flatOptions,
-        closeMenu,
-        handleEntered,
-        renderSearch,
-        renderOptionsList,
-    } = props;
-
-    if (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;
-};

package/src/components/base-select/components/list-mobile/list-mobile.tsx

@@ -1,39 +0,0 @@
-import React, { FC, ReactNode, RefObject } from 'react';
-
-import { OptionShape } from '@alfalab/core-components-select/typings';
-
-import { ListBottomSheetMobileRestProps, ListModalMobileRestProps } from './types/types';
-import { ListBottomSheetMobile } from './list-bottom-sheet-mobile';
-import { ListModalMobile } from './list-modal-mobile';
-
-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;
-};
-
-export const ListMobile: FC<ListMobileProps> = (props) => {
-    const { baseProps, ...restProps } = props;
-    const { isBottomSheet, nativeSelect } = baseProps;
-
-    if (isBottomSheet && !nativeSelect) {
-        return (
-            <ListBottomSheetMobile
-                {...(baseProps as ListBottomSheetMobileRestProps)}
-                {...restProps}
-            />
-        );
-    }
-
-    if (!isBottomSheet && !nativeSelect) {
-        return <ListModalMobile {...(baseProps as ListModalMobileRestProps)} {...restProps} />;
-    }
-
-    return null;
-};

package/src/components/base-select/components/list-mobile/list-modal-mobile.tsx

@@ -1,98 +0,0 @@
-import React, { FC, ReactNode, RefObject } from 'react';
-import mergeRefs from 'react-merge-refs';
-import cn from 'classnames';
-
-import { OptionShape } from '@alfalab/core-components-select/typings';
-import { getDataTestId } from '@alfalab/core-components-shared';
-
-import { ListModalMobileRestProps } from './types/types';
-
-import mobileStyles from '../../mobile.module.css';
-
-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;
-
-export const ListModalMobile: FC<ListModalMobileProps> = (props) => {
-    const {
-        ModalMobile,
-        dataTestId,
-        open,
-        modalProps,
-        modalHeaderProps,
-        modalFooterProps,
-        menuRef,
-        scrollableContainerRef,
-        label,
-        placeholder,
-        onScroll,
-        flatOptions,
-        closeMenu,
-        handleEntered,
-        renderSearch,
-        renderOptionsList,
-    } = props;
-
-    if (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;
-};

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

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