npm - @skbkontur/react-ui - Versions diffs - 0.0.0-c91b3db3f4 → 0.0.0-cb270e7a13 - Mend

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

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

Files changed (1804) hide show

package/internal/HideBodyVerticalScroll/HideBodyVerticalScroll.d.ts CHANGED Viewed

@@ -1,8 +1,6 @@
 import React from 'react';
 export declare class HideBodyVerticalScroll extends React.Component {
     static __KONTUR_REACT_UI__: string;
-    static hash: string;
-    private disposeDocumentStyle;
     private initialScroll;
     private master;
     componentDidMount(): void;
@@ -10,7 +8,7 @@ export declare class HideBodyVerticalScroll extends React.Component {
     componentWillUnmount(): void;
     render(): null;
     private updateScrollVisibility;
-    private makeSomeMagicWithScroll;
+    private hideScroll;
     private attachStyle;
     private restoreStyles;
 }

package/internal/HideBodyVerticalScroll/index/index.js.map CHANGED Viewed

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

package/internal/IgnoreLayerClick/IgnoreLayerClick/IgnoreLayerClick.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["IgnoreLayerClick.tsx"],"names":["React","findDOMNode","IgnoreLayerClick","render","child","Children","only","props","children","active","Component","IgnoreLayerClickWrapper","element","handleMouseDown","event","stopPropagation","componentDidMount","Element","addEventListener","componentWillUnmount","removeEventListener","__KONTUR_REACT_UI__"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,WAAT,QAA4B,WAA5B;;;;;;;AAOA,WAAaC,gBAAb;AACSC,EAAAA,MADT,GACE,kBAAgB;AACd,QAAMC,KAAK,GAAGJ,KAAK,CAACK,QAAN,CAAeC,IAAf,CAAoB,KAAKC,KAAL,CAAWC,QAA/B,CAAd;AACA,WAAO,KAAKD,KAAL,CAAWE,MAAX,gBAAoB,oBAAC,uBAAD,QAA0BL,KAA1B,CAApB,GAAiFA,KAAxF;AACD,GAJH,2BAAsCJ,KAAK,CAACU,SAA5C;;;;;;;AAWA;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,GAAGX,WAAW,CAAC,IAAD,CAA3B,CACA,IAAIW,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,SAEMT,M,GAAP,kBAAgB,CACd,OAAOH,KAAK,CAACK,QAAN,CAAeC,IAAf,CAAoB,KAAKC,KAAL,CAAWC,QAA/B,CAAP,CACD,C,kCAtBmCR,KAAK,CAACU,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"]}
1	+ {"version":3,"sources":["IgnoreLayerClick.tsx"],"names":["React","findDOMNode","IgnoreLayerClick","render","child","Children","only","props","children","active","Component","IgnoreLayerClickWrapper","element","handleMouseDown","event","stopPropagation","componentDidMount","Element","addEventListener","componentWillUnmount","removeEventListener","__KONTUR_REACT_UI__"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,WAAT,QAA4B,WAA5B;;;;;;;AAOA,WAAaC,gBAAb;AACSC,EAAAA,MADT,GACE,kBAAgB;AACd,QAAMC,KAAK,GAAGJ,KAAK,CAACK,QAAN,CAAeC,IAAf,CAAoB,KAAKC,KAAL,CAAWC,QAA/B,CAAd;AACA,WAAO,KAAKD,KAAL,CAAWE,MAAX,gBAAoB,oBAAC,uBAAD,QAA0BL,KAA1B,CAApB,GAAiFA,KAAxF;AACD,GAJH,2BAAsCJ,KAAK,CAACU,SAA5C;;;;;;;AAWA;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,GAAGX,WAAW,CAAC,IAAD,CAA3B,CACA,IAAIW,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,SAEMT,M,GAAP,kBAAgB,CACd,OAAOH,KAAK,CAACK,QAAN,CAAeC,IAAf,CAAoB,KAAKC,KAAL,CAAWC,QAA/B,CAAP,CACD,C,kCAtBmCR,KAAK,CAACU,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/internal/IgnoreLayerClick/index/index.js.map CHANGED Viewed

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

package/internal/InputLikeText/HiddenInput/HiddenInput.js CHANGED Viewed

@@ -13,10 +13,10 @@ var cap = function cap(e) {
 };
 var className = css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\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"])));
-/**
- * В **IE11** событие `onPaste` вызывается только у редактируемых элементов: `input`, `textarea`, `[contenteditable]`.
- * Для решения этой проблемы, перед "вставкой" фокусируемся на инпуте
- * после этого `onPaste` вызывается у инпута и всплывает.
+/**
+ * В **IE11** событие `onPaste` вызывается только у редактируемых элементов: `input`, `textarea`, `[contenteditable]`.
+ * Для решения этой проблемы, перед "вставкой" фокусируемся на инпуте
+ * после этого `onPaste` вызывается у инпута и всплывает.
  */
 export var HiddenInput = /*#__PURE__*/function (_React$Component) {

package/internal/InputLikeText/HiddenInput/HiddenInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["HiddenInput.tsx"],"names":["React","css","cap","e","stopPropagation","className","HiddenInput","render","props","nodeRef","Component"],"mappings":"wVAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,GAAT,QAAoB,2BAApB;;;;;;AAMA,IAAMC,GAA4B,GAAG,SAA/BA,GAA+B,~~CAAAC~~,~~CAAC~~,~~UAAIA~~,CAAC,CAACC,eAAF,~~EAAJ~~,~~EAAtC~~;;AAEA,IAAMC,SAAS,GAAGJ,GAAH,8NAAf;;;;;;;;;;;;AAYA;AACA;AACA;AACA;AACA;AACA,WAAaK,WAAb;AACSC,EAAAA,MADT,GACE,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,EAAEP,GALV;AAME,QAAA,OAAO,EAAEA,GANX;AAOE,QAAA,QAAQ,EAAEA,GAPZ;AAQE,QAAA,SAAS,EAAEG,SARb,IADF;;;AAYD,GAfH,sBAAiCL,KAAK,CAACU,SAAvC","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"]}
1	+ {"version":3,"sources":["HiddenInput.tsx"],"names":["React","css","cap","e","stopPropagation","className","HiddenInput","render","props","nodeRef","Component"],"mappings":"wVAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,GAAT,QAAoB,2BAApB;;;;;;AAMA,IAAMC,GAA4B,GAAG,SAA/BA,GAA+B,CAACC,CAAD,UAAOA,CAAC,CAACC,eAAF,EAAP,EAArC;;AAEA,IAAMC,SAAS,GAAGJ,GAAH,8NAAf;;;;;;;;;;;;AAYA;AACA;AACA;AACA;AACA;AACA,WAAaK,WAAb;AACSC,EAAAA,MADT,GACE,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,EAAEP,GALV;AAME,QAAA,OAAO,EAAEA,GANX;AAOE,QAAA,QAAQ,EAAEA,GAPZ;AAQE,QAAA,SAAS,EAAEG,SARb,IADF;;;AAYD,GAfH,sBAAiCL,KAAK,CAACU,SAAvC","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/internal/InputLikeText/InputLikeText/InputLikeText.js CHANGED Viewed

@@ -2,15 +2,17 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import React from 'react';
-import cn from 'classnames';
+import { isNonNullable } from "../../../lib/utils";
 import { isKeyTab, isShortcutPaste } from "../../../lib/events/keyboard/identifiers";
 import { MouseDrag } from "../../../lib/events/MouseDrag";
-import { isEdge, isIE11 } from "../../../lib/client";
+import { isEdge, isIE11, isMobile } from "../../../lib/client";
 import { removeAllSelections, selectNodeContents } from "../../../components/DateInput/helpers/SelectionHelpers";
-import { jsStyles as jsInputStyles } from "../../../components/Input/Input.styles";
+import { styles as jsInputStyles } from "../../../components/Input/Input.styles";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { CommonWrapper } from "../../../internal/CommonWrapper";
-import { jsStyles } from "../InputLikeText.styles";
+import { CommonWrapper } from "../../CommonWrapper";
+import { cx } from "../../../lib/theming/Emotion";
+import { findRenderContainer } from "../../../lib/listenFocusOutside";
+import { styles } from "../InputLikeText.styles";
 import { HiddenInput } from "../HiddenInput";
 export var InputLikeText = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(InputLikeText, _React$Component);
@@ -50,6 +52,11 @@ export var InputLikeText = /*#__PURE__*/function (_React$Component) {
         return;
       }
+      if (isIE11 && 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;
       _this.lastSelectedInnerNode = [node, start, end];
@@ -67,7 +74,7 @@ export var InputLikeText = /*#__PURE__*/function (_React$Component) {
     };
     _this.renderMain = function (props) {
-      var _cn, _cn2;
+      var _cx, _cx2, _cx3;
       var innerRef = props.innerRef,
           tabIndex = props.tabIndex,
@@ -87,7 +94,8 @@ export var InputLikeText = /*#__PURE__*/function (_React$Component) {
           value = props.value,
           onMouseDragStart = props.onMouseDragStart,
           onMouseDragEnd = props.onMouseDragEnd,
-          rest = _objectWithoutPropertiesLoose(props, ["innerRef", "tabIndex", "placeholder", "align", "borderless", "width", "size", "error", "warning", "onValueChange", "disabled", "prefix", "suffix", "leftIcon", "rightIcon", "value", "onMouseDragStart", "onMouseDragEnd"]);
+          takeContentWidth = props.takeContentWidth,
+          rest = _objectWithoutPropertiesLoose(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,
@@ -97,8 +105,8 @@ export var InputLikeText = /*#__PURE__*/function (_React$Component) {
       var rightSide = _this.renderRightSide();
-      var className = cn(jsStyles.root(), jsInputStyles.root(_this.theme), _this.getSizeClassName(), (_cn = {}, _cn[jsInputStyles.borderless()] = !!borderless, _cn[jsStyles.withoutLeftSide()] = !leftSide, _cn[jsInputStyles.focus(_this.theme)] = focused, _cn[jsInputStyles.blink(_this.theme)] = blinking, _cn[jsInputStyles.warning(_this.theme)] = !!warning, _cn[jsInputStyles.error(_this.theme)] = !!error, _cn[jsInputStyles.disabled(_this.theme)] = !!disabled, _cn[jsInputStyles.focusFallback(_this.theme)] = focused && (isIE11 || isEdge), _cn[jsInputStyles.warningFallback(_this.theme)] = !!warning && (isIE11 || isEdge), _cn[jsInputStyles.errorFallback(_this.theme)] = !!error && (isIE11 || isEdge), _cn));
-      var wrapperClass = cn(jsInputStyles.wrapper(), (_cn2 = {}, _cn2[jsStyles.userSelectContain()] = focused, _cn2));
+      var className = cx(styles.root(), jsInputStyles.root(_this.theme), _this.getSizeClassName(), (_cx = {}, _cx[jsInputStyles.disabled(_this.theme)] = !!disabled, _cx[jsInputStyles.borderless()] = !!borderless, _cx[jsInputStyles.focus(_this.theme)] = focused, _cx[jsInputStyles.blink(_this.theme)] = blinking, _cx[jsInputStyles.warning(_this.theme)] = !!warning, _cx[jsInputStyles.error(_this.theme)] = !!error, _cx[jsInputStyles.focusFallback(_this.theme)] = focused && (isIE11 || isEdge), _cx[jsInputStyles.warningFallback(_this.theme)] = !!warning && (isIE11 || isEdge), _cx[jsInputStyles.errorFallback(_this.theme)] = !!error && (isIE11 || isEdge), _cx[jsInputStyles.hideBlinkingCursor()] = isMobile, _cx));
+      var wrapperClass = cx(jsInputStyles.wrapper(), (_cx2 = {}, _cx2[styles.userSelectContain()] = focused, _cx2));
       return /*#__PURE__*/React.createElement("span", _extends({}, rest, {
         className: className,
         style: {
@@ -118,7 +126,7 @@ export var InputLikeText = /*#__PURE__*/function (_React$Component) {
         className: wrapperClass
       }, /*#__PURE__*/React.createElement("span", {
         "data-tid": "InputLikeText__input",
-        className: cn(jsStyles.input(), jsInputStyles.input(_this.theme))
+        className: cx(jsInputStyles.input(_this.theme), (_cx3 = {}, _cx3[styles.absolute()] = !takeContentWidth, _cx3[jsInputStyles.inputFocus(_this.theme)] = focused, _cx3[jsInputStyles.inputDisabled(_this.theme)] = disabled, _cx3))
       }, _this.props.children), _this.renderPlaceholder()), rightSide, isIE11 && focused && /*#__PURE__*/React.createElement(HiddenInput, {
         nodeRef: _this.hiddenInputRef
       }));
@@ -133,42 +141,48 @@ export var InputLikeText = /*#__PURE__*/function (_React$Component) {
     };
     _this.renderIcon = function (icon, className) {
+      var _cx4;
       if (!icon) {
         return null;
       }
-      if (icon instanceof Function) {
-        return /*#__PURE__*/React.createElement("span", {
-          className: className
-        }, icon());
-      }
+      var disabled = _this.props.disabled;
+      var iconNode = icon instanceof Function ? icon() : icon;
       return /*#__PURE__*/React.createElement("span", {
-        className: cn(className, jsInputStyles.useDefaultColor(_this.theme))
-      }, icon);
+        className: cx(jsInputStyles.icon(), className, jsInputStyles.useDefaultColor(_this.theme), (_cx4 = {}, _cx4[jsInputStyles.iconDisabled()] = disabled, _cx4))
+      }, iconNode);
     };
     _this.renderPrefix = function () {
-      var prefix = _this.props.prefix;
+      var _cx5;
+      var _this$props = _this.props,
+          prefix = _this$props.prefix,
+          disabled = _this$props.disabled;
       if (!prefix) {
         return null;
       }
       return /*#__PURE__*/React.createElement("span", {
-        className: jsInputStyles.prefix(_this.theme)
+        className: cx(jsInputStyles.prefix(_this.theme), (_cx5 = {}, _cx5[jsInputStyles.prefixDisabled(_this.theme)] = disabled, _cx5))
       }, prefix);
     };
     _this.renderSuffix = function () {
-      var suffix = _this.props.suffix;
+      var _cx6;
+      var _this$props2 = _this.props,
+          suffix = _this$props2.suffix,
+          disabled = _this$props2.disabled;
       if (!suffix) {
         return null;
       }
       return /*#__PURE__*/React.createElement("span", {
-        className: jsInputStyles.suffix(_this.theme)
+        className: cx(jsInputStyles.suffix(_this.theme), (_cx6 = {}, _cx6[jsInputStyles.suffixDisabled(_this.theme)] = disabled, _cx6))
       }, suffix);
     };
@@ -196,18 +210,23 @@ export var InputLikeText = /*#__PURE__*/function (_React$Component) {
       }
       return /*#__PURE__*/React.createElement("span", {
-        className: cn(jsInputStyles.sideContainer(), jsInputStyles.rightContainer())
+        className: cx(jsInputStyles.sideContainer(), jsInputStyles.rightContainer())
       }, rightIcon, suffix);
     };
     _this.renderPlaceholder = function () {
-      var _this$props = _this.props,
-          children = _this$props.children,
-          placeholder = _this$props.placeholder;
+      var _this$props3 = _this.props,
+          children = _this$props3.children,
+          placeholder = _this$props3.placeholder,
+          disabled = _this$props3.disabled;
+      var focused = _this.state.focused;
+      var hasValue = isNonNullable(children) && children !== '';
+      if (!hasValue && placeholder) {
+        var _cx7;
-      if (!children && placeholder) {
         return /*#__PURE__*/React.createElement("span", {
-          className: jsInputStyles.placeholder(_this.theme)
+          className: cx(jsInputStyles.placeholder(_this.theme), (_cx7 = {}, _cx7[jsInputStyles.placeholderDisabled(_this.theme)] = disabled, _cx7[jsInputStyles.placeholderFocus(_this.theme)] = focused, _cx7))
         }, placeholder);
       }
@@ -259,7 +278,7 @@ export var InputLikeText = /*#__PURE__*/function (_React$Component) {
     _this.handleMouseDragStart = function (e) {
       _this.dragging = true;
-      document.documentElement.classList.add(jsStyles.userSelectNone());
+      document.documentElement.classList.add(styles.userSelectNone());
       if (_this.props.onMouseDragStart) {
         _this.props.onMouseDragStart(e);
@@ -275,10 +294,14 @@ export var InputLikeText = /*#__PURE__*/function (_React$Component) {
           _this.props.onMouseDragEnd(e);
         }
       }, 0);
-      document.documentElement.classList.remove(jsStyles.userSelectNone());
+      document.documentElement.classList.remove(styles.userSelectNone());
     };
     _this.handleFocus = function (e) {
+      if (isMobile) {
+        e.target.setAttribute('contenteditable', 'true');
+      }
       if (_this.props.disabled) {
         if (isIE11) {
           selectNodeContents(document.body, 0, 0);
@@ -305,6 +328,10 @@ export var InputLikeText = /*#__PURE__*/function (_React$Component) {
     };
     _this.handleBlur = function (e) {
+      if (isMobile) {
+        e.target.removeAttribute('contenteditable');
+      }
       if (_this.props.disabled) {
         e.stopPropagation();
         return;
@@ -348,18 +375,18 @@ export var InputLikeText = /*#__PURE__*/function (_React$Component) {
     };
     _this.getSizeClassName = function () {
-      var _ref, _ref2, _ref3;
+      var _cx8, _cx9, _cx10;
       switch (_this.props.size) {
         case 'large':
-          return _ref = {}, _ref[jsInputStyles.sizeLarge(_this.theme)] = true, _ref[jsInputStyles.sizeLargeFallback(_this.theme)] = isIE11 || isEdge, _ref;
+          return cx((_cx8 = {}, _cx8[jsInputStyles.sizeLarge(_this.theme)] = true, _cx8[jsInputStyles.sizeLargeFallback(_this.theme)] = isIE11 || isEdge, _cx8));
         case 'medium':
-          return _ref2 = {}, _ref2[jsInputStyles.sizeMedium(_this.theme)] = true, _ref2[jsInputStyles.sizeMediumFallback(_this.theme)] = isIE11 || isEdge, _ref2;
+          return cx((_cx9 = {}, _cx9[jsInputStyles.sizeMedium(_this.theme)] = true, _cx9[jsInputStyles.sizeMediumFallback(_this.theme)] = isIE11 || isEdge, _cx9));
         case 'small':
         default:
-          return _ref3 = {}, _ref3[jsInputStyles.sizeSmall(_this.theme)] = true, _ref3[jsInputStyles.sizeSmallFallback(_this.theme)] = isIE11 || isEdge, _ref3;
+          return cx((_cx10 = {}, _cx10[jsInputStyles.sizeSmall(_this.theme)] = true, _cx10[jsInputStyles.sizeSmallFallback(_this.theme)] = isIE11 || isEdge, _cx10));
       }
     };
@@ -367,8 +394,8 @@ export var InputLikeText = /*#__PURE__*/function (_React$Component) {
   }
   var _proto = InputLikeText.prototype;
-  /**
-  * @public
+  /**
+  * @public
   */
   _proto.focus = function focus() {
@@ -376,8 +403,8 @@ export var InputLikeText = /*#__PURE__*/function (_React$Component) {
       this.node.focus();
     }
   }
-  /**
-  * @public
+  /**
+  * @public
   */
   ;
@@ -386,8 +413,8 @@ export var InputLikeText = /*#__PURE__*/function (_React$Component) {
       this.node.blur();
     }
   }
-  /**
-  * @public
+  /**
+  * @public
   */
   ;

package/internal/InputLikeText/InputLikeText/InputLikeText.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["InputLikeText.tsx"],"names":["React","cn","isKeyTab","isShortcutPaste","MouseDrag","isEdge","isIE11","removeAllSelections","selectNodeContents","jsStyles","jsInputStyles","ThemeContext","CommonWrapper","HiddenInput","InputLikeText","state","blinking","focused","theme","node","hiddenInput","lastSelectedInnerNode","frozen","frozenBlur","dragging","focusTimeout","blinkTimeout","selectInnerNode","start","end","setTimeout","clearInterval","window","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","root","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","listen","addEventListener","componentWillUnmount","clearTimeout","stop","removeEventListener","render","right","rightIconLarge","leftIconLarge","rightIconMedium","leftIconMedium","rightIconSmall","leftIconSmall","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"]}
1	+ {"version":3,"sources":["InputLikeText.tsx"],"names":["React","isNonNullable","isKeyTab","isShortcutPaste","MouseDrag","isEdge","isIE11","isMobile","removeAllSelections","selectNodeContents","styles","jsInputStyles","ThemeContext","CommonWrapper","cx","findRenderContainer","HiddenInput","InputLikeText","state","blinking","focused","theme","node","hiddenInput","lastSelectedInnerNode","frozen","frozenBlur","dragging","focusTimeout","blinkTimeout","selectInnerNode","start","end","document","body","setTimeout","clearInterval","window","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","root","getSizeClassName","blink","focusFallback","warningFallback","errorFallback","hideBlinkingCursor","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","listen","addEventListener","componentWillUnmount","clearTimeout","stop","removeEventListener","render","right","rightIconLarge","leftIconLarge","rightIconMedium","leftIconMedium","rightIconSmall","leftIconSmall","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/internal/InputLikeText/InputLikeText.d.ts CHANGED Viewed

@@ -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/internal/InputLikeText/InputLikeText.styles/InputLikeText.styles.js CHANGED Viewed

@@ -1,13 +1,13 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
-var styles = {
+export var styles = memoizeStyle({
   root: function root() {
     return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      padding-right: 10px;\n    "])));
   },
-  input: function input() {
+  absolute: function absolute() {
     return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      top: 0;\n    "])));
   },
   userSelectContain: function userSelectContain() {
@@ -16,11 +16,7 @@ var styles = {
   userSelectNone: function userSelectNone() {
     return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      user-select: none;\n    "])));
   },
-  withoutLeftSide: function withoutLeftSide() {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      padding-left: 10px;\n    "])));
-  },
   rightSide: function rightSide() {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      padding-left: 0;\n      visibility: visible;\n    "])));
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      padding-left: 0;\n      visibility: visible;\n    "])));
   }
-};
-export var jsStyles = memoizeStyle(styles);
+});

package/internal/InputLikeText/InputLikeText.styles/InputLikeText.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["InputLikeText.styles.ts"],"names":["css","memoizeStyle","styles","root","~~input~~","userSelectContain","userSelectNone","~~withoutLeftSide","~~rightSide"~~,"jsStyles"~~],"mappings":"~~8MAAA~~,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;AAEA,IAAMC,MAAM,~~GAAG~~;~~AACbC~~,EAAAA,~~IADa~~,~~kBACN~~;AACL,WAAOH,GAAP;;;AAGD,~~GALY~~;;~~AAObI~~,EAAAA,~~KAPa~~,~~mBAOL~~;~~AACN~~,WAAOJ,GAAP;;;;AAID,~~GAZY~~;;~~AAcbK~~,EAAAA,~~iBAda~~,+~~BAcO~~;AAClB,WAAOL,GAAP;;;;AAID,~~GAnBY~~;;~~AAqBbM~~,EAAAA,~~cArBa~~,~~4BAqBI~~;AACf,WAAON,GAAP;;;AAGD,~~GAzBY~~;;~~AA2BbO~~,EAAAA,~~eA3Ba~~,~~6BA2BK~~;~~AAChB~~,WAAOP,GAAP~~;;;AAGD,GA/BY;;AAiCbQ,EAAAA,SAjCa,uBAiCD;AACV,WAAOR,GAAP~~;;;;AAID,~~GAtCY~~,~~EAAf;;;AAyCA~~,~~OAAO,IAAMS,QAAQ,GAAGR,YAAY,CAACC,MAAD,CAA7B~~","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\n\~~r\nconst~~ styles = {\r\n root() {\r\n return css`\r\n padding-right: 10px;\r\n `;\r\n },\r\n\r\n ~~input~~() {\r\n return css`\r\n position: absolute;\r\n top: 0;\r\n `;\r\n },\r\n\r\n userSelectContain() {\r\n return css`\r\n user-select: text;\r\n -ms-user-select: element;\r\n `;\r\n },\r\n\r\n userSelectNone() {\r\n return css`\r\n user-select: none;\r\n `;\r\n },\r\n\r\n ~~withoutLeftSide() {\r\n return css`\r\n padding-left: 10px;\r\n `;\r\n },\r\n\r\n~~ rightSide() {\r\n return css`\r\n padding-left: 0;\r\n visibility: visible;\r\n `;\r\n },\r\n}~~;\r\n\r\nexport const jsStyles = memoizeStyle(styles~~);\r\n"]}
1	+ {"version":3,"sources":["InputLikeText.styles.ts"],"names":["css","memoizeStyle","styles","root","absolute","userSelectContain","userSelectNone","rightSide"],"mappings":"4LAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;AAEA,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;AACjCE,EAAAA,IADiC,kBAC1B;AACL,WAAOH,GAAP;;;AAGD,GALgC;;AAOjCI,EAAAA,QAPiC,sBAOtB;AACT,WAAOJ,GAAP;;;;AAID,GAZgC;;AAcjCK,EAAAA,iBAdiC,+BAcb;AAClB,WAAOL,GAAP;;;;AAID,GAnBgC;;AAqBjCM,EAAAA,cArBiC,4BAqBhB;AACf,WAAON,GAAP;;;AAGD,GAzBgC;;AA2BjCO,EAAAA,SA3BiC,uBA2BrB;AACV,WAAOP,GAAP;;;;AAID,GAhCgC,EAAD,CAA3B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n root() {\n return css`\n padding-right: 10px;\n `;\n },\n\n absolute() {\n return css`\n position: absolute;\n top: 0;\n `;\n },\n\n userSelectContain() {\n return css`\n user-select: text;\n -ms-user-select: element;\n `;\n },\n\n userSelectNone() {\n return css`\n user-select: none;\n `;\n },\n\n rightSide() {\n return css`\n padding-left: 0;\n visibility: visible;\n `;\n },\n});\n"]}

package/internal/InputLikeText/InputLikeText.styles.d.ts CHANGED Viewed

@@ -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;
 };

package/internal/InputLikeText/index/index.js.map CHANGED Viewed

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

package/internal/InternalMenu/InternalMenu/InternalMenu.js CHANGED Viewed

@@ -1,14 +1,14 @@
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import React from 'react';
 import ReactDOM from 'react-dom';
-import cn from 'classnames';
 import { isKeyArrowDown, isKeyArrowUp, isKeyEnter } from "../../../lib/events/keyboard/identifiers";
 import { ScrollContainer } from "../../../components/ScrollContainer";
 import { isMenuItem } from "../../../components/MenuItem";
 import { isMenuHeader } from "../../../components/MenuHeader";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { jsStyles } from "../InternalMenu.styles";
+import { cx } from "../../../lib/theming/Emotion";
+import { styles } from "../InternalMenu.styles";
 import { isActiveElement } from "../isActiveElement";
 export var InternalMenu = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(InternalMenu, _React$Component);
@@ -35,24 +35,24 @@ export var InternalMenu = /*#__PURE__*/function (_React$Component) {
     _this.getProps = createPropsGetter(InternalMenu.defaultProps);
     _this.renderHeader = function () {
-      var _cn;
+      var _cx;
       return /*#__PURE__*/React.createElement("div", {
         ref: function ref(el) {
           return _this.header = el;
         },
-        className: cn((_cn = {}, _cn[jsStyles.header()] = true, _cn[jsStyles.fixedHeader()] = _this.state.scrollState !== 'top', _cn))
+        className: cx((_cx = {}, _cx[styles.header()] = true, _cx[styles.fixedHeader()] = _this.state.scrollState !== 'top', _cx))
       }, _this.props.header);
     };
     _this.renderFooter = function () {
-      var _cn2;
+      var _cx2;
       return /*#__PURE__*/React.createElement("div", {
         ref: function ref(el) {
           return _this.footer = el;
         },
-        className: cn((_cn2 = {}, _cn2[jsStyles.footer()] = true, _cn2[jsStyles.fixedFooter()] = _this.state.scrollState !== 'bottom', _cn2))
+        className: cx((_cx2 = {}, _cx2[styles.footer()] = true, _cx2[styles.fixedFooter()] = _this.state.scrollState !== 'bottom', _cx2))
       }, _this.props.footer);
     };
@@ -176,7 +176,7 @@ export var InternalMenu = /*#__PURE__*/function (_React$Component) {
     this.calculateMaxHeight();
   };
-  _proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {
+  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
     if (this.shouldRecalculateMaxHeight(prevProps)) {
       this.calculateMaxHeight();
     }
@@ -204,7 +204,7 @@ export var InternalMenu = /*#__PURE__*/function (_React$Component) {
   };
   _proto.renderMain = function renderMain() {
-    var _cn3,
+    var _cx3,
         _this3 = this;
     var enableIconPadding = React.Children.toArray(this.props.children).some(function (x) {
@@ -216,7 +216,7 @@ export var InternalMenu = /*#__PURE__*/function (_React$Component) {
     }
     return /*#__PURE__*/React.createElement("div", {
-      className: cn((_cn3 = {}, _cn3[jsStyles.root(this.theme)] = true, _cn3[jsStyles.shadow(this.theme)] = this.props.hasShadow, _cn3)),
+      className: cx((_cx3 = {}, _cx3[styles.root(this.theme)] = true, _cx3[styles.shadow(this.theme)] = this.props.hasShadow, _cx3)),
       style: {
         width: this.props.width,
         maxHeight: this.state.maxHeight