@skbkontur/react-ui 3.7.1 → 3.8.2

package/cjs/internal/CustomComboBox/ComboBoxView.js

@@ -1,6 +1,7 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.ComboBoxView = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 var _reactDom = require("react-dom");
 
+var _utils = require("../../lib/utils");
 var _DropdownContainer = require("../DropdownContainer");
 var _Input = require("../../components/Input");
 var _InputLikeText = require("../InputLikeText");
@@ -286,4 +287,4 @@ ComboBoxView = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.def
       }
 
       return null;
-    };return _this;}var _proto = ComboBoxView.prototype;_proto.componentDidMount = function componentDidMount() {if (this.props.autoFocus && this.props.onFocus) {this.props.onFocus();}};_proto.componentDidUpdate = function componentDidUpdate(prevProps) {var input = this.input,props = this.props;if (props.editing && !prevProps.editing && input) {input.focus();}};_proto.render = function render() {var _this2 = this;var _this$props2 = this.props,items = _this$props2.items,loading = _this$props2.loading,menuAlign = _this$props2.menuAlign,onClickOutside = _this$props2.onClickOutside,onFocusOutside = _this$props2.onFocusOutside,onMouseEnter = _this$props2.onMouseEnter,onMouseLeave = _this$props2.onMouseLeave,onMouseOver = _this$props2.onMouseOver,opened = _this$props2.opened,refMenu = _this$props2.refMenu,maxMenuHeight = _this$props2.maxMenuHeight,renderTotalCount = _this$props2.renderTotalCount,renderItem = _this$props2.renderItem,renderNotFound = _this$props2.renderNotFound,repeatRequest = _this$props2.repeatRequest,requestStatus = _this$props2.requestStatus,totalCount = _this$props2.totalCount,size = _this$props2.size,width = _this$props2.width;var input = this.renderInput();var topOffsets = { spinner: 6, arrow: 15 };if (size === 'medium') {topOffsets.spinner += 4;topOffsets.arrow += 4;}if (size === 'large') {topOffsets.spinner += 6;topOffsets.arrow += 6;}return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, this.props, /*#__PURE__*/_react.default.createElement(_RenderLayer.RenderLayer, { onClickOutside: onClickOutside, onFocusOutside: onFocusOutside, active: opened }, /*#__PURE__*/_react.default.createElement("span", { style: { width: width }, className: _CustomComboBox.styles.root(), onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onMouseOver: onMouseOver }, input, opened && /*#__PURE__*/_react.default.createElement(_DropdownContainer.DropdownContainer, { align: menuAlign, getParent: function getParent() {return (0, _reactDom.findDOMNode)(_this2);}, offsetY: 1, disablePortal: this.props.disablePortal }, /*#__PURE__*/_react.default.createElement(_ComboBoxMenu.ComboBoxMenu, { items: items, loading: loading, maxMenuHeight: maxMenuHeight, onValueChange: this.handleItemSelect, opened: opened, refMenu: refMenu, renderTotalCount: renderTotalCount, renderItem: renderItem, renderNotFound: renderNotFound, renderAddButton: this.renderAddButton, repeatRequest: repeatRequest, requestStatus: requestStatus, totalCount: totalCount })))));};_proto.renderInput = function renderInput() {var _this$props3 = this.props,align = _this$props3.align,borderless = _this$props3.borderless,disabled = _this$props3.disabled,editing = _this$props3.editing,error = _this$props3.error,onFocus = _this$props3.onFocus,onInputBlur = _this$props3.onInputBlur,onInputValueChange = _this$props3.onInputValueChange,onInputFocus = _this$props3.onInputFocus,onInputClick = _this$props3.onInputClick,onInputKeyDown = _this$props3.onInputKeyDown,placeholder = _this$props3.placeholder,renderValue = _this$props3.renderValue,size = _this$props3.size,textValue = _this$props3.textValue,value = _this$props3.value,warning = _this$props3.warning,refInputLikeText = _this$props3.refInputLikeText,leftIcon = _this$props3.leftIcon,inputMode = _this$props3.inputMode;var rightIcon = this.getRightIcon();if (editing) {return /*#__PURE__*/_react.default.createElement(_Input.Input, { align: align, borderless: borderless, disabled: disabled, error: error, maxLength: this.props.maxLength, onBlur: onInputBlur, onValueChange: onInputValueChange, onFocus: onInputFocus, onClick: onInputClick, leftIcon: leftIcon, rightIcon: rightIcon, value: textValue || '', onKeyDown: onInputKeyDown, placeholder: placeholder, width: "100%", size: size, ref: this.refInput, warning: warning, inputMode: inputMode });}return /*#__PURE__*/_react.default.createElement(_InputLikeText.InputLikeText, { align: align, borderless: borderless, error: error, onFocus: onFocus, leftIcon: leftIcon, rightIcon: rightIcon, disabled: disabled, warning: warning, placeholder: placeholder, size: size, width: "100%", ref: refInputLikeText }, value ? renderValue(value) : null);};return ComboBoxView;}(_react.default.Component);exports.ComboBoxView = ComboBoxView;ComboBoxView.__KONTUR_REACT_UI__ = 'ComboBoxView';ComboBoxView.defaultProps = { renderItem: function renderItem(item) {return item;}, renderValue: function renderValue(item) {return item;}, renderAddButton: function renderAddButton() {return null;}, repeatRequest: function repeatRequest() {return undefined;}, requestStatus: _CustomComboBoxTypes.ComboBoxRequestStatus.Unknown, onClickOutside: function onClickOutside() {/**/}, onFocusOutside: function onFocusOutside() {/**/}, size: 'small', width: 250 };
+    };return _this;}var _proto = ComboBoxView.prototype;_proto.componentDidMount = function componentDidMount() {if (this.props.autoFocus && this.props.onFocus) {this.props.onFocus();}};_proto.componentDidUpdate = function componentDidUpdate(prevProps) {var input = this.input,props = this.props;if (props.editing && !prevProps.editing && input) {input.focus();}};_proto.render = function render() {var _this2 = this;var _this$props2 = this.props,items = _this$props2.items,loading = _this$props2.loading,menuAlign = _this$props2.menuAlign,onClickOutside = _this$props2.onClickOutside,onFocusOutside = _this$props2.onFocusOutside,onMouseEnter = _this$props2.onMouseEnter,onMouseLeave = _this$props2.onMouseLeave,onMouseOver = _this$props2.onMouseOver,opened = _this$props2.opened,refMenu = _this$props2.refMenu,maxMenuHeight = _this$props2.maxMenuHeight,renderTotalCount = _this$props2.renderTotalCount,renderItem = _this$props2.renderItem,renderNotFound = _this$props2.renderNotFound,repeatRequest = _this$props2.repeatRequest,requestStatus = _this$props2.requestStatus,totalCount = _this$props2.totalCount,size = _this$props2.size,width = _this$props2.width;var input = this.renderInput();var topOffsets = { spinner: 6, arrow: 15 };if (size === 'medium') {topOffsets.spinner += 4;topOffsets.arrow += 4;}if (size === 'large') {topOffsets.spinner += 6;topOffsets.arrow += 6;}return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, this.props, /*#__PURE__*/_react.default.createElement(_RenderLayer.RenderLayer, { onClickOutside: onClickOutside, onFocusOutside: onFocusOutside, active: opened }, /*#__PURE__*/_react.default.createElement("span", { style: { width: width }, className: _CustomComboBox.styles.root(), onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onMouseOver: onMouseOver }, input, opened && /*#__PURE__*/_react.default.createElement(_DropdownContainer.DropdownContainer, { align: menuAlign, getParent: function getParent() {return (0, _reactDom.findDOMNode)(_this2);}, offsetY: 1, disablePortal: this.props.disablePortal }, /*#__PURE__*/_react.default.createElement(_ComboBoxMenu.ComboBoxMenu, { items: items, loading: loading, maxMenuHeight: maxMenuHeight, onValueChange: this.handleItemSelect, opened: opened, refMenu: refMenu, renderTotalCount: renderTotalCount, renderItem: renderItem, renderNotFound: renderNotFound, renderAddButton: this.renderAddButton, repeatRequest: repeatRequest, requestStatus: requestStatus, totalCount: totalCount })))));};_proto.renderInput = function renderInput() {var _this$props3 = this.props,align = _this$props3.align,borderless = _this$props3.borderless,disabled = _this$props3.disabled,editing = _this$props3.editing,error = _this$props3.error,onFocus = _this$props3.onFocus,onInputBlur = _this$props3.onInputBlur,onInputValueChange = _this$props3.onInputValueChange,onInputFocus = _this$props3.onInputFocus,onInputClick = _this$props3.onInputClick,onInputKeyDown = _this$props3.onInputKeyDown,placeholder = _this$props3.placeholder,renderValue = _this$props3.renderValue,size = _this$props3.size,textValue = _this$props3.textValue,value = _this$props3.value,warning = _this$props3.warning,refInputLikeText = _this$props3.refInputLikeText,leftIcon = _this$props3.leftIcon,inputMode = _this$props3.inputMode;var rightIcon = this.getRightIcon();if (editing) {return /*#__PURE__*/_react.default.createElement(_Input.Input, { align: align, borderless: borderless, disabled: disabled, error: error, maxLength: this.props.maxLength, onBlur: onInputBlur, onValueChange: onInputValueChange, onFocus: onInputFocus, onClick: onInputClick, leftIcon: leftIcon, rightIcon: rightIcon, value: textValue || '', onKeyDown: onInputKeyDown, placeholder: placeholder, width: "100%", size: size, ref: this.refInput, warning: warning, inputMode: inputMode });}return /*#__PURE__*/_react.default.createElement(_InputLikeText.InputLikeText, { align: align, borderless: borderless, error: error, onFocus: onFocus, leftIcon: leftIcon, rightIcon: rightIcon, disabled: disabled, warning: warning, placeholder: placeholder, size: size, width: "100%", ref: refInputLikeText }, (0, _utils.isNonNullable)(value) && renderValue ? renderValue(value) : null);};return ComboBoxView;}(_react.default.Component);exports.ComboBoxView = ComboBoxView;ComboBoxView.__KONTUR_REACT_UI__ = 'ComboBoxView';ComboBoxView.defaultProps = { renderItem: function renderItem(item) {return item;}, renderValue: function renderValue(item) {return item;}, renderAddButton: function renderAddButton() {return null;}, repeatRequest: function repeatRequest() {return undefined;}, requestStatus: _CustomComboBoxTypes.ComboBoxRequestStatus.Unknown, onClickOutside: function onClickOutside() {/**/}, onFocusOutside: function onFocusOutside() {/**/}, size: 'small', width: 250 };

package/cjs/internal/CustomComboBox/ComboBoxView.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ComboBoxView.tsx"],"names":["ComboBoxView","input","renderAddButton","props","textValue","handleItemSelect","item","onValueChange","refInput","renderSpinner","styles","spinnerWrapper","getRightIcon","loading","items","drawArrow","rightIcon","length","rightIconWrapper","componentDidMount","autoFocus","onFocus","componentDidUpdate","prevProps","editing","focus","render","menuAlign","onClickOutside","onFocusOutside","onMouseEnter","onMouseLeave","onMouseOver","opened","refMenu","maxMenuHeight","renderTotalCount","renderItem","renderNotFound","repeatRequest","requestStatus","totalCount","size","width","renderInput","topOffsets","spinner","arrow","root","disablePortal","align","borderless","disabled","error","onInputBlur","onInputValueChange","onInputFocus","onInputClick","onInputKeyDown","placeholder","renderValue","value","warning","refInputLikeText","leftIcon","inputMode","maxLength","React","Component","__KONTUR_REACT_UI__","defaultProps","undefined","ComboBoxRequestStatus","Unknown"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { findDOMNode } from 'react-dom';\n\nimport { DropdownContainer } from '../DropdownContainer';\nimport { Input, InputIconType } from '../../components/Input';\nimport { InputLikeText } from '../InputLikeText';\nimport { Menu } from '../Menu';\nimport { MenuItemState } from '../../components/MenuItem';\nimport { RenderLayer } from '../RenderLayer';\nimport { Spinner } from '../../components/Spinner';\nimport { Nullable } from '../../typings/utility-types';\nimport { ArrowChevronDownIcon } from '../icons/16px';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\n\nimport { ComboBoxMenu } from './ComboBoxMenu';\nimport { ComboBoxRequestStatus } from './CustomComboBoxTypes';\nimport { styles } from './CustomComboBox.styles';\n\ninterface ComboBoxViewProps<T> extends CommonProps {\n  align?: 'left' | 'center' | 'right';\n  autoFocus?: boolean;\n  borderless?: boolean;\n  disablePortal?: boolean;\n  disabled?: boolean;\n  editing?: boolean;\n  error?: boolean;\n  items?: Nullable<T[]>;\n  loading?: boolean;\n  menuAlign?: 'left' | 'right';\n  opened?: boolean;\n  drawArrow?: boolean;\n  placeholder?: string;\n  size?: 'small' | 'medium' | 'large';\n  textValue?: string;\n  totalCount?: number;\n  value?: Nullable<T>;\n  warning?: boolean;\n  width?: string | number;\n  maxLength?: number;\n  maxMenuHeight?: number | string;\n  leftIcon?: InputIconType;\n  rightIcon?: InputIconType;\n  inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];\n\n  onValueChange?: (value: T) => void;\n  onClickOutside?: (e: Event) => void;\n  onFocus?: () => void;\n  onFocusOutside?: () => void;\n  onInputBlur?: () => void;\n  onInputValueChange?: (value: string) => void;\n  onInputFocus?: () => void;\n  onInputClick?: () => void;\n  onInputKeyDown?: (e: React.KeyboardEvent) => void;\n  onMouseEnter?: (e: React.MouseEvent) => void;\n  onMouseOver?: (e: React.MouseEvent) => void;\n  onMouseLeave?: (e: React.MouseEvent) => void;\n  renderItem?: (item: T, state: MenuItemState) => React.ReactNode;\n  renderNotFound?: () => React.ReactNode;\n  renderTotalCount?: (found: number, total: number) => React.ReactNode;\n  renderValue?: (item: T) => React.ReactNode;\n  renderAddButton: (query?: string) => React.ReactNode;\n  repeatRequest?: () => void;\n  requestStatus?: ComboBoxRequestStatus;\n  refInput?: (input: Nullable<Input>) => void;\n  refMenu?: (menu: Nullable<Menu>) => void;\n  refInputLikeText?: (inputLikeText: Nullable<InputLikeText>) => void;\n}\n\nexport class ComboBoxView<T> extends React.Component<ComboBoxViewProps<T>> {\n  public static __KONTUR_REACT_UI__ = 'ComboBoxView';\n\n  public static defaultProps = {\n    renderItem: (item: any) => item,\n    renderValue: (item: any) => item,\n    renderAddButton: () => null,\n    repeatRequest: () => undefined,\n    requestStatus: ComboBoxRequestStatus.Unknown,\n    onClickOutside: () => {\n      /**/\n    },\n    onFocusOutside: () => {\n      /**/\n    },\n    size: 'small',\n    width: 250,\n  };\n\n  private input: Nullable<Input>;\n\n  public componentDidMount() {\n    if (this.props.autoFocus && this.props.onFocus) {\n      this.props.onFocus();\n    }\n  }\n\n  public componentDidUpdate(prevProps: ComboBoxViewProps<T>) {\n    const { input, props } = this;\n    if (props.editing && !prevProps.editing && input) {\n      input.focus();\n    }\n  }\n\n  public render() {\n    const {\n      items,\n      loading,\n      menuAlign,\n      onClickOutside,\n      onFocusOutside,\n      onMouseEnter,\n      onMouseLeave,\n      onMouseOver,\n      opened,\n      refMenu,\n      maxMenuHeight,\n      renderTotalCount,\n      renderItem,\n      renderNotFound,\n      repeatRequest,\n      requestStatus,\n      totalCount,\n      size,\n      width,\n    } = this.props;\n\n    const input = this.renderInput();\n\n    const topOffsets = {\n      spinner: 6,\n      arrow: 15,\n    };\n    if (size === 'medium') {\n      topOffsets.spinner += 4;\n      topOffsets.arrow += 4;\n    }\n    if (size === 'large') {\n      topOffsets.spinner += 6;\n      topOffsets.arrow += 6;\n    }\n\n    return (\n      <CommonWrapper {...this.props}>\n        <RenderLayer onClickOutside={onClickOutside} onFocusOutside={onFocusOutside} active={opened}>\n          <span\n            style={{ width }}\n            className={styles.root()}\n            onMouseEnter={onMouseEnter}\n            onMouseLeave={onMouseLeave}\n            onMouseOver={onMouseOver}\n          >\n            {input}\n            {opened && (\n              <DropdownContainer\n                align={menuAlign}\n                getParent={() => findDOMNode(this)}\n                offsetY={1}\n                disablePortal={this.props.disablePortal}\n              >\n                <ComboBoxMenu\n                  items={items}\n                  loading={loading}\n                  maxMenuHeight={maxMenuHeight}\n                  onValueChange={this.handleItemSelect}\n                  opened={opened}\n                  refMenu={refMenu}\n                  renderTotalCount={renderTotalCount}\n                  renderItem={renderItem!}\n                  renderNotFound={renderNotFound}\n                  renderAddButton={this.renderAddButton}\n                  repeatRequest={repeatRequest}\n                  requestStatus={requestStatus}\n                  totalCount={totalCount}\n                />\n              </DropdownContainer>\n            )}\n          </span>\n        </RenderLayer>\n      </CommonWrapper>\n    );\n  }\n\n  private renderAddButton = (): React.ReactNode => {\n    return this.props.renderAddButton(this.props.textValue);\n  };\n\n  private renderInput(): React.ReactNode {\n    const {\n      align,\n      borderless,\n      disabled,\n      editing,\n      error,\n      onFocus,\n      onInputBlur,\n      onInputValueChange,\n      onInputFocus,\n      onInputClick,\n      onInputKeyDown,\n      placeholder,\n      renderValue,\n      size,\n      textValue,\n      value,\n      warning,\n      refInputLikeText,\n      leftIcon,\n      inputMode,\n    } = this.props;\n\n    const rightIcon = this.getRightIcon();\n\n    if (editing) {\n      return (\n        <Input\n          align={align}\n          borderless={borderless}\n          disabled={disabled}\n          error={error}\n          maxLength={this.props.maxLength}\n          onBlur={onInputBlur}\n          onValueChange={onInputValueChange}\n          onFocus={onInputFocus}\n          onClick={onInputClick}\n          leftIcon={leftIcon}\n          rightIcon={rightIcon}\n          value={textValue || ''}\n          onKeyDown={onInputKeyDown}\n          placeholder={placeholder}\n          width=\"100%\"\n          size={size}\n          ref={this.refInput}\n          warning={warning}\n          inputMode={inputMode}\n        />\n      );\n    }\n\n    return (\n      <InputLikeText\n        align={align}\n        borderless={borderless}\n        error={error}\n        onFocus={onFocus}\n        leftIcon={leftIcon}\n        rightIcon={rightIcon}\n        disabled={disabled}\n        warning={warning}\n        placeholder={placeholder}\n        size={size}\n        width=\"100%\"\n        ref={refInputLikeText}\n      >\n        {value ? renderValue!(value) : null}\n      </InputLikeText>\n    );\n  }\n\n  private handleItemSelect = (item: T) => {\n    if (this.props.onValueChange) {\n      this.props.onValueChange(item);\n    }\n  };\n\n  private refInput = (input: Nullable<Input>) => {\n    if (this.props.refInput) {\n      this.props.refInput(input);\n    }\n    this.input = input;\n  };\n\n  private renderSpinner = () => (\n    <span className={styles.spinnerWrapper()}>\n      <Spinner type=\"mini\" caption=\"\" dimmed />\n    </span>\n  );\n\n  private getRightIcon = () => {\n    const { loading, items, drawArrow, rightIcon } = this.props;\n\n    if (loading && items && !!items.length) {\n      return this.renderSpinner();\n    }\n\n    if (rightIcon || drawArrow) {\n      return <span className={styles.rightIconWrapper()}>{rightIcon ?? <ArrowChevronDownIcon />}</span>;\n    }\n\n    return null;\n  };\n}\n"]}
+{"version":3,"sources":["ComboBoxView.tsx"],"names":["ComboBoxView","input","renderAddButton","props","textValue","handleItemSelect","item","onValueChange","refInput","renderSpinner","styles","spinnerWrapper","getRightIcon","loading","items","drawArrow","rightIcon","length","rightIconWrapper","componentDidMount","autoFocus","onFocus","componentDidUpdate","prevProps","editing","focus","render","menuAlign","onClickOutside","onFocusOutside","onMouseEnter","onMouseLeave","onMouseOver","opened","refMenu","maxMenuHeight","renderTotalCount","renderItem","renderNotFound","repeatRequest","requestStatus","totalCount","size","width","renderInput","topOffsets","spinner","arrow","root","disablePortal","align","borderless","disabled","error","onInputBlur","onInputValueChange","onInputFocus","onInputClick","onInputKeyDown","placeholder","renderValue","value","warning","refInputLikeText","leftIcon","inputMode","maxLength","React","Component","__KONTUR_REACT_UI__","defaultProps","undefined","ComboBoxRequestStatus","Unknown"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { findDOMNode } from 'react-dom';\n\nimport { isNonNullable } from '../../lib/utils';\nimport { DropdownContainer } from '../DropdownContainer';\nimport { Input, InputIconType } from '../../components/Input';\nimport { InputLikeText } from '../InputLikeText';\nimport { Menu } from '../Menu';\nimport { MenuItemState } from '../../components/MenuItem';\nimport { RenderLayer } from '../RenderLayer';\nimport { Spinner } from '../../components/Spinner';\nimport { Nullable } from '../../typings/utility-types';\nimport { ArrowChevronDownIcon } from '../icons/16px';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\n\nimport { ComboBoxMenu } from './ComboBoxMenu';\nimport { ComboBoxRequestStatus } from './CustomComboBoxTypes';\nimport { styles } from './CustomComboBox.styles';\n\ninterface ComboBoxViewProps<T> extends CommonProps {\n  align?: 'left' | 'center' | 'right';\n  autoFocus?: boolean;\n  borderless?: boolean;\n  disablePortal?: boolean;\n  disabled?: boolean;\n  editing?: boolean;\n  error?: boolean;\n  items?: Nullable<T[]>;\n  loading?: boolean;\n  menuAlign?: 'left' | 'right';\n  opened?: boolean;\n  drawArrow?: boolean;\n  placeholder?: string;\n  size?: 'small' | 'medium' | 'large';\n  textValue?: string;\n  totalCount?: number;\n  value?: Nullable<T>;\n  warning?: boolean;\n  width?: string | number;\n  maxLength?: number;\n  maxMenuHeight?: number | string;\n  leftIcon?: InputIconType;\n  rightIcon?: InputIconType;\n  inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];\n\n  onValueChange?: (value: T) => void;\n  onClickOutside?: (e: Event) => void;\n  onFocus?: () => void;\n  onFocusOutside?: () => void;\n  onInputBlur?: () => void;\n  onInputValueChange?: (value: string) => void;\n  onInputFocus?: () => void;\n  onInputClick?: () => void;\n  onInputKeyDown?: (e: React.KeyboardEvent) => void;\n  onMouseEnter?: (e: React.MouseEvent) => void;\n  onMouseOver?: (e: React.MouseEvent) => void;\n  onMouseLeave?: (e: React.MouseEvent) => void;\n  renderItem?: (item: T, state: MenuItemState) => React.ReactNode;\n  renderNotFound?: () => React.ReactNode;\n  renderTotalCount?: (found: number, total: number) => React.ReactNode;\n  renderValue?: (item: T) => React.ReactNode;\n  renderAddButton: (query?: string) => React.ReactNode;\n  repeatRequest?: () => void;\n  requestStatus?: ComboBoxRequestStatus;\n  refInput?: (input: Nullable<Input>) => void;\n  refMenu?: (menu: Nullable<Menu>) => void;\n  refInputLikeText?: (inputLikeText: Nullable<InputLikeText>) => void;\n}\n\nexport class ComboBoxView<T> extends React.Component<ComboBoxViewProps<T>> {\n  public static __KONTUR_REACT_UI__ = 'ComboBoxView';\n\n  public static defaultProps = {\n    renderItem: (item: any) => item,\n    renderValue: (item: any) => item,\n    renderAddButton: () => null,\n    repeatRequest: () => undefined,\n    requestStatus: ComboBoxRequestStatus.Unknown,\n    onClickOutside: () => {\n      /**/\n    },\n    onFocusOutside: () => {\n      /**/\n    },\n    size: 'small',\n    width: 250,\n  };\n\n  private input: Nullable<Input>;\n\n  public componentDidMount() {\n    if (this.props.autoFocus && this.props.onFocus) {\n      this.props.onFocus();\n    }\n  }\n\n  public componentDidUpdate(prevProps: ComboBoxViewProps<T>) {\n    const { input, props } = this;\n    if (props.editing && !prevProps.editing && input) {\n      input.focus();\n    }\n  }\n\n  public render() {\n    const {\n      items,\n      loading,\n      menuAlign,\n      onClickOutside,\n      onFocusOutside,\n      onMouseEnter,\n      onMouseLeave,\n      onMouseOver,\n      opened,\n      refMenu,\n      maxMenuHeight,\n      renderTotalCount,\n      renderItem,\n      renderNotFound,\n      repeatRequest,\n      requestStatus,\n      totalCount,\n      size,\n      width,\n    } = this.props;\n\n    const input = this.renderInput();\n\n    const topOffsets = {\n      spinner: 6,\n      arrow: 15,\n    };\n    if (size === 'medium') {\n      topOffsets.spinner += 4;\n      topOffsets.arrow += 4;\n    }\n    if (size === 'large') {\n      topOffsets.spinner += 6;\n      topOffsets.arrow += 6;\n    }\n\n    return (\n      <CommonWrapper {...this.props}>\n        <RenderLayer onClickOutside={onClickOutside} onFocusOutside={onFocusOutside} active={opened}>\n          <span\n            style={{ width }}\n            className={styles.root()}\n            onMouseEnter={onMouseEnter}\n            onMouseLeave={onMouseLeave}\n            onMouseOver={onMouseOver}\n          >\n            {input}\n            {opened && (\n              <DropdownContainer\n                align={menuAlign}\n                getParent={() => findDOMNode(this)}\n                offsetY={1}\n                disablePortal={this.props.disablePortal}\n              >\n                <ComboBoxMenu\n                  items={items}\n                  loading={loading}\n                  maxMenuHeight={maxMenuHeight}\n                  onValueChange={this.handleItemSelect}\n                  opened={opened}\n                  refMenu={refMenu}\n                  renderTotalCount={renderTotalCount}\n                  renderItem={renderItem!}\n                  renderNotFound={renderNotFound}\n                  renderAddButton={this.renderAddButton}\n                  repeatRequest={repeatRequest}\n                  requestStatus={requestStatus}\n                  totalCount={totalCount}\n                />\n              </DropdownContainer>\n            )}\n          </span>\n        </RenderLayer>\n      </CommonWrapper>\n    );\n  }\n\n  private renderAddButton = (): React.ReactNode => {\n    return this.props.renderAddButton(this.props.textValue);\n  };\n\n  private renderInput(): React.ReactNode {\n    const {\n      align,\n      borderless,\n      disabled,\n      editing,\n      error,\n      onFocus,\n      onInputBlur,\n      onInputValueChange,\n      onInputFocus,\n      onInputClick,\n      onInputKeyDown,\n      placeholder,\n      renderValue,\n      size,\n      textValue,\n      value,\n      warning,\n      refInputLikeText,\n      leftIcon,\n      inputMode,\n    } = this.props;\n\n    const rightIcon = this.getRightIcon();\n\n    if (editing) {\n      return (\n        <Input\n          align={align}\n          borderless={borderless}\n          disabled={disabled}\n          error={error}\n          maxLength={this.props.maxLength}\n          onBlur={onInputBlur}\n          onValueChange={onInputValueChange}\n          onFocus={onInputFocus}\n          onClick={onInputClick}\n          leftIcon={leftIcon}\n          rightIcon={rightIcon}\n          value={textValue || ''}\n          onKeyDown={onInputKeyDown}\n          placeholder={placeholder}\n          width=\"100%\"\n          size={size}\n          ref={this.refInput}\n          warning={warning}\n          inputMode={inputMode}\n        />\n      );\n    }\n\n    return (\n      <InputLikeText\n        align={align}\n        borderless={borderless}\n        error={error}\n        onFocus={onFocus}\n        leftIcon={leftIcon}\n        rightIcon={rightIcon}\n        disabled={disabled}\n        warning={warning}\n        placeholder={placeholder}\n        size={size}\n        width=\"100%\"\n        ref={refInputLikeText}\n      >\n        {isNonNullable(value) && renderValue ? renderValue(value) : null}\n      </InputLikeText>\n    );\n  }\n\n  private handleItemSelect = (item: T) => {\n    if (this.props.onValueChange) {\n      this.props.onValueChange(item);\n    }\n  };\n\n  private refInput = (input: Nullable<Input>) => {\n    if (this.props.refInput) {\n      this.props.refInput(input);\n    }\n    this.input = input;\n  };\n\n  private renderSpinner = () => (\n    <span className={styles.spinnerWrapper()}>\n      <Spinner type=\"mini\" caption=\"\" dimmed />\n    </span>\n  );\n\n  private getRightIcon = () => {\n    const { loading, items, drawArrow, rightIcon } = this.props;\n\n    if (loading && items && !!items.length) {\n      return this.renderSpinner();\n    }\n\n    if (rightIcon || drawArrow) {\n      return <span className={styles.rightIconWrapper()}>{rightIcon ?? <ArrowChevronDownIcon />}</span>;\n    }\n\n    return null;\n  };\n}\n"]}

package/cjs/internal/CustomComboBox/CustomComboBoxReducer.js

@@ -2,6 +2,7 @@
 var _lodash = _interopRequireDefault(require("lodash.debounce"));
 var _lodash2 = _interopRequireDefault(require("lodash.isequal"));
 
+var _utils = require("../../lib/utils");
 var _identifiers = require("../../lib/events/keyboard/identifiers");
 var LayoutEvents = _interopRequireWildcard(require("../../lib/LayoutEvents"));
 
@@ -66,7 +67,7 @@ var _CustomComboBoxTypes = require("./CustomComboBoxTypes");
 var DEBOUNCE_DELAY = 300;
 
 var getValueString = function getValueString(value, valueToString) {
-  return value ? valueToString(value) : '';
+  return (0, _utils.isNonNullable)(value) ? valueToString(value) : '';
 };
 
 var Effect = {
@@ -153,7 +154,7 @@ var Effect = {
     }
 
     var index = -1;
-    if (items && items.length && value) {
+    if (items && items.length && (0, _utils.isNonNullable)(value)) {
       index = items.findIndex(function (x) {return itemToValue(x) === itemToValue(value);});
     }
     menu.highlightItem(index);

package/cjs/internal/CustomComboBox/CustomComboBoxReducer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["CustomComboBoxReducer.tsx"],"names":["DEBOUNCE_DELAY","getValueString","value","valueToString","Effect","Search","query","dispatch","getState","getProps","getInstance","search","DebouncedSearch","searchEffect","textValue","CancelRequest","cancel","cancelSearch","Blur","onBlur","Focus","onFocus","ValueChange","onValueChange","UnexpectedInput","items","onUnexpectedInput","Array","isArray","length","singleItem","valueContent","type","keepFocus","undefined","InputChange","onInputValueChange","returnedValue","InputFocus","input","focus","HighlightMenuItem","itemToValue","focused","requestStatus","menu","valueString","index","findIndex","x","highlightItem","requestAnimationFrame","scrollToSelected","ComboBoxRequestStatus","Failed","down","SelectMenuItem","event","enter","MoveMenuHighlight","direction","ResetHighlightedMenuItem","combobox","hasHighlightedItem","reset","Reflow","LayoutEvents","emit","SelectInputText","selectInputText","InputKeyDown","onInputKeyDown","never","_","reducer","state","props","action","opened","inputChanged","editing","newState","searchOnFocus","e","effects","nextState","preventDefault","push","prevProps","DefaultState","loading","Pending","shouldResetMenuHighlight","Success","repeatRequest","Unknown"],"mappings":"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","sourcesContent":["import React from 'react';\nimport debounce from 'lodash.debounce';\nimport isEqual from 'lodash.isequal';\n\nimport { isKeyArrowUp, isKeyArrowVertical, isKeyEnter, isKeyEscape } from '../../lib/events/keyboard/identifiers';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { Nullable } from '../../typings/utility-types';\n\nimport { CustomComboBox, CustomComboBoxProps, CustomComboBoxState, DefaultState } from './CustomComboBox';\nimport { ComboBoxRequestStatus } from './CustomComboBoxTypes';\n\nexport type CustomComboBoxAction<T> =\n  | { type: 'ValueChange'; value: T; keepFocus: boolean }\n  | { type: 'TextChange'; value: string }\n  | { type: 'KeyPress'; event: React.KeyboardEvent }\n  | {\n      type: 'DidUpdate';\n      prevProps: CustomComboBoxProps<T>;\n      prevState: CustomComboBoxState<T>;\n    }\n  | { type: 'Mount' }\n  | { type: 'Focus' }\n  | { type: 'InputClick' }\n  | { type: 'Blur' }\n  | { type: 'Reset' }\n  | { type: 'Open' }\n  | { type: 'Close' }\n  | { type: 'Search'; query: string }\n  | { type: 'RequestItems' }\n  | { type: 'ReceiveItems'; items: T[] }\n  | { type: 'RequestFailure'; repeatRequest: () => void }\n  | { type: 'CancelRequest' };\n\nexport type CustomComboBoxEffect<T> = (\n  dispatch: (action: CustomComboBoxAction<T>) => void,\n  getState: () => CustomComboBoxState<T>,\n  getProps: () => CustomComboBoxProps<T>,\n  getInstance: () => CustomComboBox<T>,\n) => void;\n\ntype Effect = CustomComboBoxEffect<any>;\n\ninterface EffectFactory {\n  Search: (query: string) => Effect;\n  DebouncedSearch: Effect & {\n    cancel(): void;\n    flush(): void;\n  };\n  CancelRequest: Effect;\n  Blur: Effect;\n  Focus: Effect;\n\n  ValueChange: (value: any) => Effect;\n  UnexpectedInput: (textValue: string, items: Nullable<any[]>) => Effect;\n  InputChange: Effect;\n  InputFocus: Effect;\n  HighlightMenuItem: Effect;\n  SelectMenuItem: (event: React.KeyboardEvent<HTMLElement>) => Effect;\n  InputKeyDown: (event: React.KeyboardEvent<HTMLElement>) => Effect;\n  MoveMenuHighlight: (direction: 'up' | 'down') => Effect;\n  ResetHighlightedMenuItem: Effect;\n  Reflow: Effect;\n  SelectInputText: Effect;\n}\n\nconst DEBOUNCE_DELAY = 300;\n\nconst getValueString = (value: any, valueToString: CustomComboBoxProps<any>['valueToString']) => {\n  return value ? valueToString(value) : '';\n};\n\nexport const Effect: EffectFactory = {\n  Search: (query) => (dispatch, getState, getProps, getInstance) => {\n    getInstance().search(query);\n  },\n  DebouncedSearch: debounce((dispatch, getState, getProps, getInstance) => {\n    const searchEffect = Effect.Search(getState().textValue);\n    searchEffect(dispatch, getState, getProps, getInstance);\n  }, DEBOUNCE_DELAY),\n  CancelRequest: (dispatch, getState, getProps, getInstance) => {\n    Effect.DebouncedSearch.cancel();\n    getInstance().cancelSearch();\n  },\n  Blur: (dispatch, getState, getProps) => {\n    const { onBlur } = getProps();\n    if (onBlur) {\n      onBlur();\n    }\n  },\n  Focus: (dispatch, getState, getProps) => {\n    const { onFocus } = getProps();\n    if (onFocus) {\n      onFocus();\n    }\n  },\n  ValueChange: (value) => (dispatch, getState, getProps) => {\n    const { onValueChange } = getProps();\n    if (onValueChange) {\n      onValueChange(value);\n    }\n  },\n  UnexpectedInput: (textValue, items) => (dispatch, getState, getProps) => {\n    const { onUnexpectedInput, valueToString } = getProps();\n\n    if (Array.isArray(items) && items.length === 1) {\n      const singleItem = items[0];\n      const valueContent = getValueString(singleItem, valueToString);\n\n      if (valueContent === textValue) {\n        dispatch({ type: 'ValueChange', value: singleItem, keepFocus: false });\n        return;\n      }\n    }\n\n    if (onUnexpectedInput) {\n      const value = onUnexpectedInput(textValue);\n      if (value !== undefined) {\n        dispatch({ type: 'ValueChange', value, keepFocus: false });\n      }\n    }\n  },\n  InputChange: (dispatch, getState, getProps) => {\n    const { onInputValueChange } = getProps();\n    const { textValue } = getState();\n    if (onInputValueChange) {\n      const returnedValue = onInputValueChange(textValue);\n      if (typeof returnedValue === 'string' && returnedValue !== textValue) {\n        dispatch({ type: 'TextChange', value: returnedValue });\n      }\n    }\n  },\n  InputFocus: (dispatch, getState, getProps, getInstance) => {\n    const { input } = getInstance();\n\n    if (!input) {\n      return;\n    }\n\n    input.focus();\n  },\n  HighlightMenuItem: (dispatch, getState, getProps, getInstance) => {\n    const { value, itemToValue, valueToString } = getProps();\n    const { items, focused, textValue, requestStatus } = getState();\n    const { menu } = getInstance();\n    const valueString = getValueString(value, valueToString);\n\n    if (!menu) {\n      return;\n    }\n\n    if (!focused) {\n      return;\n    }\n\n    let index = -1;\n    if (items && items.length && value) {\n      index = items.findIndex((x) => itemToValue(x) === itemToValue(value));\n    }\n    menu.highlightItem(index);\n\n    if (index >= 0) {\n      // FIXME: accessing private props\n      // @ts-ignore\n      requestAnimationFrame(() => menu && menu.scrollToSelected());\n      return;\n    }\n\n    if (textValue !== valueString || requestStatus === ComboBoxRequestStatus.Failed) {\n      requestAnimationFrame(() => menu && menu.down());\n    }\n  },\n  SelectMenuItem: (event) => (dispatch, getState, getProps, getInstance) => {\n    const { menu } = getInstance();\n    if (menu) {\n      menu.enter(event);\n    }\n  },\n  MoveMenuHighlight: (direction) => (dispatch, getState, getProps, getInstance) => {\n    const { menu } = getInstance();\n    if (menu) {\n      menu[direction]();\n    }\n  },\n  ResetHighlightedMenuItem: (dispatch, getState, getProps, getInstance) => {\n    const combobox = getInstance();\n\n    if (combobox.menu && combobox.menu.hasHighlightedItem()) {\n      combobox.menu.reset();\n    }\n  },\n  Reflow: () => {\n    LayoutEvents.emit();\n  },\n  SelectInputText: (dispatch, getState, getProps, getInstance) => {\n    const combobox = getInstance();\n    combobox.selectInputText();\n  },\n  InputKeyDown: (event) => (dispatch, getState, getProps, getInstance) => {\n    const { onInputKeyDown } = getProps();\n    if (onInputKeyDown) {\n      onInputKeyDown(event);\n    }\n  },\n};\n\nconst never = (_: never) => null;\n\nexport function reducer<T>(\n  state: CustomComboBoxState<T>,\n  props: CustomComboBoxProps<T>,\n  action: CustomComboBoxAction<T>,\n): Pick<CustomComboBoxState<T>, never> | [Pick<CustomComboBoxState<T>, never>, Array<CustomComboBoxEffect<T>>] {\n  switch (action.type) {\n    case 'ValueChange': {\n      const { value, keepFocus } = action;\n      const textValue = getValueString(value, props.valueToString);\n      if (keepFocus) {\n        return [\n          {\n            opened: false,\n            inputChanged: false,\n            editing: true,\n            items: null,\n            textValue,\n          },\n          [Effect.ValueChange(value), Effect.CancelRequest, Effect.InputFocus],\n        ];\n      }\n      return [\n        {\n          opened: false,\n          inputChanged: false,\n          editing: false,\n          items: null,\n          textValue,\n        },\n        [Effect.ValueChange(value), Effect.CancelRequest],\n      ];\n    }\n    case 'TextChange': {\n      const newState = {\n        inputChanged: true,\n        textValue: action.value,\n      };\n      if (!action.value && !props.searchOnFocus) {\n        return [\n          {\n            ...newState,\n            opened: false,\n            items: null,\n          },\n          [Effect.InputChange],\n        ];\n      }\n      return [newState, [Effect.DebouncedSearch, Effect.InputChange]];\n    }\n    case 'KeyPress': {\n      const e = action.event as React.KeyboardEvent<HTMLElement>;\n      const effects = [];\n      let nextState = state;\n\n      switch (true) {\n        case isKeyEnter(e):\n          e.preventDefault();\n          effects.push(Effect.SelectMenuItem(e));\n          break;\n        case isKeyArrowVertical(e):\n          e.preventDefault();\n          effects.push(Effect.MoveMenuHighlight(isKeyArrowUp(e) ? 'up' : 'down'));\n          if (!state.opened) {\n            effects.push(Effect.Search(state.textValue));\n          }\n          break;\n        case isKeyEscape(e):\n          nextState = {\n            ...state,\n            items: null,\n            opened: false,\n          };\n          break;\n      }\n      return [nextState, [...effects, Effect.InputKeyDown(e)]];\n    }\n    case 'DidUpdate': {\n      if (isEqual(props.value, action.prevProps.value)) {\n        return state;\n      }\n\n      return {\n        opened: false,\n        textValue: state.editing ? state.textValue : getValueString(props.value, props.valueToString),\n      };\n    }\n    case 'Mount': {\n      return {\n        textValue: getValueString(props.value, props.valueToString),\n      };\n    }\n    case 'Focus': {\n      const newState = {\n        focused: true,\n        editing: true,\n      };\n      if (!props.searchOnFocus) {\n        return [newState, [Effect.Focus]];\n      }\n      if (state.editing) {\n        return [newState, [Effect.Search(state.textValue), Effect.Focus]];\n      }\n      return [newState, [Effect.Search(''), Effect.Focus, Effect.SelectInputText]];\n    }\n    case 'InputClick': {\n      if (!state.opened && props.searchOnFocus) {\n        return [state, [Effect.Search('')]];\n      }\n      return state;\n    }\n    case 'Blur': {\n      const { inputChanged, items } = state;\n      if (!inputChanged) {\n        return [\n          {\n            focused: false,\n            opened: false,\n            items: null,\n            editing: false,\n          },\n          [Effect.Blur, Effect.CancelRequest],\n        ];\n      }\n\n      return [\n        {\n          focused: false,\n          opened: false,\n          items: null,\n        },\n        [Effect.Blur, Effect.CancelRequest, Effect.UnexpectedInput(state.textValue, items)],\n      ];\n    }\n    case 'Reset': {\n      return DefaultState;\n    }\n    case 'Open': {\n      return { opened: true };\n    }\n    case 'Close': {\n      return { opened: false, items: null };\n    }\n    case 'Search': {\n      return [state, [Effect.Search(action.query)]];\n    }\n    case 'RequestItems': {\n      return {\n        loading: true,\n        opened: true,\n        requestStatus: ComboBoxRequestStatus.Pending,\n      };\n    }\n    case 'ReceiveItems': {\n      const shouldResetMenuHighlight = state.textValue === '';\n      return [\n        {\n          loading: false,\n          opened: true,\n          items: action.items,\n          requestStatus: ComboBoxRequestStatus.Success,\n        },\n        [shouldResetMenuHighlight ? Effect.ResetHighlightedMenuItem : Effect.HighlightMenuItem, Effect.Reflow],\n      ];\n    }\n    case 'RequestFailure': {\n      return [\n        {\n          loading: false,\n          opened: true,\n          items: null,\n          requestStatus: ComboBoxRequestStatus.Failed,\n          repeatRequest: action.repeatRequest,\n        },\n        [Effect.HighlightMenuItem],\n      ];\n    }\n    case 'CancelRequest': {\n      return {\n        loading: false,\n        requestStatus: ComboBoxRequestStatus.Unknown,\n      };\n    }\n    default: {\n      never(action);\n    }\n  }\n  return state;\n}\n"]}
+{"version":3,"sources":["CustomComboBoxReducer.tsx"],"names":["DEBOUNCE_DELAY","getValueString","value","valueToString","Effect","Search","query","dispatch","getState","getProps","getInstance","search","DebouncedSearch","searchEffect","textValue","CancelRequest","cancel","cancelSearch","Blur","onBlur","Focus","onFocus","ValueChange","onValueChange","UnexpectedInput","items","onUnexpectedInput","Array","isArray","length","singleItem","valueContent","type","keepFocus","undefined","InputChange","onInputValueChange","returnedValue","InputFocus","input","focus","HighlightMenuItem","itemToValue","focused","requestStatus","menu","valueString","index","findIndex","x","highlightItem","requestAnimationFrame","scrollToSelected","ComboBoxRequestStatus","Failed","down","SelectMenuItem","event","enter","MoveMenuHighlight","direction","ResetHighlightedMenuItem","combobox","hasHighlightedItem","reset","Reflow","LayoutEvents","emit","SelectInputText","selectInputText","InputKeyDown","onInputKeyDown","never","_","reducer","state","props","action","opened","inputChanged","editing","newState","searchOnFocus","e","effects","nextState","preventDefault","push","prevProps","DefaultState","loading","Pending","shouldResetMenuHighlight","Success","repeatRequest","Unknown"],"mappings":"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","sourcesContent":["import React from 'react';\nimport debounce from 'lodash.debounce';\nimport isEqual from 'lodash.isequal';\n\nimport { isNonNullable } from '../../lib/utils';\nimport { isKeyArrowUp, isKeyArrowVertical, isKeyEnter, isKeyEscape } from '../../lib/events/keyboard/identifiers';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { Nullable } from '../../typings/utility-types';\n\nimport { CustomComboBox, CustomComboBoxProps, CustomComboBoxState, DefaultState } from './CustomComboBox';\nimport { ComboBoxRequestStatus } from './CustomComboBoxTypes';\n\nexport type CustomComboBoxAction<T> =\n  | { type: 'ValueChange'; value: T; keepFocus: boolean }\n  | { type: 'TextChange'; value: string }\n  | { type: 'KeyPress'; event: React.KeyboardEvent }\n  | {\n      type: 'DidUpdate';\n      prevProps: CustomComboBoxProps<T>;\n      prevState: CustomComboBoxState<T>;\n    }\n  | { type: 'Mount' }\n  | { type: 'Focus' }\n  | { type: 'InputClick' }\n  | { type: 'Blur' }\n  | { type: 'Reset' }\n  | { type: 'Open' }\n  | { type: 'Close' }\n  | { type: 'Search'; query: string }\n  | { type: 'RequestItems' }\n  | { type: 'ReceiveItems'; items: T[] }\n  | { type: 'RequestFailure'; repeatRequest: () => void }\n  | { type: 'CancelRequest' };\n\nexport type CustomComboBoxEffect<T> = (\n  dispatch: (action: CustomComboBoxAction<T>) => void,\n  getState: () => CustomComboBoxState<T>,\n  getProps: () => CustomComboBoxProps<T>,\n  getInstance: () => CustomComboBox<T>,\n) => void;\n\ntype Effect = CustomComboBoxEffect<any>;\n\ninterface EffectFactory {\n  Search: (query: string) => Effect;\n  DebouncedSearch: Effect & {\n    cancel(): void;\n    flush(): void;\n  };\n  CancelRequest: Effect;\n  Blur: Effect;\n  Focus: Effect;\n\n  ValueChange: (value: any) => Effect;\n  UnexpectedInput: (textValue: string, items: Nullable<any[]>) => Effect;\n  InputChange: Effect;\n  InputFocus: Effect;\n  HighlightMenuItem: Effect;\n  SelectMenuItem: (event: React.KeyboardEvent<HTMLElement>) => Effect;\n  InputKeyDown: (event: React.KeyboardEvent<HTMLElement>) => Effect;\n  MoveMenuHighlight: (direction: 'up' | 'down') => Effect;\n  ResetHighlightedMenuItem: Effect;\n  Reflow: Effect;\n  SelectInputText: Effect;\n}\n\nconst DEBOUNCE_DELAY = 300;\n\nconst getValueString = (value: any, valueToString: CustomComboBoxProps<any>['valueToString']) => {\n  return isNonNullable(value) ? valueToString(value) : '';\n};\n\nexport const Effect: EffectFactory = {\n  Search: (query) => (dispatch, getState, getProps, getInstance) => {\n    getInstance().search(query);\n  },\n  DebouncedSearch: debounce((dispatch, getState, getProps, getInstance) => {\n    const searchEffect = Effect.Search(getState().textValue);\n    searchEffect(dispatch, getState, getProps, getInstance);\n  }, DEBOUNCE_DELAY),\n  CancelRequest: (dispatch, getState, getProps, getInstance) => {\n    Effect.DebouncedSearch.cancel();\n    getInstance().cancelSearch();\n  },\n  Blur: (dispatch, getState, getProps) => {\n    const { onBlur } = getProps();\n    if (onBlur) {\n      onBlur();\n    }\n  },\n  Focus: (dispatch, getState, getProps) => {\n    const { onFocus } = getProps();\n    if (onFocus) {\n      onFocus();\n    }\n  },\n  ValueChange: (value) => (dispatch, getState, getProps) => {\n    const { onValueChange } = getProps();\n    if (onValueChange) {\n      onValueChange(value);\n    }\n  },\n  UnexpectedInput: (textValue, items) => (dispatch, getState, getProps) => {\n    const { onUnexpectedInput, valueToString } = getProps();\n\n    if (Array.isArray(items) && items.length === 1) {\n      const singleItem = items[0];\n      const valueContent = getValueString(singleItem, valueToString);\n\n      if (valueContent === textValue) {\n        dispatch({ type: 'ValueChange', value: singleItem, keepFocus: false });\n        return;\n      }\n    }\n\n    if (onUnexpectedInput) {\n      const value = onUnexpectedInput(textValue);\n      if (value !== undefined) {\n        dispatch({ type: 'ValueChange', value, keepFocus: false });\n      }\n    }\n  },\n  InputChange: (dispatch, getState, getProps) => {\n    const { onInputValueChange } = getProps();\n    const { textValue } = getState();\n    if (onInputValueChange) {\n      const returnedValue = onInputValueChange(textValue);\n      if (typeof returnedValue === 'string' && returnedValue !== textValue) {\n        dispatch({ type: 'TextChange', value: returnedValue });\n      }\n    }\n  },\n  InputFocus: (dispatch, getState, getProps, getInstance) => {\n    const { input } = getInstance();\n\n    if (!input) {\n      return;\n    }\n\n    input.focus();\n  },\n  HighlightMenuItem: (dispatch, getState, getProps, getInstance) => {\n    const { value, itemToValue, valueToString } = getProps();\n    const { items, focused, textValue, requestStatus } = getState();\n    const { menu } = getInstance();\n    const valueString = getValueString(value, valueToString);\n\n    if (!menu) {\n      return;\n    }\n\n    if (!focused) {\n      return;\n    }\n\n    let index = -1;\n    if (items && items.length && isNonNullable(value)) {\n      index = items.findIndex((x) => itemToValue(x) === itemToValue(value));\n    }\n    menu.highlightItem(index);\n\n    if (index >= 0) {\n      // FIXME: accessing private props\n      // @ts-ignore\n      requestAnimationFrame(() => menu && menu.scrollToSelected());\n      return;\n    }\n\n    if (textValue !== valueString || requestStatus === ComboBoxRequestStatus.Failed) {\n      requestAnimationFrame(() => menu && menu.down());\n    }\n  },\n  SelectMenuItem: (event) => (dispatch, getState, getProps, getInstance) => {\n    const { menu } = getInstance();\n    if (menu) {\n      menu.enter(event);\n    }\n  },\n  MoveMenuHighlight: (direction) => (dispatch, getState, getProps, getInstance) => {\n    const { menu } = getInstance();\n    if (menu) {\n      menu[direction]();\n    }\n  },\n  ResetHighlightedMenuItem: (dispatch, getState, getProps, getInstance) => {\n    const combobox = getInstance();\n\n    if (combobox.menu && combobox.menu.hasHighlightedItem()) {\n      combobox.menu.reset();\n    }\n  },\n  Reflow: () => {\n    LayoutEvents.emit();\n  },\n  SelectInputText: (dispatch, getState, getProps, getInstance) => {\n    const combobox = getInstance();\n    combobox.selectInputText();\n  },\n  InputKeyDown: (event) => (dispatch, getState, getProps, getInstance) => {\n    const { onInputKeyDown } = getProps();\n    if (onInputKeyDown) {\n      onInputKeyDown(event);\n    }\n  },\n};\n\nconst never = (_: never) => null;\n\nexport function reducer<T>(\n  state: CustomComboBoxState<T>,\n  props: CustomComboBoxProps<T>,\n  action: CustomComboBoxAction<T>,\n): Pick<CustomComboBoxState<T>, never> | [Pick<CustomComboBoxState<T>, never>, Array<CustomComboBoxEffect<T>>] {\n  switch (action.type) {\n    case 'ValueChange': {\n      const { value, keepFocus } = action;\n      const textValue = getValueString(value, props.valueToString);\n      if (keepFocus) {\n        return [\n          {\n            opened: false,\n            inputChanged: false,\n            editing: true,\n            items: null,\n            textValue,\n          },\n          [Effect.ValueChange(value), Effect.CancelRequest, Effect.InputFocus],\n        ];\n      }\n      return [\n        {\n          opened: false,\n          inputChanged: false,\n          editing: false,\n          items: null,\n          textValue,\n        },\n        [Effect.ValueChange(value), Effect.CancelRequest],\n      ];\n    }\n    case 'TextChange': {\n      const newState = {\n        inputChanged: true,\n        textValue: action.value,\n      };\n      if (!action.value && !props.searchOnFocus) {\n        return [\n          {\n            ...newState,\n            opened: false,\n            items: null,\n          },\n          [Effect.InputChange],\n        ];\n      }\n      return [newState, [Effect.DebouncedSearch, Effect.InputChange]];\n    }\n    case 'KeyPress': {\n      const e = action.event as React.KeyboardEvent<HTMLElement>;\n      const effects = [];\n      let nextState = state;\n\n      switch (true) {\n        case isKeyEnter(e):\n          e.preventDefault();\n          effects.push(Effect.SelectMenuItem(e));\n          break;\n        case isKeyArrowVertical(e):\n          e.preventDefault();\n          effects.push(Effect.MoveMenuHighlight(isKeyArrowUp(e) ? 'up' : 'down'));\n          if (!state.opened) {\n            effects.push(Effect.Search(state.textValue));\n          }\n          break;\n        case isKeyEscape(e):\n          nextState = {\n            ...state,\n            items: null,\n            opened: false,\n          };\n          break;\n      }\n      return [nextState, [...effects, Effect.InputKeyDown(e)]];\n    }\n    case 'DidUpdate': {\n      if (isEqual(props.value, action.prevProps.value)) {\n        return state;\n      }\n\n      return {\n        opened: false,\n        textValue: state.editing ? state.textValue : getValueString(props.value, props.valueToString),\n      };\n    }\n    case 'Mount': {\n      return {\n        textValue: getValueString(props.value, props.valueToString),\n      };\n    }\n    case 'Focus': {\n      const newState = {\n        focused: true,\n        editing: true,\n      };\n      if (!props.searchOnFocus) {\n        return [newState, [Effect.Focus]];\n      }\n      if (state.editing) {\n        return [newState, [Effect.Search(state.textValue), Effect.Focus]];\n      }\n      return [newState, [Effect.Search(''), Effect.Focus, Effect.SelectInputText]];\n    }\n    case 'InputClick': {\n      if (!state.opened && props.searchOnFocus) {\n        return [state, [Effect.Search('')]];\n      }\n      return state;\n    }\n    case 'Blur': {\n      const { inputChanged, items } = state;\n      if (!inputChanged) {\n        return [\n          {\n            focused: false,\n            opened: false,\n            items: null,\n            editing: false,\n          },\n          [Effect.Blur, Effect.CancelRequest],\n        ];\n      }\n\n      return [\n        {\n          focused: false,\n          opened: false,\n          items: null,\n        },\n        [Effect.Blur, Effect.CancelRequest, Effect.UnexpectedInput(state.textValue, items)],\n      ];\n    }\n    case 'Reset': {\n      return DefaultState;\n    }\n    case 'Open': {\n      return { opened: true };\n    }\n    case 'Close': {\n      return { opened: false, items: null };\n    }\n    case 'Search': {\n      return [state, [Effect.Search(action.query)]];\n    }\n    case 'RequestItems': {\n      return {\n        loading: true,\n        opened: true,\n        requestStatus: ComboBoxRequestStatus.Pending,\n      };\n    }\n    case 'ReceiveItems': {\n      const shouldResetMenuHighlight = state.textValue === '';\n      return [\n        {\n          loading: false,\n          opened: true,\n          items: action.items,\n          requestStatus: ComboBoxRequestStatus.Success,\n        },\n        [shouldResetMenuHighlight ? Effect.ResetHighlightedMenuItem : Effect.HighlightMenuItem, Effect.Reflow],\n      ];\n    }\n    case 'RequestFailure': {\n      return [\n        {\n          loading: false,\n          opened: true,\n          items: null,\n          requestStatus: ComboBoxRequestStatus.Failed,\n          repeatRequest: action.repeatRequest,\n        },\n        [Effect.HighlightMenuItem],\n      ];\n    }\n    case 'CancelRequest': {\n      return {\n        loading: false,\n        requestStatus: ComboBoxRequestStatus.Unknown,\n      };\n    }\n    default: {\n      never(action);\n    }\n  }\n  return state;\n}\n"]}

package/cjs/internal/InputLikeText/InputLikeText.js

@@ -1,5 +1,6 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.InputLikeText = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 
+var _utils = require("../../lib/utils");
 var _identifiers = require("../../lib/events/keyboard/identifiers");
 var _MouseDrag = require("../../lib/events/MouseDrag");
 var _client = require("../../lib/client");
@@ -305,7 +306,7 @@ InputLikeText = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.de
       _this.props,children = _this$props3.children,placeholder = _this$props3.placeholder,disabled = _this$props3.disabled;var
       focused = _this.state.focused;
 
-      if (!children && placeholder) {var _cx7;
+      if (!(0, _utils.isNonNullable)(children) && placeholder) {var _cx7;
         return /*#__PURE__*/(
           _react.default.createElement("span", {
             className: (0, _Emotion.cx)(_Input.styles.placeholder(_this.theme), (_cx7 = {}, _cx7[

package/cjs/internal/InputLikeText/InputLikeText.js.map

@@ -1 +1 @@
-{"version":3,"sources":["InputLikeText.tsx"],"names":["InputLikeText","state","blinking","focused","theme","node","hiddenInput","lastSelectedInnerNode","frozen","frozenBlur","dragging","focusTimeout","blinkTimeout","selectInnerNode","start","end","isIE11","document","body","setTimeout","clearInterval","window","isEdge","focus","renderMain","props","innerRef","tabIndex","placeholder","align","borderless","width","size","error","warning","onValueChange","disabled","prefix","suffix","leftIcon","rightIcon","value","onMouseDragStart","onMouseDragEnd","rest","leftSide","renderLeftSide","rightSide","renderRightSide","className","styles","root","jsInputStyles","getSizeClassName","blink","focusFallback","warningFallback","errorFallback","hideBlinkingCursor","isMobile","wrapperClass","wrapper","userSelectContain","textAlign","undefined","handleFocus","handleBlur","handleKeyDown","handleMouseDown","input","inputFocus","inputDisabled","children","renderPlaceholder","hiddenInputRef","renderLeftIcon","renderIcon","getIconClassname","renderRightIcon","icon","iconNode","Function","useDefaultColor","iconDisabled","renderPrefix","prefixDisabled","renderSuffix","suffixDisabled","sideContainer","rightContainer","placeholderDisabled","placeholderFocus","handleDocumentMouseDown","e","target","Node","contains","defrost","handleDocumentKeyDown","onKeyDown","handleMouseDragStart","documentElement","classList","add","userSelectNone","handleMouseDragEnd","remove","setAttribute","setState","onFocus","removeAttribute","stopPropagation","onBlur","el","sizeLarge","sizeLargeFallback","sizeMedium","sizeMediumFallback","sizeSmall","sizeSmallFallback","blur","getNode","componentDidMount","MouseDrag","listen","addEventListener","componentWillUnmount","clearTimeout","stop","removeEventListener","render","right","rightIconLarge","leftIconLarge","rightIconMedium","leftIconMedium","rightIconSmall","leftIconSmall","React","Component","__KONTUR_REACT_UI__","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { isKeyTab, isShortcutPaste } from '../../lib/events/keyboard/identifiers';\nimport { MouseDrag, MouseDragEventHandler } from '../../lib/events/MouseDrag';\nimport { isEdge, isIE11, isMobile } from '../../lib/client';\nimport { Nullable } from '../../typings/utility-types';\nimport { removeAllSelections, selectNodeContents } from '../../components/DateInput/helpers/SelectionHelpers';\nimport { InputProps, InputIconType, InputState } from '../../components/Input';\nimport { styles as jsInputStyles } from '../../components/Input/Input.styles';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { findRenderContainer } from '../../lib/listenFocusOutside';\n\nimport { styles } from './InputLikeText.styles';\nimport { HiddenInput } from './HiddenInput';\n\nexport interface InputLikeTextProps extends CommonProps, InputProps {\n  children?: React.ReactNode;\n  innerRef?: (el: HTMLElement | null) => void;\n  onFocus?: React.FocusEventHandler<HTMLElement>;\n  onBlur?: React.FocusEventHandler<HTMLElement>;\n  onMouseDragStart?: MouseDragEventHandler;\n  onMouseDragEnd?: MouseDragEventHandler;\n}\n\nexport type InputLikeTextState = Omit<InputState, 'polyfillPlaceholder'>;\n\nexport class InputLikeText extends React.Component<InputLikeTextProps, InputLikeTextState> {\n  public static __KONTUR_REACT_UI__ = 'InputLikeText';\n\n  public static defaultProps = { size: 'small' };\n\n  public state = { blinking: false, focused: false };\n\n  private theme!: Theme;\n  private node: HTMLElement | null = null;\n  private hiddenInput: HTMLInputElement | null = null;\n  private lastSelectedInnerNode: [HTMLElement, number, number] | null = null;\n  private frozen = false;\n  private frozenBlur = false;\n  private dragging = false;\n  private focusTimeout: Nullable<number>;\n  private blinkTimeout: Nullable<number>;\n\n  /**\n   * @public\n   */\n  public focus() {\n    if (this.node) {\n      this.node.focus();\n    }\n  }\n\n  /**\n   * @public\n   */\n  public blur() {\n    if (this.node) {\n      this.node.blur();\n    }\n  }\n\n  /**\n   * @public\n   */\n  public blink() {\n    if (this.props.disabled) {\n      return;\n    }\n    this.setState({ blinking: true }, () => {\n      this.blinkTimeout = window.setTimeout(() => this.setState({ blinking: false }), 150);\n    });\n  }\n\n  public getNode(): HTMLElement | null {\n    return this.node;\n  }\n\n  public selectInnerNode = (node: HTMLElement | null, start = 0, end = 1) => {\n    if (this.dragging || !node) {\n      return;\n    }\n    if (isIE11 && findRenderContainer(node, document.body)) {\n      // Code below causes Popup to close after triggering the focus event on the body in IE11\n      return;\n    }\n    this.frozen = true;\n    this.frozenBlur = true;\n\n    this.lastSelectedInnerNode = [node, start, end];\n    setTimeout(() => selectNodeContents(node, start, end), 0);\n    if (this.focusTimeout) {\n      clearInterval(this.focusTimeout);\n    }\n    this.focusTimeout = window.setTimeout(() => (isIE11 || isEdge) && this.node && this.node.focus(), 0);\n  };\n\n  public componentDidMount() {\n    if (this.node) {\n      MouseDrag.listen(this.node).onMouseDragStart(this.handleMouseDragStart).onMouseDragEnd(this.handleMouseDragEnd);\n    }\n    document.addEventListener('mousedown', this.handleDocumentMouseDown);\n    document.addEventListener('keydown', this.handleDocumentKeyDown);\n  }\n\n  public componentWillUnmount() {\n    if (this.blinkTimeout) {\n      clearTimeout(this.blinkTimeout);\n    }\n    MouseDrag.stop(this.node);\n    document.removeEventListener('mousedown', this.handleDocumentMouseDown);\n    document.removeEventListener('keydown', this.handleDocumentKeyDown);\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return <CommonWrapper {...this.props}>{this.renderMain}</CommonWrapper>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain = (props: CommonWrapperRestProps<InputLikeTextProps>) => {\n    const {\n      innerRef,\n      tabIndex,\n      placeholder,\n      align,\n      borderless,\n      width,\n      size,\n      error,\n      warning,\n      onValueChange,\n      disabled,\n      prefix,\n      suffix,\n      leftIcon,\n      rightIcon,\n      value,\n      onMouseDragStart,\n      onMouseDragEnd,\n      ...rest\n    } = props;\n\n    const { focused, blinking } = this.state;\n\n    const leftSide = this.renderLeftSide();\n    const rightSide = this.renderRightSide();\n\n    const className = cx(styles.root(), jsInputStyles.root(this.theme), this.getSizeClassName(), {\n      [jsInputStyles.focus(this.theme)]: focused,\n      [jsInputStyles.blink(this.theme)]: blinking,\n      [jsInputStyles.warning(this.theme)]: !!warning,\n      [jsInputStyles.error(this.theme)]: !!error,\n      [jsInputStyles.focusFallback(this.theme)]: focused && (isIE11 || isEdge),\n      [jsInputStyles.warningFallback(this.theme)]: !!warning && (isIE11 || isEdge),\n      [jsInputStyles.errorFallback(this.theme)]: !!error && (isIE11 || isEdge),\n      [jsInputStyles.disabled(this.theme)]: !!disabled,\n      [jsInputStyles.borderless()]: !!borderless,\n      [jsInputStyles.hideBlinkingCursor()]: isMobile,\n    });\n\n    const wrapperClass = cx(jsInputStyles.wrapper(), {\n      [styles.userSelectContain()]: focused,\n    });\n\n    return (\n      <span\n        {...rest}\n        className={className}\n        style={{ width, textAlign: align }}\n        tabIndex={disabled ? undefined : 0}\n        onFocus={this.handleFocus}\n        onBlur={this.handleBlur}\n        ref={this.innerRef}\n        onKeyDown={this.handleKeyDown}\n        onMouseDown={this.handleMouseDown}\n      >\n        <input type=\"hidden\" value={value} />\n        {leftSide}\n        <span className={wrapperClass}>\n          <span\n            data-tid=\"InputLikeText__input\"\n            className={cx(styles.input(), jsInputStyles.input(this.theme), {\n              [jsInputStyles.inputFocus(this.theme)]: focused,\n              [jsInputStyles.inputDisabled(this.theme)]: disabled,\n            })}\n          >\n            {this.props.children}\n          </span>\n          {this.renderPlaceholder()}\n        </span>\n        {rightSide}\n        {isIE11 && focused && <HiddenInput nodeRef={this.hiddenInputRef} />}\n      </span>\n    );\n  };\n\n  private getIconClassname(right = false) {\n    switch (this.props.size) {\n      case 'large':\n        return right ? jsInputStyles.rightIconLarge(this.theme) : jsInputStyles.leftIconLarge(this.theme);\n      case 'medium':\n        return right ? jsInputStyles.rightIconMedium(this.theme) : jsInputStyles.leftIconMedium(this.theme);\n      case 'small':\n      default:\n        return right ? jsInputStyles.rightIconSmall(this.theme) : jsInputStyles.leftIconSmall(this.theme);\n    }\n  }\n\n  private renderLeftIcon = () => {\n    return this.renderIcon(this.props.leftIcon, this.getIconClassname());\n  };\n\n  private renderRightIcon = () => {\n    return this.renderIcon(this.props.rightIcon, this.getIconClassname(true));\n  };\n\n  private renderIcon = (icon: InputIconType, className: string): JSX.Element | null => {\n    if (!icon) {\n      return null;\n    }\n\n    const { disabled } = this.props;\n    const iconNode = icon instanceof Function ? icon() : icon;\n\n    return (\n      <span\n        className={cx(jsInputStyles.icon(), className, jsInputStyles.useDefaultColor(this.theme), {\n          [jsInputStyles.iconDisabled()]: disabled,\n        })}\n      >\n        {iconNode}\n      </span>\n    );\n  };\n\n  private renderPrefix = (): JSX.Element | null => {\n    const { prefix, disabled } = this.props;\n\n    if (!prefix) {\n      return null;\n    }\n\n    return (\n      <span className={cx(jsInputStyles.prefix(this.theme), { [jsInputStyles.prefixDisabled(this.theme)]: disabled })}>\n        {prefix}\n      </span>\n    );\n  };\n\n  private renderSuffix = (): JSX.Element | null => {\n    const { suffix, disabled } = this.props;\n\n    if (!suffix) {\n      return null;\n    }\n\n    return (\n      <span className={cx(jsInputStyles.suffix(this.theme), { [jsInputStyles.suffixDisabled(this.theme)]: disabled })}>\n        {suffix}\n      </span>\n    );\n  };\n\n  private renderLeftSide = (): JSX.Element | null => {\n    const leftIcon = this.renderLeftIcon();\n    const prefix = this.renderPrefix();\n\n    if (!leftIcon && !prefix) {\n      return null;\n    }\n\n    return (\n      <span className={jsInputStyles.sideContainer()}>\n        {leftIcon}\n        {prefix}\n      </span>\n    );\n  };\n\n  private renderRightSide = (): JSX.Element | null => {\n    const rightIcon = this.renderRightIcon();\n    const suffix = this.renderSuffix();\n\n    if (!rightIcon && !suffix) {\n      return null;\n    }\n\n    return (\n      <span className={cx(jsInputStyles.sideContainer(), jsInputStyles.rightContainer())}>\n        {rightIcon}\n        {suffix}\n      </span>\n    );\n  };\n\n  private renderPlaceholder = (): JSX.Element | null => {\n    const { children, placeholder, disabled } = this.props;\n    const { focused } = this.state;\n\n    if (!children && placeholder) {\n      return (\n        <span\n          className={cx(jsInputStyles.placeholder(this.theme), {\n            [jsInputStyles.placeholderDisabled(this.theme)]: disabled,\n            [jsInputStyles.placeholderFocus(this.theme)]: focused,\n          })}\n        >\n          {placeholder}\n        </span>\n      );\n    }\n    return null;\n  };\n\n  private handleDocumentMouseDown = (e: MouseEvent) => {\n    if (this.state.focused && this.node && e.target instanceof Node && !this.node.contains(e.target)) {\n      this.defrost();\n    }\n  };\n\n  private handleDocumentKeyDown = (e: KeyboardEvent) => {\n    if (this.state.focused && isKeyTab(e)) {\n      this.defrost();\n    }\n  };\n\n  private handleMouseDown = (e: React.MouseEvent<HTMLElement>) => {\n    this.frozen = true;\n  };\n\n  private handleKeyDown = (e: React.KeyboardEvent<HTMLElement>) => {\n    if (this.props.disabled) {\n      return;\n    }\n\n    if (isIE11 && isShortcutPaste(e) && this.hiddenInput) {\n      this.frozen = true;\n      setTimeout(() => {\n        if (this.lastSelectedInnerNode) {\n          this.selectInnerNode(...this.lastSelectedInnerNode);\n        }\n        if (this.node) {\n          this.node.focus();\n        }\n      }, 0);\n\n      this.hiddenInput.focus();\n    }\n\n    if (this.props.onKeyDown) {\n      this.props.onKeyDown(e as React.KeyboardEvent<HTMLInputElement>);\n    }\n  };\n\n  private handleMouseDragStart: MouseDragEventHandler = (e) => {\n    this.dragging = true;\n    document.documentElement.classList.add(styles.userSelectNone());\n\n    if (this.props.onMouseDragStart) {\n      this.props.onMouseDragStart(e);\n    }\n  };\n\n  private handleMouseDragEnd: MouseDragEventHandler = (e) => {\n    // Дожидаемся onMouseUp\n    setTimeout(() => {\n      this.dragging = false;\n\n      if (this.props.onMouseDragEnd) {\n        this.props.onMouseDragEnd(e);\n      }\n    }, 0);\n\n    document.documentElement.classList.remove(styles.userSelectNone());\n  };\n\n  private handleFocus = (e: React.FocusEvent<HTMLElement>) => {\n    if (isMobile) {\n      e.target.setAttribute('contenteditable', 'true');\n    }\n\n    if (this.props.disabled) {\n      if (isIE11) {\n        selectNodeContents(document.body, 0, 0);\n      }\n      return;\n    }\n\n    if ((isIE11 || isEdge) && this.frozen) {\n      this.frozen = false;\n      if (this.state.focused) {\n        return;\n      }\n    }\n\n    this.setState({ focused: true });\n\n    if (this.props.onFocus) {\n      this.props.onFocus(e);\n    }\n  };\n\n  private handleBlur = (e: React.FocusEvent<HTMLElement>) => {\n    if (isMobile) {\n      e.target.removeAttribute('contenteditable');\n    }\n\n    if (this.props.disabled) {\n      e.stopPropagation();\n      return;\n    }\n\n    if ((isIE11 || isEdge) && this.frozenBlur) {\n      this.frozenBlur = false;\n      return;\n    }\n    if ((isIE11 || isEdge) && this.frozen) {\n      return;\n    }\n\n    removeAllSelections();\n\n    this.setState({ focused: false });\n\n    if (this.props.onBlur) {\n      this.props.onBlur(e);\n    }\n  };\n\n  private hiddenInputRef = (el: HTMLInputElement | null) => {\n    this.hiddenInput = el;\n  };\n\n  private innerRef = (el: HTMLElement | null) => {\n    if (this.props.innerRef) {\n      this.props.innerRef(el);\n    }\n    this.node = el;\n  };\n\n  private defrost = (): void => {\n    this.frozen = false;\n    this.frozenBlur = false;\n  };\n\n  private getSizeClassName = () => {\n    switch (this.props.size) {\n      case 'large':\n        return cx({\n          [jsInputStyles.sizeLarge(this.theme)]: true,\n          [jsInputStyles.sizeLargeFallback(this.theme)]: isIE11 || isEdge,\n        });\n      case 'medium':\n        return cx({\n          [jsInputStyles.sizeMedium(this.theme)]: true,\n          [jsInputStyles.sizeMediumFallback(this.theme)]: isIE11 || isEdge,\n        });\n      case 'small':\n      default:\n        return cx({\n          [jsInputStyles.sizeSmall(this.theme)]: true,\n          [jsInputStyles.sizeSmallFallback(this.theme)]: isIE11 || isEdge,\n        });\n    }\n  };\n}\n"]}
+{"version":3,"sources":["InputLikeText.tsx"],"names":["InputLikeText","state","blinking","focused","theme","node","hiddenInput","lastSelectedInnerNode","frozen","frozenBlur","dragging","focusTimeout","blinkTimeout","selectInnerNode","start","end","isIE11","document","body","setTimeout","clearInterval","window","isEdge","focus","renderMain","props","innerRef","tabIndex","placeholder","align","borderless","width","size","error","warning","onValueChange","disabled","prefix","suffix","leftIcon","rightIcon","value","onMouseDragStart","onMouseDragEnd","rest","leftSide","renderLeftSide","rightSide","renderRightSide","className","styles","root","jsInputStyles","getSizeClassName","blink","focusFallback","warningFallback","errorFallback","hideBlinkingCursor","isMobile","wrapperClass","wrapper","userSelectContain","textAlign","undefined","handleFocus","handleBlur","handleKeyDown","handleMouseDown","input","inputFocus","inputDisabled","children","renderPlaceholder","hiddenInputRef","renderLeftIcon","renderIcon","getIconClassname","renderRightIcon","icon","iconNode","Function","useDefaultColor","iconDisabled","renderPrefix","prefixDisabled","renderSuffix","suffixDisabled","sideContainer","rightContainer","placeholderDisabled","placeholderFocus","handleDocumentMouseDown","e","target","Node","contains","defrost","handleDocumentKeyDown","onKeyDown","handleMouseDragStart","documentElement","classList","add","userSelectNone","handleMouseDragEnd","remove","setAttribute","setState","onFocus","removeAttribute","stopPropagation","onBlur","el","sizeLarge","sizeLargeFallback","sizeMedium","sizeMediumFallback","sizeSmall","sizeSmallFallback","blur","getNode","componentDidMount","MouseDrag","listen","addEventListener","componentWillUnmount","clearTimeout","stop","removeEventListener","render","right","rightIconLarge","leftIconLarge","rightIconMedium","leftIconMedium","rightIconSmall","leftIconSmall","React","Component","__KONTUR_REACT_UI__","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { isNonNullable } from '../../lib/utils';\nimport { isKeyTab, isShortcutPaste } from '../../lib/events/keyboard/identifiers';\nimport { MouseDrag, MouseDragEventHandler } from '../../lib/events/MouseDrag';\nimport { isEdge, isIE11, isMobile } from '../../lib/client';\nimport { Nullable } from '../../typings/utility-types';\nimport { removeAllSelections, selectNodeContents } from '../../components/DateInput/helpers/SelectionHelpers';\nimport { InputProps, InputIconType, InputState } from '../../components/Input';\nimport { styles as jsInputStyles } from '../../components/Input/Input.styles';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { findRenderContainer } from '../../lib/listenFocusOutside';\n\nimport { styles } from './InputLikeText.styles';\nimport { HiddenInput } from './HiddenInput';\n\nexport interface InputLikeTextProps extends CommonProps, InputProps {\n  children?: React.ReactNode;\n  innerRef?: (el: HTMLElement | null) => void;\n  onFocus?: React.FocusEventHandler<HTMLElement>;\n  onBlur?: React.FocusEventHandler<HTMLElement>;\n  onMouseDragStart?: MouseDragEventHandler;\n  onMouseDragEnd?: MouseDragEventHandler;\n}\n\nexport type InputLikeTextState = Omit<InputState, 'polyfillPlaceholder'>;\n\nexport class InputLikeText extends React.Component<InputLikeTextProps, InputLikeTextState> {\n  public static __KONTUR_REACT_UI__ = 'InputLikeText';\n\n  public static defaultProps = { size: 'small' };\n\n  public state = { blinking: false, focused: false };\n\n  private theme!: Theme;\n  private node: HTMLElement | null = null;\n  private hiddenInput: HTMLInputElement | null = null;\n  private lastSelectedInnerNode: [HTMLElement, number, number] | null = null;\n  private frozen = false;\n  private frozenBlur = false;\n  private dragging = false;\n  private focusTimeout: Nullable<number>;\n  private blinkTimeout: Nullable<number>;\n\n  /**\n   * @public\n   */\n  public focus() {\n    if (this.node) {\n      this.node.focus();\n    }\n  }\n\n  /**\n   * @public\n   */\n  public blur() {\n    if (this.node) {\n      this.node.blur();\n    }\n  }\n\n  /**\n   * @public\n   */\n  public blink() {\n    if (this.props.disabled) {\n      return;\n    }\n    this.setState({ blinking: true }, () => {\n      this.blinkTimeout = window.setTimeout(() => this.setState({ blinking: false }), 150);\n    });\n  }\n\n  public getNode(): HTMLElement | null {\n    return this.node;\n  }\n\n  public selectInnerNode = (node: HTMLElement | null, start = 0, end = 1) => {\n    if (this.dragging || !node) {\n      return;\n    }\n    if (isIE11 && findRenderContainer(node, document.body)) {\n      // Code below causes Popup to close after triggering the focus event on the body in IE11\n      return;\n    }\n    this.frozen = true;\n    this.frozenBlur = true;\n\n    this.lastSelectedInnerNode = [node, start, end];\n    setTimeout(() => selectNodeContents(node, start, end), 0);\n    if (this.focusTimeout) {\n      clearInterval(this.focusTimeout);\n    }\n    this.focusTimeout = window.setTimeout(() => (isIE11 || isEdge) && this.node && this.node.focus(), 0);\n  };\n\n  public componentDidMount() {\n    if (this.node) {\n      MouseDrag.listen(this.node).onMouseDragStart(this.handleMouseDragStart).onMouseDragEnd(this.handleMouseDragEnd);\n    }\n    document.addEventListener('mousedown', this.handleDocumentMouseDown);\n    document.addEventListener('keydown', this.handleDocumentKeyDown);\n  }\n\n  public componentWillUnmount() {\n    if (this.blinkTimeout) {\n      clearTimeout(this.blinkTimeout);\n    }\n    MouseDrag.stop(this.node);\n    document.removeEventListener('mousedown', this.handleDocumentMouseDown);\n    document.removeEventListener('keydown', this.handleDocumentKeyDown);\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return <CommonWrapper {...this.props}>{this.renderMain}</CommonWrapper>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain = (props: CommonWrapperRestProps<InputLikeTextProps>) => {\n    const {\n      innerRef,\n      tabIndex,\n      placeholder,\n      align,\n      borderless,\n      width,\n      size,\n      error,\n      warning,\n      onValueChange,\n      disabled,\n      prefix,\n      suffix,\n      leftIcon,\n      rightIcon,\n      value,\n      onMouseDragStart,\n      onMouseDragEnd,\n      ...rest\n    } = props;\n\n    const { focused, blinking } = this.state;\n\n    const leftSide = this.renderLeftSide();\n    const rightSide = this.renderRightSide();\n\n    const className = cx(styles.root(), jsInputStyles.root(this.theme), this.getSizeClassName(), {\n      [jsInputStyles.focus(this.theme)]: focused,\n      [jsInputStyles.blink(this.theme)]: blinking,\n      [jsInputStyles.warning(this.theme)]: !!warning,\n      [jsInputStyles.error(this.theme)]: !!error,\n      [jsInputStyles.focusFallback(this.theme)]: focused && (isIE11 || isEdge),\n      [jsInputStyles.warningFallback(this.theme)]: !!warning && (isIE11 || isEdge),\n      [jsInputStyles.errorFallback(this.theme)]: !!error && (isIE11 || isEdge),\n      [jsInputStyles.disabled(this.theme)]: !!disabled,\n      [jsInputStyles.borderless()]: !!borderless,\n      [jsInputStyles.hideBlinkingCursor()]: isMobile,\n    });\n\n    const wrapperClass = cx(jsInputStyles.wrapper(), {\n      [styles.userSelectContain()]: focused,\n    });\n\n    return (\n      <span\n        {...rest}\n        className={className}\n        style={{ width, textAlign: align }}\n        tabIndex={disabled ? undefined : 0}\n        onFocus={this.handleFocus}\n        onBlur={this.handleBlur}\n        ref={this.innerRef}\n        onKeyDown={this.handleKeyDown}\n        onMouseDown={this.handleMouseDown}\n      >\n        <input type=\"hidden\" value={value} />\n        {leftSide}\n        <span className={wrapperClass}>\n          <span\n            data-tid=\"InputLikeText__input\"\n            className={cx(styles.input(), jsInputStyles.input(this.theme), {\n              [jsInputStyles.inputFocus(this.theme)]: focused,\n              [jsInputStyles.inputDisabled(this.theme)]: disabled,\n            })}\n          >\n            {this.props.children}\n          </span>\n          {this.renderPlaceholder()}\n        </span>\n        {rightSide}\n        {isIE11 && focused && <HiddenInput nodeRef={this.hiddenInputRef} />}\n      </span>\n    );\n  };\n\n  private getIconClassname(right = false) {\n    switch (this.props.size) {\n      case 'large':\n        return right ? jsInputStyles.rightIconLarge(this.theme) : jsInputStyles.leftIconLarge(this.theme);\n      case 'medium':\n        return right ? jsInputStyles.rightIconMedium(this.theme) : jsInputStyles.leftIconMedium(this.theme);\n      case 'small':\n      default:\n        return right ? jsInputStyles.rightIconSmall(this.theme) : jsInputStyles.leftIconSmall(this.theme);\n    }\n  }\n\n  private renderLeftIcon = () => {\n    return this.renderIcon(this.props.leftIcon, this.getIconClassname());\n  };\n\n  private renderRightIcon = () => {\n    return this.renderIcon(this.props.rightIcon, this.getIconClassname(true));\n  };\n\n  private renderIcon = (icon: InputIconType, className: string): JSX.Element | null => {\n    if (!icon) {\n      return null;\n    }\n\n    const { disabled } = this.props;\n    const iconNode = icon instanceof Function ? icon() : icon;\n\n    return (\n      <span\n        className={cx(jsInputStyles.icon(), className, jsInputStyles.useDefaultColor(this.theme), {\n          [jsInputStyles.iconDisabled()]: disabled,\n        })}\n      >\n        {iconNode}\n      </span>\n    );\n  };\n\n  private renderPrefix = (): JSX.Element | null => {\n    const { prefix, disabled } = this.props;\n\n    if (!prefix) {\n      return null;\n    }\n\n    return (\n      <span className={cx(jsInputStyles.prefix(this.theme), { [jsInputStyles.prefixDisabled(this.theme)]: disabled })}>\n        {prefix}\n      </span>\n    );\n  };\n\n  private renderSuffix = (): JSX.Element | null => {\n    const { suffix, disabled } = this.props;\n\n    if (!suffix) {\n      return null;\n    }\n\n    return (\n      <span className={cx(jsInputStyles.suffix(this.theme), { [jsInputStyles.suffixDisabled(this.theme)]: disabled })}>\n        {suffix}\n      </span>\n    );\n  };\n\n  private renderLeftSide = (): JSX.Element | null => {\n    const leftIcon = this.renderLeftIcon();\n    const prefix = this.renderPrefix();\n\n    if (!leftIcon && !prefix) {\n      return null;\n    }\n\n    return (\n      <span className={jsInputStyles.sideContainer()}>\n        {leftIcon}\n        {prefix}\n      </span>\n    );\n  };\n\n  private renderRightSide = (): JSX.Element | null => {\n    const rightIcon = this.renderRightIcon();\n    const suffix = this.renderSuffix();\n\n    if (!rightIcon && !suffix) {\n      return null;\n    }\n\n    return (\n      <span className={cx(jsInputStyles.sideContainer(), jsInputStyles.rightContainer())}>\n        {rightIcon}\n        {suffix}\n      </span>\n    );\n  };\n\n  private renderPlaceholder = (): JSX.Element | null => {\n    const { children, placeholder, disabled } = this.props;\n    const { focused } = this.state;\n\n    if (!isNonNullable(children) && placeholder) {\n      return (\n        <span\n          className={cx(jsInputStyles.placeholder(this.theme), {\n            [jsInputStyles.placeholderDisabled(this.theme)]: disabled,\n            [jsInputStyles.placeholderFocus(this.theme)]: focused,\n          })}\n        >\n          {placeholder}\n        </span>\n      );\n    }\n    return null;\n  };\n\n  private handleDocumentMouseDown = (e: MouseEvent) => {\n    if (this.state.focused && this.node && e.target instanceof Node && !this.node.contains(e.target)) {\n      this.defrost();\n    }\n  };\n\n  private handleDocumentKeyDown = (e: KeyboardEvent) => {\n    if (this.state.focused && isKeyTab(e)) {\n      this.defrost();\n    }\n  };\n\n  private handleMouseDown = (e: React.MouseEvent<HTMLElement>) => {\n    this.frozen = true;\n  };\n\n  private handleKeyDown = (e: React.KeyboardEvent<HTMLElement>) => {\n    if (this.props.disabled) {\n      return;\n    }\n\n    if (isIE11 && isShortcutPaste(e) && this.hiddenInput) {\n      this.frozen = true;\n      setTimeout(() => {\n        if (this.lastSelectedInnerNode) {\n          this.selectInnerNode(...this.lastSelectedInnerNode);\n        }\n        if (this.node) {\n          this.node.focus();\n        }\n      }, 0);\n\n      this.hiddenInput.focus();\n    }\n\n    if (this.props.onKeyDown) {\n      this.props.onKeyDown(e as React.KeyboardEvent<HTMLInputElement>);\n    }\n  };\n\n  private handleMouseDragStart: MouseDragEventHandler = (e) => {\n    this.dragging = true;\n    document.documentElement.classList.add(styles.userSelectNone());\n\n    if (this.props.onMouseDragStart) {\n      this.props.onMouseDragStart(e);\n    }\n  };\n\n  private handleMouseDragEnd: MouseDragEventHandler = (e) => {\n    // Дожидаемся onMouseUp\n    setTimeout(() => {\n      this.dragging = false;\n\n      if (this.props.onMouseDragEnd) {\n        this.props.onMouseDragEnd(e);\n      }\n    }, 0);\n\n    document.documentElement.classList.remove(styles.userSelectNone());\n  };\n\n  private handleFocus = (e: React.FocusEvent<HTMLElement>) => {\n    if (isMobile) {\n      e.target.setAttribute('contenteditable', 'true');\n    }\n\n    if (this.props.disabled) {\n      if (isIE11) {\n        selectNodeContents(document.body, 0, 0);\n      }\n      return;\n    }\n\n    if ((isIE11 || isEdge) && this.frozen) {\n      this.frozen = false;\n      if (this.state.focused) {\n        return;\n      }\n    }\n\n    this.setState({ focused: true });\n\n    if (this.props.onFocus) {\n      this.props.onFocus(e);\n    }\n  };\n\n  private handleBlur = (e: React.FocusEvent<HTMLElement>) => {\n    if (isMobile) {\n      e.target.removeAttribute('contenteditable');\n    }\n\n    if (this.props.disabled) {\n      e.stopPropagation();\n      return;\n    }\n\n    if ((isIE11 || isEdge) && this.frozenBlur) {\n      this.frozenBlur = false;\n      return;\n    }\n    if ((isIE11 || isEdge) && this.frozen) {\n      return;\n    }\n\n    removeAllSelections();\n\n    this.setState({ focused: false });\n\n    if (this.props.onBlur) {\n      this.props.onBlur(e);\n    }\n  };\n\n  private hiddenInputRef = (el: HTMLInputElement | null) => {\n    this.hiddenInput = el;\n  };\n\n  private innerRef = (el: HTMLElement | null) => {\n    if (this.props.innerRef) {\n      this.props.innerRef(el);\n    }\n    this.node = el;\n  };\n\n  private defrost = (): void => {\n    this.frozen = false;\n    this.frozenBlur = false;\n  };\n\n  private getSizeClassName = () => {\n    switch (this.props.size) {\n      case 'large':\n        return cx({\n          [jsInputStyles.sizeLarge(this.theme)]: true,\n          [jsInputStyles.sizeLargeFallback(this.theme)]: isIE11 || isEdge,\n        });\n      case 'medium':\n        return cx({\n          [jsInputStyles.sizeMedium(this.theme)]: true,\n          [jsInputStyles.sizeMediumFallback(this.theme)]: isIE11 || isEdge,\n        });\n      case 'small':\n      default:\n        return cx({\n          [jsInputStyles.sizeSmall(this.theme)]: true,\n          [jsInputStyles.sizeSmallFallback(this.theme)]: isIE11 || isEdge,\n        });\n    }\n  };\n}\n"]}

package/cjs/internal/RenderContainer/RenderContainer.js

@@ -3,6 +3,7 @@
 var _client = require("../../lib/client");
 
 var _utils = require("../../lib/utils");
+var _Upgrades = require("../../lib/Upgrades");
 
 var _RenderInnerContainer = require("./RenderInnerContainer");var
 
@@ -43,7 +44,7 @@ RenderContainer = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.
   createContainer = function createContainer() {
     if (_client.canUseDOM) {
       var domContainer = document.createElement('div');
-      domContainer.setAttribute('class', 'react-ui');
+      domContainer.setAttribute('class', _Upgrades.Upgrade.getSpecificityClassName());
       domContainer.setAttribute('data-rendered-container-id', "" + this.rootId);
       this.domContainer = domContainer;
     }

package/cjs/internal/RenderContainer/RenderContainer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["RenderContainer.tsx"],"names":["RenderContainer","props","domContainer","rootId","getRootId","isBrowser","children","mountContainer","UNSAFE_componentWillReceiveProps","nextProps","unmountContainer","componentWillUnmount","destroyContainer","render","createContainer","canUseDOM","document","createElement","setAttribute","parentNode","body","appendChild","window","ReactTesting","addRenderContainer","removeChild","removeRenderContainer","React","Component","__KONTUR_REACT_UI__"],"mappings":"6UAAA;;AAEA;;AAEA;;AAEA,8D;;;AAGaA,e;;;;;;;;AAQX,2BAAYC,KAAZ,EAAyC;AACvC,wCAAMA,KAAN,UADuC,MAJjCC,YAIiC,GAJK,IAIL,OAFxBC,MAEwB,GAFPH,eAAe,CAACI,SAAhB,EAEO;;AAGvC,QAAIC,qBAAaJ,KAAK,CAACK,QAAvB,EAAiC;AAC/B,YAAKC,cAAL;AACD,KALsC;AAMxC,G;;AAEMC,EAAAA,gC,GAAP,0CAAwCC,SAAxC,EAAyF;AACvF,QAAI,CAAC,KAAKR,KAAL,CAAWK,QAAZ,IAAwBG,SAAS,CAACH,QAAtC,EAAgD;AAC9C,WAAKC,cAAL;AACD;AACD,QAAI,KAAKN,KAAL,CAAWK,QAAX,IAAuB,CAACG,SAAS,CAACH,QAAtC,EAAgD;AAC9C,WAAKI,gBAAL;AACD;AACF,G;;AAEMC,EAAAA,oB,GAAP,gCAA8B;AAC5B,SAAKC,gBAAL;AACD,G;;AAEMC,EAAAA,M,GAAP,kBAAgB;AACd,wBAAO,6BAAC,0CAAD,6BAA0B,KAAKZ,KAA/B,IAAsC,YAAY,EAAE,KAAKC,YAAzD,EAAuE,MAAM,EAAE,KAAKC,MAApF,IAAP;AACD,G;;AAEOW,EAAAA,e,GAAR,2BAA0B;AACxB,QAAIC,iBAAJ,EAAe;AACb,UAAMb,YAAY,GAAGc,QAAQ,CAACC,aAAT,CAAuB,KAAvB,CAArB;AACAf,MAAAA,YAAY,CAACgB,YAAb,CAA0B,OAA1B,EAAmC,UAAnC;AACAhB,MAAAA,YAAY,CAACgB,YAAb,CAA0B,4BAA1B,OAA2D,KAAKf,MAAhE;AACA,WAAKD,YAAL,GAAoBA,YAApB;AACD;AACF,G;;AAEOK,EAAAA,c,GAAR,0BAAyB;AACvB,QAAI,CAAC,KAAKL,YAAV,EAAwB;AACtB,WAAKY,eAAL;AACD;AACD,QAAI,KAAKZ,YAAL,IAAqB,KAAKA,YAAL,CAAkBiB,UAAlB,KAAiCH,QAAQ,CAACI,IAAnE,EAAyE;AACvEJ,MAAAA,QAAQ,CAACI,IAAT,CAAcC,WAAd,CAA0B,KAAKnB,YAA/B;AACA,UAAIoB,MAAM,CAACC,YAAX,EAAyB;AACvBD,QAAAA,MAAM,CAACC,YAAP,CAAoBC,kBAApB,CAAuC,KAAKrB,MAA5C,EAAoD,IAApD;AACD;AACF;AACF,G;;AAEOS,EAAAA,gB,GAAR,4BAA2B;AACzB,QAAI,KAAKV,YAAT,EAAuB;AACrB,WAAKQ,gBAAL;AACA,WAAKR,YAAL,GAAoB,IAApB;AACD;AACF,G;;AAEOQ,EAAAA,gB,GAAR,4BAA2B;AACzB,QAAI,KAAKR,YAAL,IAAqB,KAAKA,YAAL,CAAkBiB,UAA3C,EAAuD;AACrD,WAAKjB,YAAL,CAAkBiB,UAAlB,CAA6BM,WAA7B,CAAyC,KAAKvB,YAA9C;;AAEA,UAAIoB,MAAM,CAACC,YAAX,EAAyB;AACvBD,QAAAA,MAAM,CAACC,YAAP,CAAoBG,qBAApB,CAA0C,KAAKvB,MAA/C;AACD;AACF;AACF,G,0BArEkCwB,eAAMC,S,4CAA9B5B,e,CACG6B,mB,GAAsB,iB,CADzB7B,e,CAGII,S,GAAY,oBAAM,yBAAN,E","sourcesContent":["import React from 'react';\n\nimport { canUseDOM, isBrowser } from '../../lib/client';\nimport { Nullable } from '../../typings/utility-types';\nimport { getRandomID } from '../../lib/utils';\n\nimport { RenderInnerContainer } from './RenderInnerContainer';\nimport { RenderContainerProps } from './RenderContainerTypes';\n\nexport class RenderContainer extends React.Component<RenderContainerProps> {\n  public static __KONTUR_REACT_UI__ = 'RenderContainer';\n\n  private static getRootId = () => getRandomID();\n  private domContainer: Nullable<HTMLElement> = null;\n\n  private readonly rootId: string = RenderContainer.getRootId();\n\n  constructor(props: RenderContainerProps) {\n    super(props);\n\n    if (isBrowser && props.children) {\n      this.mountContainer();\n    }\n  }\n\n  public UNSAFE_componentWillReceiveProps(nextProps: Readonly<RenderContainerProps>): void {\n    if (!this.props.children && nextProps.children) {\n      this.mountContainer();\n    }\n    if (this.props.children && !nextProps.children) {\n      this.unmountContainer();\n    }\n  }\n\n  public componentWillUnmount() {\n    this.destroyContainer();\n  }\n\n  public render() {\n    return <RenderInnerContainer {...this.props} domContainer={this.domContainer} rootId={this.rootId} />;\n  }\n\n  private createContainer() {\n    if (canUseDOM) {\n      const domContainer = document.createElement('div');\n      domContainer.setAttribute('class', 'react-ui');\n      domContainer.setAttribute('data-rendered-container-id', `${this.rootId}`);\n      this.domContainer = domContainer;\n    }\n  }\n\n  private mountContainer() {\n    if (!this.domContainer) {\n      this.createContainer();\n    }\n    if (this.domContainer && this.domContainer.parentNode !== document.body) {\n      document.body.appendChild(this.domContainer);\n      if (window.ReactTesting) {\n        window.ReactTesting.addRenderContainer(this.rootId, this);\n      }\n    }\n  }\n\n  private destroyContainer() {\n    if (this.domContainer) {\n      this.unmountContainer();\n      this.domContainer = null;\n    }\n  }\n\n  private unmountContainer() {\n    if (this.domContainer && this.domContainer.parentNode) {\n      this.domContainer.parentNode.removeChild(this.domContainer);\n\n      if (window.ReactTesting) {\n        window.ReactTesting.removeRenderContainer(this.rootId);\n      }\n    }\n  }\n}\n"]}
+{"version":3,"sources":["RenderContainer.tsx"],"names":["RenderContainer","props","domContainer","rootId","getRootId","isBrowser","children","mountContainer","UNSAFE_componentWillReceiveProps","nextProps","unmountContainer","componentWillUnmount","destroyContainer","render","createContainer","canUseDOM","document","createElement","setAttribute","Upgrade","getSpecificityClassName","parentNode","body","appendChild","window","ReactTesting","addRenderContainer","removeChild","removeRenderContainer","React","Component","__KONTUR_REACT_UI__"],"mappings":"6UAAA;;AAEA;;AAEA;AACA;;AAEA,8D;;;AAGaA,e;;;;;;;;AAQX,2BAAYC,KAAZ,EAAyC;AACvC,wCAAMA,KAAN,UADuC,MAJjCC,YAIiC,GAJK,IAIL,OAFxBC,MAEwB,GAFPH,eAAe,CAACI,SAAhB,EAEO;;AAGvC,QAAIC,qBAAaJ,KAAK,CAACK,QAAvB,EAAiC;AAC/B,YAAKC,cAAL;AACD,KALsC;AAMxC,G;;AAEMC,EAAAA,gC,GAAP,0CAAwCC,SAAxC,EAAyF;AACvF,QAAI,CAAC,KAAKR,KAAL,CAAWK,QAAZ,IAAwBG,SAAS,CAACH,QAAtC,EAAgD;AAC9C,WAAKC,cAAL;AACD;AACD,QAAI,KAAKN,KAAL,CAAWK,QAAX,IAAuB,CAACG,SAAS,CAACH,QAAtC,EAAgD;AAC9C,WAAKI,gBAAL;AACD;AACF,G;;AAEMC,EAAAA,oB,GAAP,gCAA8B;AAC5B,SAAKC,gBAAL;AACD,G;;AAEMC,EAAAA,M,GAAP,kBAAgB;AACd,wBAAO,6BAAC,0CAAD,6BAA0B,KAAKZ,KAA/B,IAAsC,YAAY,EAAE,KAAKC,YAAzD,EAAuE,MAAM,EAAE,KAAKC,MAApF,IAAP;AACD,G;;AAEOW,EAAAA,e,GAAR,2BAA0B;AACxB,QAAIC,iBAAJ,EAAe;AACb,UAAMb,YAAY,GAAGc,QAAQ,CAACC,aAAT,CAAuB,KAAvB,CAArB;AACAf,MAAAA,YAAY,CAACgB,YAAb,CAA0B,OAA1B,EAAmCC,kBAAQC,uBAAR,EAAnC;AACAlB,MAAAA,YAAY,CAACgB,YAAb,CAA0B,4BAA1B,OAA2D,KAAKf,MAAhE;AACA,WAAKD,YAAL,GAAoBA,YAApB;AACD;AACF,G;;AAEOK,EAAAA,c,GAAR,0BAAyB;AACvB,QAAI,CAAC,KAAKL,YAAV,EAAwB;AACtB,WAAKY,eAAL;AACD;AACD,QAAI,KAAKZ,YAAL,IAAqB,KAAKA,YAAL,CAAkBmB,UAAlB,KAAiCL,QAAQ,CAACM,IAAnE,EAAyE;AACvEN,MAAAA,QAAQ,CAACM,IAAT,CAAcC,WAAd,CAA0B,KAAKrB,YAA/B;AACA,UAAIsB,MAAM,CAACC,YAAX,EAAyB;AACvBD,QAAAA,MAAM,CAACC,YAAP,CAAoBC,kBAApB,CAAuC,KAAKvB,MAA5C,EAAoD,IAApD;AACD;AACF;AACF,G;;AAEOS,EAAAA,gB,GAAR,4BAA2B;AACzB,QAAI,KAAKV,YAAT,EAAuB;AACrB,WAAKQ,gBAAL;AACA,WAAKR,YAAL,GAAoB,IAApB;AACD;AACF,G;;AAEOQ,EAAAA,gB,GAAR,4BAA2B;AACzB,QAAI,KAAKR,YAAL,IAAqB,KAAKA,YAAL,CAAkBmB,UAA3C,EAAuD;AACrD,WAAKnB,YAAL,CAAkBmB,UAAlB,CAA6BM,WAA7B,CAAyC,KAAKzB,YAA9C;;AAEA,UAAIsB,MAAM,CAACC,YAAX,EAAyB;AACvBD,QAAAA,MAAM,CAACC,YAAP,CAAoBG,qBAApB,CAA0C,KAAKzB,MAA/C;AACD;AACF;AACF,G,0BArEkC0B,eAAMC,S,4CAA9B9B,e,CACG+B,mB,GAAsB,iB,CADzB/B,e,CAGII,S,GAAY,oBAAM,yBAAN,E","sourcesContent":["import React from 'react';\n\nimport { canUseDOM, isBrowser } from '../../lib/client';\nimport { Nullable } from '../../typings/utility-types';\nimport { getRandomID } from '../../lib/utils';\nimport { Upgrade } from '../../lib/Upgrades';\n\nimport { RenderInnerContainer } from './RenderInnerContainer';\nimport { RenderContainerProps } from './RenderContainerTypes';\n\nexport class RenderContainer extends React.Component<RenderContainerProps> {\n  public static __KONTUR_REACT_UI__ = 'RenderContainer';\n\n  private static getRootId = () => getRandomID();\n  private domContainer: Nullable<HTMLElement> = null;\n\n  private readonly rootId: string = RenderContainer.getRootId();\n\n  constructor(props: RenderContainerProps) {\n    super(props);\n\n    if (isBrowser && props.children) {\n      this.mountContainer();\n    }\n  }\n\n  public UNSAFE_componentWillReceiveProps(nextProps: Readonly<RenderContainerProps>): void {\n    if (!this.props.children && nextProps.children) {\n      this.mountContainer();\n    }\n    if (this.props.children && !nextProps.children) {\n      this.unmountContainer();\n    }\n  }\n\n  public componentWillUnmount() {\n    this.destroyContainer();\n  }\n\n  public render() {\n    return <RenderInnerContainer {...this.props} domContainer={this.domContainer} rootId={this.rootId} />;\n  }\n\n  private createContainer() {\n    if (canUseDOM) {\n      const domContainer = document.createElement('div');\n      domContainer.setAttribute('class', Upgrade.getSpecificityClassName());\n      domContainer.setAttribute('data-rendered-container-id', `${this.rootId}`);\n      this.domContainer = domContainer;\n    }\n  }\n\n  private mountContainer() {\n    if (!this.domContainer) {\n      this.createContainer();\n    }\n    if (this.domContainer && this.domContainer.parentNode !== document.body) {\n      document.body.appendChild(this.domContainer);\n      if (window.ReactTesting) {\n        window.ReactTesting.addRenderContainer(this.rootId, this);\n      }\n    }\n  }\n\n  private destroyContainer() {\n    if (this.domContainer) {\n      this.unmountContainer();\n      this.domContainer = null;\n    }\n  }\n\n  private unmountContainer() {\n    if (this.domContainer && this.domContainer.parentNode) {\n      this.domContainer.parentNode.removeChild(this.domContainer);\n\n      if (window.ReactTesting) {\n        window.ReactTesting.removeRenderContainer(this.rootId);\n      }\n    }\n  }\n}\n"]}

package/cjs/internal/ThemeShowcase/VariablesCollector.d.ts

@@ -17,6 +17,6 @@ export interface VariableDependencies {
 }
 export declare const COMPONENT_DESCRIPTIONS: DescriptionsType;
 export declare const COMPONENT_DESCRIPTIONS_BY_VARIABLE: VariableNameToComponentsMap;
-export declare const ALL_USED_VARIABLES: ("black" | "blue" | "gray" | "green" | "red" | "white" | "yellow" | "prototype" | "fontFamilyCompensationBaseline" | "brandXLight" | "brandLight" | "brand" | "brandDark" | "brandXDark" | "grayXxLight" | "grayXLight" | "grayLight" | "grayDark" | "blueXxLight" | "blueLight" | "blueDark" | "blueXDark" | "greenXxLight" | "greenDark" | "redXxLight" | "redDark" | "yellowXxLight" | "yellowDark" | "bgDefault" | "bgDisabled" | "errorMain" | "errorSecondary" | "errorText" | "warningMain" | "warningSecondary" | "warningText" | "borderColorFocusLight" | "borderColorGrayDark" | "borderColorGrayLight" | "borderColorDisabled" | "placeholderColor" | "outlineColorFocus" | "placeholderColorLight" | "blinkColor" | "controlBorderWidth" | "controlOutlineWidth" | "controlLineHeightSmall" | "controlLineHeightMedium" | "controlLineHeightLarge" | "controlPaddingYSmall" | "controlPaddingYMedium" | "controlPaddingYLarge" | "textColorDefault" | "textColorInvert" | "textColorDisabled" | "textColorDisabledContrast" | "fontSizeSmall" | "fontSizeMedium" | "fontSizeLarge" | "specificityLevel" | "bgActive" | "borderColorFocus" | "borderColorError" | "borderColorWarning" | "controlHeightSmall" | "controlHeightMedium" | "controlHeightLarge" | "linkColor" | "linkActiveColor" | "linkHoverTextDecoration" | "linkSuccessColor" | "linkSuccessHoverColor" | "linkSuccessActiveColor" | "linkDangerColor" | "linkDangerHoverColor" | "linkDangerActiveColor" | "linkIconMarginRight" | "linkHoverColor" | "linkDisabledColor" | "linkButtonLineHeight" | "linkButtonPaddingX" | "tokenDisabledBg" | "tokenTextColorDisabled" | "tokenFontSize" | "tokenMarginY" | "tokenMarginX" | "tokenLineHeight" | "tokenPaddingY" | "tokenPaddingX" | "tokenMarginBeforeIcon" | "tokenRemoveIconSize" | "tokenRemoveIconPaddingY" | "tokenRemoveIconPaddingX" | "tokenRemoveIconGap" | "tokenRemoveIconBoxSizing" | "tokenBorderRadius" | "tokenBorderWidth" | "tokenBorderColorDisabled" | "tokenDefaultIdle" | "tokenDefaultActive" | "tokenGrayIdle" | "tokenGrayActive" | "tokenBlueIdle" | "tokenBlueActive" | "tokenGreenIdle" | "tokenGreenActive" | "tokenYellowIdle" | "tokenYellowActive" | "tokenRedIdle" | "tokenRedActive" | "tokenWhite" | "tokenBlack" | "tokenBorderColorWarning" | "tokenBorderColorError" | "tokenOutlineWidth" | "tokenLegacyTextShift" | "tokenPaddingYDisabled" | "tokenPaddingXDisabled" | "tokenMarginYDisabled" | "tokenMarginXDisabled" | "tokenShadowDisabled" | "tokenInputBorderColor" | "tokenInputBorderColorFocus" | "tokenInputBorderColorError" | "tokenInputBorderColorWarning" | "tokenInputBorderTopColor" | "tokenInputPlaceholderColor" | "tokenInputPlaceholderColorLight" | "tokenInputDisabledBg" | "tokenInputDisabledBorderColor" | "tokenInputBorderWidth" | "tokenInputOutlineWidth" | "tokenInputBg" | "tokenInputShadow" | "tokenInputTextColor" | "tokenInputTextColorDisabled" | "tokenInputPlaceholderColorDisabled" | "tokenInputPaddingY" | "tokenInputPaddingX" | "tokenInputFontSize" | "tokenInputLineHeight" | "tokenInputInputPaddingLeft" | "tokenInputInputPaddingRight" | "loaderBg" | "loaderOpacity" | "btnArrowBgImageActive" | "btnArrowBgImageChecked" | "btnLinkBorderRadius" | "btnFocusShadowWidth" | "btnDisabledBorderColor" | "btnCheckedBg" | "btnCheckedDisabledBg" | "btnCheckedDisabledColor" | "btnCheckedTextColor" | "btnCheckedDisabledBorderColor" | "btnCheckedShadow" | "btnCheckedDisabledShadow" | "btnBorderRadiusSmall" | "btnBorderRadiusMedium" | "btnBorderRadiusLarge" | "btnBorderWidth" | "btnInsetWidth" | "btnOutlineWidth" | "btnPaddingXSmall" | "btnPaddingXMedium" | "btnPaddingXLarge" | "btnIconGapSmall" | "btnIconGapMedium" | "btnIconGapLarge" | "btnIconSizeSmall" | "btnIconSizeMedium" | "btnIconSizeLarge" | "btnDefaultBg" | "btnDefaultBgStart" | "btnDefaultBgEnd" | "btnDefaultCheckedBorderColor" | "btnDefaultTextColor" | "btnDefaultHoverBg" | "btnDefaultHoverBgStart" | "btnDefaultHoverBgEnd" | "btnDefaultActiveBg" | "btnDefaultHoverBorderColor" | "btnDefaultHoverBorderBottomColor" | "btnDefaultActiveBorderColor" | "btnDefaultActiveBorderTopColor" | "btnDefaultBorderColor" | "btnDefaultBorderBottomColor" | "btnDefaultActiveShadow" | "btnSuccessBg" | "btnSuccessHoverBg" | "btnSuccessHoverBorderColor" | "btnSuccessHoverBorderBottomColor" | "btnSuccessBorderColor" | "btnSuccessBorderBottomColor" | "btnSuccessBgStart" | "btnSuccessBgEnd" | "btnSuccessTextColor" | "btnSuccessHoverBgStart" | "btnSuccessHoverBgEnd" | "btnSuccessActiveBg" | "btnSuccessActiveBorderColor" | "btnSuccessActiveBorderTopColor" | "btnSuccessActiveShadow" | "btnPrimaryBg" | "btnPrimaryHoverBg" | "btnPrimaryHoverBorderColor" | "btnPrimaryHoverBorderBottomColor" | "btnPrimaryBorderColor" | "btnPrimaryBorderBottomColor" | "btnPrimaryBgStart" | "btnPrimaryBgEnd" | "btnPrimaryTextColor" | "btnPrimaryHoverBgStart" | "btnPrimaryHoverBgEnd" | "btnPrimaryActiveBg" | "btnPrimaryActiveBorderColor" | "btnPrimaryActiveBorderTopColor" | "btnPrimaryActiveShadow" | "btnDangerBg" | "btnDangerHoverBg" | "btnDangerHoverBorderColor" | "btnDangerHoverBorderBottomColor" | "btnDangerBorderColor" | "btnDangerBorderBottomColor" | "btnDangerBgStart" | "btnDangerBgEnd" | "btnDangerTextColor" | "btnDangerHoverBgStart" | "btnDangerHoverBgEnd" | "btnDangerActiveBg" | "btnDangerActiveBorderColor" | "btnDangerActiveBorderTopColor" | "btnDangerActiveShadow" | "btnPayBg" | "btnPayHoverBg" | "btnPayHoverBorderColor" | "btnPayHoverBorderBottomColor" | "btnPayBorderColor" | "btnPayBorderBottomColor" | "btnPayBgStart" | "btnPayBgEnd" | "btnPayTextColor" | "btnPayHoverBgStart" | "btnPayHoverBgEnd" | "btnPayActiveBg" | "btnPayActiveBorderColor" | "btnPayActiveBorderTopColor" | "btnPayActiveShadow" | "btnMenuArrowColor" | "btnFontSizeSmall" | "btnFontSizeMedium" | "btnFontSizeLarge" | "btnLineHeightSmall" | "btnLineHeightMedium" | "btnLineHeightLarge" | "btnPaddingYSmall" | "btnPaddingYMedium" | "btnPaddingYLarge" | "btnDisabledBg" | "btnBorderColorWarning" | "btnBorderColorError" | "btnHeightSmall" | "btnHeightMedium" | "btnHeightLarge" | "btnLinkColor" | "btnLinkHoverColor" | "btnLinkHoverTextDecoration" | "btnLinkIconMarginRight" | "btnErrorSecondary" | "btnWarningSecondary" | "btnOutlineColorFocus" | "btnInsetColor" | "btnBorderColorFocus" | "btnLinkDisabledColor" | "btnDisabledTextColor" | "selectPlaceholderColor" | "selectBorderWidth" | "selectPlaceholderColorDisabled" | "selectOutlineWidth" | "selectLineHeightSmall" | "selectFontSizeSmall" | "selectPaddingXSmall" | "selectPaddingYSmall" | "selectBorderRadiusSmall" | "selectIconGapSmall" | "selectLineHeightMedium" | "selectFontSizeMedium" | "selectPaddingXMedium" | "selectPaddingYMedium" | "selectBorderRadiusMedium" | "selectIconGapMedium" | "selectLineHeightLarge" | "selectFontSizeLarge" | "selectPaddingXLarge" | "selectPaddingYLarge" | "selectBorderRadiusLarge" | "selectIconGapLarge" | "selectMenuArrowColor" | "selectIconSizeSmall" | "selectIconSizeMedium" | "selectIconSizeLarge" | "tooltipPaddingY" | "tooltipPaddingX" | "tooltipCloseBtnPadding" | "tooltipCloseBtnColor" | "tooltipCloseBtnHoverColor" | "tooltipTextColor" | "tooltipBorder" | "tooltipBorderRadius" | "tooltipPinOffset" | "tooltipPinOffsetX" | "tooltipPinOffsetY" | "tooltipMargin" | "tooltipPinSize" | "tooltipMenuPinOffset" | "tooltipMenuMargin" | "tooltipMenuPinSize" | "kebabPinOffset" | "kebabPinSize" | "kebabMargin" | "kebabBackground" | "kebabBackgroundHover" | "kebabBorderRadius" | "kebabBorder" | "modalBackBg" | "modalBackOpacity" | "modalCloseButtonColor" | "modalCloseButtonDisabledColor" | "modalCloseButtonHoverColor" | "modalCloseButtonPadding" | "modalCloseButtonLegacyShift" | "modalCloseButtonBottomPadding" | "modalCloseButtonClickArea" | "modalCloseIconSize" | "modalCloseLegacyGap" | "modalCloseWrapperLegacyGap" | "modalFixedHeaderBg" | "modalFixedHeaderShadow" | "modalFixedFooterShadow" | "modalFooterBg" | "modalAdaptiveThreshold" | "modalPaddingTop" | "modalPaddingLeft" | "modalPaddingRight" | "modalHeaderFontSize" | "modalHeaderTextColor" | "modalHeaderLineHeight" | "modalHeaderPaddingBottom" | "modalHeaderPaddingTop" | "modalFixedHeaderPaddingBottom" | "modalBodyPaddingBottom" | "modalFooterPaddingTop" | "modalFooterPaddingBottom" | "modalPaddingBottom" | "modalFooterPanelPaddingTop" | "modalFooterPanelPaddingBottom" | "sidePageFooterPanelBg" | "sidePageBackingBg" | "sidePageBackingBgOpacity" | "sidePageCloseButtonColor" | "sidePageCloseButtonHoverColor" | "sidePageContainerShadow" | "sidePagePaddingLeft" | "sidePagePaddingRight" | "sidePagePaddingTop" | "sidePagePaddingBottom" | "sidePageFooterPaddingTop" | "sidePageFooterPaddingBottom" | "sidePageBgDefault" | "sidePageHeaderTextColor" | "sidePageHeaderFontSize" | "sidePageHeaderLineHeight" | "sidePageHeaderPaddingBottom" | "sidePageHeaderPaddingTop" | "sidePageHeaderFixedFontSize" | "sidePageHeaderFixedLineHeight" | "sidePageHeaderFixedPaddingY" | "sidePageHeaderStickyOffset" | "sidePageCloseButtonPadding" | "sidePageCloseButtonLegacyPaddingLeft" | "sidePageFooterPanelPaddingTop" | "sidePageFooterPanelPaddingBottom" | "sidePageCloseIconSize" | "sidePageCloseButtonClickArea" | "sidePageFixedHeaderShadow" | "sidePageFixedFooterShadow" | "dateInputIconColor" | "dateInputMaskColor" | "dateInputComponentSelectedBgColor" | "calendarCellBg" | "calendarCellHoverColor" | "calendarCellActiveHoverColor" | "calendarCellWeekendColor" | "calendarCellTodayBorder" | "calendarCellSelectedBgColor" | "calendarCellSelectedFontColor" | "calendarCellSize" | "calendarMonthHeaderStickedBgColor" | "calendarMonthTitleBorderBottomColor" | "calendarCellHoverBgColor" | "calendarPaddingX" | "calendarMonthTitleLineHeight" | "calendarMonthTitlePaddingTop" | "calendarMonthTitlePaddingBottom" | "calendarMonthTitleMarginX" | "calendarMonthTitleMarginBottom" | "calendarWrapperHeight" | "calendarMonthMarginBottom" | "calendarMaxMonthsToAppendOnScroll" | "dateSelectLineHeight" | "dateSelectFontSize" | "dateSelectFontWeight" | "dateSelectMenuItemBgSelected" | "dateSelectTextColorDisabled" | "dateSelectTextColorDefault" | "dateSelectLinkColor" | "dateSelectPopupBoxShadow" | "dateSelectTextColorInvert" | "datePickerOpenBtnColor" | "pickerBg" | "pickerShadow" | "pickerTodayWrapperBgColor" | "pickerTodayWrapperBorderTop" | "pickerTodayWrapperHoverBgColor" | "pickerTodayWrapperFontSize" | "pickerTodayWrapperLineHeight" | "pickerTodayWrapperPaddingTop" | "pickerTodayWrapperPaddingBottom" | "dateSelectMenuBg" | "dateSelectMenuItemBgActive" | "dateSelectMenuItemBgDisabled" | "dateSelectMenuItemFontActive" | "dateSelectMenuItemFontSelected" | "dateSelectMenuItemFontDisabled" | "pagingFontSize" | "pagingForwardIconSize" | "pagingForwardIconMarginTop" | "pagingPageLinkPaddingX" | "pagingPageLinkPaddingY" | "pagingPageLinkLegacyPaddingY" | "pagingPageLinkMinWidth" | "pagingPageForwardLinkMarginTop" | "pagingPageForwardLinkMarginLeft" | "pagingPageForwardLinkPaddingRight" | "pagingLineHeight" | "pagingDotsColor" | "pagingDotsPadding" | "pagingPageLinkActiveBg" | "pagingPageLinkActiveColor" | "pagingPageLinkHoverBg" | "pagingPageLinkHintColor" | "pagingPageLinkHintFontSize" | "pagingPageLinkHintLineHeight" | "pagingPageLinkBorderRadius" | "pagingPageLinkMargin" | "pagingForwardLinkColor" | "pagingForwardLinkDisabledColor" | "hintColor" | "hintFontSize" | "hintLineHeight" | "hintMaxWidth" | "hintPaddingY" | "hintPaddingX" | "hintTextAlign" | "hintBgColor" | "hintBorder" | "hintBorderRadius" | "hintPinOffset" | "hintMargin" | "toastFontSize" | "toastLineHeight" | "toastPaddingY" | "toastPaddingX" | "toastBorderRadius" | "toastBorder" | "toastTop" | "toastBg" | "toastColor" | "toastLinkColor" | "toastClosePadding" | "toastCloseColor" | "toastCloseHoverColor" | "toastCloseSize" | "dropdownMenuSelectedBg" | "dropdownMenuHoverBg" | "menuBgDefault" | "menuBorder" | "menuShadow" | "menuPaddingY" | "menuItemTextColor" | "menuItemSelectedBg" | "menuItemHoverBg" | "menuItemIconWidth" | "menuItemIconGap" | "menuItemIconLegacyMargin" | "menuItemIconLegacyShift" | "menuItemPaddingForIcon" | "menuItemLineHeight" | "menuItemFontSize" | "menuItemPaddingX" | "menuItemPaddingY" | "menuItemLegacyPaddingX" | "menuItemLegacyPaddingY" | "menuItemHoverColor" | "menuItemDisabledColor" | "menuItemLinkColor" | "menuItemCommentColor" | "menuItemCommentColorHover" | "menuHeaderColor" | "menuHeaderLineHeight" | "menuHeaderFontSize" | "menuHeaderPaddingX" | "menuHeaderPaddingTop" | "menuHeaderPaddingBottom" | "menuHeaderLegacyPaddingRight" | "menuSeparatorBorderColor" | "menuSeparatorMarginY" | "menuSeparatorBorderWidth" | "toggleTextColor" | "toggleHandleActiveWidthIncrement" | "toggleHandleBorderRadius" | "toggleHeight" | "toggleWidth" | "toggleBorderRadius" | "toggleBg" | "toggleDisabledHandleBg" | "toggleBaseBg" | "toggleBgDisabled" | "toggleBgHover" | "toggleBgChecked" | "toggleBorderWidth" | "toggleOutlineWidth" | "toggleBorderColor" | "toggleBgFocus" | "toggleBgActive" | "toggleShadowColorError" | "toggleShadowColorWarning" | "toggleFocusShadowColor" | "toggleCaptionGap" | "popupBorder" | "popupBorderRadius" | "popupBorderColor" | "popupDropShadow" | "popupBoxShadow" | "popupTextColor" | "popupBackground" | "popupPinOffset" | "popupPinOffsetX" | "popupPinOffsetY" | "popupMargin" | "popupPinSize" | "inputTextColor" | "inputShadow" | "inputBg" | "inputIconColor" | "inputColor" | "inputWidth" | "inputTextColorDisabled" | "inputFontSizeSmall" | "inputFontSizeMedium" | "inputFontSizeLarge" | "inputLineHeightSmall" | "inputLineHeightMedium" | "inputLineHeightLarge" | "inputHeightSmall" | "inputHeightMedium" | "inputHeightLarge" | "inputPaddingYSmall" | "inputPaddingYMedium" | "inputPaddingYLarge" | "inputPaddingXSmall" | "inputPaddingXMedium" | "inputPaddingXLarge" | "inputIconGapSmall" | "inputIconGapMedium" | "inputIconGapLarge" | "inputIconSizeSmall" | "inputIconSizeMedium" | "inputIconSizeLarge" | "inputFocusShadow" | "inputDisabledBg" | "inputDisabledBorderColor" | "inputFocusOutline" | "inputBorderWidth" | "inputOutlineWidth" | "inputBorderRadiusSmall" | "inputBorderRadiusMedium" | "inputBorderRadiusLarge" | "inputBorderColor" | "inputBorderColorFocus" | "inputBorderColorError" | "inputBorderColorWarning" | "inputBorderTopColor" | "inputPlaceholderColor" | "inputPlaceholderColorDisabled" | "inputPlaceholderColorLight" | "inputBlinkColor" | "checkboxBorderWidthCompensation" | "checkboxFontSize" | "checkboxLineHeight" | "checkboxBoxSize" | "checkboxLabelGap" | "checkboxPaddingY" | "checkboxBgStart" | "checkboxBgEnd" | "checkboxTextColorDefault" | "checkboxTextColorDisabled" | "checkboxShadowDisabled" | "checkboxBorder" | "checkboxBorderWidth" | "checkboxShadow" | "checkboxShadowHover" | "checkboxCheckedColor" | "checkboxOutlineColorFocus" | "checkboxBorderColorWarning" | "checkboxBorderColorError" | "checkboxCheckedHoverShadow" | "checkboxBorderRadius" | "checkboxOutlineWidth" | "checkboxCheckedShadow" | "checkboxCheckedActiveShadow" | "checkboxBorderColorFocus" | "checkboxBg" | "checkboxHoverBg" | "checkboxActiveBg" | "checkboxCheckedBg" | "checkboxBgDisabled" | "checkboxCheckedHoverBg" | "checkboxCheckedActiveBg" | "checkboxShadowActive" | "textareaBg" | "textareaColor" | "textareaTextColorDisabled" | "textareaPlaceholderColorLight" | "textareaPlaceholderColor" | "textareaPlaceholderColorDisabled" | "textareaShadow" | "textareaFontSize" | "textareaLineHeight" | "textareaBorderRadius" | "textareaBorderWidth" | "textareaOutlineWidth" | "textareaMinHeight" | "textareaWidth" | "textareaPaddingX" | "textareaPaddingY" | "textareaBorderColor" | "textareaBorderTopColor" | "textareaBorderColorFocus" | "textareaBorderColorWarning" | "textareaBorderColorError" | "textareaDisabledBg" | "textareaDisabledBorderColor" | "textareaCounterColor" | "textareaCounterBg" | "textareaCounterErrorColor" | "textareaCounterHelpIconColor" | "radioBulletSize" | "radioOutlineWidth" | "radioTextColor" | "radioSize" | "radioSizeAfter" | "radioFontSize" | "radioLineHeight" | "radioLabelGap" | "radioPaddingY" | "radioVerticalAlign" | "radioBgImage" | "radioBgColor" | "radioHoverBg" | "radioActiveBg" | "radioBorderWidth" | "radioBorderColor" | "radioBoxShadow" | "radioBorder" | "radioBorderColorFocus" | "radioBorderColorWarning" | "radioBorderColorError" | "radioHoverShadow" | "radioActiveShadow" | "radioFocusShadow" | "radioCheckedBgColor" | "radioCheckedBorderColor" | "radioCheckedBulletColor" | "radioCheckedHoverBgColor" | "radioDisabledBg" | "radioDisabledShadow" | "radioLabelDisplay" | "radioBorderWidthCompensation" | "radioMarginY" | "radioGroupLegacyItemGap" | "tabFontSize" | "tabPaddingX" | "tabsMarginX" | "tabPaddingY" | "tabLineHeight" | "tabBorderWidth" | "tabOutlineWidth" | "tabTextColorDefault" | "tabColorFocus" | "tabColorError" | "tabColorWarning" | "tabColorSuccess" | "tabColorPrimary" | "tabColorHover" | "tabColorHoverError" | "tabColorHoverWarning" | "tabColorHoverSuccess" | "tabColorHoverPrimary" | "spinnerBgColor" | "spinnerColor" | "spinnerDimmedColor" | "spinnerCaptionColor" | "spinnerFontSizeSmall" | "spinnerFontSizeMedium" | "spinnerFontSizeLarge" | "spinnerLineHeightSmall" | "spinnerLineHeightMedium" | "spinnerLineHeightLarge" | "spinnerCaptionGapSmall" | "spinnerCaptionGapMedium" | "spinnerCaptionGapLarge" | "switcherTextColor" | "switcherOutlineWidth" | "switcherLabelFontSizeSmall" | "switcherLabelFontSizeMedium" | "switcherLabelFontSizeLarge" | "switcherLabelLineHeightSmall" | "switcherLabelLineHeightMedium" | "switcherLabelLineHeightLarge" | "switcherLabelGapSmall" | "switcherLabelGapMedium" | "switcherLabelGapLarge" | "switcherButtonPaddingXSmall" | "switcherButtonPaddingXMedium" | "switcherButtonPaddingXLarge" | "switcherButtonPaddingYSmall" | "switcherButtonPaddingYMedium" | "switcherButtonPaddingYLarge" | "switcherButtonLineHeightSmall" | "switcherButtonLineHeightMedium" | "switcherButtonLineHeightLarge" | "switcherButtonFontSizeSmall" | "switcherButtonFontSizeMedium" | "switcherButtonFontSizeLarge" | "switcherButtonBorderRadiusSmall" | "switcherButtonBorderRadiusMedium" | "switcherButtonBorderRadiusLarge" | "switcherButtonBorderWidth" | "switcherButtonDisabledBorderColor" | "switcherButtonCheckedDisabledShadow" | "scrollContainerScrollBarSize" | "scrollContainerScrollBarHoverSize" | "scrollContainerScrollBarColor" | "scrollContainerScrollBarInvertColor")[];
+export declare const ALL_USED_VARIABLES: ("black" | "blue" | "gray" | "green" | "red" | "white" | "yellow" | "prototype" | "fontFamilyCompensationBaseline" | "brandXLight" | "brandLight" | "brand" | "brandDark" | "brandXDark" | "grayXxLight" | "grayXLight" | "grayLight" | "grayDark" | "blueXxLight" | "blueLight" | "blueDark" | "blueXDark" | "greenXxLight" | "greenDark" | "redXxLight" | "redDark" | "yellowXxLight" | "yellowDark" | "bgDefault" | "bgDisabled" | "errorMain" | "errorSecondary" | "errorText" | "warningMain" | "warningSecondary" | "warningText" | "borderColorFocusLight" | "borderColorGrayDark" | "borderColorGrayLight" | "borderColorDisabled" | "placeholderColor" | "outlineColorFocus" | "placeholderColorLight" | "blinkColor" | "controlBorderWidth" | "controlOutlineWidth" | "controlLineHeightSmall" | "controlLineHeightMedium" | "controlLineHeightLarge" | "controlPaddingYSmall" | "controlPaddingYMedium" | "controlPaddingYLarge" | "textColorDefault" | "textColorInvert" | "textColorDisabled" | "textColorDisabledContrast" | "fontSizeSmall" | "fontSizeMedium" | "fontSizeLarge" | "specificityLevel" | "bgActive" | "borderColorFocus" | "borderColorError" | "borderColorWarning" | "controlHeightSmall" | "controlHeightMedium" | "controlHeightLarge" | "linkColor" | "linkActiveColor" | "linkHoverTextDecoration" | "linkSuccessColor" | "linkSuccessHoverColor" | "linkSuccessActiveColor" | "linkDangerColor" | "linkDangerHoverColor" | "linkDangerActiveColor" | "linkIconMarginRight" | "linkHoverColor" | "linkDisabledColor" | "linkButtonLineHeight" | "linkButtonPaddingX" | "tokenDisabledBg" | "tokenTextColorDisabled" | "tokenFontSize" | "tokenMarginY" | "tokenMarginX" | "tokenLineHeight" | "tokenPaddingY" | "tokenPaddingX" | "tokenMarginBeforeIcon" | "tokenRemoveIconSize" | "tokenRemoveIconPaddingY" | "tokenRemoveIconPaddingX" | "tokenRemoveIconGap" | "tokenRemoveIconBoxSizing" | "tokenBorderRadius" | "tokenBorderWidth" | "tokenBorderColorDisabled" | "tokenDefaultIdle" | "tokenDefaultActive" | "tokenGrayIdle" | "tokenGrayActive" | "tokenBlueIdle" | "tokenBlueActive" | "tokenGreenIdle" | "tokenGreenActive" | "tokenYellowIdle" | "tokenYellowActive" | "tokenRedIdle" | "tokenRedActive" | "tokenWhite" | "tokenBlack" | "tokenBorderColorWarning" | "tokenBorderColorError" | "tokenOutlineWidth" | "tokenLegacyTextShift" | "tokenPaddingYDisabled" | "tokenPaddingXDisabled" | "tokenMarginYDisabled" | "tokenMarginXDisabled" | "tokenShadowDisabled" | "tokenInputBorderColor" | "tokenInputBorderColorFocus" | "tokenInputBorderColorError" | "tokenInputBorderColorWarning" | "tokenInputBorderTopColor" | "tokenInputPlaceholderColor" | "tokenInputPlaceholderColorLight" | "tokenInputDisabledBg" | "tokenInputDisabledBorderColor" | "tokenInputBorderWidth" | "tokenInputOutlineWidth" | "tokenInputBg" | "tokenInputShadow" | "tokenInputTextColor" | "tokenInputTextColorDisabled" | "tokenInputPlaceholderColorDisabled" | "tokenInputPaddingY" | "tokenInputPaddingX" | "tokenInputFontSize" | "tokenInputLineHeight" | "tokenInputInputPaddingLeft" | "tokenInputInputPaddingRight" | "loaderBg" | "loaderOpacity" | "btnBackgroundClip" | "btnArrowBgImageActive" | "btnArrowBgImageChecked" | "btnLinkBorderRadius" | "btnFocusShadowWidth" | "btnDisabledBorderColor" | "btnCheckedBg" | "btnCheckedDisabledBg" | "btnCheckedDisabledColor" | "btnCheckedTextColor" | "btnCheckedDisabledBorderColor" | "btnCheckedShadow" | "btnCheckedDisabledShadow" | "btnBorderRadiusSmall" | "btnBorderRadiusMedium" | "btnBorderRadiusLarge" | "btnBorderWidth" | "btnInsetWidth" | "btnOutlineWidth" | "btnPaddingXSmall" | "btnPaddingXMedium" | "btnPaddingXLarge" | "btnIconGapSmall" | "btnIconGapMedium" | "btnIconGapLarge" | "btnIconSizeSmall" | "btnIconSizeMedium" | "btnIconSizeLarge" | "btnDefaultBg" | "btnDefaultBgStart" | "btnDefaultBgEnd" | "btnDefaultCheckedBorderColor" | "btnDefaultTextColor" | "btnDefaultHoverBg" | "btnDefaultHoverBgStart" | "btnDefaultHoverBgEnd" | "btnDefaultActiveBg" | "btnDefaultHoverBorderColor" | "btnDefaultHoverBorderBottomColor" | "btnDefaultActiveBorderColor" | "btnDefaultActiveBorderTopColor" | "btnDefaultBorderColor" | "btnDefaultBorderBottomColor" | "btnDefaultActiveShadow" | "btnSuccessBg" | "btnSuccessHoverBg" | "btnSuccessHoverBorderColor" | "btnSuccessHoverBorderBottomColor" | "btnSuccessBorderColor" | "btnSuccessBorderBottomColor" | "btnSuccessBgStart" | "btnSuccessBgEnd" | "btnSuccessTextColor" | "btnSuccessHoverBgStart" | "btnSuccessHoverBgEnd" | "btnSuccessActiveBg" | "btnSuccessActiveBorderColor" | "btnSuccessActiveBorderTopColor" | "btnSuccessActiveShadow" | "btnPrimaryBg" | "btnPrimaryHoverBg" | "btnPrimaryHoverBorderColor" | "btnPrimaryHoverBorderBottomColor" | "btnPrimaryBorderColor" | "btnPrimaryBorderBottomColor" | "btnPrimaryBgStart" | "btnPrimaryBgEnd" | "btnPrimaryTextColor" | "btnPrimaryHoverBgStart" | "btnPrimaryHoverBgEnd" | "btnPrimaryActiveBg" | "btnPrimaryActiveBorderColor" | "btnPrimaryActiveBorderTopColor" | "btnPrimaryActiveShadow" | "btnDangerBg" | "btnDangerHoverBg" | "btnDangerHoverBorderColor" | "btnDangerHoverBorderBottomColor" | "btnDangerBorderColor" | "btnDangerBorderBottomColor" | "btnDangerBgStart" | "btnDangerBgEnd" | "btnDangerTextColor" | "btnDangerHoverBgStart" | "btnDangerHoverBgEnd" | "btnDangerActiveBg" | "btnDangerActiveBorderColor" | "btnDangerActiveBorderTopColor" | "btnDangerActiveShadow" | "btnPayBg" | "btnPayHoverBg" | "btnPayHoverBorderColor" | "btnPayHoverBorderBottomColor" | "btnPayBorderColor" | "btnPayBorderBottomColor" | "btnPayBgStart" | "btnPayBgEnd" | "btnPayTextColor" | "btnPayHoverBgStart" | "btnPayHoverBgEnd" | "btnPayActiveBg" | "btnPayActiveBorderColor" | "btnPayActiveBorderTopColor" | "btnPayActiveShadow" | "btnMenuArrowColor" | "btnFontSizeSmall" | "btnFontSizeMedium" | "btnFontSizeLarge" | "btnLineHeightSmall" | "btnLineHeightMedium" | "btnLineHeightLarge" | "btnPaddingYSmall" | "btnPaddingYMedium" | "btnPaddingYLarge" | "btnDisabledBg" | "btnBorderColorWarning" | "btnBorderColorError" | "btnHeightSmall" | "btnHeightMedium" | "btnHeightLarge" | "btnLinkColor" | "btnLinkHoverColor" | "btnLinkHoverTextDecoration" | "btnLinkIconMarginRight" | "btnErrorSecondary" | "btnWarningSecondary" | "btnOutlineColorFocus" | "btnInsetColor" | "btnBorderColorFocus" | "btnLinkDisabledColor" | "btnDisabledTextColor" | "selectPlaceholderColor" | "selectBorderWidth" | "selectPlaceholderColorDisabled" | "selectOutlineWidth" | "selectLineHeightSmall" | "selectFontSizeSmall" | "selectPaddingXSmall" | "selectPaddingYSmall" | "selectBorderRadiusSmall" | "selectIconGapSmall" | "selectLineHeightMedium" | "selectFontSizeMedium" | "selectPaddingXMedium" | "selectPaddingYMedium" | "selectBorderRadiusMedium" | "selectIconGapMedium" | "selectLineHeightLarge" | "selectFontSizeLarge" | "selectPaddingXLarge" | "selectPaddingYLarge" | "selectBorderRadiusLarge" | "selectIconGapLarge" | "selectMenuArrowColor" | "selectIconSizeSmall" | "selectIconSizeMedium" | "selectIconSizeLarge" | "tooltipPaddingY" | "tooltipPaddingX" | "tooltipCloseBtnPadding" | "tooltipCloseBtnColor" | "tooltipCloseBtnHoverColor" | "tooltipTextColor" | "tooltipBorder" | "tooltipBorderRadius" | "tooltipPinOffset" | "tooltipPinOffsetX" | "tooltipPinOffsetY" | "tooltipMargin" | "tooltipPinSize" | "tooltipMenuPinOffset" | "tooltipMenuMargin" | "tooltipMenuPinSize" | "kebabPinOffset" | "kebabPinSize" | "kebabMargin" | "kebabBackground" | "kebabBackgroundHover" | "kebabBorderRadius" | "kebabBorder" | "modalBackBg" | "modalBackOpacity" | "modalCloseButtonColor" | "modalCloseButtonDisabledColor" | "modalCloseButtonHoverColor" | "modalCloseButtonPadding" | "modalCloseButtonLegacyShift" | "modalCloseButtonBottomPadding" | "modalCloseButtonClickArea" | "modalCloseIconSize" | "modalCloseLegacyGap" | "modalCloseWrapperLegacyGap" | "modalFixedHeaderBg" | "modalFixedHeaderShadow" | "modalFixedFooterShadow" | "modalFooterBg" | "modalAdaptiveThreshold" | "modalPaddingTop" | "modalPaddingLeft" | "modalPaddingRight" | "modalHeaderFontSize" | "modalHeaderTextColor" | "modalHeaderLineHeight" | "modalHeaderPaddingBottom" | "modalHeaderPaddingTop" | "modalFixedHeaderPaddingBottom" | "modalBodyPaddingBottom" | "modalFooterPaddingTop" | "modalFooterPaddingBottom" | "modalPaddingBottom" | "modalFooterPanelPaddingTop" | "modalFooterPanelPaddingBottom" | "sidePageFooterPanelBg" | "sidePageBackingBg" | "sidePageBackingBgOpacity" | "sidePageCloseButtonColor" | "sidePageCloseButtonHoverColor" | "sidePageContainerShadow" | "sidePagePaddingLeft" | "sidePagePaddingRight" | "sidePagePaddingTop" | "sidePagePaddingBottom" | "sidePageFooterPaddingTop" | "sidePageFooterPaddingBottom" | "sidePageBgDefault" | "sidePageHeaderTextColor" | "sidePageHeaderFontSize" | "sidePageHeaderLineHeight" | "sidePageHeaderPaddingBottom" | "sidePageHeaderPaddingTop" | "sidePageHeaderFixedFontSize" | "sidePageHeaderFixedLineHeight" | "sidePageHeaderFixedPaddingY" | "sidePageHeaderStickyOffset" | "sidePageCloseButtonPadding" | "sidePageCloseButtonLegacyPaddingLeft" | "sidePageFooterPanelPaddingTop" | "sidePageFooterPanelPaddingBottom" | "sidePageCloseIconSize" | "sidePageCloseButtonClickArea" | "sidePageFixedHeaderShadow" | "sidePageFixedFooterShadow" | "dateInputIconColor" | "dateInputMaskColor" | "dateInputComponentSelectedBgColor" | "calendarCellBg" | "calendarCellHoverColor" | "calendarCellActiveHoverColor" | "calendarCellWeekendColor" | "calendarCellTodayBorder" | "calendarCellSelectedBgColor" | "calendarCellSelectedFontColor" | "calendarCellSize" | "calendarMonthHeaderStickedBgColor" | "calendarMonthTitleBorderBottomColor" | "calendarCellHoverBgColor" | "calendarPaddingX" | "calendarMonthTitleLineHeight" | "calendarMonthTitlePaddingTop" | "calendarMonthTitlePaddingBottom" | "calendarMonthTitleMarginX" | "calendarMonthTitleMarginBottom" | "calendarWrapperHeight" | "calendarMonthMarginBottom" | "calendarMaxMonthsToAppendOnScroll" | "dateSelectLineHeight" | "dateSelectFontSize" | "dateSelectFontWeight" | "dateSelectMenuItemBgSelected" | "dateSelectTextColorDisabled" | "dateSelectTextColorDefault" | "dateSelectLinkColor" | "dateSelectPopupBoxShadow" | "dateSelectTextColorInvert" | "datePickerOpenBtnColor" | "pickerBg" | "pickerShadow" | "pickerTodayWrapperBgColor" | "pickerTodayWrapperBorderTop" | "pickerTodayWrapperHoverBgColor" | "pickerTodayWrapperFontSize" | "pickerTodayWrapperLineHeight" | "pickerTodayWrapperPaddingTop" | "pickerTodayWrapperPaddingBottom" | "dateSelectMenuBg" | "dateSelectMenuItemBgActive" | "dateSelectMenuItemBgDisabled" | "dateSelectMenuItemFontActive" | "dateSelectMenuItemFontSelected" | "dateSelectMenuItemFontDisabled" | "pagingFontSize" | "pagingForwardIconSize" | "pagingForwardIconMarginTop" | "pagingPageLinkPaddingX" | "pagingPageLinkPaddingY" | "pagingPageLinkLegacyPaddingY" | "pagingPageLinkMinWidth" | "pagingPageForwardLinkMarginTop" | "pagingPageForwardLinkMarginLeft" | "pagingPageForwardLinkPaddingRight" | "pagingLineHeight" | "pagingDotsColor" | "pagingDotsPadding" | "pagingPageLinkActiveBg" | "pagingPageLinkActiveColor" | "pagingPageLinkHoverBg" | "pagingPageLinkHintColor" | "pagingPageLinkHintFontSize" | "pagingPageLinkHintLineHeight" | "pagingPageLinkBorderRadius" | "pagingPageLinkMargin" | "pagingForwardLinkColor" | "pagingForwardLinkDisabledColor" | "hintColor" | "hintFontSize" | "hintLineHeight" | "hintMaxWidth" | "hintPaddingY" | "hintPaddingX" | "hintTextAlign" | "hintBgColor" | "hintBorder" | "hintBorderRadius" | "hintPinOffset" | "hintMargin" | "toastFontSize" | "toastLineHeight" | "toastPaddingY" | "toastPaddingX" | "toastBorderRadius" | "toastBorder" | "toastTop" | "toastBg" | "toastColor" | "toastLinkColor" | "toastClosePadding" | "toastCloseColor" | "toastCloseHoverColor" | "toastCloseSize" | "dropdownMenuSelectedBg" | "dropdownMenuHoverBg" | "menuBgDefault" | "menuBorder" | "menuShadow" | "menuPaddingY" | "menuItemTextColor" | "menuItemSelectedBg" | "menuItemHoverBg" | "menuItemIconWidth" | "menuItemIconGap" | "menuItemIconLegacyMargin" | "menuItemIconLegacyShift" | "menuItemPaddingForIcon" | "menuItemLineHeight" | "menuItemFontSize" | "menuItemPaddingX" | "menuItemPaddingY" | "menuItemLegacyPaddingX" | "menuItemLegacyPaddingY" | "menuItemHoverColor" | "menuItemDisabledColor" | "menuItemLinkColor" | "menuItemCommentColor" | "menuItemCommentColorHover" | "menuHeaderColor" | "menuHeaderLineHeight" | "menuHeaderFontSize" | "menuHeaderPaddingX" | "menuHeaderPaddingTop" | "menuHeaderPaddingBottom" | "menuHeaderLegacyPaddingRight" | "menuSeparatorBorderColor" | "menuSeparatorMarginY" | "menuSeparatorBorderWidth" | "toggleTextColor" | "toggleHandleActiveWidthIncrement" | "toggleHandleBorderRadius" | "toggleHeight" | "toggleWidth" | "toggleBorderRadius" | "toggleBg" | "toggleDisabledHandleBg" | "toggleBaseBg" | "toggleBgDisabled" | "toggleBgDisabledChecked" | "toggleBgHover" | "toggleBgChecked" | "toggleBorderWidth" | "toggleOutlineWidth" | "toggleBorderColor" | "toggleBorderColorDisabled" | "toggleBorderColorDisabledChecked" | "toggleBgFocus" | "toggleBgActive" | "toggleShadowColorError" | "toggleShadowColorWarning" | "toggleFocusShadowColor" | "toggleCaptionGap" | "popupBorder" | "popupBorderRadius" | "popupBorderColor" | "popupDropShadow" | "popupBoxShadow" | "popupTextColor" | "popupBackground" | "popupPinOffset" | "popupPinOffsetX" | "popupPinOffsetY" | "popupMargin" | "popupPinSize" | "inputTextColor" | "inputShadow" | "inputBg" | "inputIconColor" | "inputColor" | "inputWidth" | "inputTextColorDisabled" | "inputFontSizeSmall" | "inputFontSizeMedium" | "inputFontSizeLarge" | "inputLineHeightSmall" | "inputLineHeightMedium" | "inputLineHeightLarge" | "inputHeightSmall" | "inputHeightMedium" | "inputHeightLarge" | "inputPaddingYSmall" | "inputPaddingYMedium" | "inputPaddingYLarge" | "inputPaddingXSmall" | "inputPaddingXMedium" | "inputPaddingXLarge" | "inputIconGapSmall" | "inputIconGapMedium" | "inputIconGapLarge" | "inputIconSizeSmall" | "inputIconSizeMedium" | "inputIconSizeLarge" | "inputFocusShadow" | "inputDisabledBg" | "inputDisabledBorderColor" | "inputFocusOutline" | "inputBorderWidth" | "inputOutlineWidth" | "inputBorderRadiusSmall" | "inputBorderRadiusMedium" | "inputBorderRadiusLarge" | "inputBorderColor" | "inputBorderColorFocus" | "inputBorderColorError" | "inputBorderColorWarning" | "inputBorderTopColor" | "inputPlaceholderColor" | "inputPlaceholderColorDisabled" | "inputPlaceholderColorLight" | "inputBlinkColor" | "checkboxBorderWidthCompensation" | "checkboxFontSize" | "checkboxLineHeight" | "checkboxBoxSize" | "checkboxLabelGap" | "checkboxPaddingY" | "checkboxBgStart" | "checkboxBgEnd" | "checkboxTextColorDefault" | "checkboxTextColorDisabled" | "checkboxShadowDisabled" | "checkboxBorder" | "checkboxBorderWidth" | "checkboxShadow" | "checkboxShadowHover" | "checkboxCheckedColor" | "checkboxOutlineColorFocus" | "checkboxBorderColorWarning" | "checkboxBorderColorError" | "checkboxCheckedHoverShadow" | "checkboxBorderRadius" | "checkboxOutlineWidth" | "checkboxCheckedShadow" | "checkboxCheckedActiveShadow" | "checkboxBorderColorFocus" | "checkboxBg" | "checkboxHoverBg" | "checkboxActiveBg" | "checkboxCheckedBg" | "checkboxBgDisabled" | "checkboxCheckedHoverBg" | "checkboxCheckedActiveBg" | "checkboxShadowActive" | "textareaBg" | "textareaColor" | "textareaTextColorDisabled" | "textareaPlaceholderColorLight" | "textareaPlaceholderColor" | "textareaPlaceholderColorDisabled" | "textareaShadow" | "textareaFontSize" | "textareaLineHeight" | "textareaBorderRadius" | "textareaBorderWidth" | "textareaOutlineWidth" | "textareaMinHeight" | "textareaWidth" | "textareaPaddingX" | "textareaPaddingY" | "textareaBorderColor" | "textareaBorderTopColor" | "textareaBorderColorFocus" | "textareaBorderColorWarning" | "textareaBorderColorError" | "textareaDisabledBg" | "textareaDisabledBorderColor" | "textareaCounterColor" | "textareaCounterBg" | "textareaCounterErrorColor" | "textareaCounterHelpIconColor" | "radioBulletSize" | "radioOutlineWidth" | "radioTextColor" | "radioSize" | "radioSizeAfter" | "radioFontSize" | "radioLineHeight" | "radioLabelGap" | "radioPaddingY" | "radioVerticalAlign" | "radioBgImage" | "radioBgColor" | "radioHoverBg" | "radioActiveBg" | "radioBorderWidth" | "radioBorderColor" | "radioBoxShadow" | "radioBorder" | "radioBorderColorFocus" | "radioBorderColorWarning" | "radioBorderColorError" | "radioHoverShadow" | "radioActiveShadow" | "radioFocusShadow" | "radioCheckedBgColor" | "radioCheckedBorderColor" | "radioCheckedBulletColor" | "radioCheckedHoverBgColor" | "radioDisabledBg" | "radioDisabledShadow" | "radioLabelDisplay" | "radioBorderWidthCompensation" | "radioMarginY" | "radioGroupLegacyItemGap" | "tabFontSize" | "tabPaddingX" | "tabsMarginX" | "tabPaddingY" | "tabLineHeight" | "tabBorderWidth" | "tabOutlineWidth" | "tabTextColorDefault" | "tabColorFocus" | "tabColorError" | "tabColorWarning" | "tabColorSuccess" | "tabColorPrimary" | "tabColorHover" | "tabColorHoverError" | "tabColorHoverWarning" | "tabColorHoverSuccess" | "tabColorHoverPrimary" | "spinnerBgColor" | "spinnerColor" | "spinnerDimmedColor" | "spinnerCaptionColor" | "spinnerFontSizeSmall" | "spinnerFontSizeMedium" | "spinnerFontSizeLarge" | "spinnerLineHeightSmall" | "spinnerLineHeightMedium" | "spinnerLineHeightLarge" | "spinnerCaptionGapSmall" | "spinnerCaptionGapMedium" | "spinnerCaptionGapLarge" | "switcherTextColor" | "switcherOutlineWidth" | "switcherLabelFontSizeSmall" | "switcherLabelFontSizeMedium" | "switcherLabelFontSizeLarge" | "switcherLabelLineHeightSmall" | "switcherLabelLineHeightMedium" | "switcherLabelLineHeightLarge" | "switcherLabelGapSmall" | "switcherLabelGapMedium" | "switcherLabelGapLarge" | "switcherButtonPaddingXSmall" | "switcherButtonPaddingXMedium" | "switcherButtonPaddingXLarge" | "switcherButtonPaddingYSmall" | "switcherButtonPaddingYMedium" | "switcherButtonPaddingYLarge" | "switcherButtonLineHeightSmall" | "switcherButtonLineHeightMedium" | "switcherButtonLineHeightLarge" | "switcherButtonFontSizeSmall" | "switcherButtonFontSizeMedium" | "switcherButtonFontSizeLarge" | "switcherButtonBorderRadiusSmall" | "switcherButtonBorderRadiusMedium" | "switcherButtonBorderRadiusLarge" | "switcherButtonBorderWidth" | "switcherButtonDisabledBorderColor" | "switcherButtonCheckedDisabledShadow" | "scrollContainerScrollBarSize" | "scrollContainerScrollBarHoverSize" | "scrollContainerScrollBarColor" | "scrollContainerScrollBarInvertColor")[];
 export declare const CALLS_COUNT: number;
 export declare const EXECUTION_TIME: number;