@skbkontur/react-ui 5.0.12-MobilePicker-fix.0 → 5.0.12-fix-imask.2

package/components/FileUploader/FileUploader.d.ts

@@ -1,59 +1,56 @@
-import React from 'react';
-import { FileUploaderAttachedFile } from '../../internal/FileUploaderControl/fileUtils';
-import { InstanceWithRootNode } from '../../lib/rootNode';
-import { FileUploaderControlProviderProps } from '../../internal/FileUploaderControl/FileUploaderControlProvider';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { Nullable } from '../../typings/utility-types';
-import { SizeProp } from '../../lib/types/props';
-type FileUploaderOverriddenProps = 'size';
-interface _FileUploaderProps extends CommonProps, Omit<React.InputHTMLAttributes<HTMLInputElement>, FileUploaderOverriddenProps> {
-    /** Начальное состояние загруженных файлов */
-    initialFiles?: File[];
-    /** Состояние ошибки всего контрола */
-    error?: boolean;
-    /** Состояние предупреждения всего контрола */
-    warning?: boolean;
-    /** Свойство ширины. */
-    width?: React.CSSProperties['width'];
-    /**
-     * Задаёт размер контрола.
-     *
-     * **Допустимые значения**: `"small"`, `"medium"`, `"large"`.
-     */
-    size?: SizeProp;
-    /** Свойство, скрывающее отображение файлов.  */
-    hideFiles?: boolean;
-    /** Функция, через которую отправляем файлы. Используется для отслеживания статуса загрузки файла. */
-    request?: (file: FileUploaderAttachedFile) => Promise<void>;
-    /** Срабатывает при удачной попытке отправки через request */
-    onRequestSuccess?: (fileId: string) => void;
-    /** Срабатывает при неудачной попытке отправки через request */
-    onRequestError?: (fileId: string) => void;
-    /**
-     * Функция валидации каждого файла.
-     * Срабатывает после выбора файлов и перед попыткой отправить в request.
-     * Чтобы вывести валидацию ошибки, промис должен вернуть строку.
-     * */
-    validateBeforeUpload?: (file: FileUploaderAttachedFile) => Promise<Nullable<string>>;
-    /**
-     * Функция, позволяющая кастомизировать файлы.
-     * Через нее можно вешать кастомные валидации на каждый файл.
-     * */
-    renderFile?: (file: FileUploaderAttachedFile, fileNode: React.ReactElement) => React.ReactNode;
-}
-export interface FileUploaderRef extends InstanceWithRootNode {
-    focus: () => void;
-    blur: () => void;
-    /** Сбрасывает выбранные файлы */
-    reset: () => void;
-}
-export declare const FileUploaderDataTids: {
-    readonly root: "FileUploader__root";
-    readonly content: "FileUploader__content";
-    readonly link: "FileUploader__link";
-    readonly input: "FileUploader__input";
-};
-export interface FileUploaderProps extends _FileUploaderProps, FileUploaderControlProviderProps {
-}
-export declare const FileUploader: React.MemoExoticComponent<React.ForwardRefExoticComponent<FileUploaderProps & FileUploaderControlProviderProps & React.RefAttributes<FileUploaderRef>>>;
-export {};
+import React from 'react';
+import { FileUploaderAttachedFile } from '../../internal/FileUploaderControl/fileUtils';
+import { InstanceWithRootNode } from '../../lib/rootNode';
+import { FileUploaderControlProviderProps } from '../../internal/FileUploaderControl/FileUploaderControlProvider';
+import { CommonProps } from '../../internal/CommonWrapper';
+import { Nullable } from '../../typings/utility-types';
+import { SizeProp } from '../../lib/types/props';
+type FileUploaderOverriddenProps = 'size';
+interface _FileUploaderProps extends CommonProps, Omit<React.InputHTMLAttributes<HTMLInputElement>, FileUploaderOverriddenProps> {
+    /** Переводит контрол в состояние валидации "ошибка". */
+    /** Начальное состояние загруженных файлов */
+    initialFiles?: File[];
+    /** Состояние ошибки всего контрола */
+    error?: boolean;
+    /** Переводит контрол в состояние валидации "предупреждение". */
+    warning?: boolean;
+    /** Задает длину компонента. */
+    width?: React.CSSProperties['width'];
+    /** Задаёт размер контрола. */
+    size?: SizeProp;
+    /** Скрывает отображение файлов. */
+    hideFiles?: boolean;
+    /** Задает функцию, через которую отправляются файлы. Используется для отслеживания статуса загрузки файла.
+     * @param {FileUploaderAttachedFile} file - файл, статус загрузки которого необходимо отследить. */
+    request?: (file: FileUploaderAttachedFile) => Promise<void>;
+    /** Задает функцию, которая вызывается при удачной попытке отправки через request. */
+    onRequestSuccess?: (fileId: string) => void;
+    /** Задает функцию, которая вызывается при неудачной попытке отправки через request. */
+    onRequestError?: (fileId: string) => void;
+    /** Определяет функцию валидации каждого файла. Срабатывает после выбора файлов и перед попыткой отправить в request. Чтобы вывести валидацию ошибки, промис должен вернуть строку. * */
+    validateBeforeUpload?: (file: FileUploaderAttachedFile) => Promise<Nullable<string>>;
+    /** Задает функцию, которая позволяет кастомизировать файлы. Через нее можно вешать кастомные валидации на каждый файл. */
+    renderFile?: (file: FileUploaderAttachedFile, fileNode: React.ReactElement) => React.ReactNode;
+}
+export interface FileUploaderRef extends InstanceWithRootNode {
+    focus: () => void;
+    blur: () => void;
+    /** Сбрасывает выбранные файлы */
+    reset: () => void;
+    removeFile: (fileId: string) => void;
+}
+export declare const FileUploaderDataTids: {
+    readonly root: "FileUploader__root";
+    readonly content: "FileUploader__content";
+    readonly link: "FileUploader__link";
+    readonly input: "FileUploader__input";
+};
+export interface FileUploaderProps extends _FileUploaderProps, FileUploaderControlProviderProps {
+}
+/**
+ * `FileUploader` — контрол для выбора пользователем файла на компьютере и отображения статуса его отправки на сервер.
+ *
+ * Можно использовать для синхронной отправки данных, например, в форме. Или же можно использовать в асинхронном режиме.
+ */
+export declare const FileUploader: React.MemoExoticComponent<React.ForwardRefExoticComponent<FileUploaderProps & FileUploaderControlProviderProps & React.RefAttributes<FileUploaderRef>>>;
+export {};

package/components/FileUploader/FileUploader.md

@@ -2,14 +2,14 @@
 Можно использовать для синхронной отправки данных, например, в форме.
 Или же можно использовать в асинхронном режиме.
 
-Синхронный контрол
+### Синхронный контрол
 ```jsx harmony
 import { FileUploader } from '@skbkontur/react-ui';
 
 <FileUploader  />
 ```
 
-Асинхронный контрол
+### Асинхронный контрол
 ```jsx harmony
 import { FileUploader } from '@skbkontur/react-ui';
 
@@ -18,7 +18,7 @@ const request = () => Promise.resolve();
 <FileUploader request={request} />
 ```
 
-Multiple контрол
+### Multiple контрол
 ```jsx harmony
 import { FileUploader } from '@skbkontur/react-ui';
 
@@ -27,7 +27,7 @@ const request = () => Promise.reject();
 <FileUploader request={request} multiple />
 ```
 
-Файлы по умолчанию
+### Файлы по умолчанию
 ```jsx harmony
 import { FileUploader } from '@skbkontur/react-ui';
 
@@ -39,7 +39,7 @@ const initialFiles = [createFile('test1.txt'), createFile('test2.txt')];
 <FileUploader multiple initialFiles={initialFiles} />
 ```
 
-Файлы по умолчанию с кастомизацией рендеринга
+### Файлы по умолчанию с кастомизацией рендеринга
 ```jsx harmony
 import { cloneElement } from 'react';
 import { FileUploader } from '@skbkontur/react-ui';
@@ -56,14 +56,14 @@ const initialFiles = [createFile('test1.txt'), createFile('test2.txt')];
 />
 ```
 
-Использование `accept`
+### Использование `accept`
 ```jsx harmony
 import { FileUploader } from '@skbkontur/react-ui';
 
 <FileUploader multiple accept="image/*" />
 ```
 
-Валидация файла в списке
+### Валидация файла в списке
 ```jsx harmony
 import { FileUploader } from '@skbkontur/react-ui';
 
@@ -75,14 +75,14 @@ import { FileUploader } from '@skbkontur/react-ui';
 />;
 ```
 
-Валидация контрола
+### Валидация контрола
 ```jsx harmony
 import { FileUploader } from '@skbkontur/react-ui';
 
 <FileUploader multiple error />
 ```
 
-#### Локали по умолчанию
+### Локали по умолчанию
 
 ```typescript static
 interface FileUploaderLocale {

package/components/FileUploader/FileUploader.mixins.d.ts

@@ -1 +1 @@
-export declare const fileUploaderSizeMixin: (fontSize: string, lineHeight: string, paddingX: string, paddingY: string) => string;
+export declare const fileUploaderSizeMixin: (fontSize: string, lineHeight: string, paddingX: string, paddingY: string) => string;

package/components/FileUploader/FileUploader.styles.d.ts

@@ -1,36 +1,36 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const globalClasses: {
-    afterLinkText: string;
-};
-export declare const jsStyles: {
-    calcPulse(t: Theme): string;
-    root(t: Theme): string;
-    uploadButton(t: Theme): string;
-    uploadButtonFocus(t: Theme): string;
-    dragOver(t: Theme): string;
-    windowDragOver(t: Theme): string;
-    content(): string;
-    contentWithFiles(): string;
-    contentInnerSmall(t: Theme): string;
-    contentInnerMedium(t: Theme): string;
-    contentInnerLarge(t: Theme): string;
-    visuallyHidden(): string;
-    afterLinkText(t: Theme): string;
-    afterLinkText_HasFiles(t: Theme): string;
-    warning(t: Theme): string;
-    error(t: Theme): string;
-    hovered(t: Theme): string;
-    linkHovered(t: Theme): string;
-    disabled(t: Theme): string;
-    icon(t: Theme): string;
-    iconDisabled(t: Theme): string;
-    link(t: Theme): string;
-    linkDisabled(t: Theme): string;
-    singleFile(): string;
-    sizeSmall(t: Theme): string;
-    sizeMedium(t: Theme): string;
-    sizeLarge(t: Theme): string;
-    iconSmall(t: Theme): string;
-    iconMedium(t: Theme): string;
-    iconLarge(t: Theme): string;
-};
+import { Theme } from '../../lib/theming/Theme';
+export declare const globalClasses: {
+    afterLinkText: string;
+};
+export declare const jsStyles: {
+    calcPulse(t: Theme): string;
+    root(t: Theme): string;
+    uploadButton(t: Theme): string;
+    uploadButtonFocus(t: Theme): string;
+    dragOver(t: Theme): string;
+    windowDragOver(t: Theme): string;
+    content(): string;
+    contentWithFiles(): string;
+    contentInnerSmall(t: Theme): string;
+    contentInnerMedium(t: Theme): string;
+    contentInnerLarge(t: Theme): string;
+    visuallyHidden(): string;
+    afterLinkText(t: Theme): string;
+    afterLinkText_HasFiles(t: Theme): string;
+    warning(t: Theme): string;
+    error(t: Theme): string;
+    hovered(t: Theme): string;
+    linkHovered(t: Theme): string;
+    disabled(t: Theme): string;
+    icon(t: Theme): string;
+    iconDisabled(t: Theme): string;
+    link(t: Theme): string;
+    linkDisabled(t: Theme): string;
+    singleFile(): string;
+    sizeSmall(t: Theme): string;
+    sizeMedium(t: Theme): string;
+    sizeLarge(t: Theme): string;
+    iconSmall(t: Theme): string;
+    iconMedium(t: Theme): string;
+    iconLarge(t: Theme): string;
+};

package/components/FileUploader/UploadIcon.d.ts

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

package/components/FileUploader/__docs__/FileUploader.mdx

@@ -0,0 +1,28 @@
+import * as FileUploaderStories from './FileUploader.docs.stories.tsx';
+import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
+import { Meta } from '../../../.storybook/Meta';
+
+<Meta of={FileUploaderStories} />
+
+# FileUploader
+
+[Компонент в Контур.Гайдах](https://guides.kontur.ru/components/input-fields/file-uploader/)
+
+[Компонент в Figma](https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=284%3A11938)
+
+<Description />
+
+## Базовый пример
+
+<Primary />
+
+## Пропы
+
+<details>
+  <summary>Открыть таблицу с пропами</summary>
+  <ArgTypes />
+</details>
+
+## Примеры использования
+
+<Stories title="" includePrimary={false} />

package/components/FileUploader/index.d.ts

@@ -1,5 +1,5 @@
-import { FileUploaderAttachedFile as Type } from '../../internal/FileUploaderControl/fileUtils';
-export { FileUploaderFileStatus } from '../../internal/FileUploaderControl/fileUtils';
-export type FileUploaderAttachedFile = Type;
-export { FileUploaderFileValidationResult } from '../../internal/FileUploaderControl/FileUploaderFileValidationResult';
-export * from './FileUploader';
+import { FileUploaderAttachedFile as Type } from '../../internal/FileUploaderControl/fileUtils';
+export { FileUploaderFileStatus } from '../../internal/FileUploaderControl/fileUtils';
+export type FileUploaderAttachedFile = Type;
+export { FileUploaderFileValidationResult } from '../../internal/FileUploaderControl/FileUploaderFileValidationResult';
+export * from './FileUploader';

package/components/FileUploader/locale/index.d.ts

@@ -1,4 +1,4 @@
-import { LocaleHelper } from '../../../lib/locale/LocaleHelper';
-import { FileUploaderLocale } from './types';
-export * from './types';
-export declare const FileUploaderLocaleHelper: LocaleHelper<FileUploaderLocale>;
+import { LocaleHelper } from '../../../lib/locale/LocaleHelper';
+import { FileUploaderLocale } from './types';
+export * from './types';
+export declare const FileUploaderLocaleHelper: LocaleHelper<FileUploaderLocale>;

package/components/FileUploader/locale/locales/en.d.ts

@@ -1,2 +1,2 @@
-import { FileUploaderLocale } from '../types';
-export declare const componentsLocales: FileUploaderLocale;
+import { FileUploaderLocale } from '../types';
+export declare const componentsLocales: FileUploaderLocale;

package/components/FileUploader/locale/locales/ru.d.ts

@@ -1,2 +1,2 @@
-import { FileUploaderLocale } from '../types';
-export declare const componentsLocales: FileUploaderLocale;
+import { FileUploaderLocale } from '../types';
+export declare const componentsLocales: FileUploaderLocale;

package/components/FileUploader/locale/types.d.ts

@@ -1,6 +1,6 @@
-export interface FileUploaderLocale {
-    chooseFile: string;
-    choosedFile: string;
-    orDragHere: string;
-    requestErrorText: string;
-}
+export interface FileUploaderLocale {
+    chooseFile: string;
+    choosedFile: string;
+    orDragHere: string;
+    requestErrorText: string;
+}

package/components/FxInput/FxInput/FxInput.js

@@ -18,7 +18,13 @@ export var FxInputDataTids = {
   root: 'FxInput__root'
 };
 
-/** Принимает все свойства `Input`'a */
+/**
+ * Автополе `FxInput`.
+ *
+ * Используйте `FxInput`, если поле вычисляемое и вы рассчитали значение.
+ *
+ * Принимает все свойства `Input`'a.
+ */
 export var FxInput = rootNode(_class = (_FxInput = /*#__PURE__*/function (_React$Component) {
   function FxInput() {
     var _this;
@@ -40,10 +46,10 @@ export var FxInput = rootNode(_class = (_FxInput = /*#__PURE__*/function (_React
         align: 'right'
       };
       var button = null;
-      var inputCorners = auto ? {} : {
+      var inputCorners = auto ? _extends({}, rest.corners) : _extends({
         borderBottomLeftRadius: 0,
         borderTopLeftRadius: 0
-      };
+      }, rest.corners);
       var iconSizes = {
         small: parseInt(_this.theme.inputIconSizeSmall),
         medium: parseInt(_this.theme.inputIconSizeMedium),
@@ -60,6 +66,7 @@ export var FxInput = rootNode(_class = (_FxInput = /*#__PURE__*/function (_React
         React.createElement(FxInputRestoreBtn, {
           size: rest.size,
           onRestore: onRestore,
+          corners: rest.corners,
           disabled: rest.disabled,
           borderless: rest.borderless,
           "aria-label": props.buttonAriaLabel

package/components/FxInput/FxInput/FxInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","PropTypes","Group","Input","CurrencyInput","createPropsGetter","CommonWrapper","rootNode","ThemeContext","MathFunctionIcon","FxInputRestoreBtn","FxInputDataTids","root","FxInput","_class","_FxInput","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","input","getProps","defaultProps","renderMain","props","type","onRestore","auto","refInput","value","width","rest","_objectWithoutPropertiesLoose","_excluded","inputProps","align","button","inputCorners","borderBottomLeftRadius","borderTopLeftRadius","iconSizes","small","parseInt","theme","inputIconSizeSmall","medium","inputIconSizeMedium","large","inputIconSizeLarge","size","IconFunction","createElement","leftIcon","disabled","borderless","buttonAriaLabel","_extends","corners","ref","onValueChange","focus","blur","element","_inheritsLoose","_proto","prototype","render","_this2","Consumer","rootNodeRef","setRootNode","Component","__KONTUR_REACT_UI__","displayName","propTypes","bool","string"],"sources":["FxInput.tsx"],"sourcesContent":["import React, { AriaAttributes } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Group } from '../Group';\nimport { Input, InputProps } from '../Input';\nimport { CurrencyInput, CurrencyInputProps } from '../CurrencyInput';\nimport { createPropsGetter, DefaultizedProps } from '../../lib/createPropsGetter';\nimport { Override } from '../../typings/utility-types';\nimport { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { SizeProp } from '../../lib/types/props';\n\nimport { MathFunctionIcon } from './MathFunctionIcon';\nimport { FxInputRestoreBtn } from './FxInputRestoreBtn';\n\nexport interface FxInputProps\n  extends Pick<AriaAttributes, 'aria-label'>,\n    CommonProps,\n    Override<\n      CurrencyInputProps,\n      {\n        /** Авто-режим */\n        auto?: boolean;\n        /** Тип инпута */\n        type?: 'currency' | InputProps['type'];\n        /** onRestore */\n        onRestore?: () => void;\n        /** onValueChange */\n        onValueChange: CurrencyInputProps['onValueChange'] | InputProps['onValueChange'];\n        /** Значение */\n        value?: React.ReactText;\n        /** ref Input'а */\n        refInput?: (element: CurrencyInput | Input | null) => void;\n        /** Убрать лишние нули после запятой */\n        hideTrailingZeros?: boolean;\n        /** Позвоялет задать атрибут aria-label кнопке восстановления (restore button) */\n        buttonAriaLabel?: AriaAttributes['aria-label'];\n      }\n    > {}\n\nexport const FxInputDataTids = {\n  root: 'FxInput__root',\n} as const;\n\ntype DefaultProps = Required<Pick<FxInputProps, 'width' | 'type' | 'value'>>;\ntype DefaultizedFxInputProps = DefaultizedProps<FxInputProps, DefaultProps>;\n\n/** Принимает все свойства `Input`'a */\n@rootNode\nexport class FxInput extends React.Component<FxInputProps> {\n  public static __KONTUR_REACT_UI__ = 'FxInput';\n  public static displayName = 'FxInput';\n\n  public static propTypes = {\n    auto: PropTypes.bool,\n    type: PropTypes.string,\n  };\n\n  public static defaultProps: DefaultProps = {\n    width: 250,\n    type: 'text',\n    value: '',\n  };\n\n  private theme!: Theme;\n  private input: Input | CurrencyInput | null = null;\n\n  private getProps = createPropsGetter(FxInput.defaultProps);\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n              {this.renderMain}\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain = (props: CommonWrapperRestProps<DefaultizedFxInputProps>) => {\n    const { type, onRestore, auto, refInput, value, width, ...rest } = props;\n    const inputProps: Partial<CurrencyInputProps> = {\n      align: 'right',\n    };\n\n    let button = null;\n    const inputCorners: InputProps['corners'] = auto ? {} : { borderBottomLeftRadius: 0, borderTopLeftRadius: 0 };\n    const iconSizes: Record<SizeProp, number> = {\n      small: parseInt(this.theme.inputIconSizeSmall),\n      medium: parseInt(this.theme.inputIconSizeMedium),\n      large: parseInt(this.theme.inputIconSizeLarge),\n    };\n    const size = this.props.size || Input.defaultProps.size;\n    const IconFunction = <MathFunctionIcon size={iconSizes[size]} />;\n\n    if (auto) {\n      inputProps.leftIcon = IconFunction;\n    } else {\n      button = (\n        <FxInputRestoreBtn\n          size={rest.size}\n          onRestore={onRestore}\n          disabled={rest.disabled}\n          borderless={rest.borderless}\n          aria-label={props.buttonAriaLabel}\n        />\n      );\n    }\n\n    return (\n      <Group data-tid={FxInputDataTids.root} width={width}>\n        {button}\n        {type === 'currency' ? (\n          <CurrencyInput\n            {...inputProps}\n            {...rest}\n            corners={inputCorners}\n            size={this.props.size}\n            width={'100%'}\n            ref={this.refInput}\n            value={value as CurrencyInputProps['value']}\n            onValueChange={this.props.onValueChange as CurrencyInputProps['onValueChange']}\n          />\n        ) : (\n          <Input\n            {...inputProps}\n            {...rest}\n            corners={inputCorners}\n            size={this.props.size}\n            width={'100%'}\n            ref={this.refInput}\n            type={type}\n            value={value as InputProps['value']}\n            onValueChange={this.props.onValueChange as InputProps['onValueChange']}\n          />\n        )}\n      </Group>\n    );\n  };\n\n  /**\n   * @public\n   */\n  public focus = () => {\n    if (this.input) {\n      this.input.focus();\n    }\n  };\n\n  /**\n   * @public\n   */\n  public blur = () => {\n    if (this.input) {\n      this.input.blur();\n    }\n  };\n\n  private refInput = (element: Input | CurrencyInput | null) => {\n    this.input = element;\n\n    if (this.props.refInput) {\n      this.props.refInput(this.input);\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","PropTypes","Group","Input","CurrencyInput","createPropsGetter","CommonWrapper","rootNode","ThemeContext","MathFunctionIcon","FxInputRestoreBtn","FxInputDataTids","root","FxInput","_class","_FxInput","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","input","getProps","defaultProps","renderMain","props","type","onRestore","auto","refInput","value","width","rest","_objectWithoutPropertiesLoose","_excluded","inputProps","align","button","inputCorners","_extends","corners","borderBottomLeftRadius","borderTopLeftRadius","iconSizes","small","parseInt","theme","inputIconSizeSmall","medium","inputIconSizeMedium","large","inputIconSizeLarge","size","IconFunction","createElement","leftIcon","disabled","borderless","buttonAriaLabel","ref","onValueChange","focus","blur","element","_inheritsLoose","_proto","prototype","render","_this2","Consumer","rootNodeRef","setRootNode","Component","__KONTUR_REACT_UI__","displayName","propTypes","bool","string"],"sources":["FxInput.tsx"],"sourcesContent":["import React, { AriaAttributes } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Group } from '../Group';\nimport { Input, InputProps } from '../Input';\nimport { CurrencyInput, CurrencyInputProps } from '../CurrencyInput';\nimport { createPropsGetter, DefaultizedProps } from '../../lib/createPropsGetter';\nimport { Override } from '../../typings/utility-types';\nimport { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { SizeProp } from '../../lib/types/props';\n\nimport { MathFunctionIcon } from './MathFunctionIcon';\nimport { FxInputRestoreBtn } from './FxInputRestoreBtn';\n\nexport interface FxInputProps\n  extends Pick<AriaAttributes, 'aria-label'>,\n    CommonProps,\n    Override<\n      CurrencyInputProps,\n      {\n        /** Устанавливает авто-режим. */\n        auto?: boolean;\n\n        /** Задает тип инпута */\n        type?: 'currency' | InputProps['type'];\n\n        /** Задает функцию, которая вызывается при нажатии на кнопку Restore. */\n        onRestore?: () => void;\n\n        /** Задает функцию, вызывающуюся при изменении value. */\n        onValueChange: CurrencyInputProps['onValueChange'] | InputProps['onValueChange'];\n\n        /** Задает значение инпута. */\n        value?: React.ReactText;\n\n        /** Задает ref инпута. */\n        refInput?: (element: CurrencyInput | Input | null) => void;\n\n        /** Убирает лишние нули после запятой. */\n        hideTrailingZeros?: boolean;\n\n        /** Задает атрибут aria-label кнопке восстановления (restore button). */\n        buttonAriaLabel?: AriaAttributes['aria-label'];\n\n        /** @ignore */\n        corners?: React.CSSProperties;\n      }\n    > {}\n\nexport const FxInputDataTids = {\n  root: 'FxInput__root',\n} as const;\n\ntype DefaultProps = Required<Pick<FxInputProps, 'width' | 'type' | 'value'>>;\ntype DefaultizedFxInputProps = DefaultizedProps<FxInputProps, DefaultProps>;\n\n/**\n * Автополе `FxInput`.\n *\n * Используйте `FxInput`, если поле вычисляемое и вы рассчитали значение.\n *\n * Принимает все свойства `Input`'a.\n */\n@rootNode\nexport class FxInput extends React.Component<FxInputProps> {\n  public static __KONTUR_REACT_UI__ = 'FxInput';\n  public static displayName = 'FxInput';\n\n  public static propTypes = {\n    auto: PropTypes.bool,\n    type: PropTypes.string,\n  };\n\n  public static defaultProps: DefaultProps = {\n    width: 250,\n    type: 'text',\n    value: '',\n  };\n\n  private theme!: Theme;\n  private input: Input | CurrencyInput | null = null;\n\n  private getProps = createPropsGetter(FxInput.defaultProps);\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n              {this.renderMain}\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain = (props: CommonWrapperRestProps<DefaultizedFxInputProps>) => {\n    const { type, onRestore, auto, refInput, value, width, ...rest } = props;\n    const inputProps: Partial<CurrencyInputProps> = {\n      align: 'right',\n    };\n\n    let button = null;\n    const inputCorners: InputProps['corners'] = auto\n      ? { ...rest.corners }\n      : { borderBottomLeftRadius: 0, borderTopLeftRadius: 0, ...rest.corners };\n    const iconSizes: Record<SizeProp, number> = {\n      small: parseInt(this.theme.inputIconSizeSmall),\n      medium: parseInt(this.theme.inputIconSizeMedium),\n      large: parseInt(this.theme.inputIconSizeLarge),\n    };\n    const size = this.props.size || Input.defaultProps.size;\n    const IconFunction = <MathFunctionIcon size={iconSizes[size]} />;\n\n    if (auto) {\n      inputProps.leftIcon = IconFunction;\n    } else {\n      button = (\n        <FxInputRestoreBtn\n          size={rest.size}\n          onRestore={onRestore}\n          corners={rest.corners}\n          disabled={rest.disabled}\n          borderless={rest.borderless}\n          aria-label={props.buttonAriaLabel}\n        />\n      );\n    }\n\n    return (\n      <Group data-tid={FxInputDataTids.root} width={width}>\n        {button}\n        {type === 'currency' ? (\n          <CurrencyInput\n            {...inputProps}\n            {...rest}\n            corners={inputCorners}\n            size={this.props.size}\n            width={'100%'}\n            ref={this.refInput}\n            value={value as CurrencyInputProps['value']}\n            onValueChange={this.props.onValueChange as CurrencyInputProps['onValueChange']}\n          />\n        ) : (\n          <Input\n            {...inputProps}\n            {...rest}\n            corners={inputCorners}\n            size={this.props.size}\n            width={'100%'}\n            ref={this.refInput}\n            type={type}\n            value={value as InputProps['value']}\n            onValueChange={this.props.onValueChange as InputProps['onValueChange']}\n          />\n        )}\n      </Group>\n    );\n  };\n\n  /**\n   * @public\n   */\n  public focus = () => {\n    if (this.input) {\n      this.input.focus();\n    }\n  };\n\n  /**\n   * @public\n   */\n  public blur = () => {\n    if (this.input) {\n      this.input.blur();\n    }\n  };\n\n  private refInput = (element: Input | CurrencyInput | null) => {\n    this.input = element;\n\n    if (this.props.refInput) {\n      this.props.refInput(this.input);\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/components/FxInput/FxInput.d.ts

@@ -1,57 +1,65 @@
-import React, { AriaAttributes } from 'react';
-import PropTypes from 'prop-types';
-import { Input, InputProps } from '../Input';
-import { CurrencyInput, CurrencyInputProps } from '../CurrencyInput';
-import { DefaultizedProps } from '../../lib/createPropsGetter';
-import { Override } from '../../typings/utility-types';
-import { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';
-export interface FxInputProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps, Override<CurrencyInputProps, {
-    /** Авто-режим */
-    auto?: boolean;
-    /** Тип инпута */
-    type?: 'currency' | InputProps['type'];
-    /** onRestore */
-    onRestore?: () => void;
-    /** onValueChange */
-    onValueChange: CurrencyInputProps['onValueChange'] | InputProps['onValueChange'];
-    /** Значение */
-    value?: React.ReactText;
-    /** ref Input'а */
-    refInput?: (element: CurrencyInput | Input | null) => void;
-    /** Убрать лишние нули после запятой */
-    hideTrailingZeros?: boolean;
-    /** Позвоялет задать атрибут aria-label кнопке восстановления (restore button) */
-    buttonAriaLabel?: AriaAttributes['aria-label'];
-}> {
-}
-export declare const FxInputDataTids: {
-    readonly root: "FxInput__root";
-};
-type DefaultProps = Required<Pick<FxInputProps, 'width' | 'type' | 'value'>>;
-type DefaultizedFxInputProps = DefaultizedProps<FxInputProps, DefaultProps>;
-/** Принимает все свойства `Input`'a */
-export declare class FxInput extends React.Component<FxInputProps> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    static propTypes: {
-        auto: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<string>;
-    };
-    static defaultProps: DefaultProps;
-    private theme;
-    private input;
-    private getProps;
-    private setRootNode;
-    render(): React.JSX.Element;
-    renderMain: (props: CommonWrapperRestProps<DefaultizedFxInputProps>) => React.JSX.Element;
-    /**
-     * @public
-     */
-    focus: () => void;
-    /**
-     * @public
-     */
-    blur: () => void;
-    private refInput;
-}
-export {};
+import React, { AriaAttributes } from 'react';
+import PropTypes from 'prop-types';
+import { Input, InputProps } from '../Input';
+import { CurrencyInput, CurrencyInputProps } from '../CurrencyInput';
+import { DefaultizedProps } from '../../lib/createPropsGetter';
+import { Override } from '../../typings/utility-types';
+import { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';
+export interface FxInputProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps, Override<CurrencyInputProps, {
+    /** Устанавливает авто-режим. */
+    auto?: boolean;
+    /** Задает тип инпута */
+    type?: 'currency' | InputProps['type'];
+    /** Задает функцию, которая вызывается при нажатии на кнопку Restore. */
+    onRestore?: () => void;
+    /** Задает функцию, вызывающуюся при изменении value. */
+    onValueChange: CurrencyInputProps['onValueChange'] | InputProps['onValueChange'];
+    /** Задает значение инпута. */
+    value?: React.ReactText;
+    /** Задает ref инпута. */
+    refInput?: (element: CurrencyInput | Input | null) => void;
+    /** Убирает лишние нули после запятой. */
+    hideTrailingZeros?: boolean;
+    /** Задает атрибут aria-label кнопке восстановления (restore button). */
+    buttonAriaLabel?: AriaAttributes['aria-label'];
+    /** @ignore */
+    corners?: React.CSSProperties;
+}> {
+}
+export declare const FxInputDataTids: {
+    readonly root: "FxInput__root";
+};
+type DefaultProps = Required<Pick<FxInputProps, 'width' | 'type' | 'value'>>;
+type DefaultizedFxInputProps = DefaultizedProps<FxInputProps, DefaultProps>;
+/**
+ * Автополе `FxInput`.
+ *
+ * Используйте `FxInput`, если поле вычисляемое и вы рассчитали значение.
+ *
+ * Принимает все свойства `Input`'a.
+ */
+export declare class FxInput extends React.Component<FxInputProps> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static propTypes: {
+        auto: PropTypes.Requireable<boolean>;
+        type: PropTypes.Requireable<string>;
+    };
+    static defaultProps: DefaultProps;
+    private theme;
+    private input;
+    private getProps;
+    private setRootNode;
+    render(): React.JSX.Element;
+    renderMain: (props: CommonWrapperRestProps<DefaultizedFxInputProps>) => React.JSX.Element;
+    /**
+     * @public
+     */
+    focus: () => void;
+    /**
+     * @public
+     */
+    blur: () => void;
+    private refInput;
+}
+export {};

package/components/FxInput/FxInput.md

@@ -1,3 +1,4 @@
+### Базовый пример
 ```jsx harmony
 const [auto, setAuto] = React.useState(false);
 const [value, setValue] = React.useState();
@@ -15,6 +16,7 @@ function handleRestore() {
 <FxInput auto={auto} value={value} onValueChange={handleValueChange} onRestore={handleRestore} />;
 ```
 
+### Очистка значения
 Очистить значение в `FxInput`'е можно с помощью пустой строки или `undefined`
 ```jsx harmony
 import { Group, Button } from '@skbkontur/react-ui';

package/components/FxInput/FxInputRestoreBtn/FxInputRestoreBtn.js

@@ -39,7 +39,7 @@ export var FxInputRestoreBtn = function FxInputRestoreBtn(props) {
       corners: _extends({
         borderTopRightRadius: 0,
         borderBottomRightRadius: 0
-      }, buttonCorners),
+      }, buttonCorners, props.corners),
       icon: iconUndo,
       "aria-label": props['aria-label']
     })

package/components/FxInput/FxInputRestoreBtn/FxInputRestoreBtn.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","Input","ThemeContext","Button","UndoIcon","FxInputRestoreBtn","props","theme","size","defaultProps","iconSizes","small","parseInt","inputIconSizeSmall","medium","inputIconSizeMedium","large","inputIconSizeLarge","cornersSizes","borderTopLeftRadius","inputBorderRadiusSmall","borderBottomLeftRadius","inputBorderRadiusMedium","inputBorderRadiusLarge","buttonCorners","iconUndo","createElement","onClick","onRestore","borderless","disabled","corners","_extends","borderTopRightRadius","borderBottomRightRadius","icon"],"sources":["FxInputRestoreBtn.tsx"],"sourcesContent":["import React, { AriaAttributes, useContext } from 'react';\n\nimport { Input } from '../Input';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Button } from '../Button';\nimport { SizeProp } from '../../lib/types/props';\n\nimport { UndoIcon } from './UndoIcon';\nimport { FxInputProps } from './FxInput';\n\ninterface FxInputRestoreBtnProps\n  extends Pick<AriaAttributes, 'aria-label'>,\n    Pick<FxInputProps, 'size' | 'onRestore' | 'borderless' | 'disabled'> {}\n\nexport const FxInputRestoreBtn: React.FunctionComponent<FxInputRestoreBtnProps> = (props) => {\n  const theme = useContext(ThemeContext);\n\n  const size = props.size || Input.defaultProps.size;\n\n  const iconSizes: Record<SizeProp, number> = {\n    small: parseInt(theme.inputIconSizeSmall),\n    medium: parseInt(theme.inputIconSizeMedium),\n    large: parseInt(theme.inputIconSizeLarge),\n  };\n  const cornersSizes: Record<SizeProp, React.CSSProperties> = {\n    small: {\n      borderTopLeftRadius: theme.inputBorderRadiusSmall,\n      borderBottomLeftRadius: theme.inputBorderRadiusSmall,\n    },\n    medium: {\n      borderTopLeftRadius: theme.inputBorderRadiusMedium,\n      borderBottomLeftRadius: theme.inputBorderRadiusMedium,\n    },\n    large: {\n      borderTopLeftRadius: theme.inputBorderRadiusLarge,\n      borderBottomLeftRadius: theme.inputBorderRadiusLarge,\n    },\n  };\n  const buttonCorners = cornersSizes[size];\n  const iconUndo = <UndoIcon size={iconSizes[size]} />;\n\n  return (\n    <Button\n      size={props.size}\n      onClick={props.onRestore}\n      borderless={props.borderless}\n      disabled={props.disabled}\n      corners={{\n        borderTopRightRadius: 0,\n        borderBottomRightRadius: 0,\n        ...buttonCorners,\n      }}\n      icon={iconUndo}\n      aria-label={props['aria-label']}\n    />\n  );\n};\n"],"mappings":"0DAAA,OAAOA,KAAK,IAAoBC,UAAU,QAAQ,OAAO;;AAEzD,SAASC,KAAK,QAAQ,UAAU;AAChC,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,MAAM,QAAQ,WAAW;;;AAGlC,SAASC,QAAQ,QAAQ,YAAY;;;;;;;AAOrC,OAAO,IAAMC,iBAAkE,GAAG,SAArEA,iBAAkEA,CAAIC,KAAK,EAAK;EAC3F,IAAMC,KAAK,GAAGP,UAAU,CAACE,YAAY,CAAC;;EAEtC,IAAMM,IAAI,GAAGF,KAAK,CAACE,IAAI,IAAIP,KAAK,CAACQ,YAAY,CAACD,IAAI;;EAElD,IAAME,SAAmC,GAAG;IAC1CC,KAAK,EAAEC,QAAQ,CAACL,KAAK,CAACM,kBAAkB,CAAC;IACzCC,MAAM,EAAEF,QAAQ,CAACL,KAAK,CAACQ,mBAAmB,CAAC;IAC3CC,KAAK,EAAEJ,QAAQ,CAACL,KAAK,CAACU,kBAAkB;EAC1C,CAAC;EACD,IAAMC,YAAmD,GAAG;IAC1DP,KAAK,EAAE;MACLQ,mBAAmB,EAAEZ,KAAK,CAACa,sBAAsB;MACjDC,sBAAsB,EAAEd,KAAK,CAACa;IAChC,CAAC;IACDN,MAAM,EAAE;MACNK,mBAAmB,EAAEZ,KAAK,CAACe,uBAAuB;MAClDD,sBAAsB,EAAEd,KAAK,CAACe;IAChC,CAAC;IACDN,KAAK,EAAE;MACLG,mBAAmB,EAAEZ,KAAK,CAACgB,sBAAsB;MACjDF,sBAAsB,EAAEd,KAAK,CAACgB;IAChC;EACF,CAAC;EACD,IAAMC,aAAa,GAAGN,YAAY,CAACV,IAAI,CAAC;EACxC,IAAMiB,QAAQ,gBAAG1B,KAAA,CAAA2B,aAAA,CAACtB,QAAQ,IAACI,IAAI,EAAEE,SAAS,CAACF,IAAI,CAAE,EAAE,CAAC;;EAEpD;IACET,KAAA,CAAA2B,aAAA,CAACvB,MAAM;MACLK,IAAI,EAAEF,KAAK,CAACE,IAAK;MACjBmB,OAAO,EAAErB,KAAK,CAACsB,SAAU;MACzBC,UAAU,EAAEvB,KAAK,CAACuB,UAAW;MAC7BC,QAAQ,EAAExB,KAAK,CAACwB,QAAS;MACzBC,OAAO,EAAAC,QAAA;QACLC,oBAAoB,EAAE,CAAC;QACvBC,uBAAuB,EAAE,CAAC;MACvBV,aAAa,CAChB;;MACFW,IAAI,EAAEV,QAAS;MACf,cAAYnB,KAAK,CAAC,YAAY,CAAE;IACjC,CAAC;;AAEN,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useContext","Input","ThemeContext","Button","UndoIcon","FxInputRestoreBtn","props","theme","size","defaultProps","iconSizes","small","parseInt","inputIconSizeSmall","medium","inputIconSizeMedium","large","inputIconSizeLarge","cornersSizes","borderTopLeftRadius","inputBorderRadiusSmall","borderBottomLeftRadius","inputBorderRadiusMedium","inputBorderRadiusLarge","buttonCorners","iconUndo","createElement","onClick","onRestore","borderless","disabled","corners","_extends","borderTopRightRadius","borderBottomRightRadius","icon"],"sources":["FxInputRestoreBtn.tsx"],"sourcesContent":["import React, { AriaAttributes, useContext } from 'react';\n\nimport { Input } from '../Input';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Button } from '../Button';\nimport { SizeProp } from '../../lib/types/props';\n\nimport { UndoIcon } from './UndoIcon';\nimport { FxInputProps } from './FxInput';\n\ninterface FxInputRestoreBtnProps\n  extends Pick<AriaAttributes, 'aria-label'>,\n    Pick<FxInputProps, 'size' | 'onRestore' | 'borderless' | 'disabled'> {\n  /** @ignore */\n  corners?: React.CSSProperties;\n}\n\nexport const FxInputRestoreBtn: React.FunctionComponent<FxInputRestoreBtnProps> = (props) => {\n  const theme = useContext(ThemeContext);\n\n  const size = props.size || Input.defaultProps.size;\n\n  const iconSizes: Record<SizeProp, number> = {\n    small: parseInt(theme.inputIconSizeSmall),\n    medium: parseInt(theme.inputIconSizeMedium),\n    large: parseInt(theme.inputIconSizeLarge),\n  };\n  const cornersSizes: Record<SizeProp, React.CSSProperties> = {\n    small: {\n      borderTopLeftRadius: theme.inputBorderRadiusSmall,\n      borderBottomLeftRadius: theme.inputBorderRadiusSmall,\n    },\n    medium: {\n      borderTopLeftRadius: theme.inputBorderRadiusMedium,\n      borderBottomLeftRadius: theme.inputBorderRadiusMedium,\n    },\n    large: {\n      borderTopLeftRadius: theme.inputBorderRadiusLarge,\n      borderBottomLeftRadius: theme.inputBorderRadiusLarge,\n    },\n  };\n  const buttonCorners = cornersSizes[size];\n  const iconUndo = <UndoIcon size={iconSizes[size]} />;\n\n  return (\n    <Button\n      size={props.size}\n      onClick={props.onRestore}\n      borderless={props.borderless}\n      disabled={props.disabled}\n      corners={{\n        borderTopRightRadius: 0,\n        borderBottomRightRadius: 0,\n        ...buttonCorners,\n        ...props.corners,\n      }}\n      icon={iconUndo}\n      aria-label={props['aria-label']}\n    />\n  );\n};\n"],"mappings":"0DAAA,OAAOA,KAAK,IAAoBC,UAAU,QAAQ,OAAO;;AAEzD,SAASC,KAAK,QAAQ,UAAU;AAChC,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,MAAM,QAAQ,WAAW;;;AAGlC,SAASC,QAAQ,QAAQ,YAAY;;;;;;;;;;AAUrC,OAAO,IAAMC,iBAAkE,GAAG,SAArEA,iBAAkEA,CAAIC,KAAK,EAAK;EAC3F,IAAMC,KAAK,GAAGP,UAAU,CAACE,YAAY,CAAC;;EAEtC,IAAMM,IAAI,GAAGF,KAAK,CAACE,IAAI,IAAIP,KAAK,CAACQ,YAAY,CAACD,IAAI;;EAElD,IAAME,SAAmC,GAAG;IAC1CC,KAAK,EAAEC,QAAQ,CAACL,KAAK,CAACM,kBAAkB,CAAC;IACzCC,MAAM,EAAEF,QAAQ,CAACL,KAAK,CAACQ,mBAAmB,CAAC;IAC3CC,KAAK,EAAEJ,QAAQ,CAACL,KAAK,CAACU,kBAAkB;EAC1C,CAAC;EACD,IAAMC,YAAmD,GAAG;IAC1DP,KAAK,EAAE;MACLQ,mBAAmB,EAAEZ,KAAK,CAACa,sBAAsB;MACjDC,sBAAsB,EAAEd,KAAK,CAACa;IAChC,CAAC;IACDN,MAAM,EAAE;MACNK,mBAAmB,EAAEZ,KAAK,CAACe,uBAAuB;MAClDD,sBAAsB,EAAEd,KAAK,CAACe;IAChC,CAAC;IACDN,KAAK,EAAE;MACLG,mBAAmB,EAAEZ,KAAK,CAACgB,sBAAsB;MACjDF,sBAAsB,EAAEd,KAAK,CAACgB;IAChC;EACF,CAAC;EACD,IAAMC,aAAa,GAAGN,YAAY,CAACV,IAAI,CAAC;EACxC,IAAMiB,QAAQ,gBAAG1B,KAAA,CAAA2B,aAAA,CAACtB,QAAQ,IAACI,IAAI,EAAEE,SAAS,CAACF,IAAI,CAAE,EAAE,CAAC;;EAEpD;IACET,KAAA,CAAA2B,aAAA,CAACvB,MAAM;MACLK,IAAI,EAAEF,KAAK,CAACE,IAAK;MACjBmB,OAAO,EAAErB,KAAK,CAACsB,SAAU;MACzBC,UAAU,EAAEvB,KAAK,CAACuB,UAAW;MAC7BC,QAAQ,EAAExB,KAAK,CAACwB,QAAS;MACzBC,OAAO,EAAAC,QAAA;QACLC,oBAAoB,EAAE,CAAC;QACvBC,uBAAuB,EAAE,CAAC;MACvBV,aAAa;MACblB,KAAK,CAACyB,OAAO,CAChB;;MACFI,IAAI,EAAEV,QAAS;MACf,cAAYnB,KAAK,CAAC,YAAY,CAAE;IACjC,CAAC;;AAEN,CAAC","ignoreList":[]}