@alfalab/core-components-international-phone-input 1.2.2 → 1.2.3

package/modern/index-ebda875c.d.ts

@@ -1,20 +1,145 @@
 /// <reference types="react" />
-/// <reference types="react-transition-group" />
-import { ReactNode, RefObject } from "react";
-type PortalProps = {
-    /** Контент */
+import React from "react";
+import { HTMLAttributes, ReactNode } from "react";
+type StyleColors = {
+    default: {
+        [key: string]: string;
+    };
+    inverted: {
+        [key: string]: string;
+    };
+};
+type BaseFormControlProps = HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Растягивает компонент на ширину контейнера
+     */
+    block?: boolean;
+    /**
+     * Размер компонента
+     */
+    size?: "s" | "m" | "l" | "xl";
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: "default" | "inverted";
+    /**
+     * Заблокированное состояние
+     */
+    disabled?: boolean;
+    /**
+     * Cостояние только для чтения
+     */
+    readOnly?: boolean;
+    /**
+     * Заполненное состояние
+     */
+    filled?: boolean;
+    /**
+     * Выбранное (фокус) состояние
+     */
+    focused?: boolean;
+    /**
+     * Отображение ошибки
+     */
+    error?: ReactNode | boolean;
+    /**
+     * Текст подсказки
+     */
+    hint?: ReactNode;
+    /**
+     * Лейбл компонента
+     */
+    label?: ReactNode;
+    /**
+     * Вид лейбла внутри / снаружи
+     */
+    labelView?: "inner" | "outer";
+    /**
+     * Слот слева
+     */
+    leftAddons?: ReactNode;
+    /**
+     * Слот справа
+     */
+    rightAddons?: ReactNode;
+    /**
+     * Слот под полем
+     */
+    bottomAddons?: ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительный класс для поля
+     */
+    fieldClassName?: string;
+    /**
+     * Дополнительный класс для поля
+     */
+    inputWrapperClassName?: string;
+    /**
+     * Дополнительный класс для лейбла
+     */
+    labelClassName?: string;
+    /**
+     * Дополнительный класс для аддонов
+     */
+    addonsClassName?: string;
+    /**
+     * Свойства для обертки левых аддонов
+     */
+    leftAddonsProps?: HTMLAttributes<HTMLDivElement>;
+    /**
+     * Свойства для обертки правых аддонов
+     */
+    rightAddonsProps?: HTMLAttributes<HTMLDivElement>;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Компонент поля (инпут, textarea и пр.)
+     */
     children?: ReactNode;
     /**
-     * Функция, возвращающая контейнер, в который будут рендериться дочерние элементы
+     * Основные стили компонента.
      */
-    getPortalContainer?: () => Element;
+    styles: {
+        [key: string]: string;
+    };
     /**
-     * Немедленно отрендерить дочерние элементы (false - контент будет отрендерен на след. рендер).
+     * Стили компонента для default и inverted режима.
      */
-    immediateMount?: boolean;
+    colorStyles?: StyleColors;
 };
-declare const Portal: import("react").ForwardRefExoticComponent<PortalProps & import("react").RefAttributes<Element>>;
-declare const PORTAL_CONTAINER_ATTRIBUTE = "alfa-portal-container";
-declare const getDefaultPortalContainer: () => Element;
-declare function setRef<T>(ref: RefObject<T> | ((instance: T | null) => void) | null | undefined, value: T | null): void;
-export { PortalProps, Portal, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef };
+declare const BaseFormControl: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    block?: boolean | undefined;
+    size?: "s" | "m" | "l" | "xl" | undefined;
+    colors?: "default" | "inverted" | undefined;
+    disabled?: boolean | undefined;
+    readOnly?: boolean | undefined;
+    filled?: boolean | undefined;
+    focused?: boolean | undefined;
+    error?: ReactNode | boolean;
+    hint?: ReactNode;
+    label?: ReactNode;
+    labelView?: "inner" | "outer" | undefined;
+    leftAddons?: ReactNode;
+    rightAddons?: ReactNode;
+    bottomAddons?: ReactNode;
+    className?: string | undefined;
+    fieldClassName?: string | undefined;
+    inputWrapperClassName?: string | undefined;
+    labelClassName?: string | undefined;
+    addonsClassName?: string | undefined;
+    leftAddonsProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
+    rightAddonsProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
+    dataTestId?: string | undefined;
+    children?: ReactNode;
+    styles: {
+        [key: string]: string;
+    };
+    colorStyles?: StyleColors | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export { StyleColors, BaseFormControlProps, BaseFormControl };

package/modern/index.js

@@ -1,8 +1,8 @@
 export { InternationalPhoneInput } from './Component.responsive.js';
 import 'react';
 import '@alfalab/core-components-mq/modern';
-import './Component.desktop.js';
-import '@alfalab/core-components-input/modern/Component.desktop';
+import './desktop/Component.desktop.js';
+import '@alfalab/core-components-input/modern/desktop';
 import '@alfalab/core-components-input-autocomplete/modern/desktop';
 import '@alfalab/core-components-select/modern/desktop';
 import './components/base-international-phone-input/Component.js';
@@ -21,7 +21,7 @@ import 'classnames';
 import './components/flag-icon/flagSprite.js';
 import './components/select-field/component.js';
 import '@alfalab/hooks';
-import './Component.mobile.js';
+import './mobile/Component.mobile.js';
 import '@alfalab/core-components-input/modern/mobile';
 import '@alfalab/core-components-input-autocomplete/modern/mobile';
 import '@alfalab/core-components-select/modern/mobile';

package/{Component.mobile.d.ts → modern/mobile/Component.mobile.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
-import { InternationalPhoneInputMobileProps } from "./types";
+import { InternationalPhoneInputMobileProps } from "../types";
 declare const InternationalPhoneInputMobile: React.ForwardRefExoticComponent<InternationalPhoneInputMobileProps & React.RefAttributes<HTMLInputElement>>;
 export { InternationalPhoneInputMobile };

package/modern/{Component.mobile.js → mobile/Component.mobile.js}

@@ -2,21 +2,21 @@ import React, { forwardRef } from 'react';
 import { InputMobile } from '@alfalab/core-components-input/modern/mobile';
 import { InputAutocompleteMobile } from '@alfalab/core-components-input-autocomplete/modern/mobile';
 import { SelectMobile } from '@alfalab/core-components-select/modern/mobile';
-import { BaseInternationalPhoneInput } from './components/base-international-phone-input/Component.js';
+import { BaseInternationalPhoneInput } from '../components/base-international-phone-input/Component.js';
 import 'react-merge-refs';
 import '@maskito/core';
 import '@maskito/react';
 import '@alfalab/core-components-select/modern/shared';
-import './utils/index.js';
+import '../utils/index.js';
 import '@alfalab/core-components-shared/modern';
-import './consts.js';
-import './data/country-data.js';
-import './components/country-select/Component.js';
+import '../consts.js';
+import '../data/country-data.js';
+import '../components/country-select/Component.js';
 import '@alfalab/icons-glyph/WorldMagnifierMIcon';
-import './components/flag-icon/component.js';
+import '../components/flag-icon/component.js';
 import 'classnames';
-import './components/flag-icon/flagSprite.js';
-import './components/select-field/component.js';
+import '../components/flag-icon/flagSprite.js';
+import '../components/select-field/component.js';
 import '@alfalab/hooks';
 
 const InternationalPhoneInputMobile = forwardRef(({ value, clearableCountryCode = true, ...restProps }, ref) => (React.createElement(BaseInternationalPhoneInput, { selected: value, ...restProps, clearableCountryCode: clearableCountryCode, value: value, view: 'mobile', ref: ref, SelectComponent: SelectMobile, Input: InputMobile, InputAutocomplete: InputAutocompleteMobile })));

package/modern/mobile/index.d.ts

@@ -1,2 +1,2 @@
-export { InternationalPhoneInputMobile } from "../Component.mobile";
+export { InternationalPhoneInputMobile } from "./Component.mobile";
 export type { InternationalPhoneInputMobileProps } from "../types";

package/modern/mobile/index.js

@@ -1,4 +1,4 @@
-export { InternationalPhoneInputMobile } from '../Component.mobile.js';
+export { InternationalPhoneInputMobile } from './Component.mobile.js';
 import 'react';
 import '@alfalab/core-components-input/modern/mobile';
 import '@alfalab/core-components-input-autocomplete/modern/mobile';

package/modern/types.d.ts

@@ -5,7 +5,7 @@ import { InputMobileProps } from "@alfalab/core-components-input/mobile";
 import { InputAutocompleteProps } from "@alfalab/core-components-input-autocomplete";
 import { InputAutocompleteDesktopProps } from "@alfalab/core-components-input-autocomplete/desktop";
 import { InputAutocompleteMobileProps } from "@alfalab/core-components-input-autocomplete/mobile";
-import { OptionShape } from "./typings-0816e61d";
+import { OptionShape } from "./typings-e63ec8aa";
 import { SharedCountrySelectProps } from "./components/country-select/index";
 type Country = {
     name: string;