npm - @skbkontur/react-ui - Versions diffs - 0.0.0-a8f1c3e7a1 → 0.0.0-aa4659ca48 - Mend

@skbkontur/react-ui 0.0.0-a8f1c3e7a1 → 0.0.0-aa4659ca48

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1206) hide show

package/components/Checkbox/Checkbox.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
 import type { AriaAttributes } from 'react';
 import React from 'react';
-import PropTypes from 'prop-types';
 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 */
@@ -24,6 +24,9 @@ export interface CheckboxProps extends CommonProps, Pick<AriaAttributes, 'aria-d
     onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;
     /** Задает функцию, вызывающуюся при изменении value. */
     onValueChange?: (value: boolean) => void;
+    /** Задает HTML-событие `onclick`.
+     * @ignore */
+    onClick?: React.MouseEventHandler<HTMLLabelElement>;
     /** Задает HTML-событие `onblur`.
      * @ignore */
     onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
@@ -39,7 +42,6 @@ export interface CheckboxState {
 export declare const CheckboxDataTids: {
     readonly root: "Checkbox__root";
 };
-type DefaultProps = Required<Pick<CheckboxProps, 'size'>>;
 /**
  * `Checkbox` используется для управления параметром с двумя состояниями.
  *
@@ -49,33 +51,23 @@ type DefaultProps = Required<Pick<CheckboxProps, 'size'>>;
 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 size;
     private theme;
     private input;
+    private getProps;
     private handleShiftPress;
     private handleShiftRelease;
     componentDidMount: () => void;
     componentWillUnmount: () => void;
+    getRootNode: TGetRootNode;
     private setRootNode;
     componentDidUpdate(prevProps: CheckboxProps): void;
     render(): React.JSX.Element;
@@ -106,4 +98,3 @@ export declare class Checkbox extends React.PureComponent<CheckboxProps, Checkbo
     private handleChange;
     private handleClick;
 }
-export {};

package/components/Checkbox/Checkbox.styles/Checkbox.styles.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
 import { css, memoizeStyle, prefix } from "../../../lib/theming/Emotion";
 import { boxWrapperSizeMixin, checkboxSizeMixin } from "../Checkbox.mixins";
 export var globalClasses = prefix('checkbox')({
@@ -24,58 +24,49 @@ export var styles = memoizeStyle({
   rootChecked: function rootChecked(t) {
     return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      &:hover .", " {\n        box-shadow: ", ";\n        background: ", ";\n      }\n\n      &:active .", " {\n        background: ", ";\n        box-shadow: ", ";\n      }\n    "])), globalClasses.box, t.checkboxCheckedHoverShadow, t.checkboxCheckedHoverBg, globalClasses.box, t.checkboxCheckedActiveBg, t.checkboxCheckedActiveShadow);
   },
-  rootFallback: function rootFallback() {
-    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\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    "])));
-  },
-  rootWrapperIE11: function rootWrapperIE11() {
-    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      display: inline;\n    "])));
-  },
   boxWrapper: function boxWrapper(t) {
-    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      box-sizing: border-box;\n      padding: ", ";\n\n      // fix position in ie11\n      display: inline-block;\n      left: 0;\n    )};\n    "])), t.checkboxBorderWidth);
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      box-sizing: border-box;\n      padding: ", ";\n    )};\n    "])), t.checkboxBorderWidth);
   },
   boxWrapperSmall: function boxWrapperSmall(t) {
-    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), boxWrapperSizeMixin(t.labGrotesqueBaselineCompensation, t.checkboxFontSizeSmall, t.checkboxBoxSizeSmall, t.checkboxBoxOffsetY));
+    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), boxWrapperSizeMixin(t.labGrotesqueBaselineCompensation, t.checkboxFontSizeSmall, t.checkboxBoxSizeSmall, t.checkboxBoxOffsetY));
   },
   boxWrapperMedium: function boxWrapperMedium(t) {
-    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), boxWrapperSizeMixin(t.labGrotesqueBaselineCompensation, t.checkboxFontSizeMedium, t.checkboxBoxSizeMedium, t.checkboxBoxOffsetY));
+    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), boxWrapperSizeMixin(t.labGrotesqueBaselineCompensation, t.checkboxFontSizeMedium, t.checkboxBoxSizeMedium, t.checkboxBoxOffsetY));
   },
   boxWrapperLarge: function boxWrapperLarge(t) {
-    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), boxWrapperSizeMixin(t.labGrotesqueBaselineCompensation, t.checkboxFontSizeLarge, t.checkboxBoxSizeLarge, t.checkboxBoxOffsetY));
+    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), boxWrapperSizeMixin(t.labGrotesqueBaselineCompensation, t.checkboxFontSizeLarge, t.checkboxBoxSizeLarge, t.checkboxBoxOffsetY));
   },
   box: function box(t) {
-    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      box-shadow: ", ";\n      background: ", ";\n      border-radius: ", ";\n      height: 100%;\n    "])), t.checkboxTextColorDefault, t.checkboxShadow, t.checkboxBg, t.checkboxBorderRadius);
+    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      box-shadow: ", ";\n      background: ", ";\n      border-radius: ", ";\n      height: 100%;\n    "])), t.checkboxTextColorDefault, t.checkboxShadow, t.checkboxBg, t.checkboxBorderRadius);
   },
   input: function input() {
-    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n      z-index: -1;\n    "])));
+    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n      z-index: -1;\n    "])));
   },
   boxWarning: function boxWarning(t) {
-    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      box-shadow:\n        inset 0 0 0 1px ", ",\n        0 0 0 ", " ", " !important; // override hover and active\n    "])), t.checkboxOutlineColorFocus, t.checkboxOutlineWidth, t.checkboxBorderColorWarning);
+    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      box-shadow:\n        inset 0 0 0 1px ", ",\n        0 0 0 ", " ", " !important; // override hover and active\n    "])), t.checkboxOutlineColorFocus, t.checkboxOutlineWidth, t.checkboxBorderColorWarning);
   },
   boxError: function boxError(t) {
-    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      box-shadow:\n        inset 0 0 0 1px ", ",\n        0 0 0 ", " ", " !important; // override hover and active\n    "])), t.checkboxOutlineColorFocus, t.checkboxOutlineWidth, t.checkboxBorderColorError);
+    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      box-shadow:\n        inset 0 0 0 1px ", ",\n        0 0 0 ", " ", " !important; // override hover and active\n    "])), t.checkboxOutlineColorFocus, t.checkboxOutlineWidth, t.checkboxBorderColorError);
   },
   boxChecked: function boxChecked(t) {
-    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      color: ", ";\n      box-shadow: ", ";\n    "])), t.checkboxCheckedBg, t.checkboxCheckedColor, t.checkboxCheckedShadow);
+    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      color: ", ";\n      box-shadow: ", ";\n    "])), t.checkboxCheckedBg, t.checkboxCheckedColor, t.checkboxCheckedShadow);
   },
   boxFocus: function boxFocus(t) {
-    return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n      box-shadow:\n        inset 0 0 0 1px ", ",\n        0 0 0 ", " ", " !important; // override hover and active\n    "])), t.checkboxOutlineColorFocus, t.checkboxOutlineWidth, t.checkboxBorderColorFocus);
+    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      box-shadow:\n        inset 0 0 0 1px ", ",\n        0 0 0 ", " ", " !important; // override hover and active\n    "])), t.checkboxOutlineColorFocus, t.checkboxOutlineWidth, t.checkboxBorderColorFocus);
   },
   boxDisabled: function boxDisabled(t) {
-    return css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n      box-shadow: ", " !important; // override hover and active\n      background: ", " !important; // override hover and active\n      color: ", ";\n    "])), t.checkboxShadowDisabled, t.checkboxBgDisabled, t.checkboxTextColorDisabled);
+    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      box-shadow: ", " !important; // override hover and active\n      background: ", " !important; // override hover and active\n      color: ", ";\n    "])), t.checkboxShadowDisabled, t.checkboxBgDisabled, t.checkboxTextColorDisabled);
   },
   disabled: function disabled(t) {
-    return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      cursor: default;\n    "])), t.checkboxTextColorDisabled);
+    return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      cursor: default;\n    "])), t.checkboxTextColorDisabled);
   },
   icon: function icon() {
-    return css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\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    "])));
+    return css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\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    "])));
   },
   iconUnchecked: function iconUnchecked() {
-    return css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteralLoose(["\n      color: transparent;\n    "])));
+    return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n      color: transparent;\n    "])));
   },
   caption: function caption(t) {
-    return css(_templateObject23 || (_templateObject23 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      padding-left: ", ";\n    "])), t.checkboxTextColorDefault, t.checkboxCaptionGap);
-  },
-  captionIE11: function captionIE11() {
-    return css(_templateObject24 || (_templateObject24 = _taggedTemplateLiteralLoose(["\n      display: table-cell;\n    "])));
+    return css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      padding-left: ", ";\n    "])), t.checkboxTextColorDefault, t.checkboxCaptionGap);
   }
 });

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

	@@ -1 +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 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":[]}
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","boxWrapper","_templateObject7","checkboxBorderWidth","boxWrapperSmall","_templateObject8","labGrotesqueBaselineCompensation","checkboxBoxOffsetY","boxWrapperMedium","_templateObject9","boxWrapperLarge","_templateObject10","_templateObject11","checkboxTextColorDefault","checkboxShadow","checkboxBg","checkboxBorderRadius","input","_templateObject12","boxWarning","_templateObject13","checkboxOutlineColorFocus","checkboxOutlineWidth","checkboxBorderColorWarning","boxError","_templateObject14","checkboxBorderColorError","boxChecked","_templateObject15","checkboxCheckedBg","checkboxCheckedColor","checkboxCheckedShadow","boxFocus","_templateObject16","checkboxBorderColorFocus","boxDisabled","_templateObject17","checkboxShadowDisabled","checkboxBgDisabled","checkboxTextColorDisabled","disabled","_templateObject18","icon","_templateObject19","iconUnchecked","_templateObject20","caption","_templateObject21","checkboxCaptionGap"],"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 boxWrapper(t: Theme) {\n return css`\n position: absolute;\n box-sizing: border-box;\n padding: ${t.checkboxBorderWidth};\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"],"mappings":"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","ignoreList":[]}

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

@@ -9,8 +9,6 @@ export declare const styles: {
     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;
@@ -26,5 +24,4 @@ export declare const styles: {
     icon(): string;
     iconUnchecked(): string;
     caption(t: Theme): string;
-    captionIE11(): string;
 };

package/components/Checkbox/CheckedIcon.d.ts CHANGED Viewed

@@ -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;
+    size?: import("../../internal/icons2022/BaseIcon").IconProps["size"] | import("../../internal/icons2022/iconConstants").IconSizeAliases;
 }>;

package/components/Checkbox/IndeterminateIcon.d.ts CHANGED Viewed

@@ -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;
+    size?: import("../../internal/icons2022/BaseIcon").IconProps["size"] | import("../../internal/icons2022/iconConstants").IconSizeAliases;
 }>;

package/components/ComboBox/ComboBox/ComboBox.js CHANGED Viewed

@@ -118,5 +118,6 @@ export var ComboBox = rootNode(_class = (_ComboBox = /*#__PURE__*/function (_Rea
   menuAlign: 'left',
   searchOnFocus: true,
   drawArrow: true,
-  showClearIcon: 'never'
+  showClearIcon: 'never',
+  viewMode: 'singleline'
 }, _ComboBox)) || _class;

package/components/ComboBox/ComboBox/ComboBox.js.map CHANGED Viewed

	@@ -1 +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 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 { TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport type { 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":[]}
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","viewMode"],"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 { MaskedInputOnBeforePasteValue, MaskedInputProps } from '../MaskedInput';\n\nexport type ComboBoxViewMode = 'singleline' \| 'multiline' \| 'multiline-editing';\n\nexport interface ComboBoxProps<T>\n extends Pick<AriaAttributes, 'aria-describedby' \| 'aria-label'>,\n Pick<HTMLAttributes<HTMLElement>, 'id'>,\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 \n Не рекомендуется менять значение, передаваемое в проп `value`, внутри этой функции. Используйте для этих целей `onValueChange` или `onUnexpectedInput`. Иначе возможно неожиданное поведение компонента.\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 /* Задает функцию, которая вызывается при вставке значения в инпут с маской. /\n onBeforePasteInMask?: MaskedInputOnBeforePasteValue;\n\n /* Режим отображения комбобокса\n * - `singleline` — однострочный\n * - `multiline` — многострочный\n * - `multiline-editing` — многострочный только при редактировании\n \n multiline-режимы не работают, если указан проп `mask`. В таком случае будет использован однострочный режим.\n * @default singleline /\n viewMode?: ComboBoxViewMode;\n\n /* Максимальное кол-во строк для многострочных режимов отображения комбобокса /\n maxRows?: number;\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 \| 'viewMode'\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 viewMode: 'singleline',\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":[]}

package/components/ComboBox/ComboBox.d.ts CHANGED Viewed

@@ -4,8 +4,11 @@ import type { Nullable } from '../../typings/utility-types';
 import type { MenuItemState } from '../MenuItem';
 import type { ShowClearIcon, InputIconType } from '../Input';
 import type { CommonProps } from '../../internal/CommonWrapper';
+import type { TGetRootNode } from '../../lib/rootNode';
 import type { SizeProp } from '../../lib/types/props';
-export interface ComboBoxProps<T> extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>, Pick<HTMLAttributes<HTMLElement>, 'id'>, CommonProps {
+import type { MaskedInputOnBeforePasteValue, MaskedInputProps } from '../MaskedInput';
+export type ComboBoxViewMode = 'singleline' | 'multiline' | 'multiline-editing';
+export interface ComboBoxProps<T> extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>, Pick<HTMLAttributes<HTMLElement>, 'id'>, Partial<Pick<MaskedInputProps, 'mask' | 'maskChar' | 'formatChars'>>, CommonProps {
     /** Показывать иконку очистки значения в непустом поле:
      * - `always` — всегда показывать иконку
      * - `auto` — показывать иконку при hover/focus
@@ -57,7 +60,10 @@ export interface ComboBoxProps<T> extends Pick<AriaAttributes, 'aria-describedby
     onValueChange?: (value: T) => void;
     /** Задает функцию, которая вызывается при получении комбобоксом фокуса. */
     onFocus?: () => void;
-    /** Задает функцию, которая вызывается при изменении текста в поле ввода, если результатом функции будет строка, то она станет следующим состоянием полем ввода. */
+    /** Задает функцию, которая вызывается при изменении текста в поле ввода, если результатом функции будет строка, то она станет следующим состоянием полем ввода.
+     *
+     * **Не рекомендуется менять значение, передаваемое в проп `value`, внутри этой функции. Используйте для этих целей `onValueChange` или `onUnexpectedInput`. Иначе возможно неожиданное поведение компонента.**
+     */
     onInputValueChange?: (value: string) => Nullable<string> | void;
     /** Задает функцию для обработки ввода строки в инпут и последующей потерей фокуса компонентом.
      * Функция срабатывает с аргументом инпута строки.
@@ -120,13 +126,25 @@ export interface ComboBoxProps<T> extends Pick<AriaAttributes, 'aria-describedby
     onInputKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;
     /** Задает типы вводимых данных. */
     inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];
+    /** Задает функцию, которая вызывается при вставке значения в инпут с маской. */
+    onBeforePasteInMask?: MaskedInputOnBeforePasteValue;
+    /** Режим отображения комбобокса
+     * - `singleline` — однострочный
+     * - `multiline` — многострочный
+     * - `multiline-editing` — многострочный только при редактировании
+     *
+     * multiline-режимы не работают, если указан проп `mask`. В таком случае будет использован однострочный режим.
+     * @default singleline */
+    viewMode?: ComboBoxViewMode;
+    /** Максимальное кол-во строк для многострочных режимов отображения комбобокса */
+    maxRows?: number;
 }
 export interface ComboBoxItem {
     value: string;
     label: string;
 }
 export type ComboBoxExtendedItem<T> = T | (() => React.ReactElement<T>) | React.ReactElement<T>;
-type DefaultProps<T> = Required<Pick<ComboBoxProps<T>, 'itemToValue' | 'valueToString' | 'renderValue' | 'renderItem' | 'menuAlign' | 'searchOnFocus' | 'drawArrow' | 'showClearIcon'>>;
+type DefaultProps<T> = Required<Pick<ComboBoxProps<T>, 'itemToValue' | 'valueToString' | 'renderValue' | 'renderItem' | 'menuAlign' | 'searchOnFocus' | 'drawArrow' | 'showClearIcon' | 'viewMode'>>;
 /**
  * `ComboBox` — это поле ввода со списком подсказок.
  *
@@ -143,6 +161,7 @@ export declare class ComboBox<T = ComboBoxItem> extends React.Component<ComboBox
     static defaultProps: DefaultProps<any>;
     private getProps;
     private comboboxElement;
+    getRootNode: TGetRootNode;
     private setRootNode;
     /**
      * @public

package/components/CurrencyInput/CurrencyInput/CurrencyInput.js CHANGED Viewed

@@ -4,12 +4,9 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 var _excluded = ["fractionDigits", "signed", "onSubmit", "integerDigits", "hideTrailingZeros"];
 var _class, _CurrencyInput;
 import React from 'react';
-import PropTypes from 'prop-types';
 import warning from 'warning';
-import debounce from 'lodash.debounce';
 import { globalObject } from '@skbkontur/global-object';
 import { isNonNullable, isNullable } from "../../../lib/utils";
-import { isIE11 } from "../../../lib/client";
 import { Input } from "../../Input";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { rootNode } from "../../../lib/rootNode";
@@ -25,17 +22,7 @@ export var CurrencyInputDataTids = {
   root: 'CurrencyInput__root'
 };
-/**
- * `CurrencyInput` — поле для денежных сумм (и других числовых значений).
- * Принимает любые свойства `Input`.
- *
- * Используйте такое поле, когда нужно вводить значение в рублях, долларах или другой валюте.
- * Оно форматирует введенное значение и помогает пользователю не ошибиться при вводе.
- *
- * Максимальная длина числа - **15 цифр** (с десятичным разделителем в любом месте).
- *
- * Если `fractionDigits=15`, то в целой части допускается **0**.
- */
+/** Поле для денежных сумм. */
 export var CurrencyInput = rootNode(_class = (_CurrencyInput = /*#__PURE__*/function (_React$PureComponent) {
   function CurrencyInput() {
     var _this;
@@ -82,7 +69,8 @@ export var CurrencyInput = rootNode(_class = (_CurrencyInput = /*#__PURE__*/func
       );
     };
-    /**
+    /** Программно устанавливает фокус на поле.
+     * Появляется фокусная рамка, элемент получает клавиатурные события и воспринимается как текущий элемент для чтения скринридерами.
      * @public
      */
     _this.focus = function () {
@@ -91,7 +79,7 @@ export var CurrencyInput = rootNode(_class = (_CurrencyInput = /*#__PURE__*/func
       }
     };
-    /**
+    /** Программно снимает фокус с кнопки.
      * @public
      */
     _this.blur = function () {
@@ -99,16 +87,8 @@ export var CurrencyInput = rootNode(_class = (_CurrencyInput = /*#__PURE__*/func
         _this.input.blur();
       }
     };
-    // for IE11
-    _this.debouncedSetSelectionFromEvent = debounce(_this.setSelectionFromEvent, 300);
     _this.handleMouseUp = function (event) {
-      if (isIE11) {
-        event.persist();
-        _this.debouncedSetSelectionFromEvent(event);
-      } else {
-        _this.setSelectionFromEvent(event);
-      }
+      _this.setSelectionFromEvent(event);
     };
     _this.handleKeyDown = function (event) {
       var selection = _this.getSelection(event.target);
@@ -300,6 +280,7 @@ export var CurrencyInput = rootNode(_class = (_CurrencyInput = /*#__PURE__*/func
       var selection = _this.getSelection(event.target);
       _this.inputValue(selection.start, selection.end, data);
       event.preventDefault();
+      _this.props.onPaste == null || _this.props.onPaste(event);
     };
     _this.handleCopy = function (event) {
       var selection = _this.getSelection(event.target);
@@ -356,20 +337,20 @@ export var CurrencyInput = rootNode(_class = (_CurrencyInput = /*#__PURE__*/func
   }
   _inheritsLoose(CurrencyInput, _React$PureComponent);
   var _proto = CurrencyInput.prototype;
+  _proto.validateProps = function validateProps(props) {
+    warning(isNumeric(props.value) || isNullable(props.value), '[CurrencyInput]: Prop `value` is not a valid number. Received value is `' + props.value + '`.');
+    warning((props.integerDigits || 0) + (props.fractionDigits || 0) <= MAX_SAFE_DIGITS, "[CurrencyInput]: Sum of 'integerDigits' and 'fractionDigits' exceeds " + MAX_SAFE_DIGITS + "." + "\nSee CurrencyInput documentation");
+  };
   _proto.componentDidMount = function componentDidMount() {
-    var _this$props = this.props,
-      maxLength = _this$props.maxLength,
-      integerDigits = _this$props.integerDigits;
-    var fractionDigits = this.getProps().fractionDigits;
-    warning(maxLength === undefined, "[CurrencyInput]: Prop 'maxLength' has been deprecated. See 'integerDigits' and 'fractionDigits'");
-    warning((integerDigits || 0) + (fractionDigits || 0) <= MAX_SAFE_DIGITS, "[CurrencyInput]: Sum of 'integerDigits' and 'fractionDigits' exceeds " + MAX_SAFE_DIGITS + "." + "\nSee https://tech.skbkontur.ru/react-ui/#/CurrencyInput?id=why15");
+    this.validateProps(this.getProps());
   };
   _proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {
     var _this$getProps = this.getProps(),
       value = _this$getProps.value,
       fractionDigits = _this$getProps.fractionDigits,
       hideTrailingZeros = _this$getProps.hideTrailingZeros;
-    if (isValidNumber(value) && isNumeric(value) && Number(value) !== CurrencyHelper.parse(prevState.formatted) || prevProps.fractionDigits !== fractionDigits) {
+    this.validateProps(this.getProps());
+    if (isNumeric(value) && Number(value) !== CurrencyHelper.parse(prevState.formatted) || prevProps.fractionDigits !== fractionDigits) {
       this.setState(this.getState(value, fractionDigits, hideTrailingZeros));
     }
     if (isNonNullable(prevProps.value) && isNullable(value)) {
@@ -409,31 +390,7 @@ export var CurrencyInput = rootNode(_class = (_CurrencyInput = /*#__PURE__*/func
     });
   };
   return CurrencyInput;
-}(React.PureComponent), _CurrencyInput.__KONTUR_REACT_UI__ = 'CurrencyInput', _CurrencyInput.displayName = 'CurrencyInput', _CurrencyInput.propTypes = {
-  align: PropTypes.oneOf(['left', 'center', 'right']),
-  autoFocus: PropTypes.bool,
-  borderless: PropTypes.bool,
-  disabled: PropTypes.bool,
-  error: PropTypes.bool,
-  fractionDigits: PropTypes.number,
-  hideTrailingZeros: PropTypes.bool,
-  leftIcon: PropTypes.element,
-  placeholder: PropTypes.string,
-  signed: PropTypes.bool,
-  size: PropTypes.oneOf(['small', 'medium', 'large']),
-  value: function value(props) {
-    warning(isValidNumber(props.value), '[CurrencyInput]: Prop `value` is not a valid number');
-  },
-  warning: PropTypes.bool,
-  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  onBlur: PropTypes.func,
-  onValueChange: PropTypes.func.isRequired,
-  onFocus: PropTypes.func,
-  onMouseEnter: PropTypes.func,
-  onMouseLeave: PropTypes.func,
-  onMouseOver: PropTypes.func,
-  onSubmit: PropTypes.func
-}, _CurrencyInput.defaultProps = {
+}(React.PureComponent), _CurrencyInput.__KONTUR_REACT_UI__ = 'CurrencyInput', _CurrencyInput.displayName = 'CurrencyInput', _CurrencyInput.defaultProps = {
   align: 'right',
   fractionDigits: 2,
   hideTrailingZeros: false,
@@ -443,7 +400,12 @@ export var CurrencyInput = rootNode(_class = (_CurrencyInput = /*#__PURE__*/func
 function getInputSelectionFromEvent(input) {
   var _input$selectionStart, _input$selectionEnd;
   if (!isInstanceOf(input, globalObject.HTMLInputElement)) {
-    throw new Error('input is not HTMLInputElement');
+    warning(false, 'input is not HTMLInputElement');
+    return {
+      start: 0,
+      end: 0,
+      direction: 'none'
+    };
   }
   return {
     start: (_input$selectionStart = input.selectionStart) != null ? _input$selectionStart : 0,
@@ -454,9 +416,6 @@ function getInputSelectionFromEvent(input) {
 function isNumeric(value) {
   return !isNaN(parseFloat(value)) && isFinite(value);
 }
-function isValidNumber(value) {
-  return !isNaN(Number(value));
-}
 var getPlaceholder = function getPlaceholder(props) {
   if (isNullable(props.placeholder)) {
     return CurrencyHelper.format(0, {