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

package/modern/utils-d2597f31.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode, RefObject } from 'react';
-import { BaseSelectProps, GroupShape, OptionShape } from "./typings-0816e61d";
+import { BaseSelectProps, GroupShape, OptionShape } from "./typings-c29389e5";
 declare const isGroup: (item: OptionShape | GroupShape) => item is GroupShape;
 declare const isOptionShape: (item: OptionShape | string | null) => item is OptionShape;
 declare const joinOptions: ({ selected, selectedMultiple, }: {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-international-phone-input",
-    "version": "1.2.2",
+    "version": "1.2.4",
     "description": "",
     "keywords": [],
     "license": "MIT",
@@ -14,9 +14,9 @@
         "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
     "dependencies": {
-        "@alfalab/core-components-input-autocomplete": "11.0.2",
-        "@alfalab/core-components-input": "^13.0.1",
-        "@alfalab/core-components-select": "^16.0.2",
+        "@alfalab/core-components-input-autocomplete": "11.1.0",
+        "@alfalab/core-components-input": "^14.0.0",
+        "@alfalab/core-components-select": "^17.0.0",
         "@alfalab/core-components-shared": "^0.8.0",
         "@alfalab/core-components-mq": "^4.2.0",
         "@alfalab/hooks": "^1.13.0",

package/src/Component.responsive.tsx

@@ -2,8 +2,8 @@ import React from 'react';
 
 import { useMatchMedia } from '@alfalab/core-components-mq';
 
-import { InternationalPhoneInputDesktop } from './Component.desktop';
-import { InternationalPhoneInputMobile } from './Component.mobile';
+import { InternationalPhoneInputDesktop } from './desktop';
+import { InternationalPhoneInputMobile } from './mobile';
 import { InternationalPhoneInputProps } from './types';
 
 export const InternationalPhoneInput = React.forwardRef<

package/src/{Component.desktop.tsx → desktop/Component.desktop.tsx}

@@ -1,14 +1,14 @@
 import React, { forwardRef } from 'react';
 
-import { InputDesktop } from '@alfalab/core-components-input/Component.desktop';
+import { InputDesktop } from '@alfalab/core-components-input/desktop';
 import { InputAutocompleteDesktop } from '@alfalab/core-components-input-autocomplete/desktop';
 import { SelectDesktop } from '@alfalab/core-components-select/desktop';
 
-import { BaseInternationalPhoneInput } from './components/base-international-phone-input';
+import { BaseInternationalPhoneInput } from '../components/base-international-phone-input';
 import type {
     BaseInternationalPhoneInputProps,
     InternationalPhoneInputDesktopProps,
-} from './types';
+} from '../types';
 
 export const InternationalPhoneInputDesktop = forwardRef<
     HTMLInputElement,

package/src/desktop/index.ts

@@ -1,2 +1,2 @@
-export { InternationalPhoneInputDesktop } from '../Component.desktop';
+export { InternationalPhoneInputDesktop } from './Component.desktop';
 export type { InternationalPhoneInputDesktopProps } from '../types';

package/src/{Component.mobile.tsx → mobile/Component.mobile.tsx}

@@ -4,8 +4,11 @@ import { InputMobile } from '@alfalab/core-components-input/mobile';
 import { InputAutocompleteMobile } from '@alfalab/core-components-input-autocomplete/mobile';
 import { SelectMobile } from '@alfalab/core-components-select/mobile';
 
-import { BaseInternationalPhoneInput } from './components/base-international-phone-input';
-import type { BaseInternationalPhoneInputProps, InternationalPhoneInputMobileProps } from './types';
+import { BaseInternationalPhoneInput } from '../components/base-international-phone-input';
+import type {
+    BaseInternationalPhoneInputProps,
+    InternationalPhoneInputMobileProps,
+} from '../types';
 
 export const InternationalPhoneInputMobile = forwardRef<
     HTMLInputElement,

package/src/mobile/index.ts

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

package/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-c29389e5";
 import { SharedCountrySelectProps } from "./components/country-select/index";
 type Country = {
     name: string;

package/typings-08e5596c.d.ts

@@ -0,0 +1,56 @@
+import { ReactNode } from 'react';
+import { BaseModalProps } from "./index-bdb4c6b9";
+type ModalDesktopProps = BaseModalProps & {
+    /**
+     * Ширина модального окна
+     * @default "m"
+     */
+    size?: 's' | 'm' | 'l' | 'xl' | 'fullscreen';
+    /**
+     * Растягивает модальное окно на весь экран
+     * @deprecated Используйте размер fullscreen
+     */
+    fullscreen?: boolean;
+    /**
+     * Фиксирует позицию модального окна после открытия,
+     * предотвращая скачки, если контент внутри будет меняться
+     */
+    fixedPosition?: boolean;
+    /**
+     * Управление наличием закрывающего крестика
+     * @default false
+     */
+    hasCloser?: boolean;
+};
+type ModalMobileProps = Omit<ModalDesktopProps, 'size' | 'fixedPosition' | 'fullscreen'>;
+type ModalResponsiveProps = ModalDesktopProps & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
+};
+type View = 'desktop' | 'mobile';
+type TResponsiveModalContext = {
+    view: View;
+    size: NonNullable<ModalDesktopProps['size']>;
+};
+type ContentProps = {
+    /**
+     * Контент
+     */
+    children?: ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Растягивает контент на всю высоту
+     */
+    flex?: boolean;
+};
+export { ModalDesktopProps, ModalMobileProps, ModalResponsiveProps, View, TResponsiveModalContext, ContentProps };

package/{typings-89f0cb07.d.ts → typings-553146b2.d.ts}

@@ -48,7 +48,8 @@ type ComponentProps = {
      */
     Component?: ElementType;
     /**
-     * Идентификатор для систем автоматизированного тестирования
+     * Идентификатор для систем автоматизированного тестирования.
+     * Для спиннера используется модификатор -loader
      */
     dataTestId?: string;
     /**