@skbkontur/react-ui 0.0.0-d49c4902ee → 0.0.0-d560679cdd

package/components/Checkbox/Checkbox.d.ts

@@ -1,108 +1,99 @@
-import React, { AriaAttributes } from 'react';
-import PropTypes from 'prop-types';
-import { Override } from '../../typings/utility-types';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { SizeProp } from '../../lib/types/props';
-export interface CheckboxProps extends CommonProps, Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>, Override<React.InputHTMLAttributes<HTMLInputElement>, {
-    /** @ignore */
-    children?: React.ReactNode;
-    /** Переводит контрол в состояние валидации "ошибка". */
-    error?: boolean;
-    /** Переводит контрол в состояние валидации "предупреждение". */
-    warning?: boolean;
-    /** Задает размер. */
-    size?: SizeProp;
-    /** Задает HTML-событие `onmouseenter`.
-     * @ignore */
-    onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;
-    /** Задает HTML-событие `onmouseleave`.
-     * @ignore */
-    onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;
-    /** Задает HTML-событие `onmouseover`.
-     * @ignore */
-    onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;
-    /** Задает функцию, вызывающуюся при изменении value. */
-    onValueChange?: (value: boolean) => void;
-    /** Задает HTML-событие `onblur`.
-     * @ignore */
-    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
-    /** Устанавливает начальное [неопределенное состояние чекбокса](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#attr-indeterminate). */
-    initialIndeterminate?: boolean;
-}> {
-}
-export interface CheckboxState {
-    focusedByTab: boolean;
-    indeterminate: boolean;
-    isShiftPressed: boolean;
-}
-export declare const CheckboxDataTids: {
-    readonly root: "Checkbox__root";
-};
-type DefaultProps = Required<Pick<CheckboxProps, 'size'>>;
-/**
- * `Checkbox` используется для управления параметром с двумя состояниями.
- *
- * Чекбокс не запускает действие немедленно. Как правило, для этого нужно нажать подтверждающую кнопку.
- * Для немедленного включения какого-то режима в интерфейсе лучше подходит Toggle.
- */
-export declare class Checkbox extends React.PureComponent<CheckboxProps, CheckboxState> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    static defaultProps: DefaultProps;
-    private getProps;
-    private getRootSizeClassName;
-    private getBoxWrapperSizeClassName;
-    private getCheckboxBoxSize;
-    static propTypes: {
-        checked: PropTypes.Requireable<boolean>;
-        disabled: PropTypes.Requireable<boolean>;
-        error: PropTypes.Requireable<boolean>;
-        warning: PropTypes.Requireable<boolean>;
-        onValueChange: PropTypes.Requireable<(...args: any[]) => any>;
-        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseOver: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    state: {
-        focusedByTab: boolean;
-        indeterminate: boolean;
-        isShiftPressed: boolean;
-    };
-    private theme;
-    private input;
-    private handleShiftPress;
-    private handleShiftRelease;
-    componentDidMount: () => void;
-    componentWillUnmount: () => void;
-    private setRootNode;
-    componentDidUpdate(prevProps: CheckboxProps): void;
-    render(): React.JSX.Element;
-    /**
-     * Программная установка фокуса чекбоксу.
-     * @public
-     */
-    focus(): void;
-    /**
-     * Программное снятие фокуса с чекбокса.
-     * @public
-     */
-    blur(): void;
-    /**
-     * Устанавливает чекбокс в HTML-состояние `indeterminate`.
-     * @public
-     */
-    setIndeterminate: () => void;
-    /**
-     * Снимает с чекбокса HTML-состояние `indeterminate`.
-     * @public
-     */
-    resetIndeterminate: () => void;
-    private renderMain;
-    private handleFocus;
-    private resetFocus;
-    private handleBlur;
-    private handleChange;
-    private handleClick;
-}
-export {};
+import type { AriaAttributes } from 'react';
+import React from 'react';
+import type { Override } from '../../typings/utility-types';
+import type { CommonProps } from '../../internal/CommonWrapper';
+import type { TGetRootNode } from '../../lib/rootNode';
+import type { SizeProp } from '../../lib/types/props';
+export interface CheckboxProps extends CommonProps, Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>, Override<React.InputHTMLAttributes<HTMLInputElement>, {
+    /** @ignore */
+    children?: React.ReactNode;
+    /** Переводит контрол в состояние валидации "ошибка". */
+    error?: boolean;
+    /** Переводит контрол в состояние валидации "предупреждение". */
+    warning?: boolean;
+    /** Задает размер. */
+    size?: SizeProp;
+    /** Задает HTML-событие `onmouseenter`.
+     * @ignore */
+    onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;
+    /** Задает HTML-событие `onmouseleave`.
+     * @ignore */
+    onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;
+    /** Задает HTML-событие `onmouseover`.
+     * @ignore */
+    onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;
+    /** Задает функцию, вызывающуюся при изменении value. */
+    onValueChange?: (value: boolean) => void;
+    /** Задает HTML-событие `onblur`.
+     * @ignore */
+    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    /** Устанавливает начальное [неопределенное состояние чекбокса](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#attr-indeterminate). */
+    initialIndeterminate?: boolean;
+}> {
+}
+export interface CheckboxState {
+    focusedByTab: boolean;
+    indeterminate: boolean;
+    isShiftPressed: boolean;
+}
+export declare const CheckboxDataTids: {
+    readonly root: "Checkbox__root";
+};
+type DefaultProps = Required<Pick<CheckboxProps, 'size'>>;
+/**
+ * `Checkbox` используется для управления параметром с двумя состояниями.
+ *
+ * Чекбокс не запускает действие немедленно. Как правило, для этого нужно нажать подтверждающую кнопку.
+ * Для немедленного включения какого-то режима в интерфейсе лучше подходит Toggle.
+ */
+export declare class Checkbox extends React.PureComponent<CheckboxProps, CheckboxState> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static defaultProps: DefaultProps;
+    private getProps;
+    private getRootSizeClassName;
+    private getBoxWrapperSizeClassName;
+    private getCheckboxBoxSize;
+    state: {
+        focusedByTab: boolean;
+        indeterminate: boolean;
+        isShiftPressed: boolean;
+    };
+    private theme;
+    private input;
+    private handleShiftPress;
+    private handleShiftRelease;
+    componentDidMount: () => void;
+    componentWillUnmount: () => void;
+    getRootNode: TGetRootNode;
+    private setRootNode;
+    componentDidUpdate(prevProps: CheckboxProps): void;
+    render(): React.JSX.Element;
+    /**
+     * Программная установка фокуса чекбоксу.
+     * @public
+     */
+    focus(): void;
+    /**
+     * Программное снятие фокуса с чекбокса.
+     * @public
+     */
+    blur(): void;
+    /**
+     * Устанавливает чекбокс в HTML-состояние `indeterminate`.
+     * @public
+     */
+    setIndeterminate: () => void;
+    /**
+     * Снимает с чекбокса HTML-состояние `indeterminate`.
+     * @public
+     */
+    resetIndeterminate: () => void;
+    private renderMain;
+    private handleFocus;
+    private resetFocus;
+    private handleBlur;
+    private handleChange;
+    private handleClick;
+}
+export {};

package/components/Checkbox/Checkbox.mixins.d.ts

@@ -1,2 +1,2 @@
-export declare const checkboxSizeMixin: (fontSize: string, lineHeight: string, paddingY: string, checkboxBoxSize: string) => string;
-export declare const boxWrapperSizeMixin: (labGrotesqueBaselineCompensation: string, fontSize: string, checkboxBoxSize: string, checkboxBoxOffsetY: string) => string;
+export declare const checkboxSizeMixin: (fontSize: string, lineHeight: string, paddingY: string, checkboxBoxSize: string) => string;
+export declare const boxWrapperSizeMixin: (labGrotesqueBaselineCompensation: string, fontSize: string, checkboxBoxSize: string, checkboxBoxOffsetY: string) => string;

package/components/Checkbox/Checkbox.styles/Checkbox.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","prefix","boxWrapperSizeMixin","checkboxSizeMixin","globalClasses","box","styles","root","t","_templateObject","_taggedTemplateLiteralLoose","transitionDuration","transitionTimingFunction","checkboxHoverBg","checkboxShadowHover","checkboxShadowActive","checkboxActiveBg","rootSmall","_templateObject2","checkboxFontSizeSmall","checkboxLineHeightSmall","checkboxPaddingYSmall","checkboxBoxSizeSmall","rootMedium","_templateObject3","checkboxFontSizeMedium","checkboxLineHeightMedium","checkboxPaddingYMedium","checkboxBoxSizeMedium","rootLarge","_templateObject4","checkboxFontSizeLarge","checkboxLineHeightLarge","checkboxPaddingYLarge","checkboxBoxSizeLarge","rootDisableTextSelect","_templateObject5","rootChecked","_templateObject6","checkboxCheckedHoverShadow","checkboxCheckedHoverBg","checkboxCheckedActiveBg","checkboxCheckedActiveShadow","rootFallback","_templateObject7","rootWrapperIE11","_templateObject8","boxWrapper","_templateObject9","checkboxBorderWidth","boxWrapperSmall","_templateObject10","labGrotesqueBaselineCompensation","checkboxBoxOffsetY","boxWrapperMedium","_templateObject11","boxWrapperLarge","_templateObject12","_templateObject13","checkboxTextColorDefault","checkboxShadow","checkboxBg","checkboxBorderRadius","input","_templateObject14","boxWarning","_templateObject15","checkboxOutlineColorFocus","checkboxOutlineWidth","checkboxBorderColorWarning","boxError","_templateObject16","checkboxBorderColorError","boxChecked","_templateObject17","checkboxCheckedBg","checkboxCheckedColor","checkboxCheckedShadow","boxFocus","_templateObject18","checkboxBorderColorFocus","boxDisabled","_templateObject19","checkboxShadowDisabled","checkboxBgDisabled","checkboxTextColorDisabled","disabled","_templateObject20","icon","_templateObject21","iconUnchecked","_templateObject22","caption","_templateObject23","checkboxCaptionGap","captionIE11","_templateObject24"],"sources":["Checkbox.styles.ts"],"sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { boxWrapperSizeMixin, checkboxSizeMixin } from './Checkbox.mixins';\n\nexport const globalClasses = prefix('checkbox')({\n  box: 'box',\n});\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      display: inline-flex;\n      align-items: baseline;\n      cursor: pointer;\n      position: relative;\n\n      &::before {\n        // non-breaking space.\n        // makes a correct space for absolutely positioned box,\n        // and also height and baseline for checkbox without caption.\n        content: '\\\\00A0';\n        display: inline-block;\n        flex: 0 0 auto;\n      }\n\n      .${globalClasses.box} {\n        transition:\n          background ${t.transitionDuration} ${t.transitionTimingFunction},\n          box-shadow ${t.transitionDuration} ${t.transitionTimingFunction};\n      }\n\n      &:hover .${globalClasses.box} {\n        background: ${t.checkboxHoverBg};\n        box-shadow: ${t.checkboxShadowHover};\n      }\n\n      &:active .${globalClasses.box} {\n        box-shadow: ${t.checkboxShadowActive};\n        background: ${t.checkboxActiveBg};\n      }\n    `;\n  },\n\n  rootSmall(t: Theme) {\n    return css`\n      ${checkboxSizeMixin(\n        t.checkboxFontSizeSmall,\n        t.checkboxLineHeightSmall,\n        t.checkboxPaddingYSmall,\n        t.checkboxBoxSizeSmall,\n      )};\n    `;\n  },\n\n  rootMedium(t: Theme) {\n    return css`\n      ${checkboxSizeMixin(\n        t.checkboxFontSizeMedium,\n        t.checkboxLineHeightMedium,\n        t.checkboxPaddingYMedium,\n        t.checkboxBoxSizeMedium,\n      )};\n    `;\n  },\n\n  rootLarge(t: Theme) {\n    return css`\n      ${checkboxSizeMixin(\n        t.checkboxFontSizeLarge,\n        t.checkboxLineHeightLarge,\n        t.checkboxPaddingYLarge,\n        t.checkboxBoxSizeLarge,\n      )};\n    `;\n  },\n\n  rootDisableTextSelect() {\n    return css`\n      user-select: none;\n    `;\n  },\n\n  rootChecked(t: Theme) {\n    return css`\n      &:hover .${globalClasses.box} {\n        box-shadow: ${t.checkboxCheckedHoverShadow};\n        background: ${t.checkboxCheckedHoverBg};\n      }\n\n      &:active .${globalClasses.box} {\n        background: ${t.checkboxCheckedActiveBg};\n        box-shadow: ${t.checkboxCheckedActiveShadow};\n      }\n    `;\n  },\n\n  rootFallback() {\n    return css`\n      display: inline-table;\n\n      & > * {\n        // fix root's :active state in IE11 that gets blocked by nested elements\n        pointer-events: none;\n      }\n    `;\n  },\n\n  rootWrapperIE11() {\n    return css`\n      display: inline;\n    `;\n  },\n\n  boxWrapper(t: Theme) {\n    return css`\n      position: absolute;\n      box-sizing: border-box;\n      padding: ${t.checkboxBorderWidth};\n\n      // fix position in ie11\n      display: inline-block;\n      left: 0;\n    )};\n    `;\n  },\n\n  boxWrapperSmall(t: Theme) {\n    return css`\n      ${boxWrapperSizeMixin(\n        t.labGrotesqueBaselineCompensation,\n        t.checkboxFontSizeSmall,\n        t.checkboxBoxSizeSmall,\n        t.checkboxBoxOffsetY,\n      )};\n    `;\n  },\n\n  boxWrapperMedium(t: Theme) {\n    return css`\n      ${boxWrapperSizeMixin(\n        t.labGrotesqueBaselineCompensation,\n        t.checkboxFontSizeMedium,\n        t.checkboxBoxSizeMedium,\n        t.checkboxBoxOffsetY,\n      )};\n    `;\n  },\n\n  boxWrapperLarge(t: Theme) {\n    return css`\n      ${boxWrapperSizeMixin(\n        t.labGrotesqueBaselineCompensation,\n        t.checkboxFontSizeLarge,\n        t.checkboxBoxSizeLarge,\n        t.checkboxBoxOffsetY,\n      )};\n    `;\n  },\n\n  box(t: Theme) {\n    return css`\n      color: ${t.checkboxTextColorDefault};\n      box-shadow: ${t.checkboxShadow};\n      background: ${t.checkboxBg};\n      border-radius: ${t.checkboxBorderRadius};\n      height: 100%;\n    `;\n  },\n\n  input() {\n    return css`\n      display: inline-block;\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n      z-index: -1;\n    `;\n  },\n\n  boxWarning(t: Theme) {\n    return css`\n      box-shadow:\n        inset 0 0 0 1px ${t.checkboxOutlineColorFocus},\n        0 0 0 ${t.checkboxOutlineWidth} ${t.checkboxBorderColorWarning} !important; // override hover and active\n    `;\n  },\n\n  boxError(t: Theme) {\n    return css`\n      box-shadow:\n        inset 0 0 0 1px ${t.checkboxOutlineColorFocus},\n        0 0 0 ${t.checkboxOutlineWidth} ${t.checkboxBorderColorError} !important; // override hover and active\n    `;\n  },\n\n  boxChecked(t: Theme) {\n    return css`\n      background: ${t.checkboxCheckedBg};\n      color: ${t.checkboxCheckedColor};\n      box-shadow: ${t.checkboxCheckedShadow};\n    `;\n  },\n\n  boxFocus(t: Theme) {\n    return css`\n      box-shadow:\n        inset 0 0 0 1px ${t.checkboxOutlineColorFocus},\n        0 0 0 ${t.checkboxOutlineWidth} ${t.checkboxBorderColorFocus} !important; // override hover and active\n    `;\n  },\n\n  boxDisabled(t: Theme) {\n    return css`\n      box-shadow: ${t.checkboxShadowDisabled} !important; // override hover and active\n      background: ${t.checkboxBgDisabled} !important; // override hover and active\n      color: ${t.checkboxTextColorDisabled};\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      color: ${t.checkboxTextColorDisabled};\n      cursor: default;\n    `;\n  },\n\n  icon() {\n    return css`\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    `;\n  },\n\n  iconUnchecked() {\n    return css`\n      color: transparent;\n    `;\n  },\n\n  caption(t: Theme) {\n    return css`\n      color: ${t.checkboxTextColorDefault};\n      padding-left: ${t.checkboxCaptionGap};\n    `;\n  },\n\n  captionIE11() {\n    return css`\n      display: table-cell;\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","prefix","boxWrapperSizeMixin","checkboxSizeMixin","globalClasses","box","styles","root","t","_templateObject","_taggedTemplateLiteralLoose","transitionDuration","transitionTimingFunction","checkboxHoverBg","checkboxShadowHover","checkboxShadowActive","checkboxActiveBg","rootSmall","_templateObject2","checkboxFontSizeSmall","checkboxLineHeightSmall","checkboxPaddingYSmall","checkboxBoxSizeSmall","rootMedium","_templateObject3","checkboxFontSizeMedium","checkboxLineHeightMedium","checkboxPaddingYMedium","checkboxBoxSizeMedium","rootLarge","_templateObject4","checkboxFontSizeLarge","checkboxLineHeightLarge","checkboxPaddingYLarge","checkboxBoxSizeLarge","rootDisableTextSelect","_templateObject5","rootChecked","_templateObject6","checkboxCheckedHoverShadow","checkboxCheckedHoverBg","checkboxCheckedActiveBg","checkboxCheckedActiveShadow","rootFallback","_templateObject7","rootWrapperIE11","_templateObject8","boxWrapper","_templateObject9","checkboxBorderWidth","boxWrapperSmall","_templateObject10","labGrotesqueBaselineCompensation","checkboxBoxOffsetY","boxWrapperMedium","_templateObject11","boxWrapperLarge","_templateObject12","_templateObject13","checkboxTextColorDefault","checkboxShadow","checkboxBg","checkboxBorderRadius","input","_templateObject14","boxWarning","_templateObject15","checkboxOutlineColorFocus","checkboxOutlineWidth","checkboxBorderColorWarning","boxError","_templateObject16","checkboxBorderColorError","boxChecked","_templateObject17","checkboxCheckedBg","checkboxCheckedColor","checkboxCheckedShadow","boxFocus","_templateObject18","checkboxBorderColorFocus","boxDisabled","_templateObject19","checkboxShadowDisabled","checkboxBgDisabled","checkboxTextColorDisabled","disabled","_templateObject20","icon","_templateObject21","iconUnchecked","_templateObject22","caption","_templateObject23","checkboxCaptionGap","captionIE11","_templateObject24"],"sources":["Checkbox.styles.ts"],"sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nimport { boxWrapperSizeMixin, checkboxSizeMixin } from './Checkbox.mixins';\n\nexport const globalClasses = prefix('checkbox')({\n  box: 'box',\n});\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      display: inline-flex;\n      align-items: baseline;\n      cursor: pointer;\n      position: relative;\n\n      &::before {\n        // non-breaking space.\n        // makes a correct space for absolutely positioned box,\n        // and also height and baseline for checkbox without caption.\n        content: '\\\\00A0';\n        display: inline-block;\n        flex: 0 0 auto;\n      }\n\n      .${globalClasses.box} {\n        transition:\n          background ${t.transitionDuration} ${t.transitionTimingFunction},\n          box-shadow ${t.transitionDuration} ${t.transitionTimingFunction};\n      }\n\n      &:hover .${globalClasses.box} {\n        background: ${t.checkboxHoverBg};\n        box-shadow: ${t.checkboxShadowHover};\n      }\n\n      &:active .${globalClasses.box} {\n        box-shadow: ${t.checkboxShadowActive};\n        background: ${t.checkboxActiveBg};\n      }\n    `;\n  },\n\n  rootSmall(t: Theme) {\n    return css`\n      ${checkboxSizeMixin(\n        t.checkboxFontSizeSmall,\n        t.checkboxLineHeightSmall,\n        t.checkboxPaddingYSmall,\n        t.checkboxBoxSizeSmall,\n      )};\n    `;\n  },\n\n  rootMedium(t: Theme) {\n    return css`\n      ${checkboxSizeMixin(\n        t.checkboxFontSizeMedium,\n        t.checkboxLineHeightMedium,\n        t.checkboxPaddingYMedium,\n        t.checkboxBoxSizeMedium,\n      )};\n    `;\n  },\n\n  rootLarge(t: Theme) {\n    return css`\n      ${checkboxSizeMixin(\n        t.checkboxFontSizeLarge,\n        t.checkboxLineHeightLarge,\n        t.checkboxPaddingYLarge,\n        t.checkboxBoxSizeLarge,\n      )};\n    `;\n  },\n\n  rootDisableTextSelect() {\n    return css`\n      user-select: none;\n    `;\n  },\n\n  rootChecked(t: Theme) {\n    return css`\n      &:hover .${globalClasses.box} {\n        box-shadow: ${t.checkboxCheckedHoverShadow};\n        background: ${t.checkboxCheckedHoverBg};\n      }\n\n      &:active .${globalClasses.box} {\n        background: ${t.checkboxCheckedActiveBg};\n        box-shadow: ${t.checkboxCheckedActiveShadow};\n      }\n    `;\n  },\n\n  rootFallback() {\n    return css`\n      display: inline-table;\n\n      & > * {\n        // fix root's :active state in IE11 that gets blocked by nested elements\n        pointer-events: none;\n      }\n    `;\n  },\n\n  rootWrapperIE11() {\n    return css`\n      display: inline;\n    `;\n  },\n\n  boxWrapper(t: Theme) {\n    return css`\n      position: absolute;\n      box-sizing: border-box;\n      padding: ${t.checkboxBorderWidth};\n\n      // fix position in ie11\n      display: inline-block;\n      left: 0;\n    )};\n    `;\n  },\n\n  boxWrapperSmall(t: Theme) {\n    return css`\n      ${boxWrapperSizeMixin(\n        t.labGrotesqueBaselineCompensation,\n        t.checkboxFontSizeSmall,\n        t.checkboxBoxSizeSmall,\n        t.checkboxBoxOffsetY,\n      )};\n    `;\n  },\n\n  boxWrapperMedium(t: Theme) {\n    return css`\n      ${boxWrapperSizeMixin(\n        t.labGrotesqueBaselineCompensation,\n        t.checkboxFontSizeMedium,\n        t.checkboxBoxSizeMedium,\n        t.checkboxBoxOffsetY,\n      )};\n    `;\n  },\n\n  boxWrapperLarge(t: Theme) {\n    return css`\n      ${boxWrapperSizeMixin(\n        t.labGrotesqueBaselineCompensation,\n        t.checkboxFontSizeLarge,\n        t.checkboxBoxSizeLarge,\n        t.checkboxBoxOffsetY,\n      )};\n    `;\n  },\n\n  box(t: Theme) {\n    return css`\n      color: ${t.checkboxTextColorDefault};\n      box-shadow: ${t.checkboxShadow};\n      background: ${t.checkboxBg};\n      border-radius: ${t.checkboxBorderRadius};\n      height: 100%;\n    `;\n  },\n\n  input() {\n    return css`\n      display: inline-block;\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n      z-index: -1;\n    `;\n  },\n\n  boxWarning(t: Theme) {\n    return css`\n      box-shadow:\n        inset 0 0 0 1px ${t.checkboxOutlineColorFocus},\n        0 0 0 ${t.checkboxOutlineWidth} ${t.checkboxBorderColorWarning} !important; // override hover and active\n    `;\n  },\n\n  boxError(t: Theme) {\n    return css`\n      box-shadow:\n        inset 0 0 0 1px ${t.checkboxOutlineColorFocus},\n        0 0 0 ${t.checkboxOutlineWidth} ${t.checkboxBorderColorError} !important; // override hover and active\n    `;\n  },\n\n  boxChecked(t: Theme) {\n    return css`\n      background: ${t.checkboxCheckedBg};\n      color: ${t.checkboxCheckedColor};\n      box-shadow: ${t.checkboxCheckedShadow};\n    `;\n  },\n\n  boxFocus(t: Theme) {\n    return css`\n      box-shadow:\n        inset 0 0 0 1px ${t.checkboxOutlineColorFocus},\n        0 0 0 ${t.checkboxOutlineWidth} ${t.checkboxBorderColorFocus} !important; // override hover and active\n    `;\n  },\n\n  boxDisabled(t: Theme) {\n    return css`\n      box-shadow: ${t.checkboxShadowDisabled} !important; // override hover and active\n      background: ${t.checkboxBgDisabled} !important; // override hover and active\n      color: ${t.checkboxTextColorDisabled};\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      color: ${t.checkboxTextColorDisabled};\n      cursor: default;\n    `;\n  },\n\n  icon() {\n    return css`\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    `;\n  },\n\n  iconUnchecked() {\n    return css`\n      color: transparent;\n    `;\n  },\n\n  caption(t: Theme) {\n    return css`\n      color: ${t.checkboxTextColorDefault};\n      padding-left: ${t.checkboxCaptionGap};\n    `;\n  },\n\n  captionIE11() {\n    return css`\n      display: table-cell;\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}

package/components/Checkbox/Checkbox.styles.d.ts

@@ -1,30 +1,30 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const globalClasses: {
-    box: string;
-};
-export declare const styles: {
-    root(t: Theme): string;
-    rootSmall(t: Theme): string;
-    rootMedium(t: Theme): string;
-    rootLarge(t: Theme): string;
-    rootDisableTextSelect(): string;
-    rootChecked(t: Theme): string;
-    rootFallback(): string;
-    rootWrapperIE11(): string;
-    boxWrapper(t: Theme): string;
-    boxWrapperSmall(t: Theme): string;
-    boxWrapperMedium(t: Theme): string;
-    boxWrapperLarge(t: Theme): string;
-    box(t: Theme): string;
-    input(): string;
-    boxWarning(t: Theme): string;
-    boxError(t: Theme): string;
-    boxChecked(t: Theme): string;
-    boxFocus(t: Theme): string;
-    boxDisabled(t: Theme): string;
-    disabled(t: Theme): string;
-    icon(): string;
-    iconUnchecked(): string;
-    caption(t: Theme): string;
-    captionIE11(): string;
-};
+import type { Theme } from '../../lib/theming/Theme';
+export declare const globalClasses: {
+    box: string;
+};
+export declare const styles: {
+    root(t: Theme): string;
+    rootSmall(t: Theme): string;
+    rootMedium(t: Theme): string;
+    rootLarge(t: Theme): string;
+    rootDisableTextSelect(): string;
+    rootChecked(t: Theme): string;
+    rootFallback(): string;
+    rootWrapperIE11(): string;
+    boxWrapper(t: Theme): string;
+    boxWrapperSmall(t: Theme): string;
+    boxWrapperMedium(t: Theme): string;
+    boxWrapperLarge(t: Theme): string;
+    box(t: Theme): string;
+    input(): string;
+    boxWarning(t: Theme): string;
+    boxError(t: Theme): string;
+    boxChecked(t: Theme): string;
+    boxFocus(t: Theme): string;
+    boxDisabled(t: Theme): string;
+    disabled(t: Theme): string;
+    icon(): string;
+    iconUnchecked(): string;
+    caption(t: Theme): string;
+    captionIE11(): string;
+};

package/components/Checkbox/CheckedIcon.d.ts

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

package/components/Checkbox/IndeterminateIcon.d.ts

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

package/components/Checkbox/index.d.ts

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

package/components/ComboBox/ComboBox/ComboBox.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","CustomComboBox","rootNode","createPropsGetter","ComboBox","_class","_ComboBox","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","comboboxElement","customComboBoxRef","element","setRootNode","_inheritsLoose","_proto","prototype","focus","opts","blur","search","query","cancelSearch","open","close","selectInputText","reset","render","createElement","_extends","size","props","ref","Component","__KONTUR_REACT_UI__","displayName","itemToValue","item","value","valueToString","label","renderValue","renderItem","menuAlign","searchOnFocus","drawArrow","showClearIcon"],"sources":["ComboBox.tsx"],"sourcesContent":["import React, { AriaAttributes, HTMLAttributes } from 'react';\n\nimport { CustomComboBox } from '../../internal/CustomComboBox';\nimport { Nullable } from '../../typings/utility-types';\nimport { MenuItemState } from '../MenuItem';\nimport { InputIconType, ShowClearIcon } from '../Input';\nimport { CommonProps } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { SizeProp } from '../../lib/types/props';\n\nexport interface ComboBoxProps<T>\n  extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'>,\n    CommonProps {\n  /** Показывать иконку очистки значения в непустом поле:\n   * - `always` — всегда показывать иконку\n   * - `auto` — показывать иконку при hover/focus\n   * - `never` — не показывать иконку\n   * При одновременной настройке `showClearIcon` и `rightIcon` показывается иконка очистки.\n   * @default never */\n  showClearIcon?: ShowClearIcon;\n\n  /** Задает выравнивание контента. */\n  align?: 'left' | 'center' | 'right';\n\n  /** Вызывает функцию поиска getItems при фокусе и очистке поля ввода. */\n  searchOnFocus?: boolean;\n\n  /** Отображает справа иконку в виде стрелки. */\n  drawArrow?: boolean;\n\n  /** Устанавливает фокус на контроле после окончания загрузки страницы. */\n  autoFocus?: boolean;\n\n  /** Убирает обводку. */\n  borderless?: boolean;\n\n  /** Отключает использование портала для рендеринга меню.\n   * См. https://github.com/skbkontur/retail-ui/issues/15 */\n  disablePortal?: boolean;\n\n  /** Делает компонент недоступным. */\n  disabled?: boolean;\n\n  /** Переводит контрол в состояние валидации \"ошибка\". */\n  error?: boolean;\n\n  /** Добавляет иконку слева.\n   При использовании `ReactNode` применяются дефолтные стили для иконки.\n   При использовании `() => ReactNode` применяются только стили для позиционирования. */\n  leftIcon?: InputIconType;\n\n  /** Добавляет иконку справа.\n   При использовании `ReactNode` применяются дефолтные стили для иконки.\n   При использовании `() => ReactNode` применяются только стили для позиционирования. */\n  rightIcon?: InputIconType;\n\n  /** Задает функцию поиска элементов, которая должна возвращать Promise с массивом элементов.\n   * По умолчанию ожидаются объекты с типом `{ value: string, label: string }`.\n   * Элементы могут быть любого типа. В этом случае необходимо определить свойства `itemToValue`, `renderValue`, `renderItem`, `valueToString`. */\n  getItems: (query: string) => Promise<Array<ComboBoxExtendedItem<T>>>;\n\n  /** Задает функцию сравнения полученных результатов с value. */\n  itemToValue?: (item: T) => string | number;\n\n  /** Задает максимальную длину инпута. */\n  maxLength?: number;\n\n  /** Задает текущую позицию выпадающего окна вручную.\n   */\n  menuPos?: 'top' | 'bottom';\n\n  /** Задает выравнивание выпадающего меню. */\n  menuAlign?: 'left' | 'right';\n\n  /** Задает функцию, которая вызывается при потере комбобоксом фокуса. */\n  onBlur?: () => void;\n\n  /** Вызывается при изменении `value` */\n  onValueChange?: (value: T) => void;\n\n  /** Задает функцию, которая вызывается при получении комбобоксом фокуса. */\n  onFocus?: () => void;\n\n  /** Задает функцию, которая вызывается при изменении текста в поле ввода, если результатом функции будет строка, то она станет следующим состоянием полем ввода. */\n  onInputValueChange?: (value: string) => Nullable<string> | void;\n\n  /** Задает функцию для обработки ввода строки в инпут и последующей потерей фокуса компонентом.\n   * Функция срабатывает с аргументом инпута строки.\n   * Если при потере фокуса в выпадающем списке будет только один элемент и результат valueToString с этим элементом будет совпадать со значение в текстовом поле, то сработает onValueChange со значением данного элемента.\n   * Сама функция также может вернуть значение, неравное undefined, с которым будет вызван onValueChange. Если возвращаемое значение будет равно null, то сработает очистка текущего значения инпута, а в режиме редактирования токен будет удален. */\n  onUnexpectedInput?: (value: string) => void | null | T;\n\n  /** Задает текст, который отображается если не введено никакое значение. */\n  placeholder?: string;\n\n  /** Задает функцию отрисовки элементов результата поиска.\n   * Не применяется если элемент является функцией или React-элементом\n   * @default item => item.label\n   * @param {T} item - элемент из результата поиска.\n   * @param {MenuItemState} state? - состояние элемента.\n   * @returns {React.ReactNode} React-элемент. */\n  renderItem?: (item: T, state?: MenuItemState) => React.ReactNode;\n\n  /** Устанавливает компонент, заменяющий собой обёртку элементов результата поиска.\n   * По умолчанию все элементы результата поиска оборачиваются в тег <button />.\n   * @example\n   * itemWrapper={(item) => {\n   *    if (item.value === 3) {\n   *      return (props) => {\n   *        return <a {...props} />\n   *      }\n   *    }\n   * }}\n   */\n  itemWrapper?: (item: T) => React.ComponentType;\n\n  /** Задает функцию, которая отображает сообщение о пустом результате поиска. При renderAddButton не работает. */\n  renderNotFound?: () => React.ReactNode;\n\n  /** Задает функцию, которая отображает сообщение об общем количестве элементов.\n   * @param {number} found - количество элементов по результатам поиска. Учитывает только компонент MenuItem. Им \"оборачиваются\" элементы, возвращаемые getItems().\n   * @param {number} total - количество всех элементов. */\n  renderTotalCount?: (found: number, total: number) => React.ReactNode;\n\n  /** Задает функцию, которая отображает выбранное значение.\n   * @default item => item.label */\n  renderValue?: (item: T) => React.ReactNode;\n\n  /** Задает функцию отрисовки кнопки добавления в выпадающем списке. */\n  renderAddButton?: (query?: string) => React.ReactNode;\n\n  /** Определяет общее количество элементов. Необходим для работы renderTotalCount. */\n  totalCount?: number;\n\n  /** Устанавливает выбранное в комбобоксе значение. Тип `value` совпадает с типом элементов в массиве, возвращаемом в `getItems`. */\n  value?: Nullable<T>;\n\n  /** Задает функцию, которая возвращает строковое представление value. Необходимо при фокусировке. */\n  valueToString?: (item: T) => string;\n\n  /** Задает размер компонента. */\n  size?: SizeProp;\n\n  /** Переводит контрол в состояние валидации \"предупреждение\". */\n  warning?: boolean;\n\n  /** Задает длину комбобокса. */\n  width?: string | number;\n\n  /** Задает максимальную высоту меню. */\n  maxMenuHeight?: number | string;\n\n  /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). См разницу с onMouseOver в [документации](https://learn.javascript.ru/mousemove-mouseover-mouseout-mouseenter-mouseleave)  */\n  onMouseEnter?: (e: React.MouseEvent) => void;\n\n  /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseover`). */\n  onMouseOver?: (e: React.MouseEvent) => void;\n\n  /** Задает функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). */\n  onMouseLeave?: (e: React.MouseEvent) => void;\n\n  /** Задает функцию, которая вызывается при нажатии кнопки на клавиатуре. */\n  onInputKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;\n\n  /** Задает типы вводимых данных. */\n  inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];\n}\n\nexport interface ComboBoxItem {\n  value: string;\n  label: string;\n}\n\nexport type ComboBoxExtendedItem<T> = T | (() => React.ReactElement<T>) | React.ReactElement<T>;\n\ntype DefaultProps<T> = Required<\n  Pick<\n    ComboBoxProps<T>,\n    | 'itemToValue'\n    | 'valueToString'\n    | 'renderValue'\n    | 'renderItem'\n    | 'menuAlign'\n    | 'searchOnFocus'\n    | 'drawArrow'\n    | 'showClearIcon'\n  >\n>;\n\n/**\n * `ComboBox` — это поле ввода со списком подсказок.\n *\n * `ComboBox` используют:\n * * для выбора значения из справочника.\n * * для добавления своего значения в справочник.\n *\n * `ComboBox` может работать в двух режимах — обычном и в режиме автокомплита.\n * Основное их отличие в том, что в режиме автокомплита список вариантов появляется только после ввода первого символа или изменении уже введенного значения.\n */\n@rootNode\nexport class ComboBox<T = ComboBoxItem> extends React.Component<ComboBoxProps<T>> {\n  public static __KONTUR_REACT_UI__ = 'ComboBox';\n  public static displayName = 'ComboBox';\n\n  public static defaultProps: DefaultProps<any> = {\n    itemToValue: (item: ComboBoxItem) => item.value,\n    valueToString: (item: ComboBoxItem) => item.label,\n    renderValue: (item: ComboBoxItem) => item.label,\n    renderItem: (item: ComboBoxItem) => item.label,\n    menuAlign: 'left',\n    searchOnFocus: true,\n    drawArrow: true,\n    showClearIcon: 'never',\n  };\n\n  private getProps = createPropsGetter(ComboBox.defaultProps);\n\n  private comboboxElement: Nullable<CustomComboBox<T>> = null;\n  private setRootNode!: TSetRootNode;\n\n  /**\n   * @public\n   */\n  public focus(opts?: { withoutOpenDropdown?: boolean }) {\n    if (this.comboboxElement) {\n      this.comboboxElement.focus(opts);\n    }\n  }\n\n  /**\n   * @public\n   */\n  public blur() {\n    if (this.comboboxElement) {\n      this.comboboxElement.blur();\n    }\n  }\n\n  /**\n   * Открывает выпадающий список и запускает поиск элементов\n   *\n   * @public\n   * @param {string} [query] Текст поиска. По умолчанию берется\n   * текст из инпута или результат `valueToString(value)`\n   */\n  public search(query?: string) {\n    if (this.comboboxElement) {\n      this.comboboxElement.search(query);\n    }\n  }\n\n  /**\n   * @public\n   */\n  public cancelSearch() {\n    if (this.comboboxElement) {\n      this.comboboxElement.cancelSearch();\n    }\n  }\n\n  /**\n   * @public Открывает выпадающий список\n   */\n  public open() {\n    if (this.comboboxElement) {\n      this.comboboxElement.open();\n    }\n  }\n\n  /**\n   * @public Закрывает выпадающий список\n   */\n  public close() {\n    if (this.comboboxElement) {\n      this.comboboxElement.close();\n    }\n  }\n\n  /**\n   * Выделяет текст внутри input\n   * @public\n   */\n  public selectInputText() {\n    if (this.comboboxElement) {\n      this.comboboxElement.selectInputText();\n    }\n  }\n\n  /**\n   * Сбрасывает введенное пользователем значение\n   * @public\n   */\n  public reset() {\n    if (this.comboboxElement) {\n      this.comboboxElement.reset();\n    }\n  }\n\n  public render() {\n    return <CustomComboBox {...this.getProps()} size={this.props.size} ref={this.customComboBoxRef} />;\n  }\n\n  private customComboBoxRef = (element: Nullable<CustomComboBox<T>>) => {\n    this.setRootNode(element);\n    this.comboboxElement = element;\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","CustomComboBox","rootNode","createPropsGetter","ComboBox","_class","_ComboBox","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","comboboxElement","customComboBoxRef","element","setRootNode","_inheritsLoose","_proto","prototype","focus","opts","blur","search","query","cancelSearch","open","close","selectInputText","reset","render","createElement","_extends","size","props","ref","Component","__KONTUR_REACT_UI__","displayName","itemToValue","item","value","valueToString","label","renderValue","renderItem","menuAlign","searchOnFocus","drawArrow","showClearIcon"],"sources":["ComboBox.tsx"],"sourcesContent":["import type { AriaAttributes, HTMLAttributes } from 'react';\nimport React from 'react';\n\nimport { CustomComboBox } from '../../internal/CustomComboBox';\nimport type { Nullable } from '../../typings/utility-types';\nimport type { MenuItemState } from '../MenuItem';\nimport type { ShowClearIcon, InputIconType } from '../Input';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport type { SizeProp } from '../../lib/types/props';\nimport type { MaskedInputProps } from '../MaskedInput';\n\nexport interface ComboBoxProps<T>\n  extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'>,\n    Pick<HTMLAttributes<HTMLInputElement>, 'onPaste'>,\n    Partial<Pick<MaskedInputProps, 'mask' | 'maskChar' | 'formatChars'>>,\n    CommonProps {\n  /** Показывать иконку очистки значения в непустом поле:\n   * - `always` — всегда показывать иконку\n   * - `auto` — показывать иконку при hover/focus\n   * - `never` — не показывать иконку\n   * При одновременной настройке `showClearIcon` и `rightIcon` показывается иконка очистки.\n   * @default never */\n  showClearIcon?: ShowClearIcon;\n\n  /** Задает выравнивание контента. */\n  align?: 'left' | 'center' | 'right';\n\n  /** Вызывает функцию поиска getItems при фокусе и очистке поля ввода. */\n  searchOnFocus?: boolean;\n\n  /** Отображает справа иконку в виде стрелки. */\n  drawArrow?: boolean;\n\n  /** Устанавливает фокус на контроле после окончания загрузки страницы. */\n  autoFocus?: boolean;\n\n  /** Убирает обводку. */\n  borderless?: boolean;\n\n  /** Отключает использование портала для рендеринга меню.\n   * См. https://github.com/skbkontur/retail-ui/issues/15 */\n  disablePortal?: boolean;\n\n  /** Делает компонент недоступным. */\n  disabled?: boolean;\n\n  /** Переводит контрол в состояние валидации \"ошибка\". */\n  error?: boolean;\n\n  /** Добавляет иконку слева.\n   При использовании `ReactNode` применяются дефолтные стили для иконки.\n   При использовании `() => ReactNode` применяются только стили для позиционирования. */\n  leftIcon?: InputIconType;\n\n  /** Добавляет иконку справа.\n   При использовании `ReactNode` применяются дефолтные стили для иконки.\n   При использовании `() => ReactNode` применяются только стили для позиционирования. */\n  rightIcon?: InputIconType;\n\n  /** Задает функцию поиска элементов, которая должна возвращать Promise с массивом элементов.\n   * По умолчанию ожидаются объекты с типом `{ value: string, label: string }`.\n   * Элементы могут быть любого типа. В этом случае необходимо определить свойства `itemToValue`, `renderValue`, `renderItem`, `valueToString`. */\n  getItems: (query: string) => Promise<Array<ComboBoxExtendedItem<T>>>;\n\n  /** Задает функцию сравнения полученных результатов с value. */\n  itemToValue?: (item: T) => string | number;\n\n  /** Задает максимальную длину инпута. */\n  maxLength?: number;\n\n  /** Задает текущую позицию выпадающего окна вручную.\n   */\n  menuPos?: 'top' | 'bottom';\n\n  /** Задает выравнивание выпадающего меню. */\n  menuAlign?: 'left' | 'right';\n\n  /** Задает функцию, которая вызывается при потере комбобоксом фокуса. */\n  onBlur?: () => void;\n\n  /** Вызывается при изменении `value` */\n  onValueChange?: (value: T) => void;\n\n  /** Задает функцию, которая вызывается при получении комбобоксом фокуса. */\n  onFocus?: () => void;\n\n  /** Задает функцию, которая вызывается при изменении текста в поле ввода, если результатом функции будет строка, то она станет следующим состоянием полем ввода. */\n  onInputValueChange?: (value: string) => Nullable<string> | void;\n\n  /** Задает функцию для обработки ввода строки в инпут и последующей потерей фокуса компонентом.\n   * Функция срабатывает с аргументом инпута строки.\n   * Если при потере фокуса в выпадающем списке будет только один элемент и результат valueToString с этим элементом будет совпадать со значение в текстовом поле, то сработает onValueChange со значением данного элемента.\n   * Сама функция также может вернуть значение, неравное undefined, с которым будет вызван onValueChange. Если возвращаемое значение будет равно null, то сработает очистка текущего значения инпута, а в режиме редактирования токен будет удален. */\n  onUnexpectedInput?: (value: string) => void | null | T;\n\n  /** Задает текст, который отображается если не введено никакое значение. */\n  placeholder?: string;\n\n  /** Задает функцию отрисовки элементов результата поиска.\n   * Не применяется если элемент является функцией или React-элементом\n   * @default item => item.label\n   * @param {T} item - элемент из результата поиска.\n   * @param {MenuItemState} state? - состояние элемента.\n   * @returns {React.ReactNode} React-элемент. */\n  renderItem?: (item: T, state?: MenuItemState) => React.ReactNode;\n\n  /** Устанавливает компонент, заменяющий собой обёртку элементов результата поиска.\n   * По умолчанию все элементы результата поиска оборачиваются в тег <button />.\n   * @example\n   * itemWrapper={(item) => {\n   *    if (item.value === 3) {\n   *      return (props) => {\n   *        return <a {...props} />\n   *      }\n   *    }\n   * }}\n   */\n  itemWrapper?: (item: T) => React.ComponentType;\n\n  /** Задает функцию, которая отображает сообщение о пустом результате поиска. При renderAddButton не работает. */\n  renderNotFound?: () => React.ReactNode;\n\n  /** Задает функцию, которая отображает сообщение об общем количестве элементов.\n   * @param {number} found - количество элементов по результатам поиска. Учитывает только компонент MenuItem. Им \"оборачиваются\" элементы, возвращаемые getItems().\n   * @param {number} total - количество всех элементов. */\n  renderTotalCount?: (found: number, total: number) => React.ReactNode;\n\n  /** Задает функцию, которая отображает выбранное значение.\n   * @default item => item.label */\n  renderValue?: (item: T) => React.ReactNode;\n\n  /** Задает функцию отрисовки кнопки добавления в выпадающем списке. */\n  renderAddButton?: (query?: string) => React.ReactNode;\n\n  /** Определяет общее количество элементов. Необходим для работы renderTotalCount. */\n  totalCount?: number;\n\n  /** Устанавливает выбранное в комбобоксе значение. Тип `value` совпадает с типом элементов в массиве, возвращаемом в `getItems`. */\n  value?: Nullable<T>;\n\n  /** Задает функцию, которая возвращает строковое представление value. Необходимо при фокусировке. */\n  valueToString?: (item: T) => string;\n\n  /** Задает размер компонента. */\n  size?: SizeProp;\n\n  /** Переводит контрол в состояние валидации \"предупреждение\". */\n  warning?: boolean;\n\n  /** Задает длину комбобокса. */\n  width?: string | number;\n\n  /** Задает максимальную высоту меню. */\n  maxMenuHeight?: number | string;\n\n  /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). См разницу с onMouseOver в [документации](https://learn.javascript.ru/mousemove-mouseover-mouseout-mouseenter-mouseleave)  */\n  onMouseEnter?: (e: React.MouseEvent) => void;\n\n  /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseover`). */\n  onMouseOver?: (e: React.MouseEvent) => void;\n\n  /** Задает функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). */\n  onMouseLeave?: (e: React.MouseEvent) => void;\n\n  /** Задает функцию, которая вызывается при нажатии кнопки на клавиатуре. */\n  onInputKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;\n\n  /** Задает типы вводимых данных. */\n  inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];\n}\n\nexport interface ComboBoxItem {\n  value: string;\n  label: string;\n}\n\nexport type ComboBoxExtendedItem<T> = T | (() => React.ReactElement<T>) | React.ReactElement<T>;\n\ntype DefaultProps<T> = Required<\n  Pick<\n    ComboBoxProps<T>,\n    | 'itemToValue'\n    | 'valueToString'\n    | 'renderValue'\n    | 'renderItem'\n    | 'menuAlign'\n    | 'searchOnFocus'\n    | 'drawArrow'\n    | 'showClearIcon'\n  >\n>;\n\n/**\n * `ComboBox` — это поле ввода со списком подсказок.\n *\n * `ComboBox` используют:\n * * для выбора значения из справочника.\n * * для добавления своего значения в справочник.\n *\n * `ComboBox` может работать в двух режимах — обычном и в режиме автокомплита.\n * Основное их отличие в том, что в режиме автокомплита список вариантов появляется только после ввода первого символа или изменении уже введенного значения.\n */\n@rootNode\nexport class ComboBox<T = ComboBoxItem> extends React.Component<ComboBoxProps<T>> {\n  public static __KONTUR_REACT_UI__ = 'ComboBox';\n  public static displayName = 'ComboBox';\n\n  public static defaultProps: DefaultProps<any> = {\n    itemToValue: (item: ComboBoxItem) => item.value,\n    valueToString: (item: ComboBoxItem) => item.label,\n    renderValue: (item: ComboBoxItem) => item.label,\n    renderItem: (item: ComboBoxItem) => item.label,\n    menuAlign: 'left',\n    searchOnFocus: true,\n    drawArrow: true,\n    showClearIcon: 'never',\n  };\n\n  private getProps = createPropsGetter(ComboBox.defaultProps);\n\n  private comboboxElement: Nullable<CustomComboBox<T>> = null;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  /**\n   * @public\n   */\n  public focus(opts?: { withoutOpenDropdown?: boolean }) {\n    if (this.comboboxElement) {\n      this.comboboxElement.focus(opts);\n    }\n  }\n\n  /**\n   * @public\n   */\n  public blur() {\n    if (this.comboboxElement) {\n      this.comboboxElement.blur();\n    }\n  }\n\n  /**\n   * Открывает выпадающий список и запускает поиск элементов\n   *\n   * @public\n   * @param {string} [query] Текст поиска. По умолчанию берется\n   * текст из инпута или результат `valueToString(value)`\n   */\n  public search(query?: string) {\n    if (this.comboboxElement) {\n      this.comboboxElement.search(query);\n    }\n  }\n\n  /**\n   * @public\n   */\n  public cancelSearch() {\n    if (this.comboboxElement) {\n      this.comboboxElement.cancelSearch();\n    }\n  }\n\n  /**\n   * @public Открывает выпадающий список\n   */\n  public open() {\n    if (this.comboboxElement) {\n      this.comboboxElement.open();\n    }\n  }\n\n  /**\n   * @public Закрывает выпадающий список\n   */\n  public close() {\n    if (this.comboboxElement) {\n      this.comboboxElement.close();\n    }\n  }\n\n  /**\n   * Выделяет текст внутри input\n   * @public\n   */\n  public selectInputText() {\n    if (this.comboboxElement) {\n      this.comboboxElement.selectInputText();\n    }\n  }\n\n  /**\n   * Сбрасывает введенное пользователем значение\n   * @public\n   */\n  public reset() {\n    if (this.comboboxElement) {\n      this.comboboxElement.reset();\n    }\n  }\n\n  public render() {\n    return <CustomComboBox {...this.getProps()} size={this.props.size} ref={this.customComboBoxRef} />;\n  }\n\n  private customComboBoxRef = (element: Nullable<CustomComboBox<T>>) => {\n    this.setRootNode(element);\n    this.comboboxElement = element;\n  };\n}\n"],"mappings":"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","ignoreList":[]}