@skbkontur/react-ui 4.11.0 → 4.12.0-theme2022.6

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;
-}
-export declare const CurrencyInputDataTids: {
-    readonly root: "CurrencyInput__root";
-};
-declare type DefaultProps = Required<Pick<CurrencyInputProps, 'align' | 'fractionDigits' | 'hideTrailingZeros' | 'value' | 'inputMode'>>;
-/**
- * Поле для денежных сумм (и других числовых значений).
- * Принимает любые свойства `Input`.
- *
- * Максимальная длина числа - **15 цифр** (с десятичным разделителем в любом месте).
- * <br/>
- * Если `fractionDigits=15`, то в целой части допускается **0**.
- */
-export declare class CurrencyInput extends React.PureComponent<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: (props: CurrencyInputProps) => void;
-        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: DefaultProps;
-    private getProps;
-    state: CurrencyInputState;
-    private input;
-    private tempSelectionForOnChange;
-    private setRootNode;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: CurrencyInputProps, prevState: 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;
-}
-export {};
+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;
+}
+export declare const CurrencyInputDataTids: {
+    readonly root: "CurrencyInput__root";
+};
+declare type DefaultProps = Required<Pick<CurrencyInputProps, 'align' | 'fractionDigits' | 'hideTrailingZeros' | 'value' | 'inputMode'>>;
+/**
+ * Поле для денежных сумм (и других числовых значений).
+ * Принимает любые свойства `Input`.
+ *
+ * Максимальная длина числа - **15 цифр** (с десятичным разделителем в любом месте).
+ * <br/>
+ * Если `fractionDigits=15`, то в целой части допускается **0**.
+ */
+export declare class CurrencyInput extends React.PureComponent<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: (props: CurrencyInputProps) => void;
+        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: DefaultProps;
+    private getProps;
+    state: CurrencyInputState;
+    private input;
+    private tempSelectionForOnChange;
+    private setRootNode;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: CurrencyInputProps, prevState: 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;
+}
+export {};

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,20 +1,20 @@
-/// <reference types="react" />
-export declare const commaAliases: ((e: import("react").KeyboardEvent<HTMLElement> | KeyboardEvent) => boolean)[];
-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;
-    Comma: number;
-};
-export declare const extractAction: (x0: import("react").KeyboardEvent<HTMLElement>) => number;
+/// <reference types="react" />
+export declare const commaAliases: ((e: import("react").KeyboardEvent<HTMLElement> | KeyboardEvent) => boolean)[];
+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;
+    Comma: number;
+};
+export declare const extractAction: (x0: import("react").KeyboardEvent<HTMLElement>) => number;

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,5 +1,5 @@
-export declare const MAX_SAFE_DIGITS = 15;
-export declare const MAX_ALLOWED_CHARS: number;
-export declare const THIN_SPACE: string;
-export declare const SPACE: string;
-export declare const MINUS_SIGN: string;
+export declare const MAX_SAFE_DIGITS = 15;
+export declare const MAX_ALLOWED_CHARS: number;
+export declare const THIN_SPACE: string;
+export declare const SPACE: string;
+export declare const MINUS_SIGN: string;

package/components/CurrencyInput/index.d.ts

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

package/components/CurrencyLabel/CurrencyLabel.d.ts

@@ -1,23 +1,23 @@
-import React from 'react';
-import { CommonProps } from '../../internal/CommonWrapper';
-export interface CurrencyLabelProps extends CommonProps {
-    /**
-     * Минимальное количество отображаемых знаков после запятой
-     * @default 2
-     */
-    fractionDigits?: number;
-    value: number;
-    currencySymbol?: React.ReactNode;
-    /** Убрать лишние нули после запятой */
-    hideTrailingZeros?: boolean;
-}
-export declare const CurrencyLabelDataTids: {
-    readonly root: "CurrencyLabel__root";
-};
-export declare const CurrencyLabel: {
-    ({ value, fractionDigits, currencySymbol, hideTrailingZeros, ...rest }: CurrencyLabelProps): JSX.Element;
-    __KONTUR_REACT_UI__: string;
-    propTypes: {
-        fractionDigits: ({ fractionDigits, value }: CurrencyLabelProps) => 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;
+    /** Убрать лишние нули после запятой */
+    hideTrailingZeros?: boolean;
+}
+export declare const CurrencyLabelDataTids: {
+    readonly root: "CurrencyLabel__root";
+};
+export declare const CurrencyLabel: {
+    ({ value, fractionDigits, currencySymbol, hideTrailingZeros, ...rest }: CurrencyLabelProps): JSX.Element;
+    __KONTUR_REACT_UI__: string;
+    propTypes: {
+        fractionDigits: ({ fractionDigits, value }: CurrencyLabelProps) => Error | null;
+    };
+};

package/components/CurrencyLabel/index.d.ts

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

package/components/DateInput/CalendarIcon/CalendarIcon.js

@@ -0,0 +1,23 @@
+/* eslint-disable react/display-name */
+import React from 'react';
+import { CalendarIcon16Light } from "../../../internal/icons2022/CalendarIcon/CalendarIcon16Light";
+import { CalendarIcon20Light } from "../../../internal/icons2022/CalendarIcon/CalendarIcon20Light";
+import { CalendarIcon24Regular } from "../../../internal/icons2022/CalendarIcon/CalendarIcon24Regular";
+import { iconSizer } from "../../../internal/icons2022/iconSizer";
+export var CalendarIcon = iconSizer({
+  small: function small() {
+    return /*#__PURE__*/React.createElement(CalendarIcon16Light, {
+      disableCompensation: false
+    });
+  },
+  medium: function medium() {
+    return /*#__PURE__*/React.createElement(CalendarIcon20Light, {
+      disableCompensation: false
+    });
+  },
+  large: function large() {
+    return /*#__PURE__*/React.createElement(CalendarIcon24Regular, {
+      disableCompensation: false
+    });
+  }
+}, 'CalendarIcon');

package/components/DateInput/CalendarIcon/CalendarIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["CalendarIcon.tsx"],"names":["React","CalendarIcon16Light","CalendarIcon20Light","CalendarIcon24Regular","iconSizer","CalendarIcon","small","medium","large"],"mappings":"AAAA;AACA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,mBAAT,QAAoC,2DAApC;AACA,SAASC,mBAAT,QAAoC,2DAApC;AACA,SAASC,qBAAT,QAAsC,6DAAtC;AACA,SAASC,SAAT,QAA0B,oCAA1B;;AAEA,OAAO,IAAMC,YAAY,GAAGD,SAAS;AACnC;AACEE,EAAAA,KAAK,EAAE,sCAAM,oBAAC,mBAAD,IAAqB,mBAAmB,EAAE,KAA1C,GAAN,EADT;AAEEC,EAAAA,MAAM,EAAE,uCAAM,oBAAC,mBAAD,IAAqB,mBAAmB,EAAE,KAA1C,GAAN,EAFV;AAGEC,EAAAA,KAAK,EAAE,sCAAM,oBAAC,qBAAD,IAAuB,mBAAmB,EAAE,KAA5C,GAAN,EAHT,EADmC;;AAMnC,cANmC,CAA9B","sourcesContent":["/* eslint-disable react/display-name */\nimport React from 'react';\n\nimport { CalendarIcon16Light } from '../../internal/icons2022/CalendarIcon/CalendarIcon16Light';\nimport { CalendarIcon20Light } from '../../internal/icons2022/CalendarIcon/CalendarIcon20Light';\nimport { CalendarIcon24Regular } from '../../internal/icons2022/CalendarIcon/CalendarIcon24Regular';\nimport { iconSizer } from '../../internal/icons2022/iconSizer';\n\nexport const CalendarIcon = iconSizer(\n  {\n    small: () => <CalendarIcon16Light disableCompensation={false} />,\n    medium: () => <CalendarIcon20Light disableCompensation={false} />,\n    large: () => <CalendarIcon24Regular disableCompensation={false} />,\n  },\n  'CalendarIcon',\n);\n"]}

package/components/DateInput/CalendarIcon/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/DateInput/CalendarIcon.js",
+  "module": "CalendarIcon",
+  "types": "../CalendarIcon.d.ts",
+  "sideEffects": false
+}

package/components/DateInput/CalendarIcon.d.ts

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

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

package/components/DateInput/DateInput/DateInput.js

@@ -16,6 +16,8 @@ import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { cx } from "../../../lib/theming/Emotion";
 import { rootNode } from "../../../lib/rootNode";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
+import { isTheme2022 } from "../../../lib/theming/ThemeHelpers";
+import { CalendarIcon as CalendarIcon2022 } from "../CalendarIcon";
 import { DateFragmentsView } from "../DateFragmentsView";
 import { styles } from "../DateInput.styles";
 import { Actions, extractAction } from "../helpers/DateInputKeyboardActions";
@@ -95,10 +97,13 @@ export var DateInput = (_dec = locale('DatePicker', DatePickerLocaleHelper), roo
         var _cx;
 
         var theme = _this.theme;
+        var icon = isTheme2022(theme) ? /*#__PURE__*/React.createElement(CalendarIcon2022, {
+          size: size
+        }) : /*#__PURE__*/React.createElement(CalendarIcon, null);
         var iconStyles = cx((_cx = {}, _cx[styles.icon(theme)] = true, _cx[styles.iconSmall(theme)] = size === 'small', _cx[styles.iconMedium(theme)] = size === 'medium', _cx[styles.iconLarge(theme)] = size === 'large', _cx[styles.iconDisabled(theme)] = disabled, _cx));
         return /*#__PURE__*/React.createElement("span", {
           className: iconStyles
-        }, /*#__PURE__*/React.createElement(CalendarIcon, null));
+        }, icon);
       }
 
       return null;