@qiwi/pijma-mobile 1.150.3 → 1.151.0

package/lib/dts/core/src/Theme.d.ts

@@ -0,0 +1,110 @@
+import '@emotion/react';
+declare module '@emotion/react' {
+    interface Theme {
+        scale: number;
+        font: {
+            family: string;
+            weight: {
+                normal: number;
+                strong: number;
+                bold: number;
+                heavy: number;
+            };
+        };
+        color: {
+            brand: string;
+            white: string;
+            black: string;
+            gray: {
+                darkest: string;
+                dark: string;
+                normal: string;
+                light: string;
+                lightest: string;
+            };
+            error: string;
+            success: string;
+        };
+        button: {
+            bg: {
+                kind: {
+                    brand: string;
+                    simple: string;
+                };
+                hover: {
+                    brand: string;
+                    simple: string;
+                };
+                accent: {
+                    brand: string;
+                    simple: string;
+                };
+            };
+            border: {
+                kind: {
+                    brand: string;
+                    simple: string;
+                };
+                hover: {
+                    brand: string;
+                    simple: string;
+                };
+            };
+            shadow: {
+                kind: {
+                    brand: string;
+                    simple: string;
+                };
+                hover: {
+                    brand: string;
+                    simple: string;
+                };
+            };
+            text: {
+                color: {
+                    brand: string;
+                    simple: string;
+                };
+            };
+        };
+        link: {
+            color: {
+                brand: {
+                    default: string;
+                    hover: string;
+                };
+                inverse: {
+                    default: string;
+                    hover: string;
+                };
+            };
+        };
+        tabs: {
+            icon: {
+                color: {
+                    default: string;
+                    select: string;
+                    hover: string;
+                };
+            };
+            text: {
+                color: {
+                    default: string;
+                    select: string;
+                    hover: string;
+                };
+            };
+            border: {
+                color: string;
+            };
+        };
+        input: {
+            border: {
+                disabled: string;
+                default: string;
+                focused: string;
+                error: string;
+            };
+        };
+    }
+}

package/lib/dts/core/src/accordion/AccordionControl.d.ts

@@ -0,0 +1,35 @@
+import React, { FC } from 'react';
+export interface AccordionControlProps<I> {
+    items: I[];
+    opened: number[];
+    onChange: (opened: number[]) => void;
+    children: FC<{
+        onKeyDown: React.KeyboardEventHandler;
+        items: Array<I & {
+            opened: boolean;
+            hovered: boolean;
+            focused: boolean;
+            onClick: React.MouseEventHandler;
+            onMouseEnter: React.MouseEventHandler;
+            onMouseLeave: React.MouseEventHandler;
+            onFocus: React.FocusEventHandler;
+            onBlur: React.FocusEventHandler;
+        }>;
+    }>;
+}
+export interface AccordionControlState {
+    hovered: number;
+    focused: number;
+}
+export declare class AccordionControl<I> extends React.Component<AccordionControlProps<I>, AccordionControlState> {
+    static displayName: string;
+    state: AccordionControlState;
+    private onFocus;
+    private onBlur;
+    private onChange;
+    private onItemClick;
+    private onItemMouseEnter;
+    private onItemMouseLeave;
+    private onKeyDown;
+    render(): React.ReactElement<any, any> | null;
+}

package/lib/dts/core/src/accordion/index.d.ts

@@ -0,0 +1 @@
+export * from './AccordionControl';

package/lib/dts/core/src/alert/AlertControl.d.ts

@@ -0,0 +1,21 @@
+import React, { FC } from 'react';
+export interface AlertControlProps {
+    onHide?: () => void;
+    children: FC<{
+        hover: boolean;
+        onClick: React.MouseEventHandler;
+        onMouseEnter: React.MouseEventHandler;
+        onMouseLeave: React.MouseEventHandler;
+    }>;
+}
+export interface AlertControlState {
+    hover: boolean;
+}
+export declare class AlertControl extends React.Component<AlertControlProps> {
+    static displayName: string;
+    state: AlertControlState;
+    private onClick;
+    private onItemMouseEnter;
+    private onItemMouseLeave;
+    render(): React.ReactElement<any, any> | null;
+}

package/lib/dts/core/src/alert/index.d.ts

@@ -0,0 +1 @@
+export * from './AlertControl';

package/lib/dts/core/src/block/Block.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+export interface BlockProps {
+    hover?: boolean;
+    active?: boolean;
+    focus?: boolean;
+    accent?: boolean;
+    bg?: string;
+}
+export declare const Block: FC<BlockProps>;

package/lib/dts/core/src/block/index.d.ts

@@ -0,0 +1 @@
+export * from './Block';

package/lib/dts/core/src/breaker/Breaker.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const Breaker: FC;

package/lib/dts/core/src/breaker/index.d.ts

@@ -0,0 +1 @@
+export * from './Breaker';

package/lib/dts/core/src/button/ButtonControl.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { ButtonControlProps } from './ButtonControlProps';
+import { ButtonControlState } from './ButtonControlState';
+export declare class ButtonControl extends React.Component<ButtonControlProps, ButtonControlState> {
+    static displayName: string;
+    state: ButtonControlState;
+    private onMouseEnter;
+    private onMouseLeave;
+    private onClick;
+    private onFocus;
+    private onBlur;
+    render(): React.ReactElement<any, any> | null;
+}

package/lib/dts/core/src/button/ButtonControlProps.d.ts

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+export interface ButtonControlProps {
+    onClick?: () => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    children: FC<{
+        active: boolean;
+        focus: boolean;
+        hover: boolean;
+        onClick: React.MouseEventHandler;
+        onFocus: React.FocusEventHandler;
+        onBlur: React.FocusEventHandler;
+        onMouseEnter: React.MouseEventHandler;
+        onMouseLeave: React.MouseEventHandler;
+    }>;
+}

package/lib/dts/core/src/button/ButtonControlState.d.ts

@@ -0,0 +1,5 @@
+export interface ButtonControlState {
+    active: boolean;
+    focus: boolean;
+    hover: boolean;
+}

package/lib/dts/core/src/button/index.d.ts

@@ -0,0 +1 @@
+export * from './ButtonControl';

package/lib/dts/core/src/check/Check.d.ts

@@ -0,0 +1,7 @@
+import { FunctionComponent } from 'react';
+export interface CheckProps {
+    disabled?: boolean;
+    focused?: boolean;
+    checked?: boolean;
+}
+export declare const Check: FunctionComponent<CheckProps>;

package/lib/dts/core/src/check/index.d.ts

@@ -0,0 +1 @@
+export * from './Check';

package/lib/dts/core/src/clock/Clock.d.ts

@@ -0,0 +1,7 @@
+import { FunctionComponent } from 'react';
+interface ClockProps {
+    size?: number;
+    bg?: string;
+}
+export declare const Clock: FunctionComponent<ClockProps>;
+export {};

package/lib/dts/core/src/clock/index.d.ts

@@ -0,0 +1 @@
+export * from './Clock';

package/lib/dts/core/src/code-field/CodeFieldControl.d.ts

@@ -0,0 +1,43 @@
+import React, { FC, RefObject } from 'react';
+export interface CodeFieldControlProps {
+    autoFocus: boolean;
+    value: string[];
+    loading: boolean;
+    type?: 'text' | 'tel';
+    onChange?: (value: string[]) => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    onReady?: (value?: string) => void;
+    children: FC<{
+        onKeyDown: (e: React.KeyboardEvent, index: number) => void;
+        values: Array<{
+            focused: boolean;
+            ref: RefObject<HTMLInputElement>;
+            onChange: (e: React.ChangeEvent, index: number) => React.ChangeEventHandler;
+            onClick: (e: React.MouseEvent<HTMLInputElement, MouseEvent>, index: number) => React.MouseEventHandler;
+            onFocus: (e: React.FocusEvent, index: number) => React.FocusEventHandler;
+            onBlur: (e: React.FocusEvent, index: number) => React.FocusEventHandler;
+        }>;
+    }>;
+}
+export interface CodeFieldControlState {
+    focus: number;
+    refs: RefObject<HTMLInputElement>[];
+}
+export declare class CodeFieldControl extends React.Component<CodeFieldControlProps, CodeFieldControlState> {
+    static displayName: string;
+    private preventBlur;
+    private preventFocus;
+    private onReadyTimeout;
+    state: CodeFieldControlState;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    componentDidUpdate(props: CodeFieldControlProps, state: CodeFieldControlState): void;
+    private onFieldChange;
+    private onFieldClick;
+    private onKeyDown;
+    private onFieldFocus;
+    private onFieldBlur;
+    private onMouseDown;
+    render(): React.ReactElement<any, any> | null;
+}

package/lib/dts/core/src/code-field/index.d.ts

@@ -0,0 +1 @@
+export * from './CodeFieldControl';

package/lib/dts/core/src/cross-burger/CrossBurger.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { Value } from '../primitive';
+export interface CrossBurgerProps {
+    size?: Value;
+    color?: string;
+    active?: boolean;
+}
+export declare const CrossBurger: FC<CrossBurgerProps>;

package/lib/dts/core/src/cross-burger/index.d.ts

@@ -0,0 +1 @@
+export * from './CrossBurger';

package/lib/dts/core/src/field/InputField.d.ts

@@ -0,0 +1,13 @@
+import { FunctionComponent, ReactNode } from 'react';
+export interface FieldProps {
+    title?: ReactNode;
+    active: boolean;
+    input: ReactNode;
+    hint?: ReactNode;
+    icon?: ReactNode;
+    error?: ReactNode;
+    action?: ReactNode;
+    help?: ReactNode;
+    stub?: boolean;
+}
+export declare const InputField: FunctionComponent<FieldProps>;

package/lib/dts/core/src/field/OptionField.d.ts

@@ -0,0 +1,12 @@
+import React, { FocusEventHandler, KeyboardEventHandler, ReactNode } from 'react';
+export interface OptionFieldProps {
+    title?: ReactNode;
+    hint?: ReactNode;
+    help?: ReactNode;
+    tabIndex?: number;
+    autoFocus?: boolean;
+    onFocus: FocusEventHandler;
+    onBlur: FocusEventHandler;
+    onKeyDown: KeyboardEventHandler;
+}
+export declare const OptionField: React.FunctionComponent<OptionFieldProps>;

package/lib/dts/core/src/field/OptionFieldItem.d.ts

@@ -0,0 +1,12 @@
+import React, { MouseEventHandler, ReactNode } from 'react';
+export interface OptionFieldItemProps {
+    disabled?: boolean;
+    reverse?: boolean;
+    icon: ReactNode;
+    label: ReactNode;
+    description?: ReactNode;
+    onClick: MouseEventHandler;
+    onMouseEnter: MouseEventHandler;
+    onMouseLeave: MouseEventHandler;
+}
+export declare const OptionFieldItem: React.FunctionComponent<OptionFieldItemProps>;

package/lib/dts/core/src/field/SimpleField.d.ts

@@ -0,0 +1,8 @@
+import { FC, ReactNode } from 'react';
+export interface SimpleFieldProps {
+    input: ReactNode;
+    error?: ReactNode;
+    action?: ReactNode;
+    help?: ReactNode;
+}
+export declare const SimpleField: FC<SimpleFieldProps>;

package/lib/dts/core/src/field/index.d.ts

@@ -0,0 +1,4 @@
+export * from './InputField';
+export * from './OptionField';
+export * from './OptionFieldItem';
+export * from './SimpleField';

package/lib/dts/core/src/flag/Flag.d.ts

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+import { Value } from '../primitive';
+declare type FlagCode = 'am' | 'az' | 'by' | 'ee' | 'gb' | 'ge' | 'il' | 'in' | 'jp' | 'kg' | 'kr' | 'kz' | 'lt' | 'lv' | 'md' | 'pa' | 'ru' | 'th' | 'tj' | 'tr' | 'ua' | 'us' | 'uz' | 'vn';
+export interface FlagProps {
+    code: FlagCode;
+    width?: Value;
+    height?: Value;
+}
+export declare const FlagFillPaths: {
+    [code in FlagCode]: [string, string][];
+};
+export declare const Flag: FC<FlagProps>;
+export {};

package/lib/dts/core/src/flag/index.d.ts

@@ -0,0 +1 @@
+export * from './Flag';

package/lib/dts/core/src/fonts.d.ts

@@ -0,0 +1 @@
+export declare const fonts: string;

package/lib/dts/core/src/form/Form.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { Value } from '../primitive';
+export interface FormProps {
+    width?: Value;
+    minWidth?: Value;
+    maxWidth?: Value;
+    height?: Value;
+    minHeight?: Value;
+    maxHeight?: Value;
+    onSubmit?: () => void;
+}
+export declare const Form: FC<FormProps>;

package/lib/dts/core/src/form/FormControl.d.ts

@@ -0,0 +1,12 @@
+import React, { FC } from 'react';
+export interface FormControlProps {
+    onSubmit?: () => void;
+    children: FC<{
+        onSubmit: React.FormEventHandler;
+    }>;
+}
+export declare class FormControl extends React.Component<FormControlProps> {
+    static displayName: string;
+    private onSubmit;
+    render(): React.ReactElement<any, any> | null;
+}

package/lib/dts/core/src/form/index.d.ts

@@ -0,0 +1 @@
+export * from './Form';

package/lib/dts/core/src/grid/Grid.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+export interface GridProps {
+    gutter?: number;
+    columns?: number;
+    layout?: number | number[];
+}
+export declare const Grid: FC<GridProps>;

package/lib/dts/core/src/grid/index.d.ts

@@ -0,0 +1 @@
+export * from './Grid';

package/lib/dts/core/src/icon/FeedIcon.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+export interface FeedIconProps {
+    size?: number;
+    color?: string;
+    active?: boolean;
+}
+export declare const FeedIcon: FC<FeedIconProps>;

package/lib/dts/core/src/icon/FilterIcon.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+export interface FilterIconProps {
+    size?: number;
+    color?: string;
+    active?: boolean;
+}
+export declare const FilterIcon: FC<FilterIconProps>;

package/lib/dts/core/src/icon/Icon.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { Value } from '../primitive';
+export interface IconProps {
+    name: 'angle-right' | 'angle-left' | 'angle-up' | 'angle-down' | 'angle-double-right-small' | 'angle-double-left-small' | 'angle-double-right' | 'angle-double-left' | 'angle-small-right' | 'angle-small-left' | 'angle-small-up' | 'angle-small-down' | 'arrow-right' | 'arrow-left' | 'arrow-up' | 'arrow-down' | 'arrow-small-right' | 'arrow-small-left' | 'arrow-small-up' | 'arrow-small-down' | 'attention' | 'backward' | 'bank' | 'bell' | 'calendar' | 'card' | 'camera' | 'case' | 'check' | 'clock' | 'clock-solid' | 'cross' | 'cross-small' | 'crown' | 'delete' | 'dots-h' | 'dots-v' | 'download' | 'edit' | 'email' | 'envelope' | 'exchange' | 'eye-closed' | 'eye-opened' | 'facebook' | 'file' | 'filter' | 'forward' | 'google' | 'hamburger' | 'help' | 'info' | 'instagram' | 'key' | 'location' | 'login' | 'logout' | 'message' | 'mobile' | 'ok' | 'passport' | 'percent' | 'phone' | 'play' | 'plus' | 'plus-circle' | 'power' | 'print' | 'qiwi' | 'receipt' | 'refund' | 'reject' | 'reload' | 'repeat' | 'sbp' | 'search' | 'security' | 'send' | 'settings' | 'share' | 'sim' | 'sort-asc' | 'sort-desc' | 'star' | 'star-solid' | 'success' | 'terminal' | 'terminal-client' | 'transfer' | 'twitter' | 'user' | 'vk' | 'waiting' | 'wallet' | 'warning' | 'wave' | 'withdraw' | 'youtube';
+    size?: Value;
+    color?: string;
+}
+export declare const IconPaths: {
+    [name in IconProps['name']]: string;
+};
+export declare const Icon: FC<IconProps>;

package/lib/dts/core/src/icon/MobileAppIcon.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+export interface MobileAppIconProps {
+    name: 'apple' | 'google' | 'huawei';
+}
+export declare const MobileAppIcon: FC<MobileAppIconProps>;

package/lib/dts/core/src/icon/PaymentSecurityIcon.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+export interface PaymentSecurityIconProps {
+    name: 'mastercard-id-check' | 'visa-verified' | 'pci-dss' | 'mir-accept' | 'apple-pay';
+    gray?: boolean;
+    stub?: boolean;
+}
+export declare const PaymentSecurityIcon: FC<PaymentSecurityIconProps>;

package/lib/dts/core/src/icon/PaymentSystemIcon.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+export interface PaymentSystemIconProps {
+    name: 'mastercard' | 'visa' | 'mir';
+    gray?: boolean;
+}
+export declare const PaymentSystemIcon: FC<PaymentSystemIconProps>;

package/lib/dts/core/src/icon/QuestionIcon.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+export interface QuestionIconProps {
+    size?: number;
+}
+export declare const QuestionIcon: FC<QuestionIconProps>;

package/lib/dts/core/src/icon/index.d.ts

@@ -0,0 +1,7 @@
+export * from './Icon';
+export * from './QuestionIcon';
+export * from './FilterIcon';
+export * from './FeedIcon';
+export * from './MobileAppIcon';
+export * from './PaymentSecurityIcon';
+export * from './PaymentSystemIcon';

package/lib/dts/core/src/image/Image.d.ts

@@ -0,0 +1,16 @@
+import { FC, ReactNode } from 'react';
+import { Value } from '../primitive';
+export interface ImageProps {
+    width: Value;
+    height: Value;
+    src: string;
+    cachedDelay?: number;
+    viewedDelay?: number;
+    srcSet?: string;
+    sizes?: string;
+    alt?: string;
+    stub?: string | boolean | ReactNode;
+    objectFit?: 'fill' | 'contain' | 'cover' | 'none' | 'scale-down';
+    onLoad?: () => void;
+}
+export declare const Image: FC<ImageProps>;

package/lib/dts/core/src/image/ImageControl.d.ts

@@ -0,0 +1,46 @@
+import { Component, FC, ReactNode } from 'react';
+import { Value } from '../primitive';
+export interface ImageControlProps {
+    width: Value;
+    height: Value;
+    src: string;
+    srcSet?: string;
+    stub?: string | ReactNode;
+    cachedDelay?: number;
+    viewedDelay?: number;
+    onLoad?: () => void;
+    children: FC<{
+        src: string | undefined;
+        srcSet: string | undefined;
+        loaded: boolean;
+        onChange: (inView: boolean) => void;
+        onLoad: () => void;
+    }>;
+}
+declare enum Step {
+    NONE = 0,
+    CHECK_CACHE = 1,
+    NO_CACHE = 2,
+    LOAD = 3,
+    DONE = 4
+}
+export interface ImageControlState {
+    step: Step;
+}
+export declare class ImageControl extends Component<ImageControlProps, ImageControlState> {
+    static displayName: string;
+    static defaultProps: {
+        cachedDelay: number;
+        viewedDelay: number;
+    };
+    state: ImageControlState;
+    componentWillUnmount: () => void;
+    private viewedTimer;
+    private cachedTimer;
+    private onChange;
+    private onLoad;
+    private get src();
+    private get srcSet();
+    render(): import("react").ReactElement<any, any> | null;
+}
+export {};

package/lib/dts/core/src/image/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Image';
+export * from './ImageControl';

package/lib/dts/core/src/index.d.ts

@@ -0,0 +1,52 @@
+export * from './styled';
+export * from './Theme';
+export * from './reset';
+export * from './fonts';
+export * from './themes';
+export * from './waypoint';
+export * from './inview';
+export * from './markdown';
+export * from './primitive';
+export * from './spacer';
+export * from './button';
+export * from './mask';
+export * from './field';
+export * from './option';
+export * from './text-field';
+export * from './password-field';
+export * from './phone-field';
+export * from './check';
+export * from './radio';
+export * from './icon';
+export * from './input';
+export * from './spinner';
+export * from './cross-burger';
+export * from './transition';
+export * from './overlays';
+export * from './block';
+export * from './recaptcha';
+export * from './recaptcha-field';
+export * from './text-area';
+export * from './text-area-field';
+export * from './link';
+export * from './tumbler';
+export * from './breaker';
+export * from './striper';
+export * from './accordion';
+export * from './grid';
+export * from './offset-scroll';
+export * from './pagination';
+export * from './stub';
+export * from './section';
+export * from './flag';
+export * from './logo';
+export * from './image';
+export * from './alert';
+export * from './rating';
+export * from './menu';
+export * from './suggest';
+export * from './tabs';
+export * from './form';
+export * from './select-field';
+export * from './clock';
+export * from './code-field';