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

package/components/CurrencyInput/CurrencyHelper.d.ts

@@ -1,35 +1,35 @@
-import { Nullable } from '../../typings/utility-types';
-import { DecimalOptions } from './CurrencyInputHelper';
-import { CursorMap } from './CursorHelper';
-export interface DecimalFormattingOptions {
-    fractionDigits?: Nullable<number>;
-    hideTrailingZeros?: boolean;
-    thousandsDelimiter?: string;
-    minusSign?: string;
-}
-declare type DecimalFormattingOptionsInternal = Required<DecimalFormattingOptions>;
-export interface FormattingInfo {
-    raw: string;
-    formatted: string;
-    cursorMap: CursorMap;
-}
-export declare class CurrencyHelper {
-    static defaultOptions: DecimalFormattingOptionsInternal;
-    static getOptions(options?: Nullable<DecimalFormattingOptions>): DecimalFormattingOptionsInternal;
-    static getInfo(value: string, options?: Nullable<DecimalFormattingOptions>): FormattingInfo;
-    static getCursorMap(formatted: string, formattingOptions?: Nullable<DecimalFormattingOptions>): CursorMap;
-    static format(value: Nullable<number>, options?: Nullable<DecimalFormattingOptions>): string;
-    static parse(value: string): Nullable<number>;
-    static unformatString(value: string): string;
-    static formatForClipboard(value: string): string;
-    static formatString(value: string, formattingOptions?: Nullable<DecimalFormattingOptions>): string;
-    static isValidString(value: string, options: DecimalOptions): boolean;
-    static extractValid(value: string, options: DecimalOptions): string;
-    static destructString(value: string): {
-        sign: string;
-        integer: string;
-        delimiter: string;
-        fraction: string;
-    } | null;
-}
-export {};
+import { Nullable } from '../../typings/utility-types';
+import { DecimalOptions } from './CurrencyInputHelper';
+import { CursorMap } from './CursorHelper';
+export interface DecimalFormattingOptions {
+    fractionDigits?: Nullable<number>;
+    hideTrailingZeros?: boolean;
+    thousandsDelimiter?: string;
+    minusSign?: string;
+}
+declare type DecimalFormattingOptionsInternal = Required<DecimalFormattingOptions>;
+export interface FormattingInfo {
+    raw: string;
+    formatted: string;
+    cursorMap: CursorMap;
+}
+export declare class CurrencyHelper {
+    static defaultOptions: DecimalFormattingOptionsInternal;
+    static getOptions(options?: Nullable<DecimalFormattingOptions>): DecimalFormattingOptionsInternal;
+    static getInfo(value: string, options?: Nullable<DecimalFormattingOptions>): FormattingInfo;
+    static getCursorMap(formatted: string, formattingOptions?: Nullable<DecimalFormattingOptions>): CursorMap;
+    static format(value: Nullable<number>, options?: Nullable<DecimalFormattingOptions>): string;
+    static parse(value: string): Nullable<number>;
+    static unformatString(value: string): string;
+    static formatForClipboard(value: string): string;
+    static formatString(value: string, formattingOptions?: Nullable<DecimalFormattingOptions>): string;
+    static isValidString(value: string, options: DecimalOptions): boolean;
+    static extractValid(value: string, options: DecimalOptions): string;
+    static destructString(value: string): {
+        sign: string;
+        integer: string;
+        delimiter: string;
+        fraction: string;
+    } | null;
+}
+export {};

package/components/CurrencyInput/CurrencyInput.d.ts

@@ -1,106 +1,106 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { InputProps } from '../Input';
-import { Nullable, Override } from '../../typings/utility-types';
-import { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';
-import { Selection } from './SelectionHelper';
-export interface CurrencyInputProps extends CommonProps, Override<InputProps, {
-    /** Значение */
-    value: Nullable<number>;
-    /** Убрать лишние нули после запятой */
-    hideTrailingZeros: boolean;
-    /** Кол-во цифр после зяпятой */
-    fractionDigits?: Nullable<number>;
-    /** Отрицательные значения */
-    signed?: boolean;
-    /**
-     * Допустимое кол-во цифр целой части.
-     * Если передан **0**, или `fractionDigits=15`, то и в целой части допускается только **0**.
-     */
-    integerDigits?: Nullable<number>;
-    /** Вызывается при изменении `value` */
-    onValueChange: (value: Nullable<number>) => void;
-    /** onSubmit */
-    onSubmit?: () => void;
-}> {
-}
-export interface CurrencyInputState {
-    formatted: string;
-    selection: Selection;
-    focused: boolean;
-}
-/**
- * Поле для денежных сумм (и других числовых значений).
- * Принимает любые свойства `Input`.
- *
- * Максимальная длина числа - **15 цифр** (с десятичным разделителем в любом месте).
- * <br/>
- * Если `fractionDigits=15`, то в целой части допускается **0**.
- */
-export declare class CurrencyInput extends React.Component<CurrencyInputProps, CurrencyInputState> {
-    static __KONTUR_REACT_UI__: string;
-    static propTypes: {
-        align: PropTypes.Requireable<string>;
-        autoFocus: PropTypes.Requireable<boolean>;
-        borderless: PropTypes.Requireable<boolean>;
-        disabled: PropTypes.Requireable<boolean>;
-        error: PropTypes.Requireable<boolean>;
-        fractionDigits: PropTypes.Requireable<number>;
-        hideTrailingZeros: PropTypes.Requireable<boolean>;
-        leftIcon: PropTypes.Requireable<PropTypes.ReactElementLike>;
-        placeholder: PropTypes.Requireable<string>;
-        signed: PropTypes.Requireable<boolean>;
-        size: PropTypes.Requireable<string>;
-        value: PropTypes.Requireable<number>;
-        warning: PropTypes.Requireable<boolean>;
-        width: PropTypes.Requireable<string | number>;
-        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
-        onValueChange: PropTypes.Validator<(...args: any[]) => any>;
-        onFocus: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseOver: PropTypes.Requireable<(...args: any[]) => any>;
-        onSubmit: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    static defaultProps: {
-        align: string;
-        fractionDigits: number;
-        hideTrailingZeros: boolean;
-        value: null;
-        inputMode: string;
-    };
-    state: CurrencyInputState;
-    private input;
-    private tempSelectionForOnChange;
-    componentDidMount(): void;
-    UNSAFE_componentWillReceiveProps(nextProps: CurrencyInputProps): void;
-    componentDidUpdate(prevProps: Readonly<CurrencyInputProps>, prevState: Readonly<CurrencyInputState>): void;
-    render(): JSX.Element;
-    renderMain: (props: CommonWrapperRestProps<CurrencyInputProps>) => JSX.Element;
-    /**
-     * @public
-     */
-    focus: () => void;
-    /**
-     * @public
-     */
-    blur: () => void;
-    private getState;
-    private setSelectionFromEvent;
-    private readonly debouncedSetSelectionFromEvent;
-    private handleMouseUp;
-    private handleKeyDown;
-    private scrollInput;
-    private getSelection;
-    private moveCursor;
-    private extendSelection;
-    private inputValue;
-    private getOnChangeDelta;
-    private handleValueChange;
-    private handlePaste;
-    private handleCopy;
-    private handleCut;
-    private handleFocus;
-    private handleBlur;
-    private refInput;
-}
+import React from 'react';
+import PropTypes from 'prop-types';
+import { InputProps } from '../Input';
+import { Nullable, Override } from '../../typings/utility-types';
+import { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';
+import { Selection } from './SelectionHelper';
+export interface CurrencyInputProps extends CommonProps, Override<InputProps, {
+    /** Значение */
+    value: Nullable<number>;
+    /** Убрать лишние нули после запятой */
+    hideTrailingZeros: boolean;
+    /** Кол-во цифр после зяпятой */
+    fractionDigits?: Nullable<number>;
+    /** Отрицательные значения */
+    signed?: boolean;
+    /**
+     * Допустимое кол-во цифр целой части.
+     * Если передан **0**, или `fractionDigits=15`, то и в целой части допускается только **0**.
+     */
+    integerDigits?: Nullable<number>;
+    /** Вызывается при изменении `value` */
+    onValueChange: (value: Nullable<number>) => void;
+    /** onSubmit */
+    onSubmit?: () => void;
+}> {
+}
+export interface CurrencyInputState {
+    formatted: string;
+    selection: Selection;
+    focused: boolean;
+}
+/**
+ * Поле для денежных сумм (и других числовых значений).
+ * Принимает любые свойства `Input`.
+ *
+ * Максимальная длина числа - **15 цифр** (с десятичным разделителем в любом месте).
+ * <br/>
+ * Если `fractionDigits=15`, то в целой части допускается **0**.
+ */
+export declare class CurrencyInput extends React.Component<CurrencyInputProps, CurrencyInputState> {
+    static __KONTUR_REACT_UI__: string;
+    static propTypes: {
+        align: PropTypes.Requireable<string>;
+        autoFocus: PropTypes.Requireable<boolean>;
+        borderless: PropTypes.Requireable<boolean>;
+        disabled: PropTypes.Requireable<boolean>;
+        error: PropTypes.Requireable<boolean>;
+        fractionDigits: PropTypes.Requireable<number>;
+        hideTrailingZeros: PropTypes.Requireable<boolean>;
+        leftIcon: PropTypes.Requireable<PropTypes.ReactElementLike>;
+        placeholder: PropTypes.Requireable<string>;
+        signed: PropTypes.Requireable<boolean>;
+        size: PropTypes.Requireable<string>;
+        value: PropTypes.Requireable<number>;
+        warning: PropTypes.Requireable<boolean>;
+        width: PropTypes.Requireable<string | number>;
+        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+        onValueChange: PropTypes.Validator<(...args: any[]) => any>;
+        onFocus: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseOver: PropTypes.Requireable<(...args: any[]) => any>;
+        onSubmit: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    static defaultProps: {
+        align: string;
+        fractionDigits: number;
+        hideTrailingZeros: boolean;
+        value: null;
+        inputMode: string;
+    };
+    state: CurrencyInputState;
+    private input;
+    private tempSelectionForOnChange;
+    componentDidMount(): void;
+    UNSAFE_componentWillReceiveProps(nextProps: CurrencyInputProps): void;
+    componentDidUpdate(prevProps: Readonly<CurrencyInputProps>, prevState: Readonly<CurrencyInputState>): void;
+    render(): JSX.Element;
+    renderMain: (props: CommonWrapperRestProps<CurrencyInputProps>) => JSX.Element;
+    /**
+     * @public
+     */
+    focus: () => void;
+    /**
+     * @public
+     */
+    blur: () => void;
+    private getState;
+    private setSelectionFromEvent;
+    private readonly debouncedSetSelectionFromEvent;
+    private handleMouseUp;
+    private handleKeyDown;
+    private scrollInput;
+    private getSelection;
+    private moveCursor;
+    private extendSelection;
+    private inputValue;
+    private getOnChangeDelta;
+    private handleValueChange;
+    private handlePaste;
+    private handleCopy;
+    private handleCut;
+    private handleFocus;
+    private handleBlur;
+    private refInput;
+}

package/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/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/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/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/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/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/components/CurrencyInput/index.d.ts

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

package/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/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/components/CurrencyLabel/index.d.ts

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

package/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/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;
+};