@skbkontur/react-ui 3.9.3-popup-twitch → 3.9.3-sidepagefix

package/cjs/components/CurrencyInput/CurrencyInput.md

@@ -1,24 +1,24 @@
-```jsx harmony
-const [value, setValue] = React.useState();
-
-<CurrencyInput value={value} fractionDigits={3} onValueChange={setValue} />
-```
-
-`fractionDigits={15}`
-
-```jsx harmony
-const [value, setValue] = React.useState();
-
-<CurrencyInput value={value} fractionDigits={15} onValueChange={setValue} />
-```
-
----
-
-### <a name="/CurrencyInput?id=why15" href="#/CurrencyInput?id=why15">Почему 15?</a>
-
-Максимальное безопасное целочисленное значение - `9007199254740991` (16 цифр).
-Убрав один разряд, мы получим "новое" максимальное безопасное значение - **`999999999999999` (15 цифр)**.
-
-При этом десятичный резделитель может находиться в любом месте. Если целая часть равна `0`, то она не учитывается.
-
-_Детали можно почитать здесь - <a href="https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Number/MAX_SAFE_INTEGER">MDN web docs</a>_
+```jsx harmony
+const [value, setValue] = React.useState();
+
+<CurrencyInput value={value} fractionDigits={3} onValueChange={setValue} />
+```
+
+`fractionDigits={15}`
+
+```jsx harmony
+const [value, setValue] = React.useState();
+
+<CurrencyInput value={value} fractionDigits={15} onValueChange={setValue} />
+```
+
+---
+
+### <a name="/CurrencyInput?id=why15" href="#/CurrencyInput?id=why15">Почему 15?</a>
+
+Максимальное безопасное целочисленное значение - `9007199254740991` (16 цифр).
+Убрав один разряд, мы получим "новое" максимальное безопасное значение - **`999999999999999` (15 цифр)**.
+
+При этом десятичный резделитель может находиться в любом месте. Если целая часть равна `0`, то она не учитывается.
+
+_Детали можно почитать здесь - <a href="https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Number/MAX_SAFE_INTEGER">MDN web docs</a>_

package/cjs/components/CurrencyInput/CurrencyInputHelper.d.ts

@@ -1,20 +1,20 @@
-import { Nullable } from '../../typings/utility-types';
-import { Selection } from './SelectionHelper';
-export interface DecimalOptions {
-    integerDigits?: Nullable<number>;
-    fractionDigits?: Nullable<number>;
-    unsigned?: boolean;
-}
-export declare class CurrencyInputHelper {
-    static moveCursor(value: string, selection: Selection, step: number): number;
-    static extendSelection(value: string, selection: Selection, step: number): Selection;
-    static normalizeSelection(value: string, selection: Selection): Selection;
-    static safeInsert(value: string, start: number, end: number, input: string, options: DecimalOptions): {
-        value: string;
-        position: number;
-    } | null;
-    static insert(value: string, start: number, end: number, input: string): {
-        value: string;
-        position: number;
-    };
-}
+import { Nullable } from '../../typings/utility-types';
+import { Selection } from './SelectionHelper';
+export interface DecimalOptions {
+    integerDigits?: Nullable<number>;
+    fractionDigits?: Nullable<number>;
+    unsigned?: boolean;
+}
+export declare class CurrencyInputHelper {
+    static moveCursor(value: string, selection: Selection, step: number): number;
+    static extendSelection(value: string, selection: Selection, step: number): Selection;
+    static normalizeSelection(value: string, selection: Selection): Selection;
+    static safeInsert(value: string, start: number, end: number, input: string, options: DecimalOptions): {
+        value: string;
+        position: number;
+    } | null;
+    static insert(value: string, start: number, end: number, input: string): {
+        value: string;
+        position: number;
+    };
+}

package/cjs/components/CurrencyInput/CurrencyInputKeyboardActions.d.ts

@@ -1,18 +1,18 @@
-/// <reference types="react" />
-export declare const CURRENCY_INPUT_ACTIONS: {
-    Unknown: number;
-    Ignore: number;
-    MoveCursorLeft: number;
-    MoveCursorRight: number;
-    Home: number;
-    End: number;
-    ExtendSelectionLeft: number;
-    ExtendSelectionRight: number;
-    FullSelection: number;
-    ExtendSelectionToStart: number;
-    ExtendSelectionToEnd: number;
-    Backspace: number;
-    Delete: number;
-    Submit: number;
-};
-export declare const extractAction: (x0: import("react").KeyboardEvent<HTMLElement>) => unknown;
+/// <reference types="react" />
+export declare const CURRENCY_INPUT_ACTIONS: {
+    Unknown: number;
+    Ignore: number;
+    MoveCursorLeft: number;
+    MoveCursorRight: number;
+    Home: number;
+    End: number;
+    ExtendSelectionLeft: number;
+    ExtendSelectionRight: number;
+    FullSelection: number;
+    ExtendSelectionToStart: number;
+    ExtendSelectionToEnd: number;
+    Backspace: number;
+    Delete: number;
+    Submit: number;
+};
+export declare const extractAction: (x0: import("react").KeyboardEvent<HTMLElement>) => unknown;

package/cjs/components/CurrencyInput/CursorHelper.d.ts

@@ -1,10 +1,10 @@
-import { Selection } from './SelectionHelper';
-export declare type CursorMap = number[];
-export declare class CursorHelper {
-    static normalizePosition(map: CursorMap, position: number): number;
-    static calculatePosition(map: CursorMap, position: number, step: number): number;
-    static extendSelection(map: CursorMap, selection: Selection, step: number): Selection;
-    static normalizeSelection(map: CursorMap, selection: Selection): Selection;
-    static toRawPosition(map: CursorMap, formattedPosition: number): number;
-    static toFormattedPosition(map: CursorMap, rawPosition: number): number;
-}
+import { Selection } from './SelectionHelper';
+export declare type CursorMap = number[];
+export declare class CursorHelper {
+    static normalizePosition(map: CursorMap, position: number): number;
+    static calculatePosition(map: CursorMap, position: number, step: number): number;
+    static extendSelection(map: CursorMap, selection: Selection, step: number): Selection;
+    static normalizeSelection(map: CursorMap, selection: Selection): Selection;
+    static toRawPosition(map: CursorMap, formattedPosition: number): number;
+    static toFormattedPosition(map: CursorMap, rawPosition: number): number;
+}

package/cjs/components/CurrencyInput/SelectionHelper.d.ts

@@ -1,11 +1,11 @@
-export interface Selection {
-    start: number;
-    end: number;
-    direction: SelectionDirection;
-}
-export declare type SelectionDirection = 'forward' | 'backward' | 'none';
-export declare class SelectionHelper {
-    static fromPosition: (position: number) => Selection;
-    static backward: (start: number, end: number) => Selection;
-    static forward: (start: number, end: number) => Selection;
-}
+export interface Selection {
+    start: number;
+    end: number;
+    direction: SelectionDirection;
+}
+export declare type SelectionDirection = 'forward' | 'backward' | 'none';
+export declare class SelectionHelper {
+    static fromPosition: (position: number) => Selection;
+    static backward: (start: number, end: number) => Selection;
+    static forward: (start: number, end: number) => Selection;
+}

package/cjs/components/CurrencyInput/constants.d.ts

@@ -1,2 +1,2 @@
-export declare const MAX_SAFE_DIGITS = 15;
-export declare const MAX_ALLOWED_CHARS: number;
+export declare const MAX_SAFE_DIGITS = 15;
+export declare const MAX_ALLOWED_CHARS: number;

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

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

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

@@ -1,24 +1,24 @@
-import React from 'react';
-import { CommonProps } from '../../internal/CommonWrapper';
-export interface CurrencyLabelProps extends CommonProps {
-    /**
-     * Минимальное количество отображаемых знаков после запятой
-     * @default 2
-     */
-    fractionDigits: number;
-    value: number;
-    currencySymbol?: React.ReactNode;
-}
-export declare const defaultProps: {
-    fractionDigits: number;
-};
-export declare const CurrencyLabel: {
-    (props: CurrencyLabelProps): JSX.Element;
-    __KONTUR_REACT_UI__: string;
-    defaultProps: {
-        fractionDigits: number;
-    };
-    propTypes: {
-        fractionDigits: (props: CurrencyLabelProps & typeof defaultProps) => Error | null;
-    };
-};
+import React from 'react';
+import { CommonProps } from '../../internal/CommonWrapper';
+export interface CurrencyLabelProps extends CommonProps {
+    /**
+     * Минимальное количество отображаемых знаков после запятой
+     * @default 2
+     */
+    fractionDigits: number;
+    value: number;
+    currencySymbol?: React.ReactNode;
+}
+export declare const defaultProps: {
+    fractionDigits: number;
+};
+export declare const CurrencyLabel: {
+    (props: CurrencyLabelProps): JSX.Element;
+    __KONTUR_REACT_UI__: string;
+    defaultProps: {
+        fractionDigits: number;
+    };
+    propTypes: {
+        fractionDigits: (props: CurrencyLabelProps & typeof defaultProps) => Error | null;
+    };
+};

package/cjs/components/CurrencyLabel/CurrencyLabel.md

@@ -1,23 +1,23 @@
-To render rubles
-
-```jsx
-<CurrencyLabel value={12356.1} currencySymbol={'₽'} />
-```
-
-...or dollars
-
-```jsx
-<CurrencyLabel value={12356.1} currencySymbol={'$'} />
-```
-
-...or nothing
-
-```jsx
-<CurrencyLabel value={12356.1} />
-```
-
-Count of fraction digits can be changed
-
-```jsx
-<CurrencyLabel value={3562001.1} fractionDigits={3} currencySymbol={'₽'} />
-```
+To render rubles
+
+```jsx
+<CurrencyLabel value={12356.1} currencySymbol={'₽'} />
+```
+
+...or dollars
+
+```jsx
+<CurrencyLabel value={12356.1} currencySymbol={'$'} />
+```
+
+...or nothing
+
+```jsx
+<CurrencyLabel value={12356.1} />
+```
+
+Count of fraction digits can be changed
+
+```jsx
+<CurrencyLabel value={3562001.1} fractionDigits={3} currencySymbol={'₽'} />
+```

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

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

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

@@ -1,20 +1,20 @@
-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(): JSX.Element;
-    private renderMain;
-    private renderSeparator;
-    private renderDateComponent;
-    private rootRef;
-}
-export {};
+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(): JSX.Element;
+    private renderMain;
+    private renderSeparator;
+    private renderDateComponent;
+    private rootRef;
+}
+export {};

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

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

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

@@ -1,106 +1,106 @@
-import React from 'react';
-import { InternalDateComponentType } from '../../lib/date/types';
-import { CommonProps } from '../../internal/CommonWrapper';
-export interface DateInputState {
-    selected: InternalDateComponentType | null;
-    valueFormatted: string;
-    inputMode: boolean;
-    focused: boolean;
-    dragged: boolean;
-}
-export interface DateInputProps extends CommonProps {
-    autoFocus?: boolean;
-    value: string;
-    /**
-     * Cостояние валидации при ошибке.
-     */
-    error?: boolean;
-    /**
-     * Cостояние валидации при предупреждении.
-     */
-    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: 'small' | 'large' | 'medium';
-    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;
-}
-export declare class DateInput extends React.Component<DateInputProps, DateInputState> {
-    static __KONTUR_REACT_UI__: string;
-    static defaultProps: {
-        value: string;
-        minDate: string;
-        maxDate: string;
-        size: string;
-        width: number;
-    };
-    private iDateMediator;
-    private inputLikeText;
-    private dateFragmentsView;
-    private isMouseDown;
-    private isMouseFocus;
-    private ignoringDelimiter;
-    private locale;
-    private blurEvent;
-    private theme;
-    private conditionalHandler;
-    constructor(props: DateInputProps);
-    componentDidUpdate(prevProps: DateInputProps, prevState: DateInputState): void;
-    selectNode: () => void;
-    componentDidMount(): void;
-    blur(): void;
-    focus(): void;
-    blink(): void;
-    render(): JSX.Element;
-    private renderMain;
-    private renderIcon;
-    private handleFocus;
-    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;
-}
+import React from 'react';
+import { InternalDateComponentType } from '../../lib/date/types';
+import { CommonProps } from '../../internal/CommonWrapper';
+export interface DateInputState {
+    selected: InternalDateComponentType | null;
+    valueFormatted: string;
+    inputMode: boolean;
+    focused: boolean;
+    dragged: boolean;
+}
+export interface DateInputProps extends CommonProps {
+    autoFocus?: boolean;
+    value: string;
+    /**
+     * Cостояние валидации при ошибке.
+     */
+    error?: boolean;
+    /**
+     * Cостояние валидации при предупреждении.
+     */
+    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: 'small' | 'large' | 'medium';
+    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;
+}
+export declare class DateInput extends React.Component<DateInputProps, DateInputState> {
+    static __KONTUR_REACT_UI__: string;
+    static defaultProps: {
+        value: string;
+        minDate: string;
+        maxDate: string;
+        size: string;
+        width: number;
+    };
+    private iDateMediator;
+    private inputLikeText;
+    private dateFragmentsView;
+    private isMouseDown;
+    private isMouseFocus;
+    private ignoringDelimiter;
+    private locale;
+    private blurEvent;
+    private theme;
+    private conditionalHandler;
+    constructor(props: DateInputProps);
+    componentDidUpdate(prevProps: DateInputProps, prevState: DateInputState): void;
+    selectNode: () => void;
+    componentDidMount(): void;
+    blur(): void;
+    focus(): void;
+    blink(): void;
+    render(): JSX.Element;
+    private renderMain;
+    private renderIcon;
+    private handleFocus;
+    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;
+}