@skbkontur/react-ui 0.0.0-c91b3db3f4 → 0.0.0-cb270e7a13

package/cjs/internal/HideBodyVerticalScroll/HideBodyVerticalScroll.js.map

@@ -1 +1 @@
-{"version":3,"sources":["HideBodyVerticalScroll.tsx"],"names":["HideBodyVerticalScroll","disposeDocumentStyle","initialScroll","master","updateScrollVisibility","document","documentElement","restoreStyles","clientHeight","scrollHeight","shouldRestore","VerticalScrollCounter","get","shouldHide","makeSomeMagicWithScroll","scrollTop","documentComputedStyle","getComputedStyle","scrollWidth","documentMargin","parseFloat","marginRight","documentStyle","generateDocumentStyle","attachStyle","element","style","classList","add","className","removeStyleNode","attachStylesheet","css","remove","componentDidMount","counter","increment","window","addEventListener","componentDidUpdate","componentWillUnmount","decrement","removeEventListener","render","React","Component","__KONTUR_REACT_UI__","hash","Math","random","toString","slice","RetailUIVerticalScrollCounter","generateClassName","name","sheet","createElement","setAttribute","styleSheet","cssText","textnode","createTextNode","appendChild","head","getElementsByTagName","contains","removeChild"],"mappings":"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","sourcesContent":["import React from 'react';\r\n\r\nimport { getScrollWidth } from '../../lib/dom/getScrollWidth';\r\n\r\nexport class HideBodyVerticalScroll extends React.Component {\r\n  public static __KONTUR_REACT_UI__ = 'HideBodyVerticalScroll';\r\n\r\n  public static hash = Math.random()\r\n    .toString(16)\r\n    .slice(2, 6);\r\n  private disposeDocumentStyle: (() => void) | null = null;\r\n  private initialScroll = 0;\r\n  private master = false;\r\n\r\n  public componentDidMount() {\r\n    const counter = VerticalScrollCounter.increment();\r\n    if (counter === 1) {\r\n      this.master = true;\r\n      this.initialScroll = document.documentElement ? document.documentElement.scrollTop : 0;\r\n      this.updateScrollVisibility();\r\n      window.addEventListener('resize', this.updateScrollVisibility);\r\n    }\r\n  }\r\n\r\n  public componentDidUpdate() {\r\n    if (this.master) {\r\n      this.updateScrollVisibility();\r\n    }\r\n  }\r\n\r\n  public componentWillUnmount() {\r\n    this.restoreStyles();\r\n\r\n    const counter = VerticalScrollCounter.decrement();\r\n    if (counter === 0) {\r\n      this.updateScrollVisibility();\r\n      window.removeEventListener('resize', this.updateScrollVisibility);\r\n    }\r\n  }\r\n\r\n  public render() {\r\n    return null;\r\n  }\r\n\r\n  private updateScrollVisibility = () => {\r\n    const { documentElement } = document;\r\n\r\n    this.restoreStyles();\r\n\r\n    if (!documentElement) {\r\n      return;\r\n    }\r\n\r\n    const { clientHeight, scrollHeight } = documentElement;\r\n    const shouldRestore = VerticalScrollCounter.get() === 0;\r\n    const shouldHide = !shouldRestore && clientHeight < scrollHeight;\r\n\r\n    if (shouldHide) {\r\n      this.makeSomeMagicWithScroll(documentElement);\r\n    }\r\n\r\n    if (shouldRestore) {\r\n      documentElement.scrollTop = this.initialScroll;\r\n    }\r\n  };\r\n\r\n  private makeSomeMagicWithScroll = (document: HTMLElement) => {\r\n    const documentComputedStyle = getComputedStyle(document);\r\n    const scrollWidth = getScrollWidth();\r\n    const documentMargin = parseFloat(documentComputedStyle.marginRight || '');\r\n    const documentStyle = generateDocumentStyle(documentMargin + scrollWidth);\r\n\r\n    this.disposeDocumentStyle = this.attachStyle(document, documentStyle);\r\n  };\r\n\r\n  private attachStyle = (element: HTMLElement, style: { css: string; className: string }) => {\r\n    element.classList.add(style.className);\r\n    const removeStyleNode = attachStylesheet(style.css);\r\n    return () => {\r\n      removeStyleNode();\r\n      element.classList.remove(style.className);\r\n    };\r\n  };\r\n\r\n  private restoreStyles = () => {\r\n    if (this.disposeDocumentStyle) {\r\n      this.disposeDocumentStyle();\r\n      this.disposeDocumentStyle = null;\r\n    }\r\n\r\n    // Forcing reflow for Firefix\r\n    attachStylesheet('html, body { height: auto; }')();\r\n  };\r\n}\r\n\r\nclass VerticalScrollCounter {\r\n  public static increment = (): number => {\r\n    const counter = window.RetailUIVerticalScrollCounter || 0;\r\n    return (window.RetailUIVerticalScrollCounter = counter + 1);\r\n  };\r\n\r\n  public static decrement = (): number => {\r\n    const counter = window.RetailUIVerticalScrollCounter || 0;\r\n    return (window.RetailUIVerticalScrollCounter = counter - 1);\r\n  };\r\n\r\n  public static get = (): number => {\r\n    return window.RetailUIVerticalScrollCounter || 0;\r\n  };\r\n}\r\n\r\nfunction generateClassName(className: string) {\r\n  const { name, hash } = HideBodyVerticalScroll;\r\n  return `${name}-${className}-${hash}`;\r\n}\r\n\r\nfunction generateDocumentStyle(documentMargin: number) {\r\n  const className = generateClassName('document');\r\n  const css = `\\\r\n.${className} {\r\n  overflow: hidden !important;\r\n  margin-right: ${documentMargin}px !important;\r\n  height: 100%;\r\n}\r\n`;\r\n  return { className, css };\r\n}\r\n\r\nfunction attachStylesheet(sheet: string) {\r\n  const style = document.createElement('style');\r\n  style.setAttribute('type', 'text/css');\r\n  // @ts-ignore IE specific api\r\n  if (style.styleSheet) {\r\n    // @ts-ignore IE specific api\r\n    style.styleSheet.cssText = sheet;\r\n  } else {\r\n    const textnode = document.createTextNode(sheet);\r\n    style.appendChild(textnode);\r\n  }\r\n  const head = document.getElementsByTagName('head')[0];\r\n  head.appendChild(style);\r\n  return () => {\r\n    if (head.contains(style)) {\r\n      head.removeChild(style);\r\n    }\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["HideBodyVerticalScroll.tsx"],"names":["disposeDocumentStyle","HideBodyVerticalScroll","initialScroll","master","updateScrollVisibility","document","documentElement","shouldHide","hideScroll","clientHeight","scrollHeight","documentComputedStyle","getComputedStyle","scrollWidth","documentMargin","parseFloat","marginRight","className","generateDocumentStyle","attachStyle","element","classList","add","remove","restoreStyles","scrollTop","componentDidMount","counter","VerticalScrollCounter","increment","window","addEventListener","componentDidUpdate","componentWillUnmount","decrement","removeEventListener","render","React","Component","__KONTUR_REACT_UI__","RetailUIVerticalScrollCounter","get","css"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { getScrollWidth } from '../../lib/dom/getScrollWidth';\nimport { css } from '../../lib/theming/Emotion';\n\nlet disposeDocumentStyle: (() => void) | null = null;\n\nexport class HideBodyVerticalScroll extends React.Component {\n  public static __KONTUR_REACT_UI__ = 'HideBodyVerticalScroll';\n\n  private initialScroll = 0;\n  private master = false;\n\n  public componentDidMount() {\n    const counter = VerticalScrollCounter.increment();\n    if (counter === 1) {\n      this.master = true;\n      this.initialScroll = document.documentElement ? document.documentElement.scrollTop : 0;\n      this.updateScrollVisibility();\n      window.addEventListener('resize', this.updateScrollVisibility);\n    }\n  }\n\n  public componentDidUpdate() {\n    if (this.master) {\n      this.updateScrollVisibility();\n    }\n  }\n\n  public componentWillUnmount() {\n    const counter = VerticalScrollCounter.decrement();\n    if (counter === 0) {\n      this.restoreStyles();\n      window.removeEventListener('resize', this.updateScrollVisibility);\n    }\n  }\n\n  public render() {\n    return null;\n  }\n\n  private updateScrollVisibility = () => {\n    const { documentElement } = document;\n    if (!documentElement) {\n      return;\n    }\n    const shouldHide = !disposeDocumentStyle;\n    if (shouldHide) {\n      this.hideScroll(documentElement);\n    }\n  };\n\n  private hideScroll = (document: HTMLElement) => {\n    const { clientHeight, scrollHeight } = document;\n    const documentComputedStyle = getComputedStyle(document);\n    const scrollWidth = clientHeight < scrollHeight ? getScrollWidth() : 0;\n    const documentMargin = parseFloat(documentComputedStyle.marginRight || '');\n    const className = generateDocumentStyle(documentMargin + scrollWidth);\n\n    disposeDocumentStyle = this.attachStyle(document, className);\n  };\n\n  private attachStyle = (element: HTMLElement, className: string) => {\n    element.classList.add(className);\n    return () => {\n      element.classList.remove(className);\n    };\n  };\n\n  private restoreStyles = () => {\n    if (disposeDocumentStyle) {\n      disposeDocumentStyle();\n      disposeDocumentStyle = null;\n\n      const { documentElement } = document;\n\n      if (documentElement) {\n        documentElement.scrollTop = this.initialScroll;\n      }\n    }\n  };\n}\n\nclass VerticalScrollCounter {\n  public static increment = (): number => {\n    const counter = window.RetailUIVerticalScrollCounter || 0;\n    return (window.RetailUIVerticalScrollCounter = counter + 1);\n  };\n\n  public static decrement = (): number => {\n    const counter = window.RetailUIVerticalScrollCounter || 0;\n    return (window.RetailUIVerticalScrollCounter = counter - 1);\n  };\n\n  public static get = (): number => {\n    return window.RetailUIVerticalScrollCounter || 0;\n  };\n}\n\nfunction generateDocumentStyle(documentMargin: number) {\n  return css`\n    overflow: hidden !important;\n    margin-right: ${documentMargin}px !important;\n    height: 100%;\n  `;\n}\n"]}

package/cjs/internal/HideBodyVerticalScroll/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './HideBodyVerticalScroll';\r\n"]}
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './HideBodyVerticalScroll';\n"]}

package/cjs/internal/IgnoreLayerClick/IgnoreLayerClick.js.map

@@ -1 +1 @@
-{"version":3,"sources":["IgnoreLayerClick.tsx"],"names":["IgnoreLayerClick","render","child","React","Children","only","props","children","active","Component","IgnoreLayerClickWrapper","element","handleMouseDown","event","stopPropagation","componentDidMount","Element","addEventListener","componentWillUnmount","removeEventListener","__KONTUR_REACT_UI__"],"mappings":"4PAAA;AACA,qC;;;;;;;AAOaA,gB;AACJC,EAAAA,M,GAAP,kBAAgB;AACd,QAAMC,KAAK,GAAGC,eAAMC,QAAN,CAAeC,IAAf,CAAoB,KAAKC,KAAL,CAAWC,QAA/B,CAAd;AACA,WAAO,KAAKD,KAAL,CAAWE,MAAX,gBAAoB,6BAAC,uBAAD,QAA0BN,KAA1B,CAApB,GAAiFA,KAAxF;AACD,G,2BAJmCC,eAAMM,S;;;;;;;AAW5C;IACMC,uB;;;AAGIC,IAAAA,O,GAA0B,I;;;;;;;;;;;;;;;;;;;;;AAqB1BC,IAAAA,e,GAAkB,UAACC,KAAD,EAAkB;AAC1CA,MAAAA,KAAK,CAACC,eAAN;AACD,K,uEArBMC,iB,GAAP,6BAA2B,CACzB,IAAMJ,OAAO,GAAG,2BAAY,IAAZ,CAAhB,CACA,IAAIA,OAAO,IAAIA,OAAO,YAAYK,OAAlC,EAA2C,CACzCL,OAAO,CAACM,gBAAR,CAAyB,WAAzB,EAAsC,KAAKL,eAA3C,EACA,KAAKD,OAAL,GAAeA,OAAf,CACD,CACF,C,SAEMO,oB,GAAP,gCAA8B,CAC5B,IAAI,KAAKP,OAAT,EAAkB,CAChB,KAAKA,OAAL,CAAaQ,mBAAb,CAAiC,WAAjC,EAA8C,KAAKP,eAAnD,EACA,KAAKD,OAAL,GAAe,IAAf,CACD,CACF,C,SAEMV,M,GAAP,kBAAgB,CACd,OAAOE,eAAMC,QAAN,CAAeC,IAAf,CAAoB,KAAKC,KAAL,CAAWC,QAA/B,CAAP,CACD,C,kCAtBmCJ,eAAMM,S,EAAtCC,uB,CACUU,mB,GAAsB,kB","sourcesContent":["import React from 'react';\r\nimport { findDOMNode } from 'react-dom';\r\n\r\nexport interface IgnoreLayerClickProps {\r\n  children: React.ReactNode;\r\n  active: boolean;\r\n}\r\n\r\nexport class IgnoreLayerClick extends React.Component<IgnoreLayerClickProps> {\r\n  public render() {\r\n    const child = React.Children.only(this.props.children);\r\n    return this.props.active ? <IgnoreLayerClickWrapper>{child}</IgnoreLayerClickWrapper> : child;\r\n  }\r\n}\r\n\r\ninterface WrapperProps {\r\n  children: React.ReactNode;\r\n}\r\n\r\n// NOTE Используется только в команде Контур.Бухгалтерия\r\nclass IgnoreLayerClickWrapper extends React.Component<WrapperProps> {\r\n  public static __KONTUR_REACT_UI__ = 'IgnoreLayerClick';\r\n\r\n  private element: Element | null = null;\r\n\r\n  public componentDidMount() {\r\n    const element = findDOMNode(this);\r\n    if (element && element instanceof Element) {\r\n      element.addEventListener('mousedown', this.handleMouseDown);\r\n      this.element = element;\r\n    }\r\n  }\r\n\r\n  public componentWillUnmount() {\r\n    if (this.element) {\r\n      this.element.removeEventListener('mousedown', this.handleMouseDown);\r\n      this.element = null;\r\n    }\r\n  }\r\n\r\n  public render() {\r\n    return React.Children.only(this.props.children);\r\n  }\r\n\r\n  private handleMouseDown = (event: Event) => {\r\n    event.stopPropagation();\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["IgnoreLayerClick.tsx"],"names":["IgnoreLayerClick","render","child","React","Children","only","props","children","active","Component","IgnoreLayerClickWrapper","element","handleMouseDown","event","stopPropagation","componentDidMount","Element","addEventListener","componentWillUnmount","removeEventListener","__KONTUR_REACT_UI__"],"mappings":"4PAAA;AACA,qC;;;;;;;AAOaA,gB;AACJC,EAAAA,M,GAAP,kBAAgB;AACd,QAAMC,KAAK,GAAGC,eAAMC,QAAN,CAAeC,IAAf,CAAoB,KAAKC,KAAL,CAAWC,QAA/B,CAAd;AACA,WAAO,KAAKD,KAAL,CAAWE,MAAX,gBAAoB,6BAAC,uBAAD,QAA0BN,KAA1B,CAApB,GAAiFA,KAAxF;AACD,G,2BAJmCC,eAAMM,S;;;;;;;AAW5C;IACMC,uB;;;AAGIC,IAAAA,O,GAA0B,I;;;;;;;;;;;;;;;;;;;;;AAqB1BC,IAAAA,e,GAAkB,UAACC,KAAD,EAAkB;AAC1CA,MAAAA,KAAK,CAACC,eAAN;AACD,K,uEArBMC,iB,GAAP,6BAA2B,CACzB,IAAMJ,OAAO,GAAG,2BAAY,IAAZ,CAAhB,CACA,IAAIA,OAAO,IAAIA,OAAO,YAAYK,OAAlC,EAA2C,CACzCL,OAAO,CAACM,gBAAR,CAAyB,WAAzB,EAAsC,KAAKL,eAA3C,EACA,KAAKD,OAAL,GAAeA,OAAf,CACD,CACF,C,SAEMO,oB,GAAP,gCAA8B,CAC5B,IAAI,KAAKP,OAAT,EAAkB,CAChB,KAAKA,OAAL,CAAaQ,mBAAb,CAAiC,WAAjC,EAA8C,KAAKP,eAAnD,EACA,KAAKD,OAAL,GAAe,IAAf,CACD,CACF,C,SAEMV,M,GAAP,kBAAgB,CACd,OAAOE,eAAMC,QAAN,CAAeC,IAAf,CAAoB,KAAKC,KAAL,CAAWC,QAA/B,CAAP,CACD,C,kCAtBmCJ,eAAMM,S,EAAtCC,uB,CACUU,mB,GAAsB,kB","sourcesContent":["import React from 'react';\nimport { findDOMNode } from 'react-dom';\n\nexport interface IgnoreLayerClickProps {\n  children: React.ReactNode;\n  active: boolean;\n}\n\nexport class IgnoreLayerClick extends React.Component<IgnoreLayerClickProps> {\n  public render() {\n    const child = React.Children.only(this.props.children);\n    return this.props.active ? <IgnoreLayerClickWrapper>{child}</IgnoreLayerClickWrapper> : child;\n  }\n}\n\ninterface WrapperProps {\n  children: React.ReactNode;\n}\n\n// NOTE Используется только в команде Контур.Бухгалтерия\nclass IgnoreLayerClickWrapper extends React.Component<WrapperProps> {\n  public static __KONTUR_REACT_UI__ = 'IgnoreLayerClick';\n\n  private element: Element | null = null;\n\n  public componentDidMount() {\n    const element = findDOMNode(this);\n    if (element && element instanceof Element) {\n      element.addEventListener('mousedown', this.handleMouseDown);\n      this.element = element;\n    }\n  }\n\n  public componentWillUnmount() {\n    if (this.element) {\n      this.element.removeEventListener('mousedown', this.handleMouseDown);\n      this.element = null;\n    }\n  }\n\n  public render() {\n    return React.Children.only(this.props.children);\n  }\n\n  private handleMouseDown = (event: Event) => {\n    event.stopPropagation();\n  };\n}\n"]}

package/cjs/internal/IgnoreLayerClick/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './IgnoreLayerClick';\r\n"]}
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './IgnoreLayerClick';\n"]}

package/cjs/internal/InputLikeText/HiddenInput.js

@@ -20,10 +20,10 @@ var className = (0, _Emotion.css)(_templateObject || (_templateObject = (0, _tag
 
 
 
-/**
- * В **IE11** событие `onPaste` вызывается только у редактируемых элементов: `input`, `textarea`, `[contenteditable]`.
- * Для решения этой проблемы, перед "вставкой" фокусируемся на инпуте
- * после этого `onPaste` вызывается у инпута и всплывает.
+/**
+ * В **IE11** событие `onPaste` вызывается только у редактируемых элементов: `input`, `textarea`, `[contenteditable]`.
+ * Для решения этой проблемы, перед "вставкой" фокусируемся на инпуте
+ * после этого `onPaste` вызывается у инпута и всплывает.
  */var
 HiddenInput = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(HiddenInput, _React$Component);function HiddenInput() {return _React$Component.apply(this, arguments) || this;}var _proto = HiddenInput.prototype;_proto.
   render = function render() {var _this$props =

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

@@ -1 +1 @@
-{"version":3,"sources":["HiddenInput.tsx"],"names":["cap","e","stopPropagation","className","css","HiddenInput","render","props","nodeRef","React","Component"],"mappings":"6jBAAA;;AAEA,oD;;;;;;AAMA,IAAMA,GAA4B,GAAG,SAA/BA,GAA+B,CAAAC,CAAC,UAAIA,CAAC,CAACC,eAAF,EAAJ,EAAtC;;AAEA,IAAMC,SAAS,OAAGC,YAAH,6OAAf;;;;;;;;;;;;AAYA;AACA;AACA;AACA;AACA,G;AACaC,W;AACJC,EAAAA,M,GAAP,kBAAgB;AACgB,SAAKC,KADrB,CACNC,OADM,eACNA,OADM,CACMD,KADN;AAEd;AACE;AACMA,MAAAA,KADN;AAEE,QAAA,GAAG,EAAEC,OAFP;AAGE,QAAA,IAAI,EAAC,MAHP;AAIE,QAAA,QAAQ,EAAE,CAAC,CAJb;AAKE,QAAA,MAAM,EAAER,GALV;AAME,QAAA,OAAO,EAAEA,GANX;AAOE,QAAA,QAAQ,EAAEA,GAPZ;AAQE,QAAA,SAAS,EAAEG,SARb,IADF;;;AAYD,G,sBAf8BM,eAAMC,S","sourcesContent":["import React from 'react';\r\n\r\nimport { css } from '../../lib/theming/Emotion';\r\n\r\ninterface Props extends React.HTMLAttributes<HTMLInputElement> {\r\n  nodeRef: (ref: HTMLInputElement | null) => void;\r\n}\r\n\r\nconst cap: React.ReactEventHandler = e => e.stopPropagation();\r\n\r\nconst className = css`\r\n  position: absolute;\r\n  width: 1px;\r\n  height: 0;\r\n  border: 0;\r\n  outline: 0;\r\n  margin: 0;\r\n  padding: 0;\r\n  overflow: hidden;\r\n  opacity: 0;\r\n`;\r\n\r\n/**\r\n * В **IE11** событие `onPaste` вызывается только у редактируемых элементов: `input`, `textarea`, `[contenteditable]`.\r\n * Для решения этой проблемы, перед \"вставкой\" фокусируемся на инпуте\r\n * после этого `onPaste` вызывается у инпута и всплывает.\r\n */\r\nexport class HiddenInput extends React.Component<Props> {\r\n  public render() {\r\n    const { nodeRef, ...props } = this.props;\r\n    return (\r\n      <input\r\n        {...props}\r\n        ref={nodeRef}\r\n        type=\"text\"\r\n        tabIndex={-1}\r\n        onBlur={cap}\r\n        onFocus={cap}\r\n        onChange={cap}\r\n        className={className}\r\n      />\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"sources":["HiddenInput.tsx"],"names":["cap","e","stopPropagation","className","css","HiddenInput","render","props","nodeRef","React","Component"],"mappings":"6jBAAA;;AAEA,oD;;;;;;AAMA,IAAMA,GAA4B,GAAG,SAA/BA,GAA+B,CAACC,CAAD,UAAOA,CAAC,CAACC,eAAF,EAAP,EAArC;;AAEA,IAAMC,SAAS,OAAGC,YAAH,6OAAf;;;;;;;;;;;;AAYA;AACA;AACA;AACA;AACA,G;AACaC,W;AACJC,EAAAA,M,GAAP,kBAAgB;AACgB,SAAKC,KADrB,CACNC,OADM,eACNA,OADM,CACMD,KADN;AAEd;AACE;AACMA,MAAAA,KADN;AAEE,QAAA,GAAG,EAAEC,OAFP;AAGE,QAAA,IAAI,EAAC,MAHP;AAIE,QAAA,QAAQ,EAAE,CAAC,CAJb;AAKE,QAAA,MAAM,EAAER,GALV;AAME,QAAA,OAAO,EAAEA,GANX;AAOE,QAAA,QAAQ,EAAEA,GAPZ;AAQE,QAAA,SAAS,EAAEG,SARb,IADF;;;AAYD,G,sBAf8BM,eAAMC,S","sourcesContent":["import React from 'react';\n\nimport { css } from '../../lib/theming/Emotion';\n\ninterface Props extends React.HTMLAttributes<HTMLInputElement> {\n  nodeRef: (ref: HTMLInputElement | null) => void;\n}\n\nconst cap: React.ReactEventHandler = (e) => e.stopPropagation();\n\nconst className = css`\n  position: absolute;\n  width: 1px;\n  height: 0;\n  border: 0;\n  outline: 0;\n  margin: 0;\n  padding: 0;\n  overflow: hidden;\n  opacity: 0;\n`;\n\n/**\n * В **IE11** событие `onPaste` вызывается только у редактируемых элементов: `input`, `textarea`, `[contenteditable]`.\n * Для решения этой проблемы, перед \"вставкой\" фокусируемся на инпуте\n * после этого `onPaste` вызывается у инпута и всплывает.\n */\nexport class HiddenInput extends React.Component<Props> {\n  public render() {\n    const { nodeRef, ...props } = this.props;\n    return (\n      <input\n        {...props}\n        ref={nodeRef}\n        type=\"text\"\n        tabIndex={-1}\n        onBlur={cap}\n        onFocus={cap}\n        onChange={cap}\n        className={className}\n      />\n    );\n  }\n}\n"]}

package/cjs/internal/InputLikeText/InputLikeText.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { MouseDragEventHandler } from '../../lib/events/MouseDrag';
 import { InputProps, InputState } from '../../components/Input';
-import { CommonProps } from '../../internal/CommonWrapper';
+import { CommonProps } from '../CommonWrapper';
 export interface InputLikeTextProps extends CommonProps, InputProps {
     children?: React.ReactNode;
     innerRef?: (el: HTMLElement | null) => void;
@@ -9,6 +9,7 @@ export interface InputLikeTextProps extends CommonProps, InputProps {
     onBlur?: React.FocusEventHandler<HTMLElement>;
     onMouseDragStart?: MouseDragEventHandler;
     onMouseDragEnd?: MouseDragEventHandler;
+    takeContentWidth?: boolean;
 }
 export declare type InputLikeTextState = Omit<InputState, 'polyfillPlaceholder'>;
 export declare class InputLikeText extends React.Component<InputLikeTextProps, InputLikeTextState> {

package/cjs/internal/InputLikeText/InputLikeText.js

@@ -1,6 +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 _classnames = _interopRequireDefault(require("classnames"));
 
+var _utils = require("../../lib/utils");
 var _identifiers = require("../../lib/events/keyboard/identifiers");
 var _MouseDrag = require("../../lib/events/MouseDrag");
 var _client = require("../../lib/client");
@@ -10,7 +10,9 @@ var _SelectionHelpers = require("../../components/DateInput/helpers/SelectionHel
 var _Input = require("../../components/Input/Input.styles");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 
-var _CommonWrapper = require("../../internal/CommonWrapper");
+var _CommonWrapper = require("../CommonWrapper");
+var _Emotion = require("../../lib/theming/Emotion");
+var _listenFocusOutside = require("../../lib/listenFocusOutside");
 
 var _InputLikeText = require("./InputLikeText.styles");
 var _HiddenInput = require("./HiddenInput");var
@@ -26,6 +28,7 @@ var _HiddenInput = require("./HiddenInput");var
 
 
 
+
 InputLikeText = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(InputLikeText, _React$Component);function InputLikeText() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
 
 
@@ -81,6 +84,10 @@ InputLikeText = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.de
       if (_this.dragging || !node) {
         return;
       }
+      if (_client.isIE11 && (0, _listenFocusOutside.findRenderContainer)(node, document.body)) {
+        // Code below causes Popup to close after triggering the focus event on the body in IE11
+        return;
+      }
       _this.frozen = true;
       _this.frozenBlur = true;
 
@@ -120,9 +127,7 @@ InputLikeText = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.de
 
 
 
-
-
-    renderMain = function (props) {var _cn, _cn2;var
+    renderMain = function (props) {var _cx, _cx2, _cx3;var
 
       innerRef =
 
@@ -143,28 +148,29 @@ InputLikeText = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.de
 
 
 
-      props.innerRef,tabIndex = props.tabIndex,placeholder = props.placeholder,align = props.align,borderless = props.borderless,width = props.width,size = props.size,error = props.error,warning = props.warning,onValueChange = props.onValueChange,disabled = props.disabled,prefix = props.prefix,suffix = props.suffix,leftIcon = props.leftIcon,rightIcon = props.rightIcon,value = props.value,onMouseDragStart = props.onMouseDragStart,onMouseDragEnd = props.onMouseDragEnd,rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["innerRef", "tabIndex", "placeholder", "align", "borderless", "width", "size", "error", "warning", "onValueChange", "disabled", "prefix", "suffix", "leftIcon", "rightIcon", "value", "onMouseDragStart", "onMouseDragEnd"]);var _this$state =
+
+      props.innerRef,tabIndex = props.tabIndex,placeholder = props.placeholder,align = props.align,borderless = props.borderless,width = props.width,size = props.size,error = props.error,warning = props.warning,onValueChange = props.onValueChange,disabled = props.disabled,prefix = props.prefix,suffix = props.suffix,leftIcon = props.leftIcon,rightIcon = props.rightIcon,value = props.value,onMouseDragStart = props.onMouseDragStart,onMouseDragEnd = props.onMouseDragEnd,takeContentWidth = props.takeContentWidth,rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["innerRef", "tabIndex", "placeholder", "align", "borderless", "width", "size", "error", "warning", "onValueChange", "disabled", "prefix", "suffix", "leftIcon", "rightIcon", "value", "onMouseDragStart", "onMouseDragEnd", "takeContentWidth"]);var _this$state =
 
       _this.state,focused = _this$state.focused,blinking = _this$state.blinking;
 
       var leftSide = _this.renderLeftSide();
       var rightSide = _this.renderRightSide();
 
-      var className = (0, _classnames.default)(_InputLikeText.jsStyles.root(), _Input.jsStyles.root(_this.theme), _this.getSizeClassName(), (_cn = {}, _cn[
-      _Input.jsStyles.borderless()] = !!borderless, _cn[
-      _InputLikeText.jsStyles.withoutLeftSide()] = !leftSide, _cn[
-      _Input.jsStyles.focus(_this.theme)] = focused, _cn[
-      _Input.jsStyles.blink(_this.theme)] = blinking, _cn[
-      _Input.jsStyles.warning(_this.theme)] = !!warning, _cn[
-      _Input.jsStyles.error(_this.theme)] = !!error, _cn[
-      _Input.jsStyles.disabled(_this.theme)] = !!disabled, _cn[
-      _Input.jsStyles.focusFallback(_this.theme)] = focused && (_client.isIE11 || _client.isEdge), _cn[
-      _Input.jsStyles.warningFallback(_this.theme)] = !!warning && (_client.isIE11 || _client.isEdge), _cn[
-      _Input.jsStyles.errorFallback(_this.theme)] = !!error && (_client.isIE11 || _client.isEdge), _cn));
+      var className = (0, _Emotion.cx)(_InputLikeText.styles.root(), _Input.styles.root(_this.theme), _this.getSizeClassName(), (_cx = {}, _cx[
+      _Input.styles.disabled(_this.theme)] = !!disabled, _cx[
+      _Input.styles.borderless()] = !!borderless, _cx[
+      _Input.styles.focus(_this.theme)] = focused, _cx[
+      _Input.styles.blink(_this.theme)] = blinking, _cx[
+      _Input.styles.warning(_this.theme)] = !!warning, _cx[
+      _Input.styles.error(_this.theme)] = !!error, _cx[
+      _Input.styles.focusFallback(_this.theme)] = focused && (_client.isIE11 || _client.isEdge), _cx[
+      _Input.styles.warningFallback(_this.theme)] = !!warning && (_client.isIE11 || _client.isEdge), _cx[
+      _Input.styles.errorFallback(_this.theme)] = !!error && (_client.isIE11 || _client.isEdge), _cx[
+      _Input.styles.hideBlinkingCursor()] = _client.isMobile, _cx));
 
 
-      var wrapperClass = (0, _classnames.default)(_Input.jsStyles.wrapper(), (_cn2 = {}, _cn2[
-      _InputLikeText.jsStyles.userSelectContain()] = focused, _cn2));
+      var wrapperClass = (0, _Emotion.cx)(_Input.styles.wrapper(), (_cx2 = {}, _cx2[
+      _InputLikeText.styles.userSelectContain()] = focused, _cx2));
 
 
       return /*#__PURE__*/(
@@ -182,7 +188,14 @@ InputLikeText = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.de
         _react.default.createElement("input", { type: "hidden", value: value }),
         leftSide, /*#__PURE__*/
         _react.default.createElement("span", { className: wrapperClass }, /*#__PURE__*/
-        _react.default.createElement("span", { "data-tid": "InputLikeText__input", className: (0, _classnames.default)(_InputLikeText.jsStyles.input(), _Input.jsStyles.input(_this.theme)) },
+        _react.default.createElement("span", {
+          "data-tid": "InputLikeText__input",
+          className: (0, _Emotion.cx)(_Input.styles.input(_this.theme), (_cx3 = {}, _cx3[
+          _InputLikeText.styles.absolute()] = !takeContentWidth, _cx3[
+          _Input.styles.inputFocus(_this.theme)] = focused, _cx3[
+          _Input.styles.inputDisabled(_this.theme)] = disabled, _cx3)) },
+
+
         _this.props.children),
 
         _this.renderPlaceholder()),
@@ -213,36 +226,51 @@ InputLikeText = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.de
       return _this.renderIcon(_this.props.rightIcon, _this.getIconClassname(true));
     };_this.
 
-    renderIcon = function (icon, className) {
+    renderIcon = function (icon, className) {var _cx4;
       if (!icon) {
         return null;
-      }
+      }var
+
+      disabled = _this.props.disabled;
+      var iconNode = icon instanceof Function ? icon() : icon;
+
+      return /*#__PURE__*/(
+        _react.default.createElement("span", {
+          className: (0, _Emotion.cx)(_Input.styles.icon(), className, _Input.styles.useDefaultColor(_this.theme), (_cx4 = {}, _cx4[
+          _Input.styles.iconDisabled()] = disabled, _cx4)) },
+
+
+        iconNode));
 
-      if (icon instanceof Function) {
-        return /*#__PURE__*/_react.default.createElement("span", { className: className }, icon());
-      }
 
-      return /*#__PURE__*/_react.default.createElement("span", { className: (0, _classnames.default)(className, _Input.jsStyles.useDefaultColor(_this.theme)) }, icon);
     };_this.
 
-    renderPrefix = function () {var
-      prefix = _this.props.prefix;
+    renderPrefix = function () {var _cx5;var _this$props =
+      _this.props,prefix = _this$props.prefix,disabled = _this$props.disabled;
 
       if (!prefix) {
         return null;
       }
 
-      return /*#__PURE__*/_react.default.createElement("span", { className: _Input.jsStyles.prefix(_this.theme) }, prefix);
+      return /*#__PURE__*/(
+        _react.default.createElement("span", { className: (0, _Emotion.cx)(_Input.styles.prefix(_this.theme), (_cx5 = {}, _cx5[_Input.styles.prefixDisabled(_this.theme)] = disabled, _cx5)) },
+        prefix));
+
+
     };_this.
 
-    renderSuffix = function () {var
-      suffix = _this.props.suffix;
+    renderSuffix = function () {var _cx6;var _this$props2 =
+      _this.props,suffix = _this$props2.suffix,disabled = _this$props2.disabled;
 
       if (!suffix) {
         return null;
       }
 
-      return /*#__PURE__*/_react.default.createElement("span", { className: _Input.jsStyles.suffix(_this.theme) }, suffix);
+      return /*#__PURE__*/(
+        _react.default.createElement("span", { className: (0, _Emotion.cx)(_Input.styles.suffix(_this.theme), (_cx6 = {}, _cx6[_Input.styles.suffixDisabled(_this.theme)] = disabled, _cx6)) },
+        suffix));
+
+
     };_this.
 
     renderLeftSide = function () {
@@ -254,7 +282,7 @@ InputLikeText = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.de
       }
 
       return /*#__PURE__*/(
-        _react.default.createElement("span", { className: _Input.jsStyles.sideContainer() },
+        _react.default.createElement("span", { className: _Input.styles.sideContainer() },
         leftIcon,
         prefix));
 
@@ -270,18 +298,29 @@ InputLikeText = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.de
       }
 
       return /*#__PURE__*/(
-        _react.default.createElement("span", { className: (0, _classnames.default)(_Input.jsStyles.sideContainer(), _Input.jsStyles.rightContainer()) },
+        _react.default.createElement("span", { className: (0, _Emotion.cx)(_Input.styles.sideContainer(), _Input.styles.rightContainer()) },
         rightIcon,
         suffix));
 
 
     };_this.
 
-    renderPlaceholder = function () {var _this$props =
-      _this.props,children = _this$props.children,placeholder = _this$props.placeholder;
+    renderPlaceholder = function () {var _this$props3 =
+      _this.props,children = _this$props3.children,placeholder = _this$props3.placeholder,disabled = _this$props3.disabled;var
+      focused = _this.state.focused;
+      var hasValue = (0, _utils.isNonNullable)(children) && children !== '';
+
+      if (!hasValue && placeholder) {var _cx7;
+        return /*#__PURE__*/(
+          _react.default.createElement("span", {
+            className: (0, _Emotion.cx)(_Input.styles.placeholder(_this.theme), (_cx7 = {}, _cx7[
+            _Input.styles.placeholderDisabled(_this.theme)] = disabled, _cx7[
+            _Input.styles.placeholderFocus(_this.theme)] = focused, _cx7)) },
+
+
+          placeholder));
+
 
-      if (!children && placeholder) {
-        return /*#__PURE__*/_react.default.createElement("span", { className: _Input.jsStyles.placeholder(_this.theme) }, placeholder);
       }
       return null;
     };_this.
@@ -328,7 +367,7 @@ InputLikeText = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.de
 
     handleMouseDragStart = function (e) {
       _this.dragging = true;
-      document.documentElement.classList.add(_InputLikeText.jsStyles.userSelectNone());
+      document.documentElement.classList.add(_InputLikeText.styles.userSelectNone());
 
       if (_this.props.onMouseDragStart) {
         _this.props.onMouseDragStart(e);
@@ -345,10 +384,14 @@ InputLikeText = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.de
         }
       }, 0);
 
-      document.documentElement.classList.remove(_InputLikeText.jsStyles.userSelectNone());
+      document.documentElement.classList.remove(_InputLikeText.styles.userSelectNone());
     };_this.
 
     handleFocus = function (e) {
+      if (_client.isMobile) {
+        e.target.setAttribute('contenteditable', 'true');
+      }
+
       if (_this.props.disabled) {
         if (_client.isIE11) {
           (0, _SelectionHelpers.selectNodeContents)(document.body, 0, 0);
@@ -371,6 +414,10 @@ InputLikeText = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.de
     };_this.
 
     handleBlur = function (e) {
+      if (_client.isMobile) {
+        e.target.removeAttribute('contenteditable');
+      }
+
       if (_this.props.disabled) {
         e.stopPropagation();
         return;
@@ -409,29 +456,29 @@ InputLikeText = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.de
       _this.frozenBlur = false;
     };_this.
 
-    getSizeClassName = function () {var _ref, _ref2, _ref3;
+    getSizeClassName = function () {var _cx8, _cx9, _cx10;
       switch (_this.props.size) {
         case 'large':
-          return _ref = {}, _ref[
-          _Input.jsStyles.sizeLarge(_this.theme)] = true, _ref[
-          _Input.jsStyles.sizeLargeFallback(_this.theme)] = _client.isIE11 || _client.isEdge, _ref;
+          return (0, _Emotion.cx)((_cx8 = {}, _cx8[
+          _Input.styles.sizeLarge(_this.theme)] = true, _cx8[
+          _Input.styles.sizeLargeFallback(_this.theme)] = _client.isIE11 || _client.isEdge, _cx8));
 
         case 'medium':
-          return _ref2 = {}, _ref2[
-          _Input.jsStyles.sizeMedium(_this.theme)] = true, _ref2[
-          _Input.jsStyles.sizeMediumFallback(_this.theme)] = _client.isIE11 || _client.isEdge, _ref2;
+          return (0, _Emotion.cx)((_cx9 = {}, _cx9[
+          _Input.styles.sizeMedium(_this.theme)] = true, _cx9[
+          _Input.styles.sizeMediumFallback(_this.theme)] = _client.isIE11 || _client.isEdge, _cx9));
 
         case 'small':
         default:
-          return _ref3 = {}, _ref3[
-          _Input.jsStyles.sizeSmall(_this.theme)] = true, _ref3[
-          _Input.jsStyles.sizeSmallFallback(_this.theme)] = _client.isIE11 || _client.isEdge, _ref3;}
-
-
-    };return _this;}var _proto = InputLikeText.prototype; /**
-   * @public
-   */_proto.focus = function focus() {if (this.node) {this.node.focus();}} /**
-   * @public
-   */;_proto.blur = function blur() {if (this.node) {this.node.blur();}} /**
-   * @public
-   */;_proto.blink = function blink() {var _this3 = this;if (this.props.disabled) {return;}this.setState({ blinking: true }, function () {_this3.blinkTimeout = window.setTimeout(function () {return _this3.setState({ blinking: false });}, 150);});};_proto.getNode = function getNode() {return this.node;};_proto.componentDidMount = function componentDidMount() {if (this.node) {_MouseDrag.MouseDrag.listen(this.node).onMouseDragStart(this.handleMouseDragStart).onMouseDragEnd(this.handleMouseDragEnd);}document.addEventListener('mousedown', this.handleDocumentMouseDown);document.addEventListener('keydown', this.handleDocumentKeyDown);};_proto.componentWillUnmount = function componentWillUnmount() {if (this.blinkTimeout) {clearTimeout(this.blinkTimeout);}_MouseDrag.MouseDrag.stop(this.node);document.removeEventListener('mousedown', this.handleDocumentMouseDown);document.removeEventListener('keydown', this.handleDocumentKeyDown);};_proto.render = function render() {var _this4 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this4.theme = theme;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, _this4.props, _this4.renderMain);});};_proto.getIconClassname = function getIconClassname(right) {if (right === void 0) {right = false;}switch (this.props.size) {case 'large':return right ? _Input.jsStyles.rightIconLarge(this.theme) : _Input.jsStyles.leftIconLarge(this.theme);case 'medium':return right ? _Input.jsStyles.rightIconMedium(this.theme) : _Input.jsStyles.leftIconMedium(this.theme);case 'small':default:return right ? _Input.jsStyles.rightIconSmall(this.theme) : _Input.jsStyles.leftIconSmall(this.theme);}};return InputLikeText;}(_react.default.Component);exports.InputLikeText = InputLikeText;InputLikeText.__KONTUR_REACT_UI__ = 'InputLikeText';InputLikeText.defaultProps = { size: 'small' };
+          return (0, _Emotion.cx)((_cx10 = {}, _cx10[
+          _Input.styles.sizeSmall(_this.theme)] = true, _cx10[
+          _Input.styles.sizeSmallFallback(_this.theme)] = _client.isIE11 || _client.isEdge, _cx10));}
+
+
+    };return _this;}var _proto = InputLikeText.prototype; /**
+   * @public
+   */_proto.focus = function focus() {if (this.node) {this.node.focus();}} /**
+   * @public
+   */;_proto.blur = function blur() {if (this.node) {this.node.blur();}} /**
+   * @public
+   */;_proto.blink = function blink() {var _this3 = this;if (this.props.disabled) {return;}this.setState({ blinking: true }, function () {_this3.blinkTimeout = window.setTimeout(function () {return _this3.setState({ blinking: false });}, 150);});};_proto.getNode = function getNode() {return this.node;};_proto.componentDidMount = function componentDidMount() {if (this.node) {_MouseDrag.MouseDrag.listen(this.node).onMouseDragStart(this.handleMouseDragStart).onMouseDragEnd(this.handleMouseDragEnd);}document.addEventListener('mousedown', this.handleDocumentMouseDown);document.addEventListener('keydown', this.handleDocumentKeyDown);};_proto.componentWillUnmount = function componentWillUnmount() {if (this.blinkTimeout) {clearTimeout(this.blinkTimeout);}_MouseDrag.MouseDrag.stop(this.node);document.removeEventListener('mousedown', this.handleDocumentMouseDown);document.removeEventListener('keydown', this.handleDocumentKeyDown);};_proto.render = function render() {var _this4 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this4.theme = theme;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, _this4.props, _this4.renderMain);});};_proto.getIconClassname = function getIconClassname(right) {if (right === void 0) {right = false;}switch (this.props.size) {case 'large':return right ? _Input.styles.rightIconLarge(this.theme) : _Input.styles.leftIconLarge(this.theme);case 'medium':return right ? _Input.styles.rightIconMedium(this.theme) : _Input.styles.leftIconMedium(this.theme);case 'small':default:return right ? _Input.styles.rightIconSmall(this.theme) : _Input.styles.leftIconSmall(this.theme);}};return InputLikeText;}(_react.default.Component);exports.InputLikeText = InputLikeText;InputLikeText.__KONTUR_REACT_UI__ = 'InputLikeText';InputLikeText.defaultProps = { size: 'small' };

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

@@ -1,8 +1,7 @@
-export declare const jsStyles: {
+export declare const styles: {
     root(): string;
-    input(): string;
+    absolute(): string;
     userSelectContain(): string;
     userSelectNone(): string;
-    withoutLeftSide(): string;
     rightSide(): string;
 };