@hh.ru/magritte-ui-input 7.0.8 → 7.1.0

package/index.js

@@ -28,6 +28,6 @@ import './useFocus.js';
 import '@hh.ru/magritte-ui-typography';
 import '@hh.ru/magritte-common-number-formatter';
 import './useDateTimeMask.js';
-import './index.esm-Dc5CZtKf.js';
+import './index.esm-J-67pHe5.js';
 import './useUncontrolledInput.js';
 //# sourceMappingURL=index.js.map

package/maskito-exports.js

@@ -1,4 +1,4 @@
 import './index.css';
-export { M as MASKITO_DEFAULT_OPTIONS, m as maskitoDateOptionsGenerator, a as maskitoDateTimeOptionsGenerator, b as maskitoTimeOptionsGenerator, u as useMaskito } from './index.esm-Dc5CZtKf.js';
+export { M as MASKITO_DEFAULT_OPTIONS, m as maskitoDateOptionsGenerator, a as maskitoDateTimeOptionsGenerator, b as maskitoTimeOptionsGenerator, u as useMaskito } from './index.esm-J-67pHe5.js';
 import 'react';
 //# sourceMappingURL=maskito-exports.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hh.ru/magritte-ui-input",
-  "version": "7.0.8",
+  "version": "7.1.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [
@@ -31,10 +31,10 @@
     "@hh.ru/magritte-common-use-disabled": "1.0.9",
     "@hh.ru/magritte-common-use-multiple-refs": "1.1.4",
     "@hh.ru/magritte-design-tokens": "20.0.1",
-    "@hh.ru/magritte-ui-action": "4.4.17",
+    "@hh.ru/magritte-ui-action": "4.4.18",
     "@hh.ru/magritte-ui-breakpoint": "4.1.0",
     "@hh.ru/magritte-ui-form-helper": "1.0.17",
-    "@hh.ru/magritte-ui-icon": "7.9.6",
+    "@hh.ru/magritte-ui-icon": "7.9.7",
     "@hh.ru/magritte-ui-mock-component": "1.0.11",
     "@hh.ru/magritte-ui-theme-provider": "1.1.33",
     "@hh.ru/magritte-ui-typography": "3.0.22"
@@ -47,5 +47,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "e07e30dd365e91f71d0dd60defea49856af99bd4"
+  "gitHead": "0cba1a0b8d618df338719bc996e2f5535af80e79"
 }

package/types.d.ts

@@ -1,7 +1,7 @@
 import type { FocusEventHandler, ForwardedRef, MouseEventHandler, ReactNode } from 'react';
-import { type FormatParams } from '@hh.ru/magritte-common-number-formatter';
-import { IconWrapperComponentSize24 } from '@hh.ru/magritte-ui-icon/iconTypes';
-export type InputSize = 'medium' | 'large';
+import type { FormatParams } from '@hh.ru/magritte-common-number-formatter';
+import type { IconWrapperComponentSize16, IconWrapperComponentSize24 } from '@hh.ru/magritte-ui-icon/iconTypes';
+export type InputSize = 'medium' | 'large' | 'small';
 export interface InputFormatter {
     /**
      * @param prevValue - Значение до изменения
@@ -25,7 +25,7 @@ export interface ControlledProps {
     value: string;
 }
 export type UncontrolledProps = Partial<ControlledProps>;
-interface InputBaseProps {
+export interface InputBaseProps {
     /** Текст плейсхолдера */
     placeholder?: ReactNode;
     /** Постфикс */
@@ -50,66 +50,62 @@ interface InputBaseProps {
     wrapperRef?: ForwardedRef<HTMLElement>;
     /** Ограничение на количество введенных символов */
     maxLength?: number;
-}
-interface LargeInputProps extends InputBaseProps {
     /** Размер инпута */
-    size: 'large';
-    /** Флаг управляющий режимом отображения поейсхолдера */
+    size?: InputSize;
+    /** Режим отображения плейсхолдера, применяется только в случае size=large */
     elevatePlaceholder?: boolean;
 }
-export interface MediumInputProps extends InputBaseProps {
-    size?: 'medium';
-    elevatePlaceholder?: false;
-}
 type OnButtonClickType = MouseEventHandler<HTMLButtonElement>;
-interface InputWithHintProps extends InputBaseProps {
+export interface InputWithHintProps extends InputBaseProps {
     /** Подсказка к полю ввода */
     hint?: ReactNode;
     /** Флаг показа подсказки при пустом значении инпута */
     showHintAlways?: boolean;
 }
-interface InputWithRightButtonProps extends InputBaseProps {
+type InputWithRightButtonProps = {
     /** Флаг управляющий показом кнопки очистки ввода */
     clearable?: never;
     /** Флаг управляющий показом кнопки очистки ввода при фокусе */
     clearableOnFocus?: never;
     /** Иконка кнопки */
-    buttonIcon: IconWrapperComponentSize24;
+    buttonIcon: IconWrapperComponentSize16 | IconWrapperComponentSize24;
     /** Обработчик события клика по кнопке */
     onButtonClick: OnButtonClickType;
-}
+};
 export interface InputWithoutRightButtonProps extends InputBaseProps {
     clearable?: false;
     clearableOnFocus?: false;
     buttonIcon?: never;
     onButtonClick?: never;
 }
-interface InputClearableProps extends InputBaseProps {
+export interface InputClearableProps extends InputBaseProps {
     clearable: true;
     clearableOnFocus?: never;
     buttonIcon?: never;
     onButtonClick?: OnButtonClickType;
 }
-interface InputClearableOnFocusProps extends InputBaseProps {
+export interface InputClearableOnFocusProps extends InputBaseProps {
     clearable?: never;
     clearableOnFocus: true;
     buttonIcon?: never;
     onButtonClick?: OnButtonClickType;
 }
-export type InputWithRightButtonClearProps = InputClearableProps | InputClearableOnFocusProps;
+type InputWithRightButtonClearProps = InputClearableProps | InputClearableOnFocusProps;
 interface InputWithInputIconProps extends InputBaseProps {
-    inputIcon?: IconWrapperComponentSize24;
+    inputIcon?: IconWrapperComponentSize16 | IconWrapperComponentSize24;
 }
-interface InputWithFixedPlaceholderProps extends InputBaseProps {
-    /** Фиксированный placeholder: отображается по мере ввода в input и обрезается на длину введённого значения. Обычно применяется для input-ов с маской: дата/время, номер телефона или банковской карты и т.д. */
+export interface InputWithFixedPlaceholderProps extends InputBaseProps {
+    /**
+     * Фиксированный placeholder: отображается по мере ввода в input и обрезается на длину введённого значения.
+     * Обычно применяется для input-ов с маской: дата/время, номер телефона или банковской карты и т.д.
+     * */
     fixedPlaceholder?: string;
 }
-type NoButtonInputProps = LargeInputProps | MediumInputProps;
-export type BaseInputProps = NoButtonInputProps & (InputWithRightButtonProps | InputWithoutRightButtonProps | InputWithRightButtonClearProps) & InputWithInputIconProps & InputWithFixedPlaceholderProps & InputWithHintProps & ControlledProps;
-type InputProps = NoButtonInputProps & InputWithHintProps & (InputWithRightButtonProps | InputWithoutRightButtonProps | InputWithRightButtonClearProps);
+export type BaseInputProps = InputBaseProps & (InputWithRightButtonProps | InputWithoutRightButtonProps | InputWithRightButtonClearProps) & InputWithInputIconProps & InputWithFixedPlaceholderProps & InputWithHintProps & ControlledProps;
+type InputProps = InputBaseProps & InputWithHintProps & (InputWithRightButtonProps | InputWithoutRightButtonProps | InputWithRightButtonClearProps);
 export type ControlledInputProps = InputProps & ControlledProps;
 export type UncontrolledInputProps = InputProps & UncontrolledProps;
-type PasswordInputProps = NoButtonInputProps & InputWithHintProps & {
+type PasswordInputProps = InputBaseProps & InputWithHintProps & {
     type?: never;
     clearable?: never;
 };
@@ -133,7 +129,7 @@ export type ControlledSearchInputProps = SearchInputProps & ControlledProps;
 export type UncontrolledSearchInputProps = SearchInputProps & UncontrolledProps;
 export type DateInputMask = 'dd' | 'mm.yyyy' | 'dd.mm.yyyy';
 export type TimeInputRounding = 5 | 15 | 30 | 60;
-export type DateTimeInputProps = NoButtonInputProps & {
+export type DateTimeInputProps = InputBaseProps & {
     /** Формат заполнения даты */
     dateMask?: DateInputMask;
     /** Флаг для включения режима ввода времени */

package/useDateTimeMask.js

@@ -1,6 +1,6 @@
 import './index.css';
 import { useMemo } from 'react';
-import { M as MASKITO_DEFAULT_OPTIONS, a as maskitoDateTimeOptionsGenerator, m as maskitoDateOptionsGenerator, b as maskitoTimeOptionsGenerator, u as useMaskito } from './index.esm-Dc5CZtKf.js';
+import { M as MASKITO_DEFAULT_OPTIONS, a as maskitoDateTimeOptionsGenerator, m as maskitoDateOptionsGenerator, b as maskitoTimeOptionsGenerator, u as useMaskito } from './index.esm-J-67pHe5.js';
 
 /**
  * Округление времени (в формате 00:00) до ближайшего заданного шага