@skbkontur/react-ui 5.4.7-7ccf0.0 → 5.4.7-a27a4.0

package/components/Token/TokenView/TokenView.js

@@ -1,12 +1,12 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["size", "children", "closeButton", "hideCloseButton", "className"];
-import React, { useContext } from 'react';
+import React, { forwardRef, useContext } from 'react';
 import { useEmotion, useStyles } from "../../../lib/renderEnvironment";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { globalClasses, getStyles } from "../Token.styles";
-export function TokenView(props) {
+export var TokenView = /*#__PURE__*/forwardRef(function (props, ref) {
   var _cx;
   var _props$size = props.size,
     size = _props$size === void 0 ? 'small' : _props$size,
@@ -35,9 +35,11 @@ export function TokenView(props) {
     className: cx(styles.removeIcon(theme), globalClasses.removeIcon)
   }, closeButton);
   return /*#__PURE__*/(
-    React.createElement(CommonWrapper, props, /*#__PURE__*/
+    React.createElement(CommonWrapper, _extends({}, props, {
+      ref: ref
+    }), /*#__PURE__*/
     React.createElement("div", _extends({}, rest, {
       className: cx(getSizeClassName(size), (_cx = {}, _cx[styles.token(theme)] = true, _cx))
     }), children, closeButtonNode))
   );
-}
+});

package/components/Token/TokenView/TokenView.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","useEmotion","useStyles","CommonWrapper","ThemeContext","globalClasses","getStyles","TokenView","props","_cx","_props$size","size","children","closeButton","hideCloseButton","className","rest","_objectWithoutPropertiesLoose","_excluded","_useEmotion","cx","styles","theme","getSizeClassName","tokenLarge","tokenMedium","tokenSmall","closeButtonNode","createElement","removeIcon","_extends","token"],"sources":["TokenView.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport React, { useContext } from 'react';\n\nimport { useEmotion, useStyles } from '../../lib/renderEnvironment';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport type { TokenSize } from './Token';\nimport { globalClasses, getStyles } from './Token.styles';\n\nexport interface TokenViewProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Задает размер контрола. */\n  size?: TokenSize;\n  /** Задает компонент крестика для удаления токена. */\n  closeButton?: ReactNode;\n  /** Определяет, скрывать ли крестик для удаления токена. */\n  hideCloseButton?: boolean;\n}\n\nexport function TokenView(props: TokenViewProps) {\n  const { size = 'small', children, closeButton, hideCloseButton, className, ...rest } = props;\n  const { cx } = useEmotion();\n  const styles = useStyles(getStyles);\n  const theme = useContext(ThemeContext);\n  const getSizeClassName = (size: TokenSize) => {\n    switch (size) {\n      case 'large':\n        return styles.tokenLarge(theme);\n      case 'medium':\n        return styles.tokenMedium(theme);\n      case 'small':\n      default:\n        return styles.tokenSmall(theme);\n    }\n  };\n  const closeButtonNode = hideCloseButton ? null : (\n    <span className={cx(styles.removeIcon(theme), globalClasses.removeIcon)}>{closeButton}</span>\n  );\n\n  return (\n    <CommonWrapper {...props}>\n      <div\n        {...rest}\n        className={cx(getSizeClassName(size), {\n          [styles.token(theme)]: true,\n        })}\n      >\n        {children}\n        {closeButtonNode}\n      </div>\n    </CommonWrapper>\n  );\n}\n"],"mappings":";AACA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;;AAEzC,SAASC,UAAU,EAAEC,SAAS,QAAQ,6BAA6B;AACnE,SAASC,aAAa,QAAQ,8BAA8B;AAC5D,SAASC,YAAY,QAAQ,gCAAgC;;;AAG7D,SAASC,aAAa,EAAEC,SAAS,QAAQ,gBAAgB;;;;;;;;;;;AAWzD,OAAO,SAASC,SAASA,CAACC,KAAqB,EAAE,KAAAC,GAAA;EAC/C,IAAAC,WAAA,GAAuFF,KAAK,CAApFG,IAAI,CAAJA,IAAI,GAAAD,WAAA,cAAG,OAAO,GAAAA,WAAA,CAAEE,QAAQ,GAAuDJ,KAAK,CAApEI,QAAQ,CAAEC,WAAW,GAA0CL,KAAK,CAA1DK,WAAW,CAAEC,eAAe,GAAyBN,KAAK,CAA7CM,eAAe,CAAEC,SAAS,GAAcP,KAAK,CAA5BO,SAAS,CAAKC,IAAI,GAAAC,6BAAA,CAAKT,KAAK,EAAAU,SAAA;EAC5F,IAAAC,WAAA,GAAelB,UAAU,CAAC,CAAC,CAAnBmB,EAAE,GAAAD,WAAA,CAAFC,EAAE;EACV,IAAMC,MAAM,GAAGnB,SAAS,CAACI,SAAS,CAAC;EACnC,IAAMgB,KAAK,GAAGtB,UAAU,CAACI,YAAY,CAAC;EACtC,IAAMmB,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIZ,IAAe,EAAK;IAC5C,QAAQA,IAAI;MACV,KAAK,OAAO;QACV,OAAOU,MAAM,CAACG,UAAU,CAACF,KAAK,CAAC;MACjC,KAAK,QAAQ;QACX,OAAOD,MAAM,CAACI,WAAW,CAACH,KAAK,CAAC;MAClC,KAAK,OAAO;MACZ;QACE,OAAOD,MAAM,CAACK,UAAU,CAACJ,KAAK,CAAC;IACnC;EACF,CAAC;EACD,IAAMK,eAAe,GAAGb,eAAe,GAAG,IAAI;EAC5Cf,KAAA,CAAA6B,aAAA,WAAMb,SAAS,EAAEK,EAAE,CAACC,MAAM,CAACQ,UAAU,CAACP,KAAK,CAAC,EAAEjB,aAAa,CAACwB,UAAU,CAAE,IAAEhB,WAAkB,CAC7F;;;EAED;IACEd,KAAA,CAAA6B,aAAA,CAACzB,aAAa,EAAKK,KAAK;IACtBT,KAAA,CAAA6B,aAAA,QAAAE,QAAA;IACMd,IAAI;MACRD,SAAS,EAAEK,EAAE,CAACG,gBAAgB,CAACZ,IAAI,CAAC,GAAAF,GAAA,OAAAA,GAAA;MACjCY,MAAM,CAACU,KAAK,CAACT,KAAK,CAAC,IAAG,IAAI,EAAAb,GAAA;MAC5B,CAAE;;IAEFG,QAAQ;IACRe;IACE;IACQ,CAAC;;AAEpB","ignoreList":[]}
+{"version":3,"names":["React","forwardRef","useContext","useEmotion","useStyles","CommonWrapper","ThemeContext","globalClasses","getStyles","TokenView","props","ref","_cx","_props$size","size","children","closeButton","hideCloseButton","className","rest","_objectWithoutPropertiesLoose","_excluded","_useEmotion","cx","styles","theme","getSizeClassName","tokenLarge","tokenMedium","tokenSmall","closeButtonNode","createElement","removeIcon","_extends","token"],"sources":["TokenView.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport React, { forwardRef, useContext } from 'react';\n\nimport { useEmotion, useStyles } from '../../lib/renderEnvironment';\nimport { type CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport type { TokenSize } from './Token';\nimport { globalClasses, getStyles } from './Token.styles';\n\nexport interface TokenViewProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Задает размер контрола. */\n  size?: TokenSize;\n  /** Задает компонент крестика для удаления токена. */\n  closeButton?: ReactNode;\n  /** Определяет, скрывать ли крестик для удаления токена. */\n  hideCloseButton?: boolean;\n}\n\nexport const TokenView = forwardRef((props: TokenViewProps, ref: React.Ref<CommonWrapper<CommonProps>>) => {\n  const { size = 'small', children, closeButton, hideCloseButton, className, ...rest } = props;\n  const { cx } = useEmotion();\n  const styles = useStyles(getStyles);\n  const theme = useContext(ThemeContext);\n  const getSizeClassName = (size: TokenSize) => {\n    switch (size) {\n      case 'large':\n        return styles.tokenLarge(theme);\n      case 'medium':\n        return styles.tokenMedium(theme);\n      case 'small':\n      default:\n        return styles.tokenSmall(theme);\n    }\n  };\n  const closeButtonNode = hideCloseButton ? null : (\n    <span className={cx(styles.removeIcon(theme), globalClasses.removeIcon)}>{closeButton}</span>\n  );\n\n  return (\n    <CommonWrapper {...props} ref={ref}>\n      <div\n        {...rest}\n        className={cx(getSizeClassName(size), {\n          [styles.token(theme)]: true,\n        })}\n      >\n        {children}\n        {closeButtonNode}\n      </div>\n    </CommonWrapper>\n  );\n});\n"],"mappings":";AACA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,UAAU,QAAQ,OAAO;;AAErD,SAASC,UAAU,EAAEC,SAAS,QAAQ,6BAA6B;AACnE,SAA2BC,aAAa,QAAQ,8BAA8B;AAC9E,SAASC,YAAY,QAAQ,gCAAgC;;;AAG7D,SAASC,aAAa,EAAEC,SAAS,QAAQ,gBAAgB;;;;;;;;;;;AAWzD,OAAO,IAAMC,SAAS,gBAAGR,UAAU,CAAC,UAACS,KAAqB,EAAEC,GAA0C,EAAK,KAAAC,GAAA;EACzG,IAAAC,WAAA,GAAuFH,KAAK,CAApFI,IAAI,CAAJA,IAAI,GAAAD,WAAA,cAAG,OAAO,GAAAA,WAAA,CAAEE,QAAQ,GAAuDL,KAAK,CAApEK,QAAQ,CAAEC,WAAW,GAA0CN,KAAK,CAA1DM,WAAW,CAAEC,eAAe,GAAyBP,KAAK,CAA7CO,eAAe,CAAEC,SAAS,GAAcR,KAAK,CAA5BQ,SAAS,CAAKC,IAAI,GAAAC,6BAAA,CAAKV,KAAK,EAAAW,SAAA;EAC5F,IAAAC,WAAA,GAAenB,UAAU,CAAC,CAAC,CAAnBoB,EAAE,GAAAD,WAAA,CAAFC,EAAE;EACV,IAAMC,MAAM,GAAGpB,SAAS,CAACI,SAAS,CAAC;EACnC,IAAMiB,KAAK,GAAGvB,UAAU,CAACI,YAAY,CAAC;EACtC,IAAMoB,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIZ,IAAe,EAAK;IAC5C,QAAQA,IAAI;MACV,KAAK,OAAO;QACV,OAAOU,MAAM,CAACG,UAAU,CAACF,KAAK,CAAC;MACjC,KAAK,QAAQ;QACX,OAAOD,MAAM,CAACI,WAAW,CAACH,KAAK,CAAC;MAClC,KAAK,OAAO;MACZ;QACE,OAAOD,MAAM,CAACK,UAAU,CAACJ,KAAK,CAAC;IACnC;EACF,CAAC;EACD,IAAMK,eAAe,GAAGb,eAAe,GAAG,IAAI;EAC5CjB,KAAA,CAAA+B,aAAA,WAAMb,SAAS,EAAEK,EAAE,CAACC,MAAM,CAACQ,UAAU,CAACP,KAAK,CAAC,EAAElB,aAAa,CAACyB,UAAU,CAAE,IAAEhB,WAAkB,CAC7F;;;EAED;IACEhB,KAAA,CAAA+B,aAAA,CAAC1B,aAAa,EAAA4B,QAAA,KAAKvB,KAAK,IAAEC,GAAG,EAAEA,GAAI;IACjCX,KAAA,CAAA+B,aAAA,QAAAE,QAAA;IACMd,IAAI;MACRD,SAAS,EAAEK,EAAE,CAACG,gBAAgB,CAACZ,IAAI,CAAC,GAAAF,GAAA,OAAAA,GAAA;MACjCY,MAAM,CAACU,KAAK,CAACT,KAAK,CAAC,IAAG,IAAI,EAAAb,GAAA;MAC5B,CAAE;;IAEFG,QAAQ;IACRe;IACE;IACQ,CAAC;;AAEpB,CAAC,CAAC","ignoreList":[]}

package/components/Token/TokenView.d.ts

@@ -1,5 +1,6 @@
 import type { ReactNode } from 'react';
 import React from 'react';
+import { type CommonProps, CommonWrapper } from '../../internal/CommonWrapper';
 import type { TokenSize } from './Token';
 export interface TokenViewProps extends React.HTMLAttributes<HTMLDivElement> {
     /** Задает размер контрола. */
@@ -9,4 +10,4 @@ export interface TokenViewProps extends React.HTMLAttributes<HTMLDivElement> {
     /** Определяет, скрывать ли крестик для удаления токена. */
     hideCloseButton?: boolean;
 }
-export declare function TokenView(props: TokenViewProps): React.JSX.Element;
+export declare const TokenView: React.ForwardRefExoticComponent<TokenViewProps & React.RefAttributes<CommonWrapper<CommonProps>>>;

package/components/TokenInput/TextWidthHelper/TextWidthHelper.js

@@ -23,7 +23,7 @@ export var TextWidthHelper = withRenderEnvironment(_class = /*#__PURE__*/functio
     _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
     _this.element = null;
     _this.elementRef = function (node) {
-      return _this.element = node;
+      _this.element = node;
     };
     return _this;
   }

package/components/TokenInput/TextWidthHelper/TextWidthHelper.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","getDOMRect","TokenView","getStyles","withRenderEnvironment","THIN_SPACE","TextWidthHelper","_class","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","element","elementRef","node","_inheritsLoose","_proto","prototype","getSizeClassName","size","styles","helperContainerLarge","props","theme","helperContainerMedium","helperContainerSmall","render","emotion","createElement","className","cx","helperContainer","helperText","ref","text","getTextWidth","width","getTextHeight","height","Component"],"sources":["TextWidthHelper.tsx"],"sourcesContent":["import React from 'react';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport type { Theme } from '../../lib/theming/Theme';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\nimport { TokenView } from '../Token/TokenView';\nimport type { TokenSize } from '../Token';\nimport { getStyles } from '../Token/Token.styles';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment';\n\n// a thin character to preserve some space\n// for the caret visibillity in the input\nconst THIN_SPACE = '\\u2009';\n\nexport interface TextWidthHelperProps {\n  /** Задает текст в поле ввода, еще не ставший токеном. */\n  text?: string;\n\n  /** Задает объект с переменными темы. Он будет объединён с темой из контекста. */\n  theme: Theme;\n\n  /** Задает размер контрола. */\n  size: TokenSize;\n}\n/**\n * Херпер позволяет вычислить размеры блока с текстом\n * для последующего выставления размеров input\n */\n@withRenderEnvironment\nexport class TextWidthHelper extends React.Component<TextWidthHelperProps> {\n  private element: HTMLDivElement | null = null;\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private styles!: ReturnType<typeof getStyles>;\n\n  private getSizeClassName(size: TokenSize) {\n    switch (size) {\n      case 'large':\n        return this.styles.helperContainerLarge(this.props.theme);\n      case 'medium':\n        return this.styles.helperContainerMedium(this.props.theme);\n      case 'small':\n      default:\n        return this.styles.helperContainerSmall(this.props.theme);\n    }\n  }\n\n  public render() {\n    this.styles = getStyles(this.emotion);\n\n    return (\n      <TokenView\n        size={this.props.size}\n        className={this.cx(this.styles.helperContainer(), this.getSizeClassName(this.props.size))}\n      >\n        <div className={this.styles.helperText()} ref={this.elementRef}>\n          {this.props.text || THIN_SPACE}\n        </div>\n      </TokenView>\n    );\n  }\n\n  public getTextWidth(): number {\n    return getDOMRect(this.element).width;\n  }\n\n  public getTextHeight(): number {\n    return getDOMRect(this.element).height;\n  }\n\n  private elementRef = (node: HTMLDivElement) => (this.element = node);\n}\n"],"mappings":"iFAAA,OAAOA,KAAK,MAAM,OAAO;;;;AAIzB,SAASC,UAAU,QAAQ,0BAA0B;AACrD,SAASC,SAAS,QAAQ,oBAAoB;;AAE9C,SAASC,SAAS,QAAQ,uBAAuB;AACjD,SAASC,qBAAqB,QAAQ,6BAA6B;;AAEnE;AACA;AACA,IAAMC,UAAU,GAAG,QAAQ;;;;;;;;;;;;AAY3B;AACA;AACA;AACA;AACA;AACaC,eAAe,GAD3BF,qBAAqB,CAAAG,MAAA,0BAAAC,gBAAA,YAAAF,gBAAA,OAAAG,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;IAEZU,OAAO,GAA0B,IAAI,CAAAV,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAwCrCW,UAAU,GAAG,UAACC,IAAoB,UAAMZ,KAAA,CAAKU,OAAO,GAAGE,IAAI,EAAC,QAAAZ,KAAA,EAAAa,cAAA,CAAAhB,eAAA,EAAAE,gBAAA,MAAAe,MAAA,GAAAjB,eAAA,CAAAkB,SAAA,CAAAD,MAAA,CAnC5DE,gBAAgB,GAAxB,SAAAA,iBAAyBC,IAAe,EAAE,CACxC,QAAQA,IAAI,GACV,KAAK,OAAO,CACV,OAAO,IAAI,CAACC,MAAM,CAACC,oBAAoB,CAAC,IAAI,CAACC,KAAK,CAACC,KAAK,CAAC,CAC3D,KAAK,QAAQ,CACX,OAAO,IAAI,CAACH,MAAM,CAACI,qBAAqB,CAAC,IAAI,CAACF,KAAK,CAACC,KAAK,CAAC,CAC5D,KAAK,OAAO,CACZ,QACE,OAAO,IAAI,CAACH,MAAM,CAACK,oBAAoB,CAAC,IAAI,CAACH,KAAK,CAACC,KAAK,CAAC,CAC7D,CACF,CAAC,CAAAP,MAAA,CAEMU,MAAM,GAAb,SAAAA,OAAA,EAAgB,CACd,IAAI,CAACN,MAAM,GAAGxB,SAAS,CAAC,IAAI,CAAC+B,OAAO,CAAC,CAErC,oBACElC,KAAA,CAAAmC,aAAA,CAACjC,SAAS,IACRwB,IAAI,EAAE,IAAI,CAACG,KAAK,CAACH,IAAK,EACtBU,SAAS,EAAE,IAAI,CAACC,EAAE,CAAC,IAAI,CAACV,MAAM,CAACW,eAAe,CAAC,CAAC,EAAE,IAAI,CAACb,gBAAgB,CAAC,IAAI,CAACI,KAAK,CAACH,IAAI,CAAC,CAAE,iBAE1F1B,KAAA,CAAAmC,aAAA,UAAKC,SAAS,EAAE,IAAI,CAACT,MAAM,CAACY,UAAU,CAAC,CAAE,EAACC,GAAG,EAAE,IAAI,CAACpB,UAAW,IAC5D,IAAI,CAACS,KAAK,CAACY,IAAI,IAAIpC,UACjB,CACI,CAAC,CAEhB,CAAC,CAAAkB,MAAA,CAEMmB,YAAY,GAAnB,SAAAA,aAAA,EAA8B,CAC5B,OAAOzC,UAAU,CAAC,IAAI,CAACkB,OAAO,CAAC,CAACwB,KAAK,CACvC,CAAC,CAAApB,MAAA,CAEMqB,aAAa,GAApB,SAAAA,cAAA,EAA+B,CAC7B,OAAO3C,UAAU,CAAC,IAAI,CAACkB,OAAO,CAAC,CAAC0B,MAAM,CACxC,CAAC,QAAAvC,eAAA,GAvCkCN,KAAK,CAAC8C,SAAS,MAAAvC,MAAA","ignoreList":[]}
+{"version":3,"names":["React","getDOMRect","TokenView","getStyles","withRenderEnvironment","THIN_SPACE","TextWidthHelper","_class","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","element","elementRef","node","_inheritsLoose","_proto","prototype","getSizeClassName","size","styles","helperContainerLarge","props","theme","helperContainerMedium","helperContainerSmall","render","emotion","createElement","className","cx","helperContainer","helperText","ref","text","getTextWidth","width","getTextHeight","height","Component"],"sources":["TextWidthHelper.tsx"],"sourcesContent":["import React from 'react';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport type { Theme } from '../../lib/theming/Theme';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\nimport { TokenView } from '../Token/TokenView';\nimport type { TokenSize } from '../Token';\nimport { getStyles } from '../Token/Token.styles';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment';\n\n// a thin character to preserve some space\n// for the caret visibillity in the input\nconst THIN_SPACE = '\\u2009';\n\nexport interface TextWidthHelperProps {\n  /** Задает текст в поле ввода, еще не ставший токеном. */\n  text?: string;\n\n  /** Задает объект с переменными темы. Он будет объединён с темой из контекста. */\n  theme: Theme;\n\n  /** Задает размер контрола. */\n  size: TokenSize;\n}\n/**\n * Херпер позволяет вычислить размеры блока с текстом\n * для последующего выставления размеров input\n */\n@withRenderEnvironment\nexport class TextWidthHelper extends React.Component<TextWidthHelperProps> {\n  private element: HTMLDivElement | null = null;\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private styles!: ReturnType<typeof getStyles>;\n\n  private getSizeClassName(size: TokenSize) {\n    switch (size) {\n      case 'large':\n        return this.styles.helperContainerLarge(this.props.theme);\n      case 'medium':\n        return this.styles.helperContainerMedium(this.props.theme);\n      case 'small':\n      default:\n        return this.styles.helperContainerSmall(this.props.theme);\n    }\n  }\n\n  public render() {\n    this.styles = getStyles(this.emotion);\n\n    return (\n      <TokenView\n        size={this.props.size}\n        className={this.cx(this.styles.helperContainer(), this.getSizeClassName(this.props.size))}\n      >\n        <div className={this.styles.helperText()} ref={this.elementRef}>\n          {this.props.text || THIN_SPACE}\n        </div>\n      </TokenView>\n    );\n  }\n\n  public getTextWidth(): number {\n    return getDOMRect(this.element).width;\n  }\n\n  public getTextHeight(): number {\n    return getDOMRect(this.element).height;\n  }\n\n  private elementRef = (node: HTMLDivElement) => {\n    this.element = node;\n  };\n}\n"],"mappings":"iFAAA,OAAOA,KAAK,MAAM,OAAO;;;;AAIzB,SAASC,UAAU,QAAQ,0BAA0B;AACrD,SAASC,SAAS,QAAQ,oBAAoB;;AAE9C,SAASC,SAAS,QAAQ,uBAAuB;AACjD,SAASC,qBAAqB,QAAQ,6BAA6B;;AAEnE;AACA;AACA,IAAMC,UAAU,GAAG,QAAQ;;;;;;;;;;;;AAY3B;AACA;AACA;AACA;AACA;AACaC,eAAe,GAD3BF,qBAAqB,CAAAG,MAAA,0BAAAC,gBAAA,YAAAF,gBAAA,OAAAG,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;IAEZU,OAAO,GAA0B,IAAI,CAAAV,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAwCrCW,UAAU,GAAG,UAACC,IAAoB,EAAK;MAC7CZ,KAAA,CAAKU,OAAO,GAAGE,IAAI;IACrB,CAAC,QAAAZ,KAAA,EAAAa,cAAA,CAAAhB,eAAA,EAAAE,gBAAA,MAAAe,MAAA,GAAAjB,eAAA,CAAAkB,SAAA,CAAAD,MAAA,CArCOE,gBAAgB,GAAxB,SAAAA,iBAAyBC,IAAe,EAAE,CACxC,QAAQA,IAAI,GACV,KAAK,OAAO,CACV,OAAO,IAAI,CAACC,MAAM,CAACC,oBAAoB,CAAC,IAAI,CAACC,KAAK,CAACC,KAAK,CAAC,CAC3D,KAAK,QAAQ,CACX,OAAO,IAAI,CAACH,MAAM,CAACI,qBAAqB,CAAC,IAAI,CAACF,KAAK,CAACC,KAAK,CAAC,CAC5D,KAAK,OAAO,CACZ,QACE,OAAO,IAAI,CAACH,MAAM,CAACK,oBAAoB,CAAC,IAAI,CAACH,KAAK,CAACC,KAAK,CAAC,CAC7D,CACF,CAAC,CAAAP,MAAA,CAEMU,MAAM,GAAb,SAAAA,OAAA,EAAgB,CACd,IAAI,CAACN,MAAM,GAAGxB,SAAS,CAAC,IAAI,CAAC+B,OAAO,CAAC,CAErC,oBACElC,KAAA,CAAAmC,aAAA,CAACjC,SAAS,IACRwB,IAAI,EAAE,IAAI,CAACG,KAAK,CAACH,IAAK,EACtBU,SAAS,EAAE,IAAI,CAACC,EAAE,CAAC,IAAI,CAACV,MAAM,CAACW,eAAe,CAAC,CAAC,EAAE,IAAI,CAACb,gBAAgB,CAAC,IAAI,CAACI,KAAK,CAACH,IAAI,CAAC,CAAE,iBAE1F1B,KAAA,CAAAmC,aAAA,UAAKC,SAAS,EAAE,IAAI,CAACT,MAAM,CAACY,UAAU,CAAC,CAAE,EAACC,GAAG,EAAE,IAAI,CAACpB,UAAW,IAC5D,IAAI,CAACS,KAAK,CAACY,IAAI,IAAIpC,UACjB,CACI,CAAC,CAEhB,CAAC,CAAAkB,MAAA,CAEMmB,YAAY,GAAnB,SAAAA,aAAA,EAA8B,CAC5B,OAAOzC,UAAU,CAAC,IAAI,CAACkB,OAAO,CAAC,CAACwB,KAAK,CACvC,CAAC,CAAApB,MAAA,CAEMqB,aAAa,GAApB,SAAAA,cAAA,EAA+B,CAC7B,OAAO3C,UAAU,CAAC,IAAI,CAACkB,OAAO,CAAC,CAAC0B,MAAM,CACxC,CAAC,QAAAvC,eAAA,GAvCkCN,KAAK,CAAC8C,SAAS,MAAAvC,MAAA","ignoreList":[]}

package/components/TokenInput/TokenInput/TokenInput.js

@@ -60,7 +60,7 @@ var defaultToKey = function defaultToKey(item) {
 var identity = function identity(item) {
   return item;
 };
-var defaultRenderToken = function defaultRenderToken(item, _ref, index) {
+var defaultRenderToken = function defaultRenderToken(item, _ref) {
   var isActive = _ref.isActive,
     onClick = _ref.onClick,
     onDoubleClick = _ref.onDoubleClick,
@@ -120,16 +120,16 @@ export var TokenInput = (_dec = locale('TokenInput', TokenInputLocaleHelper), wi
       });
     };
     _this.inputRef = function (node) {
-      return _this.input = node;
+      _this.input = node;
     };
     _this.tokensInputMenuRef = function (node) {
-      return _this.tokensInputMenu = node;
+      _this.tokensInputMenu = node;
     };
     _this.textHelperRef = function (node) {
-      return _this.textHelper = node;
+      _this.textHelper = node;
     };
     _this.wrapperRef = function (node) {
-      return _this.wrapper = node;
+      _this.wrapper = node;
     };
     _this.dispatch = function (action, cb) {
       _this.setState(function (prevState) {