@skbkontur/react-ui 0.0.0-3c309a601b → 0.0.0-3cc4f2ce5f

package/cjs/components/CurrencyLabel/CurrencyLabel.md

@@ -1,28 +1,28 @@
-To render rubles
+### To render rubles
 
 ```jsx
 <CurrencyLabel value={12356.1} currencySymbol={'₽'} />
 ```
 
-...or dollars
+### ...or dollars
 
 ```jsx
 <CurrencyLabel value={12356.1} currencySymbol={'$'} />
 ```
 
-...or nothing
+### ...or nothing
 
 ```jsx
 <CurrencyLabel value={12356.1} />
 ```
 
-Count of fraction digits can be changed
+### Count of fraction digits can be changed
 
 ```jsx
 <CurrencyLabel value={3562001.1} fractionDigits={3} currencySymbol={'₽'} />
 ```
 
-Can hide trailing zeros
+### Can hide trailing zeros
 
 ```jsx
 <CurrencyLabel value={356.167} fractionDigits={5} hideTrailingZeros />

package/cjs/components/CurrencyLabel/index.d.ts

@@ -1 +1 @@
-export * from './CurrencyLabel';
+export * from './CurrencyLabel';

package/cjs/components/DateInput/CalendarIcon.d.ts

@@ -1,3 +1,3 @@
-export declare const CalendarIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
-    size?: number | "small" | "medium" | "large" | undefined;
-}>;
+export declare const CalendarIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
+    size?: number | "small" | "medium" | "large" | undefined;
+}>;

package/cjs/components/DateInput/DateFragmentsView.d.ts

@@ -1,20 +1,21 @@
-import React from 'react';
-import { InternalDateComponentType, InternalDateFragment } from '../../lib/date/types';
-interface DateFragmentViewProps {
-    selected: InternalDateComponentType | null;
-    fragments: InternalDateFragment[];
-    inputMode: boolean;
-    onSelectDateComponent: (type: InternalDateComponentType, e: React.MouseEvent<HTMLSpanElement>) => void;
-}
-export declare class DateFragmentsView extends React.Component<DateFragmentViewProps> {
-    private theme;
-    private rootNode;
-    isFragment: (el: HTMLElement | EventTarget) => boolean;
-    getRootNode: () => HTMLSpanElement | null;
-    render(): React.JSX.Element;
-    private renderMain;
-    private renderSeparator;
-    private renderDateComponent;
-    private rootRef;
-}
-export {};
+import React from 'react';
+import type { InternalDateFragment } from '../../lib/date/types';
+import { InternalDateComponentType } from '../../lib/date/types';
+interface DateFragmentViewProps {
+    selected: InternalDateComponentType | null;
+    fragments: InternalDateFragment[];
+    inputMode: boolean;
+    onSelectDateComponent: (type: InternalDateComponentType, e: React.MouseEvent<HTMLSpanElement>) => void;
+}
+export declare class DateFragmentsView extends React.Component<DateFragmentViewProps> {
+    private theme;
+    private rootNode;
+    isFragment: (el: HTMLElement | EventTarget) => boolean;
+    getRootNode: () => HTMLSpanElement | null;
+    render(): React.JSX.Element;
+    private renderMain;
+    private renderSeparator;
+    private renderDateComponent;
+    private rootRef;
+}
+export {};

package/cjs/components/DateInput/DateFragmentsView.js

@@ -3,6 +3,7 @@ var _globalObject = require("@skbkontur/global-object");
 
 var _MaskCharLowLine = require("../../internal/MaskCharLowLine");
 var _InternalDateValidator = require("../../lib/date/InternalDateValidator");
+
 var _types = require("../../lib/date/types");
 
 var _ThemeContext = require("../../lib/theming/ThemeContext");

package/cjs/components/DateInput/DateFragmentsView.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_MaskCharLowLine","_InternalDateValidator","_types","_ThemeContext","_Emotion","_DateFragmentsView2","DateFragmentsView","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","rootNode","isFragment","el","fragments","from","querySelectorAll","some","fragment","contains","getRootNode","rootRef","_inheritsLoose2","default","_proto","prototype","render","_this2","createElement","ThemeContext","Consumer","theme","renderMain","_cx","_this3","ref","className","cx","styles","root","selected","props","map","index","type","InternalDateComponentType","Separator","renderSeparator","renderDateComponent","_cx2","separatorClassName","mask","delimiterFilled","value","key","_this$props","inputMode","onSelectDateComponent","valueWithPad","getValueMask","valueMask","lengthMask","InternalDateValidator","testParseToNumber","Math","max","toString","handleMouseUp","e","_globalObject$documen","globalObject","document","activeElement","currentTarget","onMouseUp","fill","_","i","MaskCharLowLine","React","Component"],"sources":["DateFragmentsView.tsx"],"sourcesContent":["import React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { MaskCharLowLine } from '../../internal/MaskCharLowLine';\nimport { InternalDateValidator } from '../../lib/date/InternalDateValidator';\nimport { InternalDateComponentType, InternalDateFragment } from '../../lib/date/types';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } from './DateFragmentsView.styles';\n\ninterface DateFragmentViewProps {\n  selected: InternalDateComponentType | null;\n  fragments: InternalDateFragment[];\n  inputMode: boolean;\n  onSelectDateComponent: (type: InternalDateComponentType, e: React.MouseEvent<HTMLSpanElement>) => void;\n}\n\nexport class DateFragmentsView extends React.Component<DateFragmentViewProps> {\n  private theme!: Theme;\n  private rootNode: HTMLSpanElement | null = null;\n\n  public isFragment = (el: HTMLElement | EventTarget): boolean => {\n    if (this.rootNode) {\n      // NOTE: NodeList doesn't support method 'forEach' in IE11\n      const fragments: HTMLSpanElement[] = Array.from(this.rootNode.querySelectorAll('[data-fragment]'));\n      return fragments.some((fragment) => fragment === el || fragment.contains(el as HTMLSpanElement));\n    }\n    return false;\n  };\n\n  public getRootNode = () => this.rootNode;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    return (\n      <span\n        ref={this.rootRef}\n        className={cx({\n          [styles.root()]: true,\n          [styles.selected(this.theme)]: true,\n        })}\n      >\n        {this.props.fragments.map((fragment, index) =>\n          fragment.type === InternalDateComponentType.Separator\n            ? this.renderSeparator(fragment, index)\n            : this.renderDateComponent(fragment, index),\n        )}\n      </span>\n    );\n  }\n\n  private renderSeparator(fragment: InternalDateFragment, index: number): JSX.Element {\n    const separatorClassName = cx({\n      [styles.mask(this.theme)]: true,\n      [styles.delimiterFilled()]: this.props.fragments[index + 1].value !== null,\n    });\n\n    return (\n      <span key={index} className={separatorClassName}>\n        {fragment.value}\n      </span>\n    );\n  }\n\n  private renderDateComponent(fragment: InternalDateFragment, index: number): JSX.Element {\n    const { inputMode, onSelectDateComponent, selected } = this.props;\n    const { type, value, length, valueWithPad } = fragment;\n\n    const getValueMask = () => {\n      if (value === null || (selected === type && inputMode)) {\n        return value;\n      }\n\n      return valueWithPad || value;\n    };\n\n    const valueMask = getValueMask();\n\n    const lengthMask = InternalDateValidator.testParseToNumber(valueMask)\n      ? Math.max(length - valueMask.toString().length, 0)\n      : length;\n\n    const handleMouseUp = (e: React.MouseEvent<HTMLSpanElement>) => {\n      if (globalObject.document?.activeElement?.contains(e.currentTarget)) {\n        onSelectDateComponent(type, e);\n      }\n    };\n\n    return (\n      <span key={index} data-fragment=\"\" onMouseUp={handleMouseUp}>\n        {valueMask}\n        <span data-tid=\"DateFragmentsView__placeholder\" className={styles.mask(this.theme)}>\n          {Array(lengthMask)\n            .fill('')\n            .map((_, i) => (\n              <MaskCharLowLine key={i} />\n            ))}\n        </span>\n      </span>\n    );\n  }\n\n  private rootRef = (el: HTMLSpanElement | null) => {\n    this.rootNode = el;\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_MaskCharLowLine","_InternalDateValidator","_types","_ThemeContext","_Emotion","_DateFragmentsView2","DateFragmentsView","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","rootNode","isFragment","el","fragments","from","querySelectorAll","some","fragment","contains","getRootNode","rootRef","_inheritsLoose2","default","_proto","prototype","render","_this2","createElement","ThemeContext","Consumer","theme","renderMain","_cx","_this3","ref","className","cx","styles","root","selected","props","map","index","type","InternalDateComponentType","Separator","renderSeparator","renderDateComponent","_cx2","separatorClassName","mask","delimiterFilled","value","key","_this$props","inputMode","onSelectDateComponent","valueWithPad","getValueMask","valueMask","lengthMask","InternalDateValidator","testParseToNumber","Math","max","toString","handleMouseUp","e","_globalObject$documen","globalObject","document","activeElement","currentTarget","onMouseUp","fill","_","i","MaskCharLowLine","React","Component"],"sources":["DateFragmentsView.tsx"],"sourcesContent":["import React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { MaskCharLowLine } from '../../internal/MaskCharLowLine';\nimport { InternalDateValidator } from '../../lib/date/InternalDateValidator';\nimport type { InternalDateFragment } from '../../lib/date/types';\nimport { InternalDateComponentType } from '../../lib/date/types';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } from './DateFragmentsView.styles';\n\ninterface DateFragmentViewProps {\n  selected: InternalDateComponentType | null;\n  fragments: InternalDateFragment[];\n  inputMode: boolean;\n  onSelectDateComponent: (type: InternalDateComponentType, e: React.MouseEvent<HTMLSpanElement>) => void;\n}\n\nexport class DateFragmentsView extends React.Component<DateFragmentViewProps> {\n  private theme!: Theme;\n  private rootNode: HTMLSpanElement | null = null;\n\n  public isFragment = (el: HTMLElement | EventTarget): boolean => {\n    if (this.rootNode) {\n      // NOTE: NodeList doesn't support method 'forEach' in IE11\n      const fragments: HTMLSpanElement[] = Array.from(this.rootNode.querySelectorAll('[data-fragment]'));\n      return fragments.some((fragment) => fragment === el || fragment.contains(el as HTMLSpanElement));\n    }\n    return false;\n  };\n\n  public getRootNode = () => this.rootNode;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    return (\n      <span\n        ref={this.rootRef}\n        className={cx({\n          [styles.root()]: true,\n          [styles.selected(this.theme)]: true,\n        })}\n      >\n        {this.props.fragments.map((fragment, index) =>\n          fragment.type === InternalDateComponentType.Separator\n            ? this.renderSeparator(fragment, index)\n            : this.renderDateComponent(fragment, index),\n        )}\n      </span>\n    );\n  }\n\n  private renderSeparator(fragment: InternalDateFragment, index: number): JSX.Element {\n    const separatorClassName = cx({\n      [styles.mask(this.theme)]: true,\n      [styles.delimiterFilled()]: this.props.fragments[index + 1].value !== null,\n    });\n\n    return (\n      <span key={index} className={separatorClassName}>\n        {fragment.value}\n      </span>\n    );\n  }\n\n  private renderDateComponent(fragment: InternalDateFragment, index: number): JSX.Element {\n    const { inputMode, onSelectDateComponent, selected } = this.props;\n    const { type, value, length, valueWithPad } = fragment;\n\n    const getValueMask = () => {\n      if (value === null || (selected === type && inputMode)) {\n        return value;\n      }\n\n      return valueWithPad || value;\n    };\n\n    const valueMask = getValueMask();\n\n    const lengthMask = InternalDateValidator.testParseToNumber(valueMask)\n      ? Math.max(length - valueMask.toString().length, 0)\n      : length;\n\n    const handleMouseUp = (e: React.MouseEvent<HTMLSpanElement>) => {\n      if (globalObject.document?.activeElement?.contains(e.currentTarget)) {\n        onSelectDateComponent(type, e);\n      }\n    };\n\n    return (\n      <span key={index} data-fragment=\"\" onMouseUp={handleMouseUp}>\n        {valueMask}\n        <span data-tid=\"DateFragmentsView__placeholder\" className={styles.mask(this.theme)}>\n          {Array(lengthMask)\n            .fill('')\n            .map((_, i) => (\n              <MaskCharLowLine key={i} />\n            ))}\n        </span>\n      </span>\n    );\n  }\n\n  private rootRef = (el: HTMLSpanElement | null) => {\n    this.rootNode = el;\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/DateInput/DateFragmentsView.styles.d.ts

@@ -1,7 +1,7 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    root(): string;
-    selected(t: Theme): string;
-    mask(t: Theme): string;
-    delimiterFilled(): string;
-};
+import type { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    root(): string;
+    selected(t: Theme): string;
+    mask(t: Theme): string;
+    delimiterFilled(): string;
+};

package/cjs/components/DateInput/DateFragmentsView.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","styles","exports","memoizeStyle","root","css","_taggedTemplateLiteralLoose2","default","selected","t","getSelection","background","color","dateInputComponentSelectedBgColor","dateInputComponentSelectedTextColor","mask","dateInputMaskColor","delimiterFilled"],"sources":["DateFragmentsView.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      cursor: text;\n    `;\n  },\n\n  selected(t: Theme) {\n    const getSelection = (background: string, color: string) =>\n      (background || color) &&\n      `& ::selection {\n      background: ${background};\n      color: ${color};\n    }`;\n\n    return css`\n      cursor: text;\n\n      ${getSelection(t.dateInputComponentSelectedBgColor, t.dateInputComponentSelectedTextColor)}\n    `;\n  },\n\n  mask(t: Theme) {\n    return css`\n      color: ${t.dateInputMaskColor};\n    `;\n  },\n\n  delimiterFilled() {\n    return css`\n      color: inherit;\n    `;\n  },\n});\n"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;;AAGvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAAA,EAAG;IACL,WAAOC,YAAG,EAAAR,eAAA,KAAAA,eAAA,OAAAS,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDC,QAAQ,WAAAA,SAACC,CAAQ,EAAE;IACjB,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAIC,UAAkB,EAAEC,KAAa;QACrD,CAACD,UAAU,IAAIC,KAAK;;QAEND,UAAU;QACfC,KAAK,aACd;;;IAEF,WAAOP,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;IAGNG,YAAY,CAACD,CAAC,CAACI,iCAAiC,EAAEJ,CAAC,CAACK,mCAAmC,CAAC;;EAE9F,CAAC;;EAEDC,IAAI,WAAAA,KAACN,CAAQ,EAAE;IACb,WAAOJ,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;IACCE,CAAC,CAACO,kBAAkB;;EAEjC,CAAC;;EAEDC,eAAe,WAAAA,gBAAA,EAAG;IAChB,WAAOZ,YAAG,EAAAL,gBAAA,KAAAA,gBAAA,OAAAM,4BAAA,CAAAC,OAAA;;;EAGZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","styles","exports","memoizeStyle","root","css","_taggedTemplateLiteralLoose2","default","selected","t","getSelection","background","color","dateInputComponentSelectedBgColor","dateInputComponentSelectedTextColor","mask","dateInputMaskColor","delimiterFilled"],"sources":["DateFragmentsView.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      cursor: text;\n    `;\n  },\n\n  selected(t: Theme) {\n    const getSelection = (background: string, color: string) =>\n      (background || color) &&\n      `& ::selection {\n      background: ${background};\n      color: ${color};\n    }`;\n\n    return css`\n      cursor: text;\n\n      ${getSelection(t.dateInputComponentSelectedBgColor, t.dateInputComponentSelectedTextColor)}\n    `;\n  },\n\n  mask(t: Theme) {\n    return css`\n      color: ${t.dateInputMaskColor};\n    `;\n  },\n\n  delimiterFilled() {\n    return css`\n      color: inherit;\n    `;\n  },\n});\n"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;;AAGvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAAA,EAAG;IACL,WAAOC,YAAG,EAAAR,eAAA,KAAAA,eAAA,OAAAS,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDC,QAAQ,WAAAA,SAACC,CAAQ,EAAE;IACjB,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAIC,UAAkB,EAAEC,KAAa;QACrD,CAACD,UAAU,IAAIC,KAAK;;QAEND,UAAU;QACfC,KAAK,aACd;;;IAEF,WAAOP,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;IAGNG,YAAY,CAACD,CAAC,CAACI,iCAAiC,EAAEJ,CAAC,CAACK,mCAAmC,CAAC;;EAE9F,CAAC;;EAEDC,IAAI,WAAAA,KAACN,CAAQ,EAAE;IACb,WAAOJ,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;IACCE,CAAC,CAACO,kBAAkB;;EAEjC,CAAC;;EAEDC,eAAe,WAAAA,gBAAA,EAAG;IAChB,WAAOZ,YAAG,EAAAL,gBAAA,KAAAA,gBAAA,OAAAM,4BAAA,CAAAC,OAAA;;;EAGZ;AACF,CAAC,CAAC","ignoreList":[]}

package/cjs/components/DateInput/DateInput.d.ts

@@ -1,110 +1,104 @@
-import React, { HTMLAttributes } from 'react';
-import { InternalDateComponentType } from '../../lib/date/types';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { SizeProp } from '../../lib/types/props';
-export interface DateInputState {
-    selected: InternalDateComponentType | null;
-    valueFormatted: string;
-    inputMode: boolean;
-    focused: boolean;
-    dragged: boolean;
-}
-export declare const DateInputDataTids: {
-    readonly icon: "DateInput__icon";
-};
-export interface DateInputProps extends CommonProps, Pick<HTMLAttributes<HTMLElement>, 'id'> {
-    autoFocus?: boolean;
-    value?: string;
-    /**
-     * Состояние валидации при ошибке.
-     */
-    error?: boolean;
-    /**
-     * Состояние валидации при предупреждении.
-     */
-    warning?: boolean;
-    disabled?: boolean;
-    /**
-     * Минимальная дата.
-     * @default '01.01.1900'
-     */
-    minDate?: string;
-    /**
-     * Максимальная дата
-     * @default '31.12.2099'
-     */
-    maxDate?: string;
-    /**
-     * Ширина поля
-     * @default 125
-     */
-    width?: string | number;
-    withIcon?: boolean;
-    /**
-     * Размер поля
-     * @default 'small'
-     */
-    size?: SizeProp;
-    onBlur?: (x0: React.FocusEvent<HTMLElement>) => void;
-    onClick?: (x0: React.MouseEvent<HTMLElement>) => void;
-    onFocus?: (x0: React.FocusEvent<HTMLElement>) => void;
-    /**
-     * Вызывается при изменении `value`
-     *
-     * @param value - строка в формате `dd.mm.yyyy`.
-     */
-    onValueChange?: (value: string) => void;
-    onKeyDown?: (x0: React.KeyboardEvent<HTMLElement>) => void;
-}
-type DefaultProps = Required<Pick<DateInputProps, 'value' | 'minDate' | 'maxDate' | 'size' | 'width'>>;
-export declare class DateInput extends React.Component<DateInputProps, DateInputState> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    static defaultProps: DefaultProps;
-    private getProps;
-    private iDateMediator;
-    private inputLikeText;
-    private dateFragmentsView;
-    private isMouseDown;
-    private isMouseFocus;
-    private ignoringDelimiter;
-    private locale;
-    private blurEvent;
-    private theme;
-    private setRootNode;
-    private conditionalHandler;
-    constructor(props: DateInputProps);
-    componentDidUpdate(prevProps: DateInputProps): void;
-    selectNode: () => void;
-    componentDidMount(): void;
-    blur(): void;
-    focus(): void;
-    blink(): void;
-    render(): React.JSX.Element;
-    private renderMain;
-    private renderIcon;
-    private handleFocus;
-    private resetFocus;
-    private handleBlur;
-    private handleMouseDownCapture;
-    private handleSelectDateComponent;
-    private handleMouseDragStart;
-    private handleMouseDragEnd;
-    private handleKeyDown;
-    private handlePaste;
-    private handleDoubleClick;
-    private inputLikeTextRef;
-    private dateFragmentsViewRef;
-    private selectDateComponent;
-    private updateValue;
-    private updateFromProps;
-    private fullSelection;
-    private pressDelimiter;
-    private emitChange;
-    private clearSelected;
-    private clearOneChar;
-    private shiftDateComponent;
-    private shiftSelection;
-    private inputValue;
-}
-export {};
+import type { AriaAttributes, HTMLAttributes } from 'react';
+import React from 'react';
+import { InternalDateComponentType } from '../../lib/date/types';
+import type { CommonProps } from '../../internal/CommonWrapper';
+import type { SizeProp } from '../../lib/types/props';
+export interface DateInputState {
+    selected: InternalDateComponentType | null;
+    valueFormatted: string;
+    inputMode: boolean;
+    focused: boolean;
+    dragged: boolean;
+}
+export declare const DateInputDataTids: {
+    readonly icon: "DateInput__icon";
+};
+export interface DateInputProps extends CommonProps, Pick<AriaAttributes, 'aria-describedby' | 'aria-label' | 'aria-labelledby'>, Pick<HTMLAttributes<HTMLElement>, 'id'> {
+    /** Устанавливает фокус на контроле после окончания загрузки страницы. */
+    autoFocus?: boolean;
+    /** Устанавливает значение датаинпута. */
+    value?: string;
+    /** Переводит контрол в состояние валидации "ошибка". */
+    error?: boolean;
+    /** Переводит контрол в состояние валидации "предупреждение". */
+    warning?: boolean;
+    /** Делает компонент недоступным. */
+    disabled?: boolean;
+    /** Задает минимальную возможную дату в формате `dd.mm.yyyy`. */
+    minDate?: string;
+    /** Задает максимальную возможную дату в формате `dd.mm.yyyy` */
+    maxDate?: string;
+    /** Задает ширину поля. */
+    width?: string | number;
+    /** Добавляет иконку календаря. */
+    withIcon?: boolean;
+    /** Задает размер поля. */
+    size?: SizeProp;
+    /** Задает функцию, которая вызывается при потере датаинпутом фокуса. */
+    onBlur?: (x0: React.FocusEvent<HTMLElement>) => void;
+    /** Задает функцию, которая вызывается при клике на датаинпут. */
+    onClick?: (x0: React.MouseEvent<HTMLElement>) => void;
+    /** Задает функцию, которая вызывается при получении датаинпутом фокуса. */
+    onFocus?: (x0: React.FocusEvent<HTMLElement>) => void;
+    /** Задает функцию, которая вызывается при изменении value.
+     * @param value - строка в формате `dd.mm.yyyy`. */
+    onValueChange?: (value: string) => void;
+    /** Задает функцию, которая вызывается при нажатии кнопки на клавиатуре. */
+    onKeyDown?: (x0: React.KeyboardEvent<HTMLElement>) => void;
+}
+type DefaultProps = Required<Pick<DateInputProps, 'value' | 'minDate' | 'maxDate' | 'size' | 'width'>>;
+/**
+ * Компонент поля `DateInput` из DatePicker'а помогает выбирать дату с клавиатуры.
+ */
+export declare class DateInput extends React.Component<DateInputProps, DateInputState> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static defaultProps: DefaultProps;
+    private getProps;
+    private iDateMediator;
+    private inputLikeText;
+    private dateFragmentsView;
+    private isMouseDown;
+    private isMouseFocus;
+    private ignoringDelimiter;
+    private locale;
+    private blurEvent;
+    private theme;
+    private setRootNode;
+    private conditionalHandler;
+    private featureFlags;
+    constructor(props: DateInputProps);
+    componentDidUpdate(prevProps: DateInputProps): void;
+    selectNode: () => void;
+    componentDidMount(): void;
+    blur(): void;
+    focus(): void;
+    blink(): void;
+    render(): React.JSX.Element;
+    private renderMain;
+    private renderIcon;
+    private handleFocus;
+    private resetFocus;
+    private handleBlur;
+    private handleMouseDownCapture;
+    private handleSelectDateComponent;
+    private handleMouseDragStart;
+    private handleMouseDragEnd;
+    private handleKeyDown;
+    private handlePaste;
+    private handleDoubleClick;
+    private inputLikeTextRef;
+    private dateFragmentsViewRef;
+    private selectDateComponent;
+    private updateValue;
+    private updateFromProps;
+    private fullSelection;
+    private pressDelimiter;
+    private emitChange;
+    private clearSelected;
+    private clearOneChar;
+    private shiftDateComponent;
+    private shiftSelection;
+    private inputValue;
+}
+export {};

package/cjs/components/DateInput/DateInput.js

@@ -1,17 +1,23 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.DateInputDataTids = exports.DateInput = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.DateInputDataTids = exports.DateInput = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
+var _react = _interopRequireDefault(require("react"));
 var _reactDom = _interopRequireDefault(require("react-dom"));
 var _globalObject = require("@skbkontur/global-object");
 
+
+var _featureFlagsContext = require("../../lib/featureFlagsContext");
 var _ConditionalHandler = require("../../lib/ConditionalHandler");
 var _constants = require("../../lib/date/constants");
 var _types = require("../../lib/date/types");
 
+
 var _locale = require("../DatePicker/locale");
 var _InputLikeText = require("../../internal/InputLikeText");
 var _decorators = require("../../lib/locale/decorators");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
+
 var _CommonWrapper = require("../../internal/CommonWrapper");
 var _Emotion = require("../../lib/theming/Emotion");
+
 var _rootNode = require("../../lib/rootNode");
 var _createPropsGetter = require("../../lib/createPropsGetter");
 
@@ -33,7 +39,10 @@ var _InternalDateMediator = require("./helpers/InternalDateMediator");var _dec,
 
 var DateInputDataTids = exports.DateInputDataTids = {
   icon: 'DateInput__icon'
-};var
+};
+
+
+
 
 
 
@@ -82,6 +91,12 @@ var DateInputDataTids = exports.DateInputDataTids = {
 
 
 
+
+
+
+/**
+ * Компонент поля `DateInput` из DatePicker'а помогает выбирать дату с клавиатуры.
+ */var
 
 
 DateInput = exports.DateInput = (_dec = (0, _decorators.locale)('DatePicker', _locale.DatePickerLocaleHelper), (0, _rootNode.rootNode)(_class = _dec(_class = (_DateInput = /*#__PURE__*/function (_React$Component) {
@@ -120,6 +135,8 @@ DateInput = exports.DateInput = (_dec = (0, _decorators.locale)('DatePicker', _l
 
 
 
+
+
 
 
 
@@ -234,6 +251,16 @@ DateInput = exports.DateInput = (_dec = (0, _decorators.locale)('DatePicker', _l
 
 
 
+
+
+
+
+
+
+
+
+
+
 
 
 
@@ -461,10 +488,14 @@ DateInput = exports.DateInput = (_dec = (0, _decorators.locale)('DatePicker', _l
         _this.iDateMediator.clear(_types.InternalDateComponentType.All);
         _this.setState({ selected: selected });
       }
+
       var _this$iDateMediator$i = _this.iDateMediator.inputKey(event.key, selected, _this.state.inputMode),inputMode = _this$iDateMediator$i.inputMode,changed = _this$iDateMediator$i.changed;
-      if (!changed) {
-        _this.blink();
-        return;
+
+      if (!_this.featureFlags.dateInputFixSameNuberTypingOnRefocus) {
+        if (!changed) {
+          _this.blink();
+          return;
+        }
       }
 
       if (!inputMode) {
@@ -472,4 +503,4 @@ DateInput = exports.DateInput = (_dec = (0, _decorators.locale)('DatePicker', _l
         _this.shiftSelection(1);
       }
       _this.updateValue({ inputMode: inputMode });
-    };_this.state = { valueFormatted: '', selected: null, inputMode: false, focused: false, dragged: false };return _this;}(0, _inheritsLoose2.default)(DateInput, _React$Component);var _proto = DateInput.prototype;_proto.componentDidUpdate = function componentDidUpdate(prevProps) {var _this$getProps = this.getProps(),value = _this$getProps.value,minDate = _this$getProps.minDate,maxDate = _this$getProps.maxDate;if (prevProps.value !== value || prevProps.minDate !== minDate || prevProps.maxDate !== maxDate || this.iDateMediator.isChangedLocale(this.locale)) {this.updateFromProps(false);}this.selectNode();};_proto.componentDidMount = function componentDidMount() {this.updateFromProps(false);if (this.props.autoFocus) {this.focus();}};_proto.blur = function blur() {if (this.inputLikeText) {this.inputLikeText.blur();}};_proto.focus = function focus() {if (this.inputLikeText) {this.inputLikeText.focus();}};_proto.blink = function blink() {if (this.inputLikeText) {this.inputLikeText.blink();}};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _cx2;var _this$state2 = this.state,focused = _this$state2.focused,selected = _this$state2.selected,inputMode = _this$state2.inputMode,valueFormatted = _this$state2.valueFormatted;var showValue = Boolean(focused || valueFormatted);var _this$getProps2 = this.getProps(),width = _this$getProps2.width,size = _this$getProps2.size;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement(_FocusControlWrapper.FocusControlWrapper, { onBlurWhenDisabled: this.resetFocus }, /*#__PURE__*/_react.default.createElement(_InputLikeText.InputLikeText, { id: this.props.id, width: width, ref: this.inputLikeTextRef, size: size, disabled: this.props.disabled, error: this.props.error, warning: this.props.warning, onBlur: this.handleBlur, onFocus: this.handleFocus, onClick: this.props.onClick, onKeyDown: this.handleKeyDown, onMouseDownCapture: this.handleMouseDownCapture, onPaste: this.handlePaste, rightIcon: this.renderIcon(), onDoubleClickCapture: this.handleDoubleClick, onMouseDragStart: this.handleMouseDragStart, onMouseDragEnd: this.handleMouseDragEnd, value: this.iDateMediator.getInternalString(), inputMode: 'numeric', takeContentWidth: true }, /*#__PURE__*/_react.default.createElement("span", { className: (0, _Emotion.cx)(_DateInput2.styles.value(), (_cx2 = {}, _cx2[_DateInput2.styles.valueVisible()] = showValue, _cx2)) }, /*#__PURE__*/_react.default.createElement(_DateFragmentsView.DateFragmentsView, { ref: this.dateFragmentsViewRef, fragments: this.iDateMediator.getFragments(), onSelectDateComponent: this.handleSelectDateComponent, selected: selected, inputMode: inputMode })))));};return DateInput;}(_react.default.Component), _DateInput.__KONTUR_REACT_UI__ = 'DateInput', _DateInput.displayName = 'DateInput', _DateInput.defaultProps = { value: '', minDate: _constants.MIN_FULLDATE, maxDate: _constants.MAX_FULLDATE, size: 'small', width: 125 }, _DateInput)) || _class) || _class);
+    };_this.state = { valueFormatted: '', selected: null, inputMode: false, focused: false, dragged: false };return _this;}(0, _inheritsLoose2.default)(DateInput, _React$Component);var _proto = DateInput.prototype;_proto.componentDidUpdate = function componentDidUpdate(prevProps) {var _this$getProps = this.getProps(),value = _this$getProps.value,minDate = _this$getProps.minDate,maxDate = _this$getProps.maxDate;if (prevProps.value !== value || prevProps.minDate !== minDate || prevProps.maxDate !== maxDate || this.iDateMediator.isChangedLocale(this.locale)) {this.updateFromProps(false);}!this.props.disabled && this.selectNode();};_proto.componentDidMount = function componentDidMount() {this.updateFromProps(false);if (this.props.autoFocus) {this.focus();}};_proto.blur = function blur() {if (this.inputLikeText) {this.inputLikeText.blur();}};_proto.focus = function focus() {if (this.inputLikeText) {this.inputLikeText.focus();}};_proto.blink = function blink() {if (this.inputLikeText) {this.inputLikeText.blink();}};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_featureFlagsContext.ReactUIFeatureFlagsContext.Consumer, null, function (flags) {_this2.featureFlags = (0, _featureFlagsContext.getFullReactUIFlagsContext)(flags);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});});};_proto.renderMain = function renderMain() {var _cx2;var _this$state2 = this.state,focused = _this$state2.focused,selected = _this$state2.selected,inputMode = _this$state2.inputMode,valueFormatted = _this$state2.valueFormatted;var showValue = Boolean(focused || valueFormatted);var _this$getProps2 = this.getProps(),width = _this$getProps2.width,size = _this$getProps2.size;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement(_FocusControlWrapper.FocusControlWrapper, { onBlurWhenDisabled: this.resetFocus }, /*#__PURE__*/_react.default.createElement(_InputLikeText.InputLikeText, { id: this.props.id, width: width, ref: this.inputLikeTextRef, size: size, disabled: this.props.disabled, error: this.props.error, warning: this.props.warning, onBlur: this.handleBlur, onFocus: this.handleFocus, onClick: this.props.onClick, onKeyDown: this.handleKeyDown, onMouseDownCapture: this.handleMouseDownCapture, onPaste: this.handlePaste, rightIcon: this.renderIcon(), onDoubleClickCapture: this.handleDoubleClick, onMouseDragStart: this.handleMouseDragStart, onMouseDragEnd: this.handleMouseDragEnd, value: this.iDateMediator.getInternalString(), inputMode: 'numeric', takeContentWidth: true, "aria-describedby": this.props['aria-describedby'], "aria-label": this.props['aria-label'], "aria-labelledby": this.props['aria-labelledby'] }, /*#__PURE__*/_react.default.createElement("span", { className: (0, _Emotion.cx)(_DateInput2.styles.value(), (_cx2 = {}, _cx2[_DateInput2.styles.valueVisible()] = showValue, _cx2)) }, /*#__PURE__*/_react.default.createElement(_DateFragmentsView.DateFragmentsView, { ref: this.dateFragmentsViewRef, fragments: this.iDateMediator.getFragments(), onSelectDateComponent: this.handleSelectDateComponent, selected: selected, inputMode: inputMode })))));};return DateInput;}(_react.default.Component), _DateInput.__KONTUR_REACT_UI__ = 'DateInput', _DateInput.displayName = 'DateInput', _DateInput.defaultProps = { value: '', minDate: _constants.MIN_FULLDATE, maxDate: _constants.MAX_FULLDATE, size: 'small', width: 125 }, _DateInput)) || _class) || _class);