@alfalab/core-components-select 17.20.14 → 17.21.0

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

@@ -402,7 +402,8 @@ export const BaseSelect = forwardRef<unknown, ComponentProps>(
                 !autocomplete &&
                 !nativeSelect &&
                 (event.target as HTMLElement).tagName !== 'INPUT' &&
-                (event.target as HTMLElement).tagName !== 'BUTTON'
+                (event.target as HTMLElement).tagName !== 'BUTTON' &&
+                (event.target as HTMLElement).tagName !== 'TEXTAREA'
             ) {
                 // Открываем\закрываем меню по нажатию enter или пробела
                 event.preventDefault();

package/src/components/clear-button/Component.tsx

@@ -18,7 +18,7 @@ export const ClearButton = ({ disabled, onClick, dataTestId, size }: ClearButton
             view='text'
             disabled={disabled}
             aria-label='Очистить'
-            className={cn(styles.clearButton, styles[`size-${size}`])}
+            className={cn(styles.clearButton)}
             onClick={onClick}
             tabIndex={-1}
             dataTestId={dataTestId}

package/src/components/clear-button/index.module.css

@@ -17,15 +17,3 @@
 .clearButton + [data-addon='error-icon'] {
     display: var(--input-error-icon-display);
 }
-
-.clearButton + * {
-    margin-left: var(--gap-4);
-}
-
-.clearButton {
-    &.size-40 {
-        & + * {
-            margin-left: 6px;
-        }
-    }
-}

package/src/presets/useSelectWithApply/hook.tsx

@@ -67,6 +67,18 @@ export type UseSelectWithApplyProps = {
      * Показывать пункт "Выбрать все" в заголовке списка
      */
     showHeaderWithSelectAll?: boolean;
+
+    /**
+     * Значение name при применении выбора
+     * @default 'apply-footer'
+     */
+    applyName?: string;
+
+    /**
+     * Значение name при сбросе выбора
+     * @default 'reset-footer'
+     */
+    resetName?: string;
 };
 
 export const SELECT_ALL_KEY = 'select_all';
@@ -85,6 +97,8 @@ export function useSelectWithApply({
     showHeaderWithSelectAll = false,
     showSearch = false,
     searchProps = {},
+    applyName = 'apply-footer',
+    resetName = 'reset-footer',
 }: UseSelectWithApplyProps) {
     const [searchState, setSearchState] = useState('');
 
@@ -131,7 +145,7 @@ export function useSelectWithApply({
             selected: selectedDraft[0],
             selectedMultiple: selectedDraft,
             initiator: null,
-            name: 'apply-footer',
+            name: applyName,
         });
     };
 
@@ -141,7 +155,7 @@ export function useSelectWithApply({
             selected: null,
             selectedMultiple: [],
             initiator: null,
-            name: 'reset-footer',
+            name: resetName,
         });
     };
 
@@ -246,6 +260,8 @@ export function useSelectWithApply({
             showHeaderWithSelectAll,
             showSearch,
             searchProps,
+            applyName,
+            resetName,
         },
     };
 }

package/typings.d.ts

@@ -6,7 +6,7 @@ import { InputProps } from "@alfalab/core-components-input";
 import { ModalProps } from "@alfalab/core-components-modal";
 import { ModalFooterProps, ModalHeaderProps } from "@alfalab/core-components-modal/shared";
 import { PopoverProps } from "@alfalab/core-components-popover";
-import { UseSelectWithApplyProps } from "./hook-94ef1330";
+import { UseSelectWithApplyProps } from "./hook-35edf585";
 type AnyObject = Record<string, any>;
 type OptionShape = {
     /**

package/esm/mobile.module-0cd99801.js

@@ -1,4 +0,0 @@
-var mobileStyles = {"sheet":"select__sheet_10wrb","sheetContent":"select__sheetContent_10wrb","modalContent":"select__modalContent_10wrb","sheetContainer":"select__sheetContainer_10wrb","optionsListWrapper":"select__optionsListWrapper_10wrb","optionsList":"select__optionsList_10wrb","scrollbar":"select__scrollbar_10wrb","search":"select__search_10wrb","option":"select__option_10wrb","optionGroup":"select__optionGroup_10wrb"};
-require('./components/base-select/mobile.css')
-
-export { mobileStyles as m };

package/mobile.module-da499302.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var mobileStyles = {"sheet":"select__sheet_10wrb","sheetContent":"select__sheetContent_10wrb","modalContent":"select__modalContent_10wrb","sheetContainer":"select__sheetContainer_10wrb","optionsListWrapper":"select__optionsListWrapper_10wrb","optionsList":"select__optionsList_10wrb","scrollbar":"select__scrollbar_10wrb","search":"select__search_10wrb","option":"select__option_10wrb","optionGroup":"select__optionGroup_10wrb"};
-require('./components/base-select/mobile.css')
-
-exports.mobileStyles = mobileStyles;

package/modern/mobile.module-d95c2b3b.js

@@ -1,4 +0,0 @@
-const mobileStyles = {"sheet":"select__sheet_10wrb","sheetContent":"select__sheetContent_10wrb","modalContent":"select__modalContent_10wrb","sheetContainer":"select__sheetContainer_10wrb","optionsListWrapper":"select__optionsListWrapper_10wrb","optionsList":"select__optionsList_10wrb","scrollbar":"select__scrollbar_10wrb","search":"select__search_10wrb","option":"select__option_10wrb","optionGroup":"select__optionGroup_10wrb"};
-require('./components/base-select/mobile.css')
-
-export { mobileStyles as m };

package/moderncssm/hook-94ef1330.d.ts

@@ -1,111 +0,0 @@
-/// <reference types="react" />
-import { BaseSelectProps, OptionShape } from "./typings";
-type UseSelectWithApplyProps = {
-    /**
-     * Список выбранных пунктов
-     */
-    selected: BaseSelectProps['selected'];
-    /**
-     * Список вариантов выбора
-     */
-    options: BaseSelectProps['options'];
-    /**
-     * Обработчик выбора
-     */
-    onChange: BaseSelectProps['onChange'];
-    /**
-     * Дополнительный обработчик клика на чекбокс выбрать все
-     */
-    onSelectAllClick?: (selectedMultiple: OptionShape[]) => void;
-    /**
-     * Компонент выпадающего меню
-     */
-    OptionsList?: BaseSelectProps['OptionsList'];
-    /**
-     * Пропсы, которые будут прокинуты в компонент списка
-     */
-    optionsListProps?: BaseSelectProps['optionsListProps'];
-    /**
-     * Включает отображение поиска
-     */
-    showSearch?: BaseSelectProps['showSearch'];
-    /**
-     *  Настройки поиска
-     */
-    searchProps?: BaseSelectProps['searchProps'];
-    /**
-     * Показывать кнопку очистки
-     */
-    showClear?: boolean;
-    /**
-     * Показывать пункт "Выбрать все"
-     */
-    showSelectAll?: boolean;
-    /**
-     * Показывать пункт "Выбрать все" в заголовке списка
-     */
-    showHeaderWithSelectAll?: boolean;
-};
-declare const SELECT_ALL_KEY = "select_all";
-declare function useSelectWithApply({ options, selected, onChange, onSelectAllClick, OptionsList, optionsListProps, showClear, showSelectAll, showHeaderWithSelectAll, showSearch, searchProps, }: UseSelectWithApplyProps): {
-    OptionsList: import("react").ForwardRefExoticComponent<import("./typings").OptionsListProps & {
-        showClear?: boolean | undefined;
-        onClose?: (() => void) | undefined;
-        selectedDraft?: OptionShape[] | undefined;
-        OptionsList?: import("react").FC<import("./typings").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
-        Footer?: import("react").FC<import("./presets/useSelectWithApply/options-list-with-apply/footer/Component").FooterProps> | undefined;
-        Header?: import("react").FC<import("./presets/useSelectWithApply/options-list-with-apply/header/Component").HeaderProps> | undefined;
-        headerProps?: import("./presets/useSelectWithApply/options-list-with-apply/header/Component").HeaderProps | undefined;
-        showHeaderWithSelectAll?: boolean | undefined;
-        setSelectedDraft?: ((selectedDraft: OptionShape[]) => void) | undefined;
-    } & import("react").RefAttributes<HTMLDivElement>>;
-    optionsListProps: {
-        OptionsList: import("react").ComponentType<import("./typings").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
-        showClear: boolean;
-        onClear: () => void;
-        onApply: () => void;
-        onClose: () => void;
-        selectedDraft: OptionShape[];
-        setSelectedDraft: import("react").Dispatch<import("react").SetStateAction<OptionShape[]>>;
-        showHeaderWithSelectAll: boolean;
-        headerProps: any;
-    };
-    multiple: boolean;
-    options: (OptionShape | import("./typings").GroupShape | {
-        key: string;
-        content: string;
-    })[];
-    onChange: (payload: import("./typings").BaseSelectChangePayload) => void;
-    selected: string | OptionShape | (string | OptionShape)[] | null | undefined;
-    showSearch: boolean;
-    searchProps: {
-        value: string;
-        onChange: ((value: string) => void) | undefined;
-        componentProps?: import("./typings").SearchProps | undefined;
-        accessor?: ((option: OptionShape) => string) | undefined;
-        filterFn?: ((optionText: string, search: string) => boolean) | undefined;
-        filterGroup?: boolean | undefined;
-        groupAccessor?: ((group: import("./typings").GroupShape) => string | undefined) | undefined;
-    } | undefined;
-    originalProps: {
-        options: (OptionShape | import("./typings").GroupShape)[];
-        selected: string | OptionShape | (string | OptionShape)[] | null | undefined;
-        onChange: (payload: import("./typings").BaseSelectChangePayload) => void;
-        OptionsList: import("react").ComponentType<import("./typings").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
-        optionsListProps: unknown;
-        showClear: boolean;
-        showSelectAll: boolean;
-        showHeaderWithSelectAll: boolean;
-        showSearch: boolean;
-        searchProps: {
-            componentProps?: import("./typings").SearchProps | undefined;
-            accessor?: ((option: OptionShape) => string) | undefined;
-            filterFn?: ((optionText: string, search: string) => boolean) | undefined;
-            value?: string | undefined;
-            onChange?: ((value: string) => void) | undefined;
-            filterGroup?: boolean | undefined;
-            groupAccessor?: ((group: import("./typings").GroupShape) => string | undefined) | undefined;
-        };
-    };
-};
-export { UseSelectWithApplyProps, SELECT_ALL_KEY, useSelectWithApply };