@alfalab/core-components-input-autocomplete 10.3.0 → 11.0.0

package/src/mobile/index.ts

@@ -1,5 +1,4 @@
-export { InputAutocompleteMobile, InputAutocompleteMobileProps } from '../Component.mobile';
-export {
-    InputAutocompleteModalMobile,
-    InputAutocompleteModalMobileProps,
-} from '../Component.modal.mobile';
+export { InputAutocompleteMobile } from '../Component.mobile';
+export { InputAutocompleteModalMobile } from '../Component.modal.mobile';
+
+export { InputAutocompleteMobileProps } from '../types';

package/src/mobile.module.css

@@ -1,14 +1,5 @@
 @import '@alfalab/core-components-themes/src/default.css';
 
-.bottomAddonInput {
-    padding: var(--gap-xs);
-    box-sizing: border-box;
-}
-
-.footer {
-    display: flex;
-
-    & > button + button {
-        margin-left: var(--gap-m);
-    }
+.input {
+    width: auto;
 }

package/src/types.ts

@@ -0,0 +1,77 @@
+import type { ChangeEvent, FC, RefAttributes } from 'react';
+
+import type { InputProps } from '@alfalab/core-components-input';
+import type {
+    BaseSelectProps,
+    BottomSheetSelectMobileProps,
+} from '@alfalab/core-components-select/shared';
+
+export interface InputAutocompleteCommonProps
+    extends Omit<
+        BaseSelectProps,
+        'autocomplete' | 'Field' | 'nativeSelect' | 'searchProps' | 'showSearch' | 'Search'
+    > {
+    /**
+     * Компонент ввода значения
+     */
+    Input?: FC<InputProps & RefAttributes<HTMLInputElement>>;
+
+    /**
+     * Пропсы, которые будут прокинуты в инпут
+     */
+    inputProps?: InputProps & Record<string, unknown>;
+
+    /**
+     * Значение поля ввода
+     */
+    value?: string;
+
+    /**
+     * Поле доступно только для чтения
+     */
+    readOnly?: InputProps['readOnly'];
+
+    /**
+     * Отображение иконки успеха
+     */
+    success?: boolean;
+
+    /**
+     * Обработчик ввода
+     */
+    onInput?: (event: ChangeEvent<HTMLInputElement> | null, payload: { value: string }) => void;
+}
+
+type MobileProps = {
+    /**
+     *  Открывать в bottom-sheet
+     */
+    isBottomSheet?: boolean;
+
+    /**
+     * Пропсы анимации контента (CSSTransition)
+     */
+    transitionProps?: NonNullable<
+        BottomSheetSelectMobileProps['bottomSheetProps']
+    >['transitionProps'];
+};
+
+export type InputAutocompleteMobileProps = InputAutocompleteCommonProps & MobileProps;
+
+export interface InputAutocompleteProps extends InputAutocompleteCommonProps {
+    /**
+     *  Пропсы для мобильного компонента
+     */
+    mobileProps?: MobileProps;
+
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
+
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
+}

package/src/utils.ts

@@ -0,0 +1,3 @@
+export function searchFilterStub() {
+    return true;
+}

package/types.d.ts

@@ -0,0 +1,58 @@
+import { ChangeEvent, FC, RefAttributes } from 'react';
+import { InputProps } from "@alfalab/core-components-input";
+import { BaseSelectProps, BottomSheetSelectMobileProps } from "@alfalab/core-components-select/shared";
+interface InputAutocompleteCommonProps extends Omit<BaseSelectProps, 'autocomplete' | 'Field' | 'nativeSelect' | 'searchProps' | 'showSearch' | 'Search'> {
+    /**
+     * Компонент ввода значения
+     */
+    Input?: FC<InputProps & RefAttributes<HTMLInputElement>>;
+    /**
+     * Пропсы, которые будут прокинуты в инпут
+     */
+    inputProps?: InputProps & Record<string, unknown>;
+    /**
+     * Значение поля ввода
+     */
+    value?: string;
+    /**
+     * Поле доступно только для чтения
+     */
+    readOnly?: InputProps['readOnly'];
+    /**
+     * Отображение иконки успеха
+     */
+    success?: boolean;
+    /**
+     * Обработчик ввода
+     */
+    onInput?: (event: ChangeEvent<HTMLInputElement> | null, payload: {
+        value: string;
+    }) => void;
+}
+type MobileProps = {
+    /**
+     *  Открывать в bottom-sheet
+     */
+    isBottomSheet?: boolean;
+    /**
+     * Пропсы анимации контента (CSSTransition)
+     */
+    transitionProps?: NonNullable<BottomSheetSelectMobileProps['bottomSheetProps']>['transitionProps'];
+};
+type InputAutocompleteMobileProps = InputAutocompleteCommonProps & MobileProps;
+interface InputAutocompleteProps extends InputAutocompleteCommonProps {
+    /**
+     *  Пропсы для мобильного компонента
+     */
+    mobileProps?: MobileProps;
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
+}
+export { InputAutocompleteCommonProps, InputAutocompleteMobileProps, InputAutocompleteProps };

package/types.js

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

package/utils.d.ts

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

package/utils.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function searchFilterStub() {
+    return true;
+}
+
+exports.searchFilterStub = searchFilterStub;

package/esm/mobile.module-846d8b52.js

@@ -1,4 +0,0 @@
-var styles = {"bottomAddonInput":"input-autocomplete__bottomAddonInput_17ohn","footer":"input-autocomplete__footer_17ohn"};
-require('./mobile.css')
-
-export { styles as s };

package/mobile.module-7c0f2a72.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var styles = {"bottomAddonInput":"input-autocomplete__bottomAddonInput_17ohn","footer":"input-autocomplete__footer_17ohn"};
-require('./mobile.css')
-
-exports.styles = styles;

package/modern/mobile.module-7bf90bfc.js

@@ -1,4 +0,0 @@
-const styles = {"bottomAddonInput":"input-autocomplete__bottomAddonInput_17ohn","footer":"input-autocomplete__footer_17ohn"};
-require('./mobile.css')
-
-export { styles as s };