@alfalab/core-components-input-autocomplete 14.0.7 → 14.0.8-alfasans

package/moderncssm/autocomplete-mobile-field/index.module.css

@@ -37,7 +37,8 @@
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
-    font-family: var(--font-family-system);
+    letter-spacing: -0.24px;
+    font-family: var(--font-family-alfasans);
 
     white-space: nowrap;
     text-overflow: ellipsis;

package/moderncssm/mobile/Component.mobile.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
+import { type BottomSheetSelectMobileProps } from '@alfalab/core-components-select/moderncssm/shared';
 export declare const InputAutocompleteMobile: React.ForwardRefExoticComponent<import("../types").InputAutocompleteCommonProps & {
-    isBottomSheet?: boolean | undefined;
-    transitionProps?: Partial<import("react-transition-group/Transition").TransitionProps<undefined>> | undefined;
-    onApply?: (() => void) | undefined;
-    onCancel?: (() => void) | undefined;
-    title?: string | undefined;
-    virtualKeyboard?: boolean | undefined;
+    isBottomSheet?: boolean;
+    transitionProps?: NonNullable<BottomSheetSelectMobileProps["bottomSheetProps"]>["transitionProps"];
+    onApply?: () => void;
+    onCancel?: () => void;
+    title?: string;
+    virtualKeyboard?: boolean;
 } & React.RefAttributes<unknown>>;

package/moderncssm/mobile/Component.mobile.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.mobile.js","sources":["../../src/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { type Ref, useMemo, useRef, useState } from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport { maskitoTransform } from '@maskito/core';\nimport cn from 'classnames';\nimport throttle from 'lodash/throttle';\n\nimport {\n    SelectMobile,\n    type SelectMobileProps,\n    SelectModalMobile,\n} from '@alfalab/core-components-select/mobile';\nimport {\n    type AnyObject,\n    type BottomSheetSelectMobileProps,\n    Footer,\n    type ModalSelectMobileProps,\n} from '@alfalab/core-components-select/shared';\nimport { isMaskitoMask, isNonNullable } from '@alfalab/core-components-shared';\n\nimport { AutocompleteMobileField as DefaultField } from '../autocomplete-mobile-field';\nimport { OnInputReason } from '../enums';\nimport { type InputAutocompleteMobileProps } from '../types';\nimport { searchFilterStub } from '../utils';\n\nimport styles from './mobile.module.css';\n\nexport const InputAutocompleteMobile = React.forwardRef(\n    (\n        {\n            Input,\n            value,\n            name,\n            Arrow = null,\n            label,\n            placeholder = '',\n            size = 48,\n            open: openProp,\n            onInput,\n            onOpen,\n            multiple,\n            inputProps,\n            isBottomSheet = true,\n            dataTestId,\n            transitionProps,\n            onCancel,\n            onApply,\n            title,\n            success,\n            virtualKeyboard = false,\n            Search,\n            searchProps,\n            Field = DefaultField,\n            ...restProps\n        }: InputAutocompleteMobileProps,\n        ref,\n    ) => {\n        const [open, setOpen] = useState(false);\n        const frozenValue = useRef<string>('');\n        const searchInputRef = useRef<HTMLInputElement>(null);\n        const targetRef = useRef<HTMLDivElement>(null);\n\n        const restorePrevValue = () => onInput?.(frozenValue.current, OnInputReason.Close);\n\n        const setModalVisibility = (isOpen: boolean) => {\n            if (isOpen) {\n                frozenValue.current = value || '';\n            }\n\n            if (openProp === undefined) {\n                setOpen(isOpen);\n            }\n\n            onOpen?.({ open: isOpen, name });\n        };\n\n        const handleOpen: SelectMobileProps['onOpen'] = (payload) => {\n            setModalVisibility(Boolean(payload.open));\n        };\n\n        const handleOptionsListTouchMove = useMemo(\n            () =>\n                throttle(() => {\n                    const input = searchInputRef.current;\n\n                    if (input && document.activeElement === input) {\n                        input.blur();\n                    }\n                }, 300),\n            [],\n        );\n\n        const handleApply = () => {\n            setModalVisibility(false);\n            onApply?.();\n        };\n\n        const handleCancel = () => {\n            setModalVisibility(false);\n            restorePrevValue();\n            onCancel?.();\n        };\n\n        const handleExiting = (node: HTMLElement) => {\n            targetRef.current?.focus();\n            transitionProps?.onExiting?.(node);\n        };\n\n        const isOpen = Boolean(open || openProp);\n\n        const Component = isBottomSheet ? SelectMobile : SelectModalMobile;\n\n        const componentProps:\n            | ModalSelectMobileProps['modalProps']\n            | BottomSheetSelectMobileProps['bottomSheetProps'] = {\n            title: title || label || placeholder,\n            onClose: restorePrevValue,\n            transitionProps: {\n                ...transitionProps,\n                onExiting: handleExiting,\n            },\n            [isBottomSheet ? 'containerProps' : 'componentDivProps']: {\n                onTouchMove: handleOptionsListTouchMove,\n            },\n        };\n\n        const clear = inputProps?.clear ?? false;\n\n        const displayValue = isOpen ? frozenValue.current : value;\n\n        const fieldValue = useMemo(() => {\n            const mask = inputProps?.mask;\n\n            return isNonNullable(displayValue) && isMaskitoMask(mask)\n                ? maskitoTransform(displayValue, { mask })\n                : displayValue;\n        }, [displayValue, inputProps?.mask]);\n\n        return (\n            <Component\n                Field={Field}\n                {...restProps}\n                {...(isBottomSheet\n                    ? {\n                          bottomSheetProps: {\n                              ...componentProps,\n                              virtualKeyboard,\n                              showSwipeMarker: false,\n                              actionButton: null,\n                          },\n                      }\n                    : {\n                          modalProps: componentProps,\n                          modalHeaderProps: { title },\n                      })}\n                dataTestId={dataTestId}\n                useWithApplyHook={false}\n                showSearch={true}\n                Search={Search ?? Input}\n                searchProps={{\n                    value,\n                    filterFn: searchFilterStub,\n                    componentProps: {\n                        leftAddons: null,\n                        placeholder,\n                        ...inputProps,\n                        ...searchProps?.componentProps,\n                        className: cn(styles.input, inputProps?.className),\n                        clear,\n                        ref: mergeRefs([searchInputRef, inputProps?.ref as Ref<HTMLInputElement>]),\n                        onChange: (_, payload) => onInput?.(payload.value, OnInputReason.Change),\n                    },\n                }}\n                ref={mergeRefs([targetRef, ref])}\n                open={isOpen}\n                onOpen={handleOpen}\n                Arrow={Arrow}\n                placeholder={placeholder}\n                label={label}\n                size={size}\n                name={name}\n                multiple={multiple}\n                optionsListProps={{\n                    footer: (\n                        <Footer\n                            showClear={true}\n                            handleClear={handleCancel}\n                            handleApply={handleApply}\n                            clearText='Отмена'\n                            applyText='Продолжить'\n                            dataTestId={dataTestId}\n                        />\n                    ),\n                    ...(restProps.optionsListProps as AnyObject),\n                }}\n                fieldProps={{\n                    value: fieldValue,\n                    clear,\n                    onClear: clear ? inputProps?.onClear : undefined,\n                    success,\n                    ...(restProps.fieldProps as AnyObject),\n                }}\n            />\n        );\n    },\n);\n"],"names":["DefaultField"],"mappings":";;;;;;;;;;;;;AA0Ba,MAAA,uBAAuB,GAAG,KAAK,CAAC,UAAU,CACnD,CACI,EACI,KAAK,EACL,KAAK,EACL,IAAI,EACJ,KAAK,GAAG,IAAI,EACZ,KAAK,EACL,WAAW,GAAG,EAAE,EAChB,IAAI,GAAG,EAAE,EACT,IAAI,EAAE,QAAQ,EACd,OAAO,EACP,MAAM,EACN,QAAQ,EACR,UAAU,EACV,aAAa,GAAG,IAAI,EACpB,UAAU,EACV,eAAe,EACf,QAAQ,EACR,OAAO,EACP,KAAK,EACL,OAAO,EACP,eAAe,GAAG,KAAK,EACvB,MAAM,EACN,WAAW,EACX,KAAK,GAAGA,uBAAY,EACpB,GAAG,SAAS,EACe,EAC/B,GAAG,KACH;IACA,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AACvC,IAAA,MAAM,WAAW,GAAG,MAAM,CAAS,EAAE,CAAC;AACtC,IAAA,MAAM,cAAc,GAAG,MAAM,CAAmB,IAAI,CAAC;AACrD,IAAA,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC;AAE9C,IAAA,MAAM,gBAAgB,GAAG,MAAM,OAAO,GAAG,WAAW,CAAC,OAAO,EAAE,aAAa,CAAC,KAAK,CAAC;AAElF,IAAA,MAAM,kBAAkB,GAAG,CAAC,MAAe,KAAI;AAC3C,QAAA,IAAI,MAAM,EAAE;AACR,YAAA,WAAW,CAAC,OAAO,GAAG,KAAK,IAAI,EAAE;AACpC;QAED,IAAI,QAAQ,KAAK,SAAS,EAAE;YACxB,OAAO,CAAC,MAAM,CAAC;AAClB;QAED,MAAM,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;AACpC,KAAC;AAED,IAAA,MAAM,UAAU,GAAgC,CAAC,OAAO,KAAI;QACxD,kBAAkB,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;AAC7C,KAAC;IAED,MAAM,0BAA0B,GAAG,OAAO,CACtC,MACI,QAAQ,CAAC,MAAK;AACV,QAAA,MAAM,KAAK,GAAG,cAAc,CAAC,OAAO;AAEpC,QAAA,IAAI,KAAK,IAAI,QAAQ,CAAC,aAAa,KAAK,KAAK,EAAE;YAC3C,KAAK,CAAC,IAAI,EAAE;AACf;AACL,KAAC,EAAE,GAAG,CAAC,EACX,EAAE,CACL;IAED,MAAM,WAAW,GAAG,MAAK;QACrB,kBAAkB,CAAC,KAAK,CAAC;QACzB,OAAO,IAAI;AACf,KAAC;IAED,MAAM,YAAY,GAAG,MAAK;QACtB,kBAAkB,CAAC,KAAK,CAAC;AACzB,QAAA,gBAAgB,EAAE;QAClB,QAAQ,IAAI;AAChB,KAAC;AAED,IAAA,MAAM,aAAa,GAAG,CAAC,IAAiB,KAAI;AACxC,QAAA,SAAS,CAAC,OAAO,EAAE,KAAK,EAAE;AAC1B,QAAA,eAAe,EAAE,SAAS,GAAG,IAAI,CAAC;AACtC,KAAC;IAED,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,IAAI,QAAQ,CAAC;IAExC,MAAM,SAAS,GAAG,aAAa,GAAG,YAAY,GAAG,iBAAiB;AAElE,IAAA,MAAM,cAAc,GAEqC;AACrD,QAAA,KAAK,EAAE,KAAK,IAAI,KAAK,IAAI,WAAW;AACpC,QAAA,OAAO,EAAE,gBAAgB;AACzB,QAAA,eAAe,EAAE;AACb,YAAA,GAAG,eAAe;AAClB,YAAA,SAAS,EAAE,aAAa;AAC3B,SAAA;QACD,CAAC,aAAa,GAAG,gBAAgB,GAAG,mBAAmB,GAAG;AACtD,YAAA,WAAW,EAAE,0BAA0B;AAC1C,SAAA;KACJ;AAED,IAAA,MAAM,KAAK,GAAG,UAAU,EAAE,KAAK,IAAI,KAAK;AAExC,IAAA,MAAM,YAAY,GAAG,MAAM,GAAG,WAAW,CAAC,OAAO,GAAG,KAAK;AAEzD,IAAA,MAAM,UAAU,GAAG,OAAO,CAAC,MAAK;AAC5B,QAAA,MAAM,IAAI,GAAG,UAAU,EAAE,IAAI;QAE7B,OAAO,aAAa,CAAC,YAAY,CAAC,IAAI,aAAa,CAAC,IAAI;cAClD,gBAAgB,CAAC,YAAY,EAAE,EAAE,IAAI,EAAE;cACvC,YAAY;KACrB,EAAE,CAAC,YAAY,EAAE,UAAU,EAAE,IAAI,CAAC,CAAC;IAEpC,QACI,KAAC,CAAA,aAAA,CAAA,SAAS,EACN,EAAA,KAAK,EAAE,KAAK,EACR,GAAA,SAAS,EACT,IAAC;AACD,cAAE;AACI,gBAAA,gBAAgB,EAAE;AACd,oBAAA,GAAG,cAAc;oBACjB,eAAe;AACf,oBAAA,eAAe,EAAE,KAAK;AACtB,oBAAA,YAAY,EAAE,IAAI;AACrB,iBAAA;AACJ;AACH,cAAE;AACI,gBAAA,UAAU,EAAE,cAAc;gBAC1B,gBAAgB,EAAE,EAAE,KAAK,EAAE;aAC9B,CAAC,EACR,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,KAAK,EACvB,UAAU,EAAE,IAAI,EAChB,MAAM,EAAE,MAAM,IAAI,KAAK,EACvB,WAAW,EAAE;YACT,KAAK;AACL,YAAA,QAAQ,EAAE,gBAAgB;AAC1B,YAAA,cAAc,EAAE;AACZ,gBAAA,UAAU,EAAE,IAAI;gBAChB,WAAW;AACX,gBAAA,GAAG,UAAU;gBACb,GAAG,WAAW,EAAE,cAAc;gBAC9B,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,UAAU,EAAE,SAAS,CAAC;gBAClD,KAAK;gBACL,GAAG,EAAE,SAAS,CAAC,CAAC,cAAc,EAAE,UAAU,EAAE,GAA4B,CAAC,CAAC;AAC1E,gBAAA,QAAQ,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,OAAO,GAAG,OAAO,CAAC,KAAK,EAAE,aAAa,CAAC,MAAM,CAAC;AAC3E,aAAA;SACJ,EACD,GAAG,EAAE,SAAS,CAAC,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC,EAChC,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,UAAU,EAClB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE;AACd,YAAA,MAAM,GACF,KAAC,CAAA,aAAA,CAAA,MAAM,EACH,EAAA,SAAS,EAAE,IAAI,EACf,WAAW,EAAE,YAAY,EACzB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAC,sCAAQ,EAClB,SAAS,EAAC,8DAAY,EACtB,UAAU,EAAE,UAAU,GACxB,CACL;YACD,GAAI,SAAS,CAAC,gBAA8B;AAC/C,SAAA,EACD,UAAU,EAAE;AACR,YAAA,KAAK,EAAE,UAAU;YACjB,KAAK;YACL,OAAO,EAAE,KAAK,GAAG,UAAU,EAAE,OAAO,GAAG,SAAS;YAChD,OAAO;YACP,GAAI,SAAS,CAAC,UAAwB;AACzC,SAAA,EAAA,CACH;AAEV,CAAC;;;;"}
+{"version":3,"file":"Component.mobile.js","sources":["../../src/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { type Ref, useMemo, useRef, useState } from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport { maskitoTransform } from '@maskito/core';\nimport cn from 'classnames';\nimport throttle from 'lodash/throttle';\n\nimport {\n    SelectMobile,\n    type SelectMobileProps,\n    SelectModalMobile,\n} from '@alfalab/core-components-select/mobile';\nimport {\n    type AnyObject,\n    type BottomSheetSelectMobileProps,\n    Footer,\n    type ModalSelectMobileProps,\n} from '@alfalab/core-components-select/shared';\nimport { isMaskitoMask, isNonNullable } from '@alfalab/core-components-shared';\n\nimport { AutocompleteMobileField as DefaultField } from '../autocomplete-mobile-field';\nimport { OnInputReason } from '../enums';\nimport { type InputAutocompleteMobileProps } from '../types';\nimport { searchFilterStub } from '../utils';\n\nimport styles from './mobile.module.css';\n\nexport const InputAutocompleteMobile = React.forwardRef(\n    (\n        {\n            Input,\n            value,\n            name,\n            Arrow = null,\n            label,\n            placeholder = '',\n            size = 48,\n            open: openProp,\n            onInput,\n            onOpen,\n            multiple,\n            inputProps,\n            isBottomSheet = true,\n            dataTestId,\n            transitionProps,\n            onCancel,\n            onApply,\n            title,\n            success,\n            virtualKeyboard = false,\n            Search,\n            searchProps,\n            Field = DefaultField,\n            ...restProps\n        }: InputAutocompleteMobileProps,\n        ref,\n    ) => {\n        const [open, setOpen] = useState(false);\n        const frozenValue = useRef<string>('');\n        const searchInputRef = useRef<HTMLInputElement>(null);\n        const targetRef = useRef<HTMLDivElement>(null);\n\n        const restorePrevValue = () => onInput?.(frozenValue.current, OnInputReason.Close);\n\n        const setModalVisibility = (isOpen: boolean) => {\n            if (isOpen) {\n                frozenValue.current = value || '';\n            }\n\n            if (openProp === undefined) {\n                setOpen(isOpen);\n            }\n\n            onOpen?.({ open: isOpen, name });\n        };\n\n        const handleOpen: SelectMobileProps['onOpen'] = (payload) => {\n            setModalVisibility(Boolean(payload.open));\n        };\n\n        const handleOptionsListTouchMove = useMemo(\n            () =>\n                throttle(() => {\n                    const input = searchInputRef.current;\n\n                    if (input && document.activeElement === input) {\n                        input.blur();\n                    }\n                }, 300),\n            [],\n        );\n\n        const handleApply = () => {\n            setModalVisibility(false);\n            onApply?.();\n        };\n\n        const handleCancel = () => {\n            setModalVisibility(false);\n            restorePrevValue();\n            onCancel?.();\n        };\n\n        const handleExiting = (node: HTMLElement) => {\n            targetRef.current?.focus();\n            transitionProps?.onExiting?.(node);\n        };\n\n        const isOpen = Boolean(open || openProp);\n\n        const Component = isBottomSheet ? SelectMobile : SelectModalMobile;\n\n        const componentProps:\n            | ModalSelectMobileProps['modalProps']\n            | BottomSheetSelectMobileProps['bottomSheetProps'] = {\n            title: title || label || placeholder,\n            onClose: restorePrevValue,\n            transitionProps: {\n                ...transitionProps,\n                onExiting: handleExiting,\n            },\n            [isBottomSheet ? 'containerProps' : 'componentDivProps']: {\n                onTouchMove: handleOptionsListTouchMove,\n            },\n        };\n\n        const clear = inputProps?.clear ?? false;\n\n        const displayValue = isOpen ? frozenValue.current : value;\n\n        const fieldValue = useMemo(() => {\n            const mask = inputProps?.mask;\n\n            return isNonNullable(displayValue) && isMaskitoMask(mask)\n                ? maskitoTransform(displayValue, { mask })\n                : displayValue;\n        }, [displayValue, inputProps?.mask]);\n\n        return (\n            <Component\n                Field={Field}\n                {...restProps}\n                {...(isBottomSheet\n                    ? {\n                          bottomSheetProps: {\n                              ...componentProps,\n                              virtualKeyboard,\n                              showSwipeMarker: false,\n                              actionButton: null,\n                          },\n                      }\n                    : {\n                          modalProps: componentProps,\n                          modalHeaderProps: { title },\n                      })}\n                dataTestId={dataTestId}\n                useWithApplyHook={false}\n                showSearch={true}\n                Search={Search ?? Input}\n                searchProps={{\n                    value,\n                    filterFn: searchFilterStub,\n                    componentProps: {\n                        leftAddons: null,\n                        placeholder,\n                        ...inputProps,\n                        ...searchProps?.componentProps,\n                        className: cn(styles.input, inputProps?.className),\n                        clear,\n                        ref: mergeRefs([searchInputRef, inputProps?.ref as Ref<HTMLInputElement>]),\n                        onChange: (_, payload) => onInput?.(payload.value, OnInputReason.Change),\n                    },\n                }}\n                ref={mergeRefs([targetRef, ref])}\n                open={isOpen}\n                onOpen={handleOpen}\n                Arrow={Arrow}\n                placeholder={placeholder}\n                label={label}\n                size={size}\n                name={name}\n                multiple={multiple}\n                optionsListProps={{\n                    footer: (\n                        <Footer\n                            showClear={true}\n                            handleClear={handleCancel}\n                            handleApply={handleApply}\n                            clearText='Отмена'\n                            applyText='Продолжить'\n                            dataTestId={dataTestId}\n                        />\n                    ),\n                    ...(restProps.optionsListProps as AnyObject),\n                }}\n                fieldProps={{\n                    value: fieldValue,\n                    clear,\n                    onClear: clear ? inputProps?.onClear : undefined,\n                    success,\n                    ...(restProps.fieldProps as AnyObject),\n                }}\n            />\n        );\n    },\n);\n"],"names":["DefaultField"],"mappings":"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"}

package/moderncssm/mobile/Component.modal.mobile.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 export declare const InputAutocompleteModalMobile: React.ForwardRefExoticComponent<import("../types").InputAutocompleteCommonProps & {
-    isBottomSheet?: boolean | undefined;
-    transitionProps?: Partial<import("react-transition-group/Transition").TransitionProps<undefined>> | undefined;
-    onApply?: (() => void) | undefined;
-    onCancel?: (() => void) | undefined;
-    title?: string | undefined;
-    virtualKeyboard?: boolean | undefined;
+    isBottomSheet?: boolean;
+    transitionProps?: NonNullable<import("@alfalab/core-components-select/typings").BottomSheetSelectMobileProps["bottomSheetProps"]>["transitionProps"];
+    onApply?: () => void;
+    onCancel?: () => void;
+    title?: string;
+    virtualKeyboard?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;

package/moderncssm/types.d.ts

@@ -1,7 +1,7 @@
 import { type ComponentType, type RefAttributes } from 'react';
 import { type InputProps } from '@alfalab/core-components-input/moderncssm';
 import { type BaseSelectProps, type BottomSheetSelectMobileProps } from '@alfalab/core-components-select/moderncssm/shared';
-declare type OnInputTypeReason = 'close' | 'change';
+type OnInputTypeReason = 'close' | 'change';
 export interface InputAutocompleteCommonProps extends Omit<BaseSelectProps, 'autocomplete' | 'nativeSelect' | 'showSearch' | 'valueRenderer'> {
     /**
      * Компонент ввода значения
@@ -28,7 +28,7 @@ export interface InputAutocompleteCommonProps extends Omit<BaseSelectProps, 'aut
      */
     onInput?: (value: string, reason?: OnInputTypeReason) => void;
 }
-declare type MobileProps = {
+type MobileProps = {
     /**
      *  Открывать в bottom-sheet
      */
@@ -56,7 +56,7 @@ declare type MobileProps = {
      */
     virtualKeyboard?: boolean;
 };
-export declare type InputAutocompleteMobileProps = InputAutocompleteCommonProps & MobileProps;
+export type InputAutocompleteMobileProps = InputAutocompleteCommonProps & MobileProps;
 export interface InputAutocompleteProps extends InputAutocompleteCommonProps {
     /**
      *  Пропсы для мобильного компонента

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-input-autocomplete",
-    "version": "14.0.7",
+    "version": "14.0.8-alfasans",
     "description": "",
     "keywords": [],
     "license": "MIT",
@@ -10,13 +10,13 @@
     "main": "index.js",
     "module": "./esm/index.js",
     "dependencies": {
-        "@alfalab/core-components-form-control": "^14.0.3",
-        "@alfalab/core-components-input": "^17.1.2",
-        "@alfalab/core-components-mq": "^6.0.2",
-        "@alfalab/core-components-popover": "^8.0.2",
-        "@alfalab/core-components-select": "^19.1.0",
-        "@alfalab/core-components-shared": "^2.1.0",
-        "@alfalab/core-components-status-badge": "^3.0.1",
+        "@alfalab/core-components-form-control": "14.0.4-alfasans",
+        "@alfalab/core-components-input": "17.1.3-alfasans",
+        "@alfalab/core-components-mq": "6.0.3-alfasans",
+        "@alfalab/core-components-popover": "8.0.3-alfasans",
+        "@alfalab/core-components-select": "19.1.1-alfasans",
+        "@alfalab/core-components-shared": "2.1.1-alfasans",
+        "@alfalab/core-components-status-badge": "3.0.2-alfasans",
         "@alfalab/hooks": "^1.13.1",
         "@maskito/core": "^1.7.0",
         "classnames": "^2.5.1",
@@ -32,6 +32,6 @@
         "access": "public",
         "directory": "dist"
     },
-    "themesVersion": "15.0.2",
-    "varsVersion": "11.0.1"
+    "themesVersion": "15.0.2-alfasans",
+    "varsVersion": "11.0.2-alfasans"
 }

package/src/autocomplete-mobile-field/index.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/no-typography-index.css';
+@import '@alfalab/core-components-vars/src/index.css';
 @import '../vars.css';
 
 .component {

package/src/mobile/mobile.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/no-typography-index.css';
+@import '@alfalab/core-components-vars/src/index.css';
 
 .input {
     width: auto;

package/types.d.ts

@@ -1,7 +1,7 @@
 import { type ComponentType, type RefAttributes } from 'react';
 import { type InputProps } from '@alfalab/core-components-input';
 import { type BaseSelectProps, type BottomSheetSelectMobileProps } from '@alfalab/core-components-select/shared';
-declare type OnInputTypeReason = 'close' | 'change';
+type OnInputTypeReason = 'close' | 'change';
 export interface InputAutocompleteCommonProps extends Omit<BaseSelectProps, 'autocomplete' | 'nativeSelect' | 'showSearch' | 'valueRenderer'> {
     /**
      * Компонент ввода значения
@@ -28,7 +28,7 @@ export interface InputAutocompleteCommonProps extends Omit<BaseSelectProps, 'aut
      */
     onInput?: (value: string, reason?: OnInputTypeReason) => void;
 }
-declare type MobileProps = {
+type MobileProps = {
     /**
      *  Открывать в bottom-sheet
      */
@@ -56,7 +56,7 @@ declare type MobileProps = {
      */
     virtualKeyboard?: boolean;
 };
-export declare type InputAutocompleteMobileProps = InputAutocompleteCommonProps & MobileProps;
+export type InputAutocompleteMobileProps = InputAutocompleteCommonProps & MobileProps;
 export interface InputAutocompleteProps extends InputAutocompleteCommonProps {
     /**
      *  Пропсы для мобильного компонента