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

@skbkontur/react-ui 0.0.0-b0853da840 → 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 (3731) hide show

package/components/Menu/Menu.js DELETED Viewed

@@ -1,275 +0,0 @@
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";import React from 'react';
-import ReactDOM from 'react-dom';
-import { ScrollContainer } from '../ScrollContainer';
-import { isMenuItem } from '../MenuItem';
-import { isMenuHeader } from '../MenuHeader';
-import { cx } from '../../lib/theming/Emotion';
-import { ThemeConsumer } from '../ThemeConsumer';
-import { jsStyles } from './Menu.styles';import
-styles from "./Menu.module.css";
-import { isActiveElement } from './isActiveElement';
-export var Menu = /*#__PURE__*/function (_React$Component) {_inheritsLoose(Menu, _React$Component);function Menu() {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.
-    state = {
-      highlightedIndex: -1 };_this.
-    theme = void 0;_this.
-    scrollContainer = void 0;_this.
-    highlighted = void 0;_this.
-    unmounted = false;_this.
-    refScrollContainer = function (scrollContainer) {
-      _this.scrollContainer = scrollContainer;
-    };_this.
-    scrollToSelected = function () {
-      if (_this.scrollContainer && _this.highlighted) {
-        _this.scrollContainer.scrollTo(ReactDOM.findDOMNode(_this.highlighted));
-      }
-    };_this.
-    scrollToTop = function () {
-      if (_this.scrollContainer) {
-        _this.scrollContainer.scrollToTop();
-      }
-    };_this.
-    scrollToBottom = function () {
-      if (_this.scrollContainer) {
-        _this.scrollContainer.scrollToBottom();
-      }
-    };_this.
-    highlight = function (index) {
-      _this.setState({ highlightedIndex: index });
-    };_this.
-    unhighlight = function () {
-      _this.setState({ highlightedIndex: -1 });
-    };return _this;}var _proto = Menu.prototype;_proto.componentWillUnmount = function componentWillUnmount() {this.unmounted = true;};_proto.render = function render() {var _this2 = this;return React.createElement(ThemeConsumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});} /**
-                                                                                                                                                                                                                                                                                                                    * @public
-                                                                                                                                                                                                                                                                                                                    */;_proto.up = function up() {this.move(-1);} /**
-                                                                                                                                                                                                                                                                                                                                                                   * @public
-                                                                                                                                                                                                                                                                                                                                                                   */;_proto.down = function down() {this.move(1);} /**
-                                                                                                                                                                                                                                                                                                                                                                                                                     * @public
-                                                                                                                                                                                                                                                                                                                                                                                                                     */;_proto.enter = function enter(event) {return this.select(this.state.highlightedIndex, true, event);} /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              * @public
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              */;_proto.reset = function reset() {this.setState({ highlightedIndex: -1 });} /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             * @public
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             */;_proto.hasHighlightedItem = function hasHighlightedItem() {return this.state.highlightedIndex !== -1;};_proto.highlightItem = function highlightItem(index) {this.highlight(index);};_proto.renderMain = function renderMain() {var _this3 = this;var enableIconPadding = React.Children.toArray(this.props.children).some(function (x) {return React.isValidElement(x) && x.props.icon;});if (this.isEmpty()) {return null;}return React.createElement("div", { className: cx(styles.root, jsStyles.root(this.theme), this.props.hasShadow && jsStyles.shadow(this.theme)), style: { width: this.props.width, maxHeight: this.props.maxHeight } }, React.createElement(ScrollContainer, { ref: this.refScrollContainer, maxHeight: this.props.maxHeight, preventWindowScroll: this.props.preventWindowScroll }, React.Children.map(this.props.children, function (child, index) {if (!child) {return child;}if (typeof child === 'string' || typeof child === 'number') {return child;}if (enableIconPadding && (isMenuItem(child) || isMenuHeader(child))) {child = React.cloneElement(child, { _enableIconPadding: true });}if (isActiveElement(child)) {var highlight = _this3.state.highlightedIndex === index;var ref = child.ref;if (highlight && typeof child.ref !== 'string') {ref = _this3.refHighlighted.bind(_this3, child.ref);}return React.cloneElement(child, { ref: ref, state: highlight ? 'hover' : child.props.state, onClick: _this3.select.bind(_this3, index, false), onMouseEnter: _this3.highlight.bind(_this3, index), onMouseLeave: _this3.unhighlight });}return child;})));};_proto.refHighlighted = function refHighlighted(originalRef, menuItem) {this.highlighted = menuItem;if (typeof originalRef === 'function') {originalRef(menuItem);}};_proto.select = function select(index, shouldHandleHref, event) {var item = childrenToArray(this.props.children)[index];if (isActiveElement(item)) {if (shouldHandleHref && item.props.href) {if (item.props.target) {window.open(item.props.href, item.props.target);} else {location.href = item.props.href;}}if (item.props.onClick) {item.props.onClick(event);}if (this.props.onItemClick) {this.props.onItemClick();}return true;}return false;};_proto.move = function move(step) {var _this4 = this;if (this.unmounted) {// NOTE workaround, because `ComboBox` call `process.nextTick` in reducer
-      return;}var children = childrenToArray(this.props.children);var activeElements = children.filter(isActiveElement);if (!activeElements.length) {return;
-    }
-    var index = this.state.highlightedIndex;var _loop = function _loop() {
-      index += step;
-      if (index < 0) {
-        index = children.length - 1;
-      } else if (index > children.length) {
-        index = 0;
-      }
-      var child = children[index];
-      if (isActiveElement(child)) {
-        _this4.setState({ highlightedIndex: index }, function () {
-          switch (activeElements.indexOf(child)) {
-            case 0:
-              _this4.scrollToTop();
-              break;
-            case activeElements.length - 1:
-              _this4.scrollToBottom();
-              break;
-            default:
-              _this4.scrollToSelected();}
-        });
-        return { v: void 0 };
-      }};do {var _ret = _loop();if (typeof _ret === "object") return _ret.v;
-    } while (index !== this.state.highlightedIndex);
-  };_proto.
-  isEmpty = function isEmpty() {var
-    children = this.props.children;
-    return !children || !childrenToArray(children).filter(isExist).length;
-  };return Menu;}(React.Component);Menu.__KONTUR_REACT_UI__ = 'Menu';Menu.defaultProps = { width: 'auto', maxHeight: 300, hasShadow: true, preventWindowScroll: true };
-function isExist(value) {
-  return value !== null && value !== undefined;
-}
-function childrenToArray(children) {
-  var ret = [];
-  // Use forEach instead of map to avoid cloning for key unifying.
-  React.Children.forEach(children, function (child) {
-    ret.push(child);
-  });
-  return ret;
-}

package/components/Menu/Menu.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["Menu.tsx"],"names":["React","ReactDOM","ScrollContainer","isMenuItem","isMenuHeader","cx","ThemeConsumer","jsStyles","styles","isActiveElement","Menu","state","highlightedIndex","theme","scrollContainer","highlighted","unmounted","refScrollContainer","scrollToSelected","scrollTo","findDOMNode","scrollToTop","scrollToBottom","highlight","index","setState","unhighlight","componentWillUnmount","render","renderMain","up","move","down","enter","event","select","reset","hasHighlightedItem","highlightItem","enableIconPadding","Children","toArray","props","children","some","x","isValidElement","icon","isEmpty","root","hasShadow","shadow","width","maxHeight","preventWindowScroll","map","child","cloneElement","_enableIconPadding","ref","refHighlighted","bind","onClick","onMouseEnter","onMouseLeave","originalRef","menuItem","shouldHandleHref","item","childrenToArray","href","target","window","open","location","onItemClick","step","activeElements","filter","length","indexOf","isExist","Component","__KONTUR_REACT_UI__","defaultProps","value","undefined","ret","forEach","push"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\n\r\nimport { ScrollContainer } from '../ScrollContainer';\r\nimport { isMenuItem, MenuItem, MenuItemProps } from '../MenuItem';\r\nimport { isMenuHeader } from '../MenuHeader';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { cx } from '../../lib/theming/Emotion';\r\nimport { ThemeConsumer } from '../ThemeConsumer';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nimport { jsStyles } from './Menu.styles';\r\nimport styles from './Menu.module.less';\r\nimport { isActiveElement } from './isActiveElement';\r\n\r\nexport interface MenuProps {\r\n children: React.ReactNode;\r\n hasShadow?: boolean;\r\n maxHeight?: number | string;\r\n onItemClick?: () => void;\r\n width?: number | string;\r\n preventWindowScroll?: boolean;\r\n}\r\n\r\nexport interface MenuState {\r\n highlightedIndex: number;\r\n}\r\n\r\nexport class Menu extends React.Component<MenuProps, MenuState> {\r\n public static __KONTUR_REACT_UI__ = 'Menu';\r\n\r\n public static defaultProps = {\r\n width: 'auto',\r\n maxHeight: 300,\r\n hasShadow: true,\r\n preventWindowScroll: true,\r\n };\r\n\r\n public state = {\r\n highlightedIndex: -1,\r\n };\r\n\r\n private theme!: Theme;\r\n private scrollContainer: Nullable<ScrollContainer>;\r\n private highlighted: Nullable<MenuItem>;\r\n private unmounted = false;\r\n\r\n public componentWillUnmount() {\r\n this.unmounted = true;\r\n }\r\n\r\n public render() {\r\n return (\r\n <ThemeConsumer>\r\n {theme => {\r\n this.theme = theme;\r\n return this.renderMain();\r\n }}\r\n </ThemeConsumer>\r\n );\r\n }\r\n\r\n /**\r\n * @public\r\n */\r\n public up() {\r\n this.move(-1);\r\n }\r\n\r\n /**\r\n * @public\r\n */\r\n public down() {\r\n this.move(1);\r\n }\r\n\r\n /**\r\n * @public\r\n */\r\n public enter(event: React.SyntheticEvent<HTMLElement>) {\r\n return this.select(this.state.highlightedIndex, true, event);\r\n }\r\n\r\n /**\r\n * @public\r\n */\r\n public reset() {\r\n this.setState({ highlightedIndex: -1 });\r\n }\r\n\r\n /**\r\n * @public\r\n */\r\n public hasHighlightedItem() {\r\n return this.state.highlightedIndex !== -1;\r\n }\r\n\r\n public highlightItem(index: number) {\r\n this.highlight(index);\r\n }\r\n\r\n private renderMain() {\r\n const enableIconPadding = React.Children.toArray(this.props.children).some(\r\n x => React.isValidElement(x) && x.props.icon,\r\n );\r\n\r\n if (this.isEmpty()) {\r\n return null;\r\n }\r\n\r\n return (\r\n <div\r\n className={cx(styles.root, jsStyles.root(this.theme), this.props.hasShadow && jsStyles.shadow(this.theme))}\r\n style={{ width: this.props.width, maxHeight: this.props.maxHeight }}\r\n >\r\n <ScrollContainer\r\n ref={this.refScrollContainer}\r\n maxHeight={this.props.maxHeight}\r\n preventWindowScroll={this.props.preventWindowScroll}\r\n >\r\n {React.Children.map(this.props.children, (child, index) => {\r\n if (!child) {\r\n return child;\r\n }\r\n if (typeof child === 'string' || typeof child === 'number') {\r\n return child;\r\n }\r\n\r\n if (enableIconPadding && (isMenuItem(child) || isMenuHeader(child))) {\r\n child = React.cloneElement(child, {\r\n _enableIconPadding: true,\r\n });\r\n }\r\n if (isActiveElement(child)) {\r\n const highlight = this.state.highlightedIndex === index;\r\n\r\n let ref = child.ref;\r\n if (highlight && typeof child.ref !== 'string') {\r\n ref = this.refHighlighted.bind(this, child.ref);\r\n }\r\n\r\n return React.cloneElement<MenuItemProps, MenuItem>(child, {\r\n ref,\r\n state: highlight ? 'hover' : child.props.state,\r\n onClick: this.select.bind(this, index, false),\r\n onMouseEnter: this.highlight.bind(this, index),\r\n onMouseLeave: this.unhighlight,\r\n });\r\n }\r\n return child;\r\n })}\r\n </ScrollContainer>\r\n </div>\r\n );\r\n }\r\n\r\n private refScrollContainer = (scrollContainer: Nullable<ScrollContainer>) => {\r\n this.scrollContainer = scrollContainer;\r\n };\r\n\r\n private refHighlighted(\r\n originalRef: ((menuItem: MenuItem | null) => any) | React.RefObject<MenuItem> | null | undefined,\r\n menuItem: MenuItem | null,\r\n ) {\r\n this.highlighted = menuItem;\r\n\r\n if (typeof originalRef === 'function') {\r\n originalRef(menuItem);\r\n }\r\n }\r\n\r\n private scrollToSelected = () => {\r\n if (this.scrollContainer && this.highlighted) {\r\n this.scrollContainer.scrollTo(ReactDOM.findDOMNode(this.highlighted) as HTMLElement);\r\n }\r\n };\r\n\r\n private scrollToTop = () => {\r\n if (this.scrollContainer) {\r\n this.scrollContainer.scrollToTop();\r\n }\r\n };\r\n\r\n private scrollToBottom = () => {\r\n if (this.scrollContainer) {\r\n this.scrollContainer.scrollToBottom();\r\n }\r\n };\r\n\r\n private select(index: number, shouldHandleHref: boolean, event: React.SyntheticEvent<HTMLElement>): boolean {\r\n const item = childrenToArray(this.props.children)[index];\r\n if (isActiveElement(item)) {\r\n if (shouldHandleHref && item.props.href) {\r\n if (item.props.target) {\r\n window.open(item.props.href, item.props.target);\r\n } else {\r\n location.href = item.props.href;\r\n }\r\n }\r\n if (item.props.onClick) {\r\n item.props.onClick(event);\r\n }\r\n if (this.props.onItemClick) {\r\n this.props.onItemClick();\r\n }\r\n return true;\r\n }\r\n return false;\r\n }\r\n\r\n private highlight = (index: number) => {\r\n this.setState({ highlightedIndex: index });\r\n };\r\n\r\n private unhighlight = () => {\r\n this.setState({ highlightedIndex: -1 });\r\n };\r\n\r\n private move(step: number) {\r\n if (this.unmounted) {\r\n // NOTE workaround, because `ComboBox` call `process.nextTick` in reducer\r\n return;\r\n }\r\n\r\n const children = childrenToArray(this.props.children);\r\n const activeElements = children.filter(isActiveElement);\r\n if (!activeElements.length) {\r\n return;\r\n }\r\n let index = this.state.highlightedIndex;\r\n do {\r\n index += step;\r\n if (index < 0) {\r\n index = children.length - 1;\r\n } else if (index > children.length) {\r\n index = 0;\r\n }\r\n\r\n const child = children[index];\r\n if (isActiveElement(child)) {\r\n this.setState({ highlightedIndex: index }, () => {\r\n switch (activeElements.indexOf(child)) {\r\n case 0:\r\n this.scrollToTop();\r\n break;\r\n case activeElements.length - 1:\r\n this.scrollToBottom();\r\n break;\r\n default:\r\n this.scrollToSelected();\r\n }\r\n });\r\n return;\r\n }\r\n } while (index !== this.state.highlightedIndex);\r\n }\r\n\r\n private isEmpty() {\r\n const { children } = this.props;\r\n return !children || !childrenToArray(children).filter(isExist).length;\r\n }\r\n}\r\n\r\nfunction isExist(value: any): value is any {\r\n return value !== null && value !== undefined;\r\n}\r\n\r\nfunction childrenToArray(children: React.ReactNode): React.ReactNode[] {\r\n const ret: React.ReactNode[] = [];\r\n // Use forEach instead of map to avoid cloning for key unifying.\r\n React.Children.forEach(children, child => {\r\n ret.push(child);\r\n });\r\n return ret;\r\n}\r\n"]}

package/components/Menu/Menu.module.css DELETED Viewed

@@ -1,5 +0,0 @@
-:local .root {
-  overflow: auto;
-  padding: 5px 0;
-  box-sizing: content-box;
-}

package/components/Menu/Menu.module.css.d.ts DELETED Viewed

@@ -1,5 +0,0 @@
-export interface IMenuModuleLess {
-  'root': string;
-}
-declare const styles: IMenuModuleLess;
-export default styles;

package/components/Menu/Menu.styles.d.ts DELETED Viewed

@@ -1,5 +0,0 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const jsStyles: {
-    root(t: Theme): string;
-    shadow(t: Theme): string;
-};

package/components/Menu/Menu.styles.js DELETED Viewed

@@ -1,16 +0,0 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";function _templateObject2() {var data = _taggedTemplateLiteralLoose(["\n      border: ", ";\n      box-shadow: ", ";\n    "]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = _taggedTemplateLiteralLoose(["\n      background: ", ";\n    "]);_templateObject = function _templateObject() {return data;};return data;}import { css } from '../../lib/theming/Emotion';
-export var jsStyles = {
-  root: function root(t) {
-    return css(_templateObject(),
-    t.bgDefault);
-  },
-  shadow: function shadow(t) {
-    return css(_templateObject2(),
-    t.menuBorder,
-    t.menuShadow);
-  } };

package/components/Menu/Menu.styles.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["Menu.styles.ts"],"names":["css","jsStyles","root","t","bgDefault","shadow","menuBorder","menuShadow"],"mappings":"0dAAA,SAASA,GAAT,QAAoB,2BAApB;;;AAGA,OAAO,IAAMC,QAAQ,GAAG;AACtBC,EAAAA,IADsB,gBACjBC,CADiB,EACP;AACb,WAAOH,GAAP;AACgBG,IAAAA,CAAC,CAACC,SADlB;;AAGD,GALqB;;AAOtBC,EAAAA,MAPsB,kBAOfF,CAPe,EAOL;AACf,WAAOH,GAAP;AACYG,IAAAA,CAAC,CAACG,UADd;AAEgBH,IAAAA,CAAC,CAACI,UAFlB;;AAID,GAZqB,EAAjB","sourcesContent":["import { css } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nexport const jsStyles = {\r\n root(t: Theme) {\r\n return css`\r\n background: ${t.bgDefault};\r\n `;\r\n },\r\n\r\n shadow(t: Theme) {\r\n return css`\r\n border: ${t.menuBorder};\r\n box-shadow: ${t.menuShadow};\r\n `;\r\n },\r\n};\r\n"]}

package/components/Menu/index.js DELETED Viewed

	@@ -1 +0,0 @@
1	- export * from './Menu';

package/components/Menu/index.js.map DELETED Viewed

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

package/components/Menu/isActiveElement.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import React from 'react';
-import { MenuItem, MenuItemProps } from '../MenuItem';
-export declare function isActiveElement(element: any): element is React.ComponentElement<MenuItemProps, MenuItem>;

package/components/Menu/isActiveElement.js DELETED Viewed

@@ -1,7 +0,0 @@
-import { isMenuItem } from '../MenuItem';
-export function isActiveElement(element) {
-  return isMenuItem(element) && !element.props.disabled;
-}

package/components/Menu/isActiveElement.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["isActiveElement.tsx"],"names":["isMenuItem","isActiveElement","element","props","disabled"],"mappings":";;AAEA,SAAkCA,UAAlC,QAAoD,aAApD;;AAEA,OAAO,SAASC,eAAT,CAAyBC,OAAzB,EAAmG;AACxG,SAAOF,UAAU,CAACE,OAAD,CAAV,IAAuB,CAACA,OAAO,CAACC,KAAR,CAAcC,QAA7C;AACD","sourcesContent":["import React from 'react';\r\n\r\nimport { MenuItem, MenuItemProps, isMenuItem } from '../MenuItem';\r\n\r\nexport function isActiveElement(element: any): element is React.ComponentElement<MenuItemProps, MenuItem> {\r\n return isMenuItem(element) && !element.props.disabled;\r\n}\r\n"]}

package/components/MenuHeader/MenuHeader.js DELETED Viewed

@@ -1,52 +0,0 @@
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";import React from 'react';
-import { createPropsGetter } from '../internal/createPropsGetter';
-import { cx } from '../../lib/theming/Emotion';
-import { ThemeConsumer } from '../ThemeConsumer';
-import { jsStyles } from './MenuHeader.styles';import
-styles from "./MenuHeader.module.css";
-/**
-                                        * Заголовок в меню.
-                                        */
-export var MenuHeader = /*#__PURE__*/function (_React$Component) {_inheritsLoose(MenuHeader, _React$Component);function MenuHeader() {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.
-    theme = void 0;_this.
-    getProps = createPropsGetter(MenuHeader.defaultProps);return _this;}var _proto = MenuHeader.prototype;_proto.
-  render = function render() {var _this2 = this;
-    return (
-      React.createElement(ThemeConsumer, null,
-      function (theme) {
-        _this2.theme = theme;
-        return _this2.renderMain();
-      }));
-  };_proto.
-  renderMain = function renderMain() {var _cx;
-    var classnames = cx((_cx = {}, _cx[
-    styles.root] = true, _cx[
-    jsStyles.withLeftPadding(this.theme)] = this.getProps()._enableIconPadding, _cx));
-    return React.createElement("div", { className: classnames }, this.props.children);
-  };return MenuHeader;}(React.Component);MenuHeader.__KONTUR_REACT_UI__ = 'MenuHeader';MenuHeader.__MENU_HEADER__ = true;MenuHeader.defaultProps = { _enableIconPadding: false };
-export var isMenuHeader = function isMenuHeader(child) {
-  return React.isValidElement(child) ? child.type.hasOwnProperty('__MENU_HEADER__') : false;
-};

package/components/MenuHeader/MenuHeader.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["MenuHeader.tsx"],"names":["React","createPropsGetter","cx","ThemeConsumer","jsStyles","styles","MenuHeader","theme","getProps","defaultProps","render","renderMain","classnames","root","withLeftPadding","_enableIconPadding","props","children","Component","__KONTUR_REACT_UI__","__MENU_HEADER__","isMenuHeader","child","isValidElement","type","hasOwnProperty"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,iBAAT,QAAkC,+BAAlC;;AAEA,SAASC,EAAT,QAAmB,2BAAnB;AACA,SAASC,aAAT,QAA8B,kBAA9B;;;AAGA,SAASC,QAAT,QAAyB,qBAAzB,C;AACOC,M;;;;;;AAMP;;;AAGA,WAAaC,UAAb;;;;;;;;AAQUC,IAAAA,KARV;AASUC,IAAAA,QATV,GASqBP,iBAAiB,CAACK,UAAU,CAACG,YAAZ,CATtC;;AAWSC,EAAAA,MAXT,GAWE,kBAAgB;AACd;AACE,0BAAC,aAAD;AACG,gBAAAH,KAAK,EAAI;AACR,QAAA,MAAI,CAACA,KAAL,GAAaA,KAAb;AACA,eAAO,MAAI,CAACI,UAAL,EAAP;AACD,OAJH,CADF;;;AAQD,GApBH;;AAsBUA,EAAAA,UAtBV,GAsBE,sBAAqB;AACnB,QAAMC,UAAkB,GAAGV,EAAE;AAC1BG,IAAAA,MAAM,CAACQ,IADmB,IACZ,IADY;AAE1BT,IAAAA,QAAQ,CAACU,eAAT,CAAyB,KAAKP,KAA9B,CAF0B,IAEa,KAAKC,QAAL,GAAgBO,kBAF7B,OAA7B;;AAIA,WAAO,6BAAK,SAAS,EAAEH,UAAhB,IAA6B,KAAKI,KAAL,CAAWC,QAAxC,CAAP;AACD,GA5BH,qBAAgCjB,KAAK,CAACkB,SAAtC,EAAaZ,U,CACGa,mB,GAAsB,Y,CADzBb,U,CAEGc,e,GAAkB,I,CAFrBd,U,CAIGG,Y,GAAe,EAC3BM,kBAAkB,EAAE,KADO,E;;;AA2B/B,OAAO,IAAMM,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAA0E;AACpG,SAAOtB,KAAK,CAACuB,cAAN,CAAsCD,KAAtC,IAA+CA,KAAK,CAACE,IAAN,CAAWC,cAAX,CAA0B,iBAA1B,CAA/C,GAA8F,KAArG;AACD,CAFM","sourcesContent":["import React from 'react';\r\n\r\nimport { createPropsGetter } from '../internal/createPropsGetter';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { cx } from '../../lib/theming/Emotion';\r\nimport { ThemeConsumer } from '../ThemeConsumer';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nimport { jsStyles } from './MenuHeader.styles';\r\nimport styles from './MenuHeader.module.less';\r\n\r\nexport interface MenuHeaderProps {\r\n _enableIconPadding?: Nullable<boolean>;\r\n}\r\n\r\n/**\r\n * Заголовок в меню.\r\n */\r\nexport class MenuHeader extends React.Component<MenuHeaderProps> {\r\n public static __KONTUR_REACT_UI__ = 'MenuHeader';\r\n public static __MENU_HEADER__ = true;\r\n\r\n public static defaultProps = {\r\n _enableIconPadding: false,\r\n };\r\n\r\n private theme!: Theme;\r\n private getProps = createPropsGetter(MenuHeader.defaultProps);\r\n\r\n public render() {\r\n return (\r\n <ThemeConsumer>\r\n {theme => {\r\n this.theme = theme;\r\n return this.renderMain();\r\n }}\r\n </ThemeConsumer>\r\n );\r\n }\r\n\r\n private renderMain() {\r\n const classnames: string = cx({\r\n [styles.root]: true,\r\n [jsStyles.withLeftPadding(this.theme)]: this.getProps()._enableIconPadding,\r\n });\r\n return <div className={classnames}>{this.props.children}</div>;\r\n }\r\n}\r\n\r\nexport const isMenuHeader = (child: React.ReactNode): child is React.ReactElement<MenuHeaderProps> => {\r\n return React.isValidElement<MenuHeaderProps>(child) ? child.type.hasOwnProperty('__MENU_HEADER__') : false;\r\n};\r\n"]}

package/components/MenuHeader/MenuHeader.module.css DELETED Viewed

@@ -1,6 +0,0 @@
-:local .root {
-  color: #a0a0a0;
-  cursor: default;
-  font-size: 12px;
-  padding: 6px 18px 7px 8px;
-}

package/components/MenuHeader/MenuHeader.module.css.d.ts DELETED Viewed

@@ -1,5 +0,0 @@
-export interface IMenuHeaderModuleLess {
-  'root': string;
-}
-declare const styles: IMenuHeaderModuleLess;
-export default styles;

package/components/MenuHeader/MenuHeader.styles.js DELETED Viewed

@@ -1,13 +0,0 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";function _templateObject() {var data = _taggedTemplateLiteralLoose(["\n      .", "& {\n        padding-left: ", ";\n      }\n    "]);_templateObject = function _templateObject() {return data;};return data;}import { css } from '../../lib/theming/Emotion';import
-styles from "./MenuHeader.module.css";
-export var jsStyles = {
-  withLeftPadding: function withLeftPadding(t) {
-    return css(_templateObject(),
-    styles.root,
-    t.menuItemPaddingForIcon);
-  } };

package/components/MenuHeader/MenuHeader.styles.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["MenuHeader.styles.ts"],"names":["css","styles","jsStyles","withLeftPadding","t","root","menuItemPaddingForIcon"],"mappings":"8SAAA,SAASA,GAAT,QAAoB,2BAApB,C;;;AAGOC,M;;AAEP,OAAO,IAAMC,QAAQ,GAAG;AACtBC,EAAAA,eADsB,2BACNC,CADM,EACI;AACxB,WAAOJ,GAAP;AACKC,IAAAA,MAAM,CAACI,IADZ;AAEoBD,IAAAA,CAAC,CAACE,sBAFtB;;;AAKD,GAPqB,EAAjB","sourcesContent":["import { css } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nimport styles from './MenuHeader.module.less';\r\n\r\nexport const jsStyles = {\r\n withLeftPadding(t: Theme) {\r\n return css`\r\n .${styles.root}& {\r\n padding-left: ${t.menuItemPaddingForIcon};\r\n }\r\n `;\r\n },\r\n};\r\n"]}

package/components/MenuHeader/index.js DELETED Viewed

	@@ -1 +0,0 @@
1	- export * from './MenuHeader';

package/components/MenuHeader/index.js.map DELETED Viewed

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