@skbkontur/react-ui 5.6.5-cab54.0 → 5.6.5

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","globalObject","keyListener","ThemeContext","isEdge","isIE11","CommonWrapper","cx","rootNode","fixFirefoxModifiedClickOnLabel","FocusControlWrapper","withSize","createPropsGetter","styles","globalClasses","CheckedIcon","IndeterminateIcon","CheckboxDataTids","root","Checkbox","_class","_Checkbox","_React$PureComponent","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","focusedByTab","indeterminate","props","initialIndeterminate","isShiftPressed","input","createRef","getProps","handleShiftPress","e","key","setState","handleShiftRelease","componentDidMount","_globalObject$documen","_globalObject$documen2","current","document","addEventListener","componentWillUnmount","_globalObject$documen3","_globalObject$documen4","removeEventListener","setIndeterminate","resetIndeterminate","renderMain","_cx","_cx3","_cx4","error","warning","size","onMouseEnter","onMouseLeave","onMouseOver","onValueChange","type","ariaDescribedby","ariaLabel","rest","_objectWithoutPropertiesLoose","_excluded","isIndeterminate","iconClass","icon","checked","iconUnchecked","iconSize","parseInt","getCheckboxBoxSize","IconCheck","createElement","className","IconSquare","rootClass","getRootSizeClassName","theme","rootFallback","rootChecked","rootDisableTextSelect","disabled","Boolean","inputProps","_extends","onChange","handleChange","onFocus","handleFocus","onBlur","handleBlur","onClick","handleClick","ref","caption","children","_cx2","captionClass","captionIE11","box","getBoxWrapperSizeClassName","boxWrapper","boxChecked","boxFocus","boxError","boxWarning","boxDisabled","onBlurWhenDisabled","resetFocus","requestAnimationFrame","isTabPressed","event","currentTarget","undefined","_inheritsLoose","_proto","prototype","rootLarge","rootMedium","rootSmall","boxWrapperLarge","boxWrapperMedium","boxWrapperSmall","checkboxBoxSizeLarge","checkboxBoxSizeMedium","checkboxBoxSizeSmall","componentDidUpdate","prevProps","render","_this2","Consumer","rootNodeRef","setRootNode","focus","_this$input$current","blur","_this$input$current2","PureComponent","__KONTUR_REACT_UI__","displayName"],"sources":["Checkbox.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport type { Override } from '../../typings/utility-types';\nimport { keyListener } from '../../lib/events/keyListener';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { isEdge, isIE11 } from '../../lib/client';\nimport type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { fixFirefoxModifiedClickOnLabel } from '../../lib/events/fixFirefoxModifiedClickOnLabel';\nimport type { SizeProp } from '../../lib/types/props';\nimport { FocusControlWrapper } from '../../internal/FocusControlWrapper';\nimport { withSize } from '../../lib/size/SizeDecorator';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { styles, globalClasses } from './Checkbox.styles';\nimport { CheckedIcon } from './CheckedIcon';\nimport { IndeterminateIcon } from './IndeterminateIcon';\n\nexport interface CheckboxProps\n  extends CommonProps,\n    Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>,\n    Override<\n      React.InputHTMLAttributes<HTMLInputElement>,\n      {\n        /** @ignore */\n        children?: React.ReactNode;\n\n        /** Переводит контрол в состояние валидации \"ошибка\". */\n        error?: boolean;\n\n        /** Переводит контрол в состояние валидации \"предупреждение\". */\n        warning?: boolean;\n\n        /** Задает размер. */\n        size?: SizeProp;\n\n        /** Задает HTML-событие `onmouseenter`.\n         * @ignore */\n        onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;\n\n        /** Задает HTML-событие `onmouseleave`.\n         * @ignore */\n        onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;\n\n        /** Задает HTML-событие `onmouseover`.\n         * @ignore */\n        onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;\n\n        /** Задает функцию, вызывающуюся при изменении value. */\n        onValueChange?: (value: boolean) => void;\n\n        /** Задает HTML-событие `onblur`.\n         * @ignore */\n        onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;\n\n        /** Устанавливает начальное [неопределенное состояние чекбокса](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#attr-indeterminate). */\n        initialIndeterminate?: boolean;\n      }\n    > {}\n\nexport interface CheckboxState {\n  focusedByTab: boolean;\n  indeterminate: boolean;\n  isShiftPressed: boolean;\n}\n\nexport const CheckboxDataTids = {\n  root: 'Checkbox__root',\n} as const;\n\n/**\n * `Checkbox` используется для управления параметром с двумя состояниями.\n *\n * Чекбокс не запускает действие немедленно. Как правило, для этого нужно нажать подтверждающую кнопку.\n * Для немедленного включения какого-то режима в интерфейсе лучше подходит Toggle.\n */\n@rootNode\n@withSize\nexport class Checkbox extends React.PureComponent<CheckboxProps, CheckboxState> {\n  public static __KONTUR_REACT_UI__ = 'Checkbox';\n  public static displayName = 'Checkbox';\n\n  private getRootSizeClassName() {\n    switch (this.size) {\n      case 'large':\n        return styles.rootLarge(this.theme);\n      case 'medium':\n        return styles.rootMedium(this.theme);\n      case 'small':\n      default:\n        return styles.rootSmall(this.theme);\n    }\n  }\n\n  private getBoxWrapperSizeClassName() {\n    switch (this.size) {\n      case 'large':\n        return styles.boxWrapperLarge(this.theme);\n      case 'medium':\n        return styles.boxWrapperMedium(this.theme);\n      case 'small':\n      default:\n        return styles.boxWrapperSmall(this.theme);\n    }\n  }\n\n  private getCheckboxBoxSize() {\n    switch (this.size) {\n      case 'large':\n        return this.theme.checkboxBoxSizeLarge;\n      case 'medium':\n        return this.theme.checkboxBoxSizeMedium;\n      case 'small':\n      default:\n        return this.theme.checkboxBoxSizeSmall;\n    }\n  }\n\n  public state = {\n    focusedByTab: false,\n    indeterminate: this.props.initialIndeterminate || false,\n    isShiftPressed: false,\n  };\n  private size!: SizeProp;\n\n  private theme!: Theme;\n  private input = React.createRef<HTMLInputElement>();\n  private getProps = createPropsGetter({});\n\n  private handleShiftPress = (e: KeyboardEvent) => {\n    if (e.key === 'Shift') {\n      this.setState(() => ({\n        isShiftPressed: true,\n      }));\n    }\n  };\n\n  private handleShiftRelease = (e: KeyboardEvent) => {\n    if (e.key === 'Shift') {\n      this.setState({\n        isShiftPressed: false,\n      });\n    }\n  };\n\n  public componentDidMount = () => {\n    if (this.state.indeterminate && this.input.current) {\n      this.input.current.indeterminate = true;\n    }\n\n    globalObject.document?.addEventListener('keydown', this.handleShiftPress);\n    globalObject.document?.addEventListener('keyup', this.handleShiftRelease);\n  };\n\n  public componentWillUnmount = () => {\n    globalObject.document?.removeEventListener('keydown', this.handleShiftPress);\n    globalObject.document?.removeEventListener('keyup', this.handleShiftRelease);\n  };\n\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public componentDidUpdate(prevProps: CheckboxProps) {\n    if (prevProps.checked !== this.props.checked) {\n      this.resetIndeterminate();\n    }\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n              {this.renderMain}\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  /**\n   * Программная установка фокуса чекбоксу.\n   * @public\n   */\n  public focus() {\n    keyListener.isTabPressed = true;\n    this.input.current?.focus();\n  }\n\n  /**\n   * Программное снятие фокуса с чекбокса.\n   * @public\n   */\n  public blur() {\n    this.input.current?.blur();\n  }\n\n  /**\n   * Устанавливает чекбокс в HTML-состояние `indeterminate`.\n   * @public\n   */\n  public setIndeterminate = () => {\n    this.setState({\n      indeterminate: true,\n    });\n    if (this.input.current) {\n      this.input.current.indeterminate = true;\n    }\n  };\n\n  /**\n   * Снимает с чекбокса HTML-состояние `indeterminate`.\n   * @public\n   */\n  public resetIndeterminate = () => {\n    this.setState({\n      indeterminate: false,\n    });\n    if (this.input.current) {\n      this.input.current.indeterminate = false;\n    }\n  };\n\n  private renderMain = (props: CommonWrapperRestProps<CheckboxProps>) => {\n    const {\n      error,\n      warning,\n      size,\n      onMouseEnter,\n      onMouseLeave,\n      onMouseOver,\n      onValueChange,\n      type,\n      initialIndeterminate,\n      'aria-describedby': ariaDescribedby,\n      'aria-label': ariaLabel,\n      ...rest\n    } = props;\n    const isIndeterminate = this.state.indeterminate;\n\n    const iconClass = cx(styles.icon(), !this.props.checked && !isIndeterminate && styles.iconUnchecked());\n\n    const iconSize = parseInt(this.getCheckboxBoxSize());\n    const IconCheck = (\n      <span className={iconClass}>\n        <CheckedIcon size={iconSize} />\n      </span>\n    );\n    const IconSquare = (\n      <span className={iconClass}>\n        <IndeterminateIcon size={iconSize} />\n      </span>\n    );\n\n    const rootClass = cx(this.getRootSizeClassName(), {\n      [styles.root(this.theme)]: true,\n      [styles.rootFallback()]: isIE11 || isEdge,\n      [styles.rootChecked(this.theme)]: this.props.checked || isIndeterminate,\n      [styles.rootDisableTextSelect()]: this.state.isShiftPressed,\n      [styles.disabled(this.theme)]: Boolean(this.props.disabled),\n    });\n\n    const inputProps = {\n      ...rest,\n      type: 'checkbox',\n      className: styles.input(),\n      onChange: this.handleChange,\n      onFocus: this.handleFocus,\n      onBlur: this.handleBlur,\n      onClick: this.handleClick,\n      ref: this.input,\n    };\n\n    let caption = null;\n    if (this.props.children) {\n      const captionClass = cx({\n        [styles.caption(this.theme)]: true,\n        [styles.captionIE11()]: isIE11 || isEdge,\n        [styles.disabled(this.theme)]: Boolean(this.props.disabled),\n      });\n      caption = <span className={captionClass}>{this.props.children}</span>;\n    }\n\n    const box = (\n      <div\n        className={cx(this.getBoxWrapperSizeClassName(), {\n          [styles.boxWrapper(this.theme)]: true,\n        })}\n      >\n        <div\n          className={cx(styles.box(this.theme), globalClasses.box, {\n            [styles.boxChecked(this.theme)]: this.props.checked || isIndeterminate,\n            [styles.boxFocus(this.theme)]: this.state.focusedByTab,\n            [styles.boxError(this.theme)]: this.props.error,\n            [styles.boxWarning(this.theme)]: this.props.warning,\n            [styles.boxDisabled(this.theme)]: this.props.disabled,\n          })}\n        >\n          {(isIndeterminate && IconSquare) || IconCheck}\n        </div>\n      </div>\n    );\n\n    return (\n      <label\n        data-tid={CheckboxDataTids.root}\n        className={rootClass}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        onMouseOver={onMouseOver}\n        onClick={fixFirefoxModifiedClickOnLabel(this.input)}\n      >\n        <FocusControlWrapper onBlurWhenDisabled={this.resetFocus}>\n          <input {...inputProps} aria-label={ariaLabel} aria-describedby={ariaDescribedby} />\n        </FocusControlWrapper>\n        {box}\n        {caption}\n      </label>\n    );\n  };\n\n  private handleFocus = (e: React.FocusEvent<any>) => {\n    if (!this.props.disabled) {\n      // focus event fires before keyDown eventlistener\n      // so we should check tabPressed in async way\n      globalObject.requestAnimationFrame?.(() => {\n        if (keyListener.isTabPressed) {\n          this.setState({ focusedByTab: true });\n        }\n      });\n\n      if (this.props.onFocus) {\n        this.props.onFocus(e);\n      }\n    }\n  };\n\n  private resetFocus = () => this.setState({ focusedByTab: false });\n\n  private handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n    this.resetFocus();\n    this.props.onBlur?.(e);\n  };\n\n  private handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const checked = event.currentTarget.checked;\n    this.props.onValueChange?.(checked);\n\n    this.resetIndeterminate();\n\n    this.props.onChange?.(event);\n  };\n\n  private handleClick = (e: React.MouseEvent<HTMLInputElement>) => {\n    this.props.onClick?.(e);\n    // support IE11's and old Edge's special behavior\n    // https://github.com/jquery/jquery/issues/1698\n    if (this.state.indeterminate && (isIE11 || isEdge)) {\n      this.resetIndeterminate();\n      // simulate correct behavior only if onValueChange is used\n      // because we cant simulate real native onChange event\n      if (this.props.onValueChange && this.input.current) {\n        const checked = !this.input.current.checked;\n\n        if (this.props.checked === undefined) {\n          // in case of uncontrolled mode\n          this.input.current.checked = checked;\n        }\n\n        this.props.onValueChange(checked);\n      }\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/components/Checkbox/Checkbox/package.json

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

package/components/Checkbox/Checkbox.d.ts

@@ -1,9 +1,9 @@
 import type { AriaAttributes } from 'react';
 import React from 'react';
-import type { Override } from '../../typings/utility-types.js';
-import type { CommonProps } from '../../internal/CommonWrapper/index.js';
-import type { TGetRootNode } from '../../lib/rootNode/index.js';
-import type { SizeProp } from '../../lib/types/props.js';
+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;
@@ -24,9 +24,6 @@ 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;
@@ -60,14 +57,9 @@ export declare class Checkbox extends React.PureComponent<CheckboxProps, Checkbo
         isShiftPressed: boolean;
     };
     private size;
-    private globalObject;
-    private emotion;
-    private cx;
-    private styles;
     private theme;
     private input;
     private getProps;
-    private keyListener;
     private handleShiftPress;
     private handleShiftRelease;
     componentDidMount: () => void;

package/components/Checkbox/Checkbox.mixins/Checkbox.mixins.js

@@ -0,0 +1,14 @@
+import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
+var _templateObject, _templateObject2;
+import { css } from "../../../lib/theming/Emotion";
+import { isChrome, isFirefox } from "../../../lib/client";
+import { getLabGrotesqueBaselineCompensation } from "../../../lib/styles/getLabGrotesqueBaselineCompensation";
+export var checkboxSizeMixin = function checkboxSizeMixin(fontSize, lineHeight, paddingY, checkboxBoxSize, paddingX) {
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n    line-height: ", ";\n    font-size: ", ";\n    padding: ", " ", ";\n\n    &::before {\n      width: ", ";\n    }\n  "])), lineHeight, fontSize, paddingY, paddingX, checkboxBoxSize);
+};
+export var boxWrapperSizeMixin = function boxWrapperSizeMixin(labGrotesqueBaselineCompensation, fontSize, checkboxBoxSize, checkboxBoxOffsetY, checkboxPaddingX) {
+  var labGrotesqueCompenstation = parseInt(labGrotesqueBaselineCompensation);
+  var boxFontSize = parseInt(fontSize);
+  var baselineCompensation = getLabGrotesqueBaselineCompensation(boxFontSize, labGrotesqueCompenstation, isChrome, isFirefox);
+  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n    width: ", ";\n    height: ", ";\n    margin-top: calc(", " + ", "px);\n    left: ", ";\n  "])), checkboxBoxSize, checkboxBoxSize, checkboxBoxOffsetY, baselineCompensation, checkboxPaddingX);
+};

package/components/Checkbox/Checkbox.mixins/Checkbox.mixins.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["css","isChrome","isFirefox","getLabGrotesqueBaselineCompensation","checkboxSizeMixin","fontSize","lineHeight","paddingY","checkboxBoxSize","paddingX","_templateObject","_taggedTemplateLiteralLoose","boxWrapperSizeMixin","labGrotesqueBaselineCompensation","checkboxBoxOffsetY","checkboxPaddingX","labGrotesqueCompenstation","parseInt","boxFontSize","baselineCompensation","_templateObject2"],"sources":["Checkbox.mixins.ts"],"sourcesContent":["import { css } from '../../lib/theming/Emotion';\nimport { isChrome, isFirefox } from '../../lib/client';\nimport { getLabGrotesqueBaselineCompensation } from '../../lib/styles/getLabGrotesqueBaselineCompensation';\n\nexport const checkboxSizeMixin = (\n  fontSize: string,\n  lineHeight: string,\n  paddingY: string,\n  checkboxBoxSize: string,\n  paddingX: string,\n) => {\n  return css`\n    line-height: ${lineHeight};\n    font-size: ${fontSize};\n    padding: ${paddingY} ${paddingX};\n\n    &::before {\n      width: ${checkboxBoxSize};\n    }\n  `;\n};\n\nexport const boxWrapperSizeMixin = (\n  labGrotesqueBaselineCompensation: string,\n  fontSize: string,\n  checkboxBoxSize: string,\n  checkboxBoxOffsetY: string,\n  checkboxPaddingX: string,\n) => {\n  const labGrotesqueCompenstation = parseInt(labGrotesqueBaselineCompensation);\n  const boxFontSize = parseInt(fontSize);\n  const baselineCompensation = getLabGrotesqueBaselineCompensation(\n    boxFontSize,\n    labGrotesqueCompenstation,\n    isChrome,\n    isFirefox,\n  );\n\n  return css`\n    width: ${checkboxBoxSize};\n    height: ${checkboxBoxSize};\n    margin-top: calc(${checkboxBoxOffsetY} + ${baselineCompensation}px);\n    left: ${checkboxPaddingX};\n  `;\n};\n"],"mappings":"sIAAA,SAASA,GAAG,QAAQ,2BAA2B;AAC/C,SAASC,QAAQ,EAAEC,SAAS,QAAQ,kBAAkB;AACtD,SAASC,mCAAmC,QAAQ,sDAAsD;;AAE1G,OAAO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA;AAC5BC,QAAgB;AAChBC,UAAkB;AAClBC,QAAgB;AAChBC,eAAuB;AACvBC,QAAgB;AACb;EACH,OAAOT,GAAG,CAAAU,eAAA,KAAAA,eAAA,GAAAC,2BAAA;EACOL,UAAU;EACZD,QAAQ;EACVE,QAAQ,EAAIE,QAAQ;;;EAGpBD,eAAe;;;AAG9B,CAAC;;AAED,OAAO,IAAMI,mBAAmB,GAAG,SAAtBA,mBAAmBA;AAC9BC,gCAAwC;AACxCR,QAAgB;AAChBG,eAAuB;AACvBM,kBAA0B;AAC1BC,gBAAwB;AACrB;EACH,IAAMC,yBAAyB,GAAGC,QAAQ,CAACJ,gCAAgC,CAAC;EAC5E,IAAMK,WAAW,GAAGD,QAAQ,CAACZ,QAAQ,CAAC;EACtC,IAAMc,oBAAoB,GAAGhB,mCAAmC;IAC9De,WAAW;IACXF,yBAAyB;IACzBf,QAAQ;IACRC;EACF,CAAC;;EAED,OAAOF,GAAG,CAAAoB,gBAAA,KAAAA,gBAAA,GAAAT,2BAAA;EACCH,eAAe;EACdA,eAAe;EACNM,kBAAkB,EAAMK,oBAAoB;EACvDJ,gBAAgB;;AAE5B,CAAC","ignoreList":[]}

package/components/Checkbox/Checkbox.mixins/package.json

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

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

@@ -0,0 +1,81 @@
+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;
+import { css, memoizeStyle, prefix } from "../../../lib/theming/Emotion";
+import { boxWrapperSizeMixin, checkboxSizeMixin } from "../Checkbox.mixins";
+export var globalClasses = prefix('checkbox')({
+  box: 'box'
+});
+export var styles = memoizeStyle({
+  root: function root(t) {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\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      .", " {\n        transition:\n          background ", " ", ",\n          box-shadow ", " ", ";\n      }\n\n      &:hover .", " {\n        background: ", ";\n        box-shadow: ", ";\n      }\n\n      &:active .", " {\n        box-shadow: ", ";\n        background: ", ";\n      }\n    "], ["\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      .", " {\n        transition:\n          background ", " ", ",\n          box-shadow ", " ", ";\n      }\n\n      &:hover .", " {\n        background: ", ";\n        box-shadow: ", ";\n      }\n\n      &:active .", " {\n        box-shadow: ", ";\n        background: ", ";\n      }\n    "])), globalClasses.box, t.transitionDuration, t.transitionTimingFunction, t.transitionDuration, t.transitionTimingFunction, globalClasses.box, t.checkboxHoverBg, t.checkboxShadowHover, globalClasses.box, t.checkboxShadowActive, t.checkboxActiveBg);
+  },
+  rootSmall: function rootSmall(t) {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), checkboxSizeMixin(t.checkboxFontSizeSmall, t.checkboxLineHeightSmall, t.checkboxPaddingYSmall, t.checkboxBoxSizeSmall, t.checkboxPaddingXSmall));
+  },
+  rootMedium: function rootMedium(t) {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), checkboxSizeMixin(t.checkboxFontSizeMedium, t.checkboxLineHeightMedium, t.checkboxPaddingYMedium, t.checkboxBoxSizeMedium, t.checkboxPaddingXMedium));
+  },
+  rootLarge: function rootLarge(t) {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), checkboxSizeMixin(t.checkboxFontSizeLarge, t.checkboxLineHeightLarge, t.checkboxPaddingYLarge, t.checkboxBoxSizeLarge, t.checkboxPaddingXLarge));
+  },
+  rootDisableTextSelect: function rootDisableTextSelect() {
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      user-select: none;\n    "])));
+  },
+  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    )};\n    "])), t.checkboxBorderWidth);
+  },
+  boxWrapperSmall: function boxWrapperSmall(t) {
+    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), boxWrapperSizeMixin(t.labGrotesqueBaselineCompensation, t.checkboxFontSizeSmall, t.checkboxBoxSizeSmall, t.checkboxBoxOffsetY, t.checkboxPaddingXSmall));
+  },
+  boxWrapperMedium: function boxWrapperMedium(t) {
+    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), boxWrapperSizeMixin(t.labGrotesqueBaselineCompensation, t.checkboxFontSizeMedium, t.checkboxBoxSizeMedium, t.checkboxBoxOffsetY, t.checkboxPaddingXMedium));
+  },
+  boxWrapperLarge: function boxWrapperLarge(t) {
+    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), boxWrapperSizeMixin(t.labGrotesqueBaselineCompensation, t.checkboxFontSizeLarge, t.checkboxBoxSizeLarge, t.checkboxBoxOffsetY, t.checkboxPaddingXLarge));
+  },
+  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);
+  },
+  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    "])));
+  },
+  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);
+  },
+  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);
+  },
+  boxChecked: function boxChecked(t) {
+    return css(_templateObject17 || (_templateObject17 = _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);
+  },
+  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);
+  },
+  disabled: function disabled(t) {
+    return css(_templateObject20 || (_templateObject20 = _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    "])));
+  },
+  iconUnchecked: function iconUnchecked() {
+    return css(_templateObject22 || (_templateObject22 = _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    "])));
+  }
+});

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

@@ -0,0 +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","checkboxPaddingXSmall","rootMedium","_templateObject3","checkboxFontSizeMedium","checkboxLineHeightMedium","checkboxPaddingYMedium","checkboxBoxSizeMedium","checkboxPaddingXMedium","rootLarge","_templateObject4","checkboxFontSizeLarge","checkboxLineHeightLarge","checkboxPaddingYLarge","checkboxBoxSizeLarge","checkboxPaddingXLarge","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        t.checkboxPaddingXSmall,\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        t.checkboxPaddingXMedium,\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        t.checkboxPaddingXLarge,\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    )};\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        t.checkboxPaddingXSmall,\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        t.checkboxPaddingXMedium,\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        t.checkboxPaddingXLarge,\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":"iiBAAA,SAASA,GAAG,EAAEC,YAAY,EAAEC,MAAM,QAAQ,2BAA2B;;;AAGrE,SAASC,mBAAmB,EAAEC,iBAAiB,QAAQ,mBAAmB;;AAE1E,OAAO,IAAMC,aAAa,GAAGH,MAAM,CAAC,UAAU,CAAC,CAAC;EAC9CI,GAAG,EAAE;AACP,CAAC,CAAC;;AAEF,OAAO,IAAMC,MAAM,GAAGN,YAAY,CAAC;EACjCO,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,OAAOT,GAAG,CAAAU,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;;;;;;;;;;;IAeLN,aAAa,CAACC,GAAG;;IAEHG,CAAC,CAACG,kBAAkB,EAAIH,CAAC,CAACI,wBAAwB;IAClDJ,CAAC,CAACG,kBAAkB,EAAIH,CAAC,CAACI,wBAAwB;;;IAGxDR,aAAa,CAACC,GAAG;IACZG,CAAC,CAACK,eAAe;IACjBL,CAAC,CAACM,mBAAmB;;;IAGzBV,aAAa,CAACC,GAAG;IACbG,CAAC,CAACO,oBAAoB;IACtBP,CAAC,CAACQ,gBAAgB;;;EAGtC,CAAC;;EAEDC,SAAS,WAAAA,UAACT,CAAQ,EAAE;IAClB,OAAOT,GAAG,CAAAmB,gBAAA,KAAAA,gBAAA,GAAAR,2BAAA;IACNP,iBAAiB;MACjBK,CAAC,CAACW,qBAAqB;MACvBX,CAAC,CAACY,uBAAuB;MACzBZ,CAAC,CAACa,qBAAqB;MACvBb,CAAC,CAACc,oBAAoB;MACtBd,CAAC,CAACe;IACJ,CAAC;;EAEL,CAAC;;EAEDC,UAAU,WAAAA,WAAChB,CAAQ,EAAE;IACnB,OAAOT,GAAG,CAAA0B,gBAAA,KAAAA,gBAAA,GAAAf,2BAAA;IACNP,iBAAiB;MACjBK,CAAC,CAACkB,sBAAsB;MACxBlB,CAAC,CAACmB,wBAAwB;MAC1BnB,CAAC,CAACoB,sBAAsB;MACxBpB,CAAC,CAACqB,qBAAqB;MACvBrB,CAAC,CAACsB;IACJ,CAAC;;EAEL,CAAC;;EAEDC,SAAS,WAAAA,UAACvB,CAAQ,EAAE;IAClB,OAAOT,GAAG,CAAAiC,gBAAA,KAAAA,gBAAA,GAAAtB,2BAAA;IACNP,iBAAiB;MACjBK,CAAC,CAACyB,qBAAqB;MACvBzB,CAAC,CAAC0B,uBAAuB;MACzB1B,CAAC,CAAC2B,qBAAqB;MACvB3B,CAAC,CAAC4B,oBAAoB;MACtB5B,CAAC,CAAC6B;IACJ,CAAC;;EAEL,CAAC;;EAEDC,qBAAqB,WAAAA,sBAAA,EAAG;IACtB,OAAOvC,GAAG,CAAAwC,gBAAA,KAAAA,gBAAA,GAAA7B,2BAAA;;;EAGZ,CAAC;;EAED8B,WAAW,WAAAA,YAAChC,CAAQ,EAAE;IACpB,OAAOT,GAAG,CAAA0C,gBAAA,KAAAA,gBAAA,GAAA/B,2BAAA;IACGN,aAAa,CAACC,GAAG;IACZG,CAAC,CAACkC,0BAA0B;IAC5BlC,CAAC,CAACmC,sBAAsB;;;IAG5BvC,aAAa,CAACC,GAAG;IACbG,CAAC,CAACoC,uBAAuB;IACzBpC,CAAC,CAACqC,2BAA2B;;;EAGjD,CAAC;;EAEDC,YAAY,WAAAA,aAAA,EAAG;IACb,OAAO/C,GAAG,CAAAgD,gBAAA,KAAAA,gBAAA,GAAArC,2BAAA;;;;;;;;EAQZ,CAAC;;EAEDsC,eAAe,WAAAA,gBAAA,EAAG;IAChB,OAAOjD,GAAG,CAAAkD,gBAAA,KAAAA,gBAAA,GAAAvC,2BAAA;;;EAGZ,CAAC;;EAEDwC,UAAU,WAAAA,WAAC1C,CAAQ,EAAE;IACnB,OAAOT,GAAG,CAAAoD,gBAAA,KAAAA,gBAAA,GAAAzC,2BAAA;;;IAGGF,CAAC,CAAC4C,mBAAmB;;;;;;EAMpC,CAAC;;EAEDC,eAAe,WAAAA,gBAAC7C,CAAQ,EAAE;IACxB,OAAOT,GAAG,CAAAuD,iBAAA,KAAAA,iBAAA,GAAA5C,2BAAA;IACNR,mBAAmB;MACnBM,CAAC,CAAC+C,gCAAgC;MAClC/C,CAAC,CAACW,qBAAqB;MACvBX,CAAC,CAACc,oBAAoB;MACtBd,CAAC,CAACgD,kBAAkB;MACpBhD,CAAC,CAACe;IACJ,CAAC;;EAEL,CAAC;;EAEDkC,gBAAgB,WAAAA,iBAACjD,CAAQ,EAAE;IACzB,OAAOT,GAAG,CAAA2D,iBAAA,KAAAA,iBAAA,GAAAhD,2BAAA;IACNR,mBAAmB;MACnBM,CAAC,CAAC+C,gCAAgC;MAClC/C,CAAC,CAACkB,sBAAsB;MACxBlB,CAAC,CAACqB,qBAAqB;MACvBrB,CAAC,CAACgD,kBAAkB;MACpBhD,CAAC,CAACsB;IACJ,CAAC;;EAEL,CAAC;;EAED6B,eAAe,WAAAA,gBAACnD,CAAQ,EAAE;IACxB,OAAOT,GAAG,CAAA6D,iBAAA,KAAAA,iBAAA,GAAAlD,2BAAA;IACNR,mBAAmB;MACnBM,CAAC,CAAC+C,gCAAgC;MAClC/C,CAAC,CAACyB,qBAAqB;MACvBzB,CAAC,CAAC4B,oBAAoB;MACtB5B,CAAC,CAACgD,kBAAkB;MACpBhD,CAAC,CAAC6B;IACJ,CAAC;;EAEL,CAAC;;EAEDhC,GAAG,WAAAA,IAACG,CAAQ,EAAE;IACZ,OAAOT,GAAG,CAAA8D,iBAAA,KAAAA,iBAAA,GAAAnD,2BAAA;IACCF,CAAC,CAACsD,wBAAwB;IACrBtD,CAAC,CAACuD,cAAc;IAChBvD,CAAC,CAACwD,UAAU;IACTxD,CAAC,CAACyD,oBAAoB;;;EAG3C,CAAC;;EAEDC,KAAK,WAAAA,MAAA,EAAG;IACN,OAAOnE,GAAG,CAAAoE,iBAAA,KAAAA,iBAAA,GAAAzD,2BAAA;;;;;;;;EAQZ,CAAC;;EAED0D,UAAU,WAAAA,WAAC5D,CAAQ,EAAE;IACnB,OAAOT,GAAG,CAAAsE,iBAAA,KAAAA,iBAAA,GAAA3D,2BAAA;;IAEYF,CAAC,CAAC8D,yBAAyB;IACrC9D,CAAC,CAAC+D,oBAAoB,EAAI/D,CAAC,CAACgE,0BAA0B;;EAEpE,CAAC;;EAEDC,QAAQ,WAAAA,SAACjE,CAAQ,EAAE;IACjB,OAAOT,GAAG,CAAA2E,iBAAA,KAAAA,iBAAA,GAAAhE,2BAAA;;IAEYF,CAAC,CAAC8D,yBAAyB;IACrC9D,CAAC,CAAC+D,oBAAoB,EAAI/D,CAAC,CAACmE,wBAAwB;;EAElE,CAAC;;EAEDC,UAAU,WAAAA,WAACpE,CAAQ,EAAE;IACnB,OAAOT,GAAG,CAAA8E,iBAAA,KAAAA,iBAAA,GAAAnE,2BAAA;IACMF,CAAC,CAACsE,iBAAiB;IACxBtE,CAAC,CAACuE,oBAAoB;IACjBvE,CAAC,CAACwE,qBAAqB;;EAEzC,CAAC;;EAEDC,QAAQ,WAAAA,SAACzE,CAAQ,EAAE;IACjB,OAAOT,GAAG,CAAAmF,iBAAA,KAAAA,iBAAA,GAAAxE,2BAAA;;IAEYF,CAAC,CAAC8D,yBAAyB;IACrC9D,CAAC,CAAC+D,oBAAoB,EAAI/D,CAAC,CAAC2E,wBAAwB;;EAElE,CAAC;;EAEDC,WAAW,WAAAA,YAAC5E,CAAQ,EAAE;IACpB,OAAOT,GAAG,CAAAsF,iBAAA,KAAAA,iBAAA,GAAA3E,2BAAA;IACMF,CAAC,CAAC8E,sBAAsB;IACxB9E,CAAC,CAAC+E,kBAAkB;IACzB/E,CAAC,CAACgF,yBAAyB;;EAExC,CAAC;;EAEDC,QAAQ,WAAAA,SAACjF,CAAQ,EAAE;IACjB,OAAOT,GAAG,CAAA2F,iBAAA,KAAAA,iBAAA,GAAAhF,2BAAA;IACCF,CAAC,CAACgF,yBAAyB;;;EAGxC,CAAC;;EAEDG,IAAI,WAAAA,KAAA,EAAG;IACL,OAAO5F,GAAG,CAAA6F,iBAAA,KAAAA,iBAAA,GAAAlF,2BAAA;;;;;;;;;;EAUZ,CAAC;;EAEDmF,aAAa,WAAAA,cAAA,EAAG;IACd,OAAO9F,GAAG,CAAA+F,iBAAA,KAAAA,iBAAA,GAAApF,2BAAA;;;EAGZ,CAAC;;EAEDqF,OAAO,WAAAA,QAACvF,CAAQ,EAAE;IAChB,OAAOT,GAAG,CAAAiG,iBAAA,KAAAA,iBAAA,GAAAtF,2BAAA;IACCF,CAAC,CAACsD,wBAAwB;IACnBtD,CAAC,CAACyF,kBAAkB;;EAExC,CAAC;;EAEDC,WAAW,WAAAA,YAAA,EAAG;IACZ,OAAOnG,GAAG,CAAAoG,iBAAA,KAAAA,iBAAA,GAAAzF,2BAAA;;;EAGZ;AACF,CAAC,CAAC","ignoreList":[]}

package/components/Checkbox/Checkbox.styles/package.json

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

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

@@ -1,14 +1,16 @@
-import type { Theme } from '../../lib/theming/Theme.js';
+import type { Theme } from '../../lib/theming/Theme';
 export declare const globalClasses: {
     box: string;
 };
-export declare const getStyles: import("../../lib/theming/Emotion.js").StylesGetter<{
+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;
@@ -24,4 +26,5 @@ export declare const getStyles: import("../../lib/theming/Emotion.js").StylesGet
     icon(): string;
     iconUnchecked(): string;
     caption(t: Theme): string;
-}>;
+    captionIE11(): string;
+};

package/components/Checkbox/CheckedIcon/CheckedIcon.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { iconSizer } from "../../../internal/icons2022/iconSizer";
+import { CheckAIcon16Solid } from "../../../internal/icons2022/CheckAIcon/CheckAIcon16Solid";
+import { CheckAIcon20Solid } from "../../../internal/icons2022/CheckAIcon/CheckAIcon20Solid";
+export var CheckedIcon = iconSizer({
+  small: function small() {
+    return /*#__PURE__*/React.createElement(CheckAIcon16Solid, {
+      size: 12
+    });
+  },
+  medium: function medium() {
+    return /*#__PURE__*/React.createElement(CheckAIcon16Solid, null);
+  },
+  large: function large() {
+    return /*#__PURE__*/React.createElement(CheckAIcon20Solid, null);
+  }
+}, 'CheckedIcon');

package/components/Checkbox/CheckedIcon/CheckedIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","iconSizer","CheckAIcon16Solid","CheckAIcon20Solid","CheckedIcon","small","createElement","size","medium","large"],"sources":["CheckedIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { iconSizer } from '../../internal/icons2022/iconSizer';\nimport { CheckAIcon16Solid } from '../../internal/icons2022/CheckAIcon/CheckAIcon16Solid';\nimport { CheckAIcon20Solid } from '../../internal/icons2022/CheckAIcon/CheckAIcon20Solid';\n\nexport const CheckedIcon = iconSizer(\n  {\n    small: () => <CheckAIcon16Solid size={12} />,\n    medium: () => <CheckAIcon16Solid />,\n    large: () => <CheckAIcon20Solid />,\n  },\n  'CheckedIcon',\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,SAAS,QAAQ,oCAAoC;AAC9D,SAASC,iBAAiB,QAAQ,uDAAuD;AACzF,SAASC,iBAAiB,QAAQ,uDAAuD;;AAEzF,OAAO,IAAMC,WAAW,GAAGH,SAAS;EAClC;IACEI,KAAK,EAAE,SAAAA,MAAA,uBAAML,KAAA,CAAAM,aAAA,CAACJ,iBAAiB,IAACK,IAAI,EAAE,EAAG,EAAE,CAAC;IAC5CC,MAAM,EAAE,SAAAA,OAAA,uBAAMR,KAAA,CAAAM,aAAA,CAACJ,iBAAiB,MAAE,CAAC;IACnCO,KAAK,EAAE,SAAAA,MAAA,uBAAMT,KAAA,CAAAM,aAAA,CAACH,iBAAiB,MAAE,CAAC;EACpC,CAAC;EACD;AACF,CAAC","ignoreList":[]}

package/components/Checkbox/CheckedIcon/package.json

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

package/components/Checkbox/CheckedIcon.d.ts

@@ -1,3 +1,3 @@
-export declare const CheckedIcon: import("../../lib/forwardRefAndName.js").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon.js").IconProps, "size"> & {
-    size?: import("../../internal/icons2022/BaseIcon.js").IconProps["size"] | import("../../internal/icons2022/iconConstants.js").IconSizeAliases;
+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/IndeterminateIcon.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { iconSizer } from "../../../internal/icons2022/iconSizer";
+import { ShapeSquareIcon16Solid } from "../../../internal/icons2022/ShapeSquareIcon/ShapeSquareIcon16Solid";
+export var IndeterminateIcon = iconSizer({
+  small: function small() {
+    return /*#__PURE__*/React.createElement(ShapeSquareIcon16Solid, {
+      size: 6
+    });
+  },
+  medium: function medium() {
+    return /*#__PURE__*/React.createElement(ShapeSquareIcon16Solid, {
+      size: 8
+    });
+  },
+  large: function large() {
+    return /*#__PURE__*/React.createElement(ShapeSquareIcon16Solid, {
+      size: 10
+    });
+  }
+}, 'IndeterminateIcon');

package/components/Checkbox/IndeterminateIcon/IndeterminateIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","iconSizer","ShapeSquareIcon16Solid","IndeterminateIcon","small","createElement","size","medium","large"],"sources":["IndeterminateIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { iconSizer } from '../../internal/icons2022/iconSizer';\nimport { ShapeSquareIcon16Solid } from '../../internal/icons2022/ShapeSquareIcon/ShapeSquareIcon16Solid';\n\nexport const IndeterminateIcon = iconSizer(\n  {\n    small: () => <ShapeSquareIcon16Solid size={6} />,\n    medium: () => <ShapeSquareIcon16Solid size={8} />,\n    large: () => <ShapeSquareIcon16Solid size={10} />,\n  },\n  'IndeterminateIcon',\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,SAAS,QAAQ,oCAAoC;AAC9D,SAASC,sBAAsB,QAAQ,iEAAiE;;AAExG,OAAO,IAAMC,iBAAiB,GAAGF,SAAS;EACxC;IACEG,KAAK,EAAE,SAAAA,MAAA,uBAAMJ,KAAA,CAAAK,aAAA,CAACH,sBAAsB,IAACI,IAAI,EAAE,CAAE,EAAE,CAAC;IAChDC,MAAM,EAAE,SAAAA,OAAA,uBAAMP,KAAA,CAAAK,aAAA,CAACH,sBAAsB,IAACI,IAAI,EAAE,CAAE,EAAE,CAAC;IACjDE,KAAK,EAAE,SAAAA,MAAA,uBAAMR,KAAA,CAAAK,aAAA,CAACH,sBAAsB,IAACI,IAAI,EAAE,EAAG,EAAE,CAAC;EACnD,CAAC;EACD;AACF,CAAC","ignoreList":[]}

package/components/Checkbox/IndeterminateIcon/package.json

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

package/components/Checkbox/IndeterminateIcon.d.ts

@@ -1,3 +1,3 @@
-export declare const IndeterminateIcon: import("../../lib/forwardRefAndName.js").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon.js").IconProps, "size"> & {
-    size?: import("../../internal/icons2022/BaseIcon.js").IconProps["size"] | import("../../internal/icons2022/iconConstants.js").IconSizeAliases;
+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/index.js

@@ -0,0 +1 @@
+export * from "../Checkbox";

package/components/Checkbox/index/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from './Checkbox';\n"],"mappings":"AAAA,cAAc,YAAY","ignoreList":[]}

package/components/Checkbox/index/package.json

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

package/components/Checkbox/index.d.ts

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

package/components/Checkbox/package.json

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

package/components/ComboBox/ComboBox/ComboBox.js

@@ -0,0 +1,115 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+var _class, _ComboBox;
+import React from 'react';
+import { CustomComboBox } from "../../../internal/CustomComboBox";
+import { rootNode } from "../../../lib/rootNode";
+import { createPropsGetter } from "../../../lib/createPropsGetter";
+
+/**
+ * Комбобокс — поле ввода с выпадающим списком подсказок, из которых пользователь может выбрать нужное. Открыть выпадающий список можно ещё до начала ввода значения, нажав на поле. */
+export var ComboBox = rootNode(_class = (_ComboBox = /*#__PURE__*/function (_React$Component) {
+  function ComboBox() {
+    var _this;
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    _this.getProps = createPropsGetter(ComboBox.defaultProps);
+    _this.comboboxElement = null;
+    _this.customComboBoxRef = function (element) {
+      _this.setRootNode(element);
+      _this.comboboxElement = element;
+    };
+    return _this;
+  }
+  _inheritsLoose(ComboBox, _React$Component);
+  var _proto = ComboBox.prototype; /** Программно устанавливает фокус на комбобокс.
+                                   * @public
+                                   */
+  _proto.focus = function focus(opts) {
+    if (this.comboboxElement) {
+      this.comboboxElement.focus(opts);
+    }
+  } /** Программно снимает фокус с комбобокса.
+    * @public
+    */;
+  _proto.blur = function blur() {
+    if (this.comboboxElement) {
+      this.comboboxElement.blur();
+    }
+  } /** Открывает список значений и запускает поиск.
+    *
+    * По умолчанию для поиска используется введенное в поле значение или результат `valueToString(value)`.
+    *
+    * @public
+    * @param {string} [query] Текст поиска.`
+    */;
+  _proto.search = function search(query) {
+    if (this.comboboxElement) {
+      this.comboboxElement.search(query);
+    }
+  } /** Отменяет текущий поиск — останавливает фильтрацию и очищает результаты поиска.
+    * @public
+    */;
+  _proto.cancelSearch = function cancelSearch() {
+    if (this.comboboxElement) {
+      this.comboboxElement.cancelSearch();
+    }
+  } /** Открывает выпадающий список.
+    * @public
+    */;
+  _proto.open = function open() {
+    if (this.comboboxElement) {
+      this.comboboxElement.open();
+    }
+  } /** Закрывает выпадающий список.
+    * @public
+    */;
+  _proto.close = function close() {
+    if (this.comboboxElement) {
+      this.comboboxElement.close();
+    }
+  } /**
+    * Переводит фокус в поле, если ещё не в фокусе, и выделяет весь текст в нём.
+    * @public
+    */;
+  _proto.selectInputText = function selectInputText() {
+    if (this.comboboxElement) {
+      this.comboboxElement.selectInputText();
+    }
+  } /**
+    * Сбрасывает введённое пользователем значение без изменения `value`.
+    * @public
+    */;
+  _proto.reset = function reset() {
+    if (this.comboboxElement) {
+      this.comboboxElement.reset();
+    }
+  };
+  _proto.render = function render() {
+    return /*#__PURE__*/React.createElement(CustomComboBox, _extends({}, this.getProps(), {
+      size: this.props.size,
+      ref: this.customComboBoxRef
+    }));
+  };
+  return ComboBox;
+}(React.Component), _ComboBox.__KONTUR_REACT_UI__ = 'ComboBox', _ComboBox.displayName = 'ComboBox', _ComboBox.defaultProps = {
+  itemToValue: function itemToValue(item) {
+    return item.value;
+  },
+  valueToString: function valueToString(item) {
+    return item.label;
+  },
+  renderValue: function renderValue(item) {
+    return item.label;
+  },
+  renderItem: function renderItem(item) {
+    return item.label;
+  },
+  menuAlign: 'left',
+  searchOnFocus: true,
+  drawArrow: true,
+  showClearIcon: 'never',
+  viewMode: 'singleline'
+}, _ComboBox)) || _class;

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

@@ -0,0 +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   * @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  /** По умолчанию выпадающий список рендерится через [паттерн Portal](https://react.dev/reference/react-dom/createPortal). Проп отключает использование Portal и список рендерится как обычный блок с абсолютным позиционированием внутри компонента. */\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  /** Mаксимальная длина значения, которое пользователь может ввести в поле. */\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   * Многострочные режимы не работают, если указан проп `mask`. В таком случае будет отображаться однострочное поле.\n   * @default singleline */\n  viewMode?: ComboBoxViewMode;\n\n  /** Максимальное количество отображаемых строк, если для поля добавлен проп многострочного режима  — `\"multiline\"` или `\"multiline-editing\"`. */\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 * Комбобокс — поле ввода с выпадающим списком подсказок, из которых пользователь может выбрать нужное. Открыть выпадающий список можно ещё до начала ввода значения, нажав на поле. */\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   * По умолчанию для поиска используется введенное в поле значение или результат `valueToString(value)`.\n   *\n   * @public\n   * @param {string} [query] Текст поиска.`\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   * Переводит фокус в поле, если ещё не в фокусе, и выделяет весь текст в нём.\n   * @public\n   */\n  public selectInputText() {\n    if (this.comboboxElement) {\n      this.comboboxElement.selectInputText();\n    }\n  }\n\n  /**\n   * Сбрасывает введённое пользователем значение без изменения `value`.\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/package.json

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