@skbkontur/react-ui 0.0.0-8fc80072ce → 0.0.0-9294639913

package/components/MenuItem/MenuItem.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["MenuItem.tsx"],"names":["React","PropTypes","warning","cn","isFunction","ThemeContext","jsStyles","MenuItem","theme","mouseEntered","handleMouseEnterFix","e","props","onMouseEnter","handleMouseLeave","onMouseLeave","getComponent","disabled","component","href","render","renderMain","alkoLink","link","comment","icon","loose","state","children","_enableIconPadding","rest","undefined","hover","iconElement","className","root","selected","withIcon","Boolean","content","Component","commentHover","__KONTUR_REACT_UI__","__MENU_ITEM__","propTypes","bool","node","string","oneOfType","target","onClick","func","isMenuItem","child","isValidElement","Object","prototype","hasOwnProperty","call","type"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport warning from 'warning';\r\nimport cn from 'classnames';\r\n\r\nimport { isFunction } from '../../lib/utils';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nimport { jsStyles } from './MenuItem.styles';\r\n\r\nexport type MenuItemState = null | 'hover' | 'selected' | void;\r\n\r\nexport interface MenuItemProps {\r\n  /** @ignore */\r\n  _enableIconPadding?: boolean;\r\n\r\n  /** @deprecated @ignore */\r\n  alkoLink?: boolean;\r\n  comment?: React.ReactNode;\r\n  disabled?: boolean;\r\n  icon?: React.ReactElement<any>;\r\n  link?: boolean;\r\n\r\n  /** @ignore */\r\n  loose?: boolean;\r\n\r\n  /** @ignore */\r\n  state?: MenuItemState;\r\n  onClick?: (event: React.SyntheticEvent<HTMLElement>) => void;\r\n  children?: React.ReactNode | ((state: MenuItemState) => React.ReactNode);\r\n  target?: React.AnchorHTMLAttributes<HTMLAnchorElement>['target'];\r\n  title?: React.AnchorHTMLAttributes<HTMLAnchorElement>['title'];\r\n  href?: React.AnchorHTMLAttributes<HTMLAnchorElement>['href'];\r\n  onMouseEnter?: React.MouseEventHandler;\r\n  onMouseLeave?: React.MouseEventHandler;\r\n\r\n  component?: React.ComponentType<any>;\r\n}\r\n\r\n/**\r\n * Элемент меню.\r\n */\r\nexport class MenuItem extends React.Component<MenuItemProps> {\r\n  public static __KONTUR_REACT_UI__ = 'MenuItem';\r\n  public static __MENU_ITEM__ = true;\r\n\r\n  public static propTypes = {\r\n    alkoLink: PropTypes.bool,\r\n\r\n    comment: PropTypes.node,\r\n\r\n    disabled: PropTypes.bool,\r\n\r\n    href: PropTypes.string,\r\n\r\n    icon: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\r\n\r\n    loose: PropTypes.bool,\r\n\r\n    state: PropTypes.string,\r\n\r\n    target: PropTypes.string,\r\n\r\n    onClick: PropTypes.func,\r\n  };\r\n\r\n  private theme!: Theme;\r\n  private mouseEntered = false;\r\n\r\n  public render() {\r\n    return (\r\n      <ThemeContext.Consumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return this.renderMain();\r\n        }}\r\n      </ThemeContext.Consumer>\r\n    );\r\n  }\r\n\r\n  private renderMain() {\r\n    const {\r\n      alkoLink,\r\n      link,\r\n      comment,\r\n      icon,\r\n      loose,\r\n      state,\r\n      children,\r\n      _enableIconPadding,\r\n      component,\r\n      onMouseEnter,\r\n      onMouseLeave,\r\n      ...rest\r\n    } = this.props;\r\n\r\n    warning(alkoLink === undefined, \"[MenuItem]: Prop 'alkoLink' was deprecated please use 'link' instead\");\r\n\r\n    const hover = state === 'hover' && !this.props.disabled;\r\n\r\n    let iconElement = null;\r\n    if (icon) {\r\n      iconElement = <div className={jsStyles.icon()}>{icon}</div>;\r\n    }\r\n\r\n    const className = cn({\r\n      [jsStyles.root()]: true,\r\n      [jsStyles.loose()]: !!loose,\r\n      [jsStyles.hover(this.theme)]: hover,\r\n      [jsStyles.selected(this.theme)]: state === 'selected',\r\n      [jsStyles.link(this.theme)]: !!link || !!alkoLink,\r\n      [jsStyles.withIcon(this.theme)]: Boolean(iconElement) || !!_enableIconPadding,\r\n      [jsStyles.disabled(this.theme)]: !!this.props.disabled,\r\n    });\r\n\r\n    let content = children;\r\n    if (isFunction(children)) {\r\n      content = children(this.props.state);\r\n    }\r\n\r\n    const Component = this.getComponent();\r\n\r\n    return (\r\n      <Component\r\n        {...rest}\r\n        onMouseOver={this.handleMouseEnterFix}\r\n        onMouseLeave={this.handleMouseLeave}\r\n        className={className}\r\n        tabIndex={-1}\r\n      >\r\n        {iconElement}\r\n        {content}\r\n        {this.props.comment && (\r\n          <div\r\n            data-tid=\"MenuItem__comment\"\r\n            className={cn({\r\n              [jsStyles.comment()]: true,\r\n              [jsStyles.commentHover()]: hover,\r\n            })}\r\n          >\r\n            {comment}\r\n          </div>\r\n        )}\r\n      </Component>\r\n    );\r\n  }\r\n\r\n  // https://github.com/facebook/react/issues/10109\r\n  // Mouseenter event not triggered when cursor moves from disabled button\r\n  private handleMouseEnterFix = (e: React.MouseEvent<HTMLElement>) => {\r\n    if (!this.mouseEntered && this.props.onMouseEnter) {\r\n      this.mouseEntered = true;\r\n      this.props.onMouseEnter(e);\r\n    }\r\n  };\r\n\r\n  private handleMouseLeave = (e: React.MouseEvent<HTMLElement>) => {\r\n    this.mouseEntered = false;\r\n    if (this.props.onMouseLeave) {\r\n      this.props.onMouseLeave(e);\r\n    }\r\n  };\r\n\r\n  private getComponent = () => {\r\n    const { disabled, component, href } = this.props;\r\n\r\n    if (disabled) {\r\n      return 'button';\r\n    }\r\n\r\n    if (component) {\r\n      return component;\r\n    }\r\n\r\n    if (href) {\r\n      return 'a';\r\n    }\r\n\r\n    return 'button';\r\n  };\r\n}\r\n\r\nexport const isMenuItem = (child: React.ReactNode): child is React.ReactElement<MenuItemProps> => {\r\n  return React.isValidElement<MenuItemProps>(child)\r\n    ? Object.prototype.hasOwnProperty.call(child.type, '__MENU_ITEM__')\r\n    : false;\r\n};\r\n"]}

package/components/MenuItem/MenuItem.md

@@ -1,7 +0,0 @@
-```jsx harmony
-import { Link } from '@skbkontur/react-ui';
-
-<MenuItem href="http://tech.skbkontur.ru/react-ui/" component={({ href, ...rest }) => <Link to={href} {...rest} />}>
-  Awesome link
-</MenuItem>;
-```

package/components/MenuItem/MenuItem.styles.js

@@ -1,80 +0,0 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";function _templateObject10() {var data = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      position: absolute;\n      left: 15px;\n      top: 5px;\n    "]);_templateObject10 = function _templateObject10() {return data;};return data;}function _templateObject9() {var data = _taggedTemplateLiteralLoose(["\n      color: #fff;\n      opacity: 0.6;\n    "]);_templateObject9 = function _templateObject9() {return data;};return data;}function _templateObject8() {var data = _taggedTemplateLiteralLoose(["\n      color: #a0a0a0;\n      white-space: normal;\n    "]);_templateObject8 = function _templateObject8() {return data;};return data;}function _templateObject7() {var data = _taggedTemplateLiteralLoose(["\n      & {\n        padding-left: ", ";\n      }\n    "]);_templateObject7 = function _templateObject7() {return data;};return data;}function _templateObject6() {var data = _taggedTemplateLiteralLoose(["\n      padding-left: 15px;\n    "]);_templateObject6 = function _templateObject6() {return data;};return data;}function _templateObject5() {var data = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "]);_templateObject5 = function _templateObject5() {return data;};return data;}function _templateObject4() {var data = _taggedTemplateLiteralLoose(["\n      background: transparent;\n      color: ", ";\n      cursor: default;\n    "]);_templateObject4 = function _templateObject4() {return data;};return data;}function _templateObject3() {var data = _taggedTemplateLiteralLoose(["\n      background: ", ";\n    "]);_templateObject3 = function _templateObject3() {return data;};return data;}function _templateObject2() {var data = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      color: ", " !important;\n    "]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = _taggedTemplateLiteralLoose(["\n      ", ";\n\n      cursor: pointer;\n      display: block;\n      line-height: 18px;\n      padding: 6px 18px 7px 8px;\n      position: relative;\n      text-decoration: none;\n\n      button& {\n        min-width: 100%;\n      }\n    "]);_templateObject = function _templateObject() {return data;};return data;}
-import { css, memoizeStyle } from '../../lib/theming/Emotion';
-import { resetButton } from '../../lib/styles/Mixins';
-
-var styles = {
-  root: function root() {
-    return css(_templateObject(),
-    resetButton());
-
-
-
-
-
-
-
-
-
-
-
-
-  },
-  hover: function hover(t) {
-    // Color with !important in purpose to override `a:hover`
-    return css(_templateObject2(),
-    t.dropdownMenuHoverBg,
-    t.textColorInvert);
-
-  },
-  selected: function selected(t) {
-    return css(_templateObject3(),
-    t.dropdownMenuSelectedBg);
-
-  },
-  disabled: function disabled(t) {
-    return css(_templateObject4(),
-
-    t.textColorDisabled);
-
-
-  },
-  link: function link(t) {
-    return css(_templateObject5(),
-    t.linkColor);
-
-  },
-  loose: function loose() {
-    return css(_templateObject6());
-
-
-  },
-  withIcon: function withIcon(t) {
-    return css(_templateObject7(),
-
-    t.menuItemPaddingForIcon);
-
-
-  },
-  comment: function comment() {
-    return css(_templateObject8());
-
-
-
-  },
-  commentHover: function commentHover() {
-    return css(_templateObject9());
-
-
-
-  },
-  icon: function icon() {
-    return css(_templateObject10());
-
-
-
-
-
-  } };
-
-
-export var jsStyles = memoizeStyle(styles);

package/components/MenuItem/MenuItem.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["MenuItem.styles.ts"],"names":["css","memoizeStyle","resetButton","styles","root","hover","t","dropdownMenuHoverBg","textColorInvert","selected","dropdownMenuSelectedBg","disabled","textColorDisabled","link","linkColor","loose","withIcon","menuItemPaddingForIcon","comment","commentHover","icon","jsStyles"],"mappings":";AACA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;AACA,SAASC,WAAT,QAA4B,yBAA5B;;AAEA,IAAMC,MAAM,GAAG;AACbC,EAAAA,IADa,kBACN;AACL,WAAOJ,GAAP;AACIE,IAAAA,WAAW,EADf;;;;;;;;;;;;;AAcD,GAhBY;AAiBbG,EAAAA,KAjBa,iBAiBPC,CAjBO,EAiBG;AACd;AACA,WAAON,GAAP;AACgBM,IAAAA,CAAC,CAACC,mBADlB;AAEWD,IAAAA,CAAC,CAACE,eAFb;;AAID,GAvBY;AAwBbC,EAAAA,QAxBa,oBAwBJH,CAxBI,EAwBM;AACjB,WAAON,GAAP;AACgBM,IAAAA,CAAC,CAACI,sBADlB;;AAGD,GA5BY;AA6BbC,EAAAA,QA7Ba,oBA6BJL,CA7BI,EA6BM;AACjB,WAAON,GAAP;;AAEWM,IAAAA,CAAC,CAACM,iBAFb;;;AAKD,GAnCY;AAoCbC,EAAAA,IApCa,gBAoCRP,CApCQ,EAoCE;AACb,WAAON,GAAP;AACWM,IAAAA,CAAC,CAACQ,SADb;;AAGD,GAxCY;AAyCbC,EAAAA,KAzCa,mBAyCL;AACN,WAAOf,GAAP;;;AAGD,GA7CY;AA8CbgB,EAAAA,QA9Ca,oBA8CJV,CA9CI,EA8CM;AACjB,WAAON,GAAP;;AAEoBM,IAAAA,CAAC,CAACW,sBAFtB;;;AAKD,GApDY;AAqDbC,EAAAA,OArDa,qBAqDH;AACR,WAAOlB,GAAP;;;;AAID,GA1DY;AA2DbmB,EAAAA,YA3Da,0BA2DE;AACb,WAAOnB,GAAP;;;;AAID,GAhEY;AAiEboB,EAAAA,IAjEa,kBAiEN;AACL,WAAOpB,GAAP;;;;;;AAMD,GAxEY,EAAf;;;AA2EA,OAAO,IAAMqB,QAAQ,GAAGpB,YAAY,CAACE,MAAD,CAA7B","sourcesContent":["import { Theme } from '../../lib/theming/Theme';\r\nimport { css, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { resetButton } from '../../lib/styles/Mixins';\r\n\r\nconst styles = {\r\n  root() {\r\n    return css`\r\n      ${resetButton()};\r\n\r\n      cursor: pointer;\r\n      display: block;\r\n      line-height: 18px;\r\n      padding: 6px 18px 7px 8px;\r\n      position: relative;\r\n      text-decoration: none;\r\n\r\n      button& {\r\n        min-width: 100%;\r\n      }\r\n    `;\r\n  },\r\n  hover(t: Theme) {\r\n    // Color with !important in purpose to override `a:hover`\r\n    return css`\r\n      background: ${t.dropdownMenuHoverBg};\r\n      color: ${t.textColorInvert} !important;\r\n    `;\r\n  },\r\n  selected(t: Theme) {\r\n    return css`\r\n      background: ${t.dropdownMenuSelectedBg};\r\n    `;\r\n  },\r\n  disabled(t: Theme) {\r\n    return css`\r\n      background: transparent;\r\n      color: ${t.textColorDisabled};\r\n      cursor: default;\r\n    `;\r\n  },\r\n  link(t: Theme) {\r\n    return css`\r\n      color: ${t.linkColor};\r\n    `;\r\n  },\r\n  loose() {\r\n    return css`\r\n      padding-left: 15px;\r\n    `;\r\n  },\r\n  withIcon(t: Theme) {\r\n    return css`\r\n      & {\r\n        padding-left: ${t.menuItemPaddingForIcon};\r\n      }\r\n    `;\r\n  },\r\n  comment() {\r\n    return css`\r\n      color: #a0a0a0;\r\n      white-space: normal;\r\n    `;\r\n  },\r\n  commentHover() {\r\n    return css`\r\n      color: #fff;\r\n      opacity: 0.6;\r\n    `;\r\n  },\r\n  icon() {\r\n    return css`\r\n      display: inline-block;\r\n      position: absolute;\r\n      left: 15px;\r\n      top: 5px;\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}

package/components/MenuItem/index.js

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

package/components/MenuItem/index.js.map

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

package/components/MenuSeparator/MenuSeparator.js

@@ -1,18 +0,0 @@
-import React, { useContext } from 'react';
-
-import { ThemeContext } from '../../lib/theming/ThemeContext';
-
-import { jsStyles } from './MenuSeparator.styles';
-
-/**
-                                                    * Разделитель в меню.
-                                                    */
-function MenuSeparator() {
-  var theme = useContext(ThemeContext);
-
-  return React.createElement("div", { className: jsStyles.root(theme) });
-}
-
-MenuSeparator.__KONTUR_REACT_UI__ = 'MenuSeparator';
-
-export { MenuSeparator };

package/components/MenuSeparator/MenuSeparator.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["MenuSeparator.tsx"],"names":["React","useContext","ThemeContext","jsStyles","MenuSeparator","theme","root","__KONTUR_REACT_UI__"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;;AAEA,SAASC,YAAT,QAA6B,gCAA7B;;AAEA,SAASC,QAAT,QAAyB,wBAAzB;;AAEA;;;AAGA,SAASC,aAAT,GAAyB;AACvB,MAAMC,KAAK,GAAGJ,UAAU,CAACC,YAAD,CAAxB;;AAEA,SAAO,6BAAK,SAAS,EAAEC,QAAQ,CAACG,IAAT,CAAcD,KAAd,CAAhB,GAAP;AACD;;AAEDD,aAAa,CAACG,mBAAd,GAAoC,eAApC;;AAEA,SAASH,aAAT","sourcesContent":["import React, { useContext } from 'react';\r\n\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\n\r\nimport { jsStyles } from './MenuSeparator.styles';\r\n\r\n/**\r\n * Разделитель в меню.\r\n */\r\nfunction MenuSeparator() {\r\n  const theme = useContext(ThemeContext);\r\n\r\n  return <div className={jsStyles.root(theme)} />;\r\n}\r\n\r\nMenuSeparator.__KONTUR_REACT_UI__ = 'MenuSeparator';\r\n\r\nexport { MenuSeparator };\r\n"]}

package/components/MenuSeparator/MenuSeparator.styles.js

@@ -1,13 +0,0 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";function _templateObject() {var data = _taggedTemplateLiteralLoose(["\n      margin: 5px 0;\n      border-top: 1px solid ", ";\n    "]);_templateObject = function _templateObject() {return data;};return data;}import { css, memoizeStyle } from '../../lib/theming/Emotion';
-
-
-var styles = {
-  root: function root(t) {
-    return css(_templateObject(),
-
-    t.menuSeparatorBorderColor);
-
-  } };
-
-
-export var jsStyles = memoizeStyle(styles);

package/components/MenuSeparator/MenuSeparator.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["MenuSeparator.styles.ts"],"names":["css","memoizeStyle","styles","root","t","menuSeparatorBorderColor","jsStyles"],"mappings":"iTAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;;AAGA,IAAMC,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,WAAOJ,GAAP;;AAE0BI,IAAAA,CAAC,CAACC,wBAF5B;;AAID,GANY,EAAf;;;AASA,OAAO,IAAMC,QAAQ,GAAGL,YAAY,CAACC,MAAD,CAA7B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nconst styles = {\r\n  root(t: Theme) {\r\n    return css`\r\n      margin: 5px 0;\r\n      border-top: 1px solid ${t.menuSeparatorBorderColor};\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}

package/components/MenuSeparator/index.js

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

package/components/MenuSeparator/index.js.map

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

package/components/Modal/Modal.js

@@ -1,296 +0,0 @@
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";import React from 'react';
-import FocusLock from 'react-focus-lock';
-import cn from 'classnames';
-
-import { isKeyEscape } from '../../lib/events/keyboard/identifiers';
-import * as LayoutEvents from '../../lib/LayoutEvents';
-import { RenderContainer } from '../RenderContainer';
-import { ZIndex } from '../ZIndex';
-import { stopPropagation } from '../../lib/events/stopPropagation';
-import { HideBodyVerticalScroll } from '../HideBodyVerticalScroll';
-import { ModalStack } from '../ModalStack';
-import { ResizeDetector } from '../internal/ResizeDetector';
-import { ThemeContext } from '../../lib/theming/ThemeContext';
-
-import { isIE11 } from '../../lib/utils';
-
-import { ModalContext } from './ModalContext';
-import { ModalFooter } from './ModalFooter';
-import { ModalHeader } from './ModalHeader';
-import { isBody, isFooter, isHeader } from './helpers';
-import { ModalBody } from './ModalBody';
-import { ModalClose } from './ModalClose';
-import { jsStyles } from './Modal.styles';
-
-var mountedModalsCount = 0;
-
-// NOTE: в ie нормально не работает
-var isDisableFocusLock = isIE11;
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-/**
-                                  * Модальное окно
-                                  *
-                                  * Содержит в себе три компоненты: **Modal.Header**,
-                                  * **Modal.Body** и **Modal.Footer**
-                                  *
-                                  * Для отображения серой плашки в футере в компонент
-                                  * **Footer** необходимо передать пропс **panel**
-                                  *
-                                  * Для отключения прилипания шапки и футера
-                                  * в соответствующий компонет нужно передать
-                                  * проп **sticky** со значением **false**
-                                  * (по-умолчанию прилипание включено)
-                                  */
-export var Modal = /*#__PURE__*/function (_React$Component) {_inheritsLoose(Modal, _React$Component);function Modal() {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 = {
-      stackPosition: 0,
-      horizontalScroll: false };_this.
-
-
-    theme = void 0;_this.
-    stackSubscription = null;_this.
-    containerNode = null;_this.
-    mouseDownTarget = null;_this.
-    mouseUpTarget = null;_this.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    requestClose = function () {
-      if (_this.props.disableClose) {
-        return;
-      }
-      if (_this.props.onClose) {
-        _this.props.onClose();
-      }
-    };_this.
-
-    refContainer = function (center) {
-      _this.containerNode = center;
-    };_this.
-
-    handleStackChange = function (stack) {
-      _this.setState({ stackPosition: stack.indexOf(_assertThisInitialized(_this)) });
-    };_this.
-
-    handleContainerMouseDown = function (event) {
-      _this.mouseDownTarget = event.target;
-    };_this.
-
-    handleContainerMouseUp = function (event) {
-      _this.mouseUpTarget = event.target;
-    };_this.
-
-    handleContainerClick = function (event) {
-      if (!_this.props.ignoreBackgroundClick) {var
-        target = event.target,currentTarget = event.currentTarget;
-        if (target === currentTarget && _this.mouseDownTarget === currentTarget && _this.mouseUpTarget === currentTarget) {
-          _this.requestClose();
-        }
-      }
-    };_this.
-
-    handleKeyDown = function (e) {
-      if (_this.state.stackPosition !== 0) {
-        return;
-      }
-      if (isKeyEscape(e)) {
-        stopPropagation(e);
-        _this.requestClose();
-      }
-    };_this.
-
-    checkHorizontalScrollAppearance = function () {
-      var hasScroll = false;
-
-      if (_this.containerNode) {
-        var containerClientWidth = _this.containerNode.clientWidth;
-        var containerScrollWidth = _this.containerNode.scrollWidth;
-        hasScroll = containerClientWidth < containerScrollWidth;
-      }
-      if (hasScroll && !_this.state.horizontalScroll) {
-        _this.setState({ horizontalScroll: true });
-      } else if (_this.state.horizontalScroll) {
-        _this.setState({ horizontalScroll: false });
-      }
-    };_this.
-
-    handleResize = function (event) {
-      LayoutEvents.emit();
-    };return _this;}var _proto = Modal.prototype;_proto.componentDidMount = function componentDidMount() {this.stackSubscription = ModalStack.add(this, this.handleStackChange);if (mountedModalsCount === 0) {window.addEventListener('resize', this.checkHorizontalScrollAppearance);}mountedModalsCount++;window.addEventListener('keydown', this.handleKeyDown);this.checkHorizontalScrollAppearance();if (this.containerNode) {this.containerNode.addEventListener('scroll', LayoutEvents.emit);}};_proto.componentWillUnmount = function componentWillUnmount() {if (--mountedModalsCount === 0) {window.removeEventListener('resize', this.checkHorizontalScrollAppearance);LayoutEvents.emit();}window.removeEventListener('keydown', this.handleKeyDown);if (this.stackSubscription != null) {this.stackSubscription.remove();}ModalStack.remove(this);if (this.containerNode) {this.containerNode.removeEventListener('scroll', LayoutEvents.emit);}};_proto.render = function render() {var _this2 = this;return React.createElement(ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _cn;var hasHeader = false;var hasFooter = false;var hasPanel = false;React.Children.toArray(this.props.children).forEach(function (child) {if (isHeader(child)) {hasHeader = true;}if (isFooter(child)) {hasFooter = true;if (child.props.panel) {hasPanel = true;}}});var modalContextProps = { hasHeader: hasHeader, horizontalScroll: this.state.horizontalScroll };if (hasHeader && !this.props.noClose) {modalContextProps.close = { disableClose: this.props.disableClose, requestClose: this.requestClose };}if (!hasFooter) {modalContextProps.additionalPadding = true;}if (hasFooter && hasPanel) {modalContextProps.additionalPadding = true;}var style = {};var containerStyle = {};if (this.props.width) {style.width = this.props.width;} else {containerStyle.width = 'auto';}return React.createElement(RenderContainer, null, React.createElement(ZIndex, { priority: 'Modal', className: jsStyles.root() }, React.createElement(HideBodyVerticalScroll, null), this.state.stackPosition === 0 && React.createElement("div", { className: jsStyles.bg(this.theme) }), React.createElement("div", { ref: this.refContainer, className: jsStyles.container(), onMouseDown: this.handleContainerMouseDown, onMouseUp: this.handleContainerMouseUp, onClick: this.handleContainerClick, "data-tid": "modal-container" }, React.createElement("div", { className: cn((_cn = {}, _cn[jsStyles.centerContainer(this.theme)] = true, _cn[jsStyles.alignTop(this.theme)] = Boolean(this.props.alignTop), _cn)), style: containerStyle, "data-tid": "modal-content" }, React.createElement("div", { className: jsStyles.window(this.theme), style: style }, React.createElement(ResizeDetector, { onResize: this.handleResize }, React.createElement(FocusLock, { disabled: isDisableFocusLock, autoFocus: false }, !hasHeader && !this.props.noClose ? React.createElement(ZIndex, { priority: 'ModalCross', className: jsStyles.closeWrapper() }, React.createElement(ModalClose, { requestClose: this.requestClose, disableClose: this.props.disableClose })) : null, React.createElement(ModalContext.Provider, { value: modalContextProps }, this.props.children))))))));};return Modal;}(React.Component);Modal.__KONTUR_REACT_UI__ = 'Modal';Modal.Header = ModalHeader;Modal.Body = ModalBody;Modal.Footer = ModalFooter;Modal.propTypes = { children: function children(props, propName, componentName) {if (React.Children.toArray(props[propName]).some(function (child) {return !isHeader(child) && !isBody(child) && !isFooter(child);})) {return new Error("Only 'Header/Body/Footer' components are allowed for '" + propName + "' prop of '" + componentName + "' component");}} };

package/components/Modal/Modal.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["Modal.tsx"],"names":["React","FocusLock","cn","isKeyEscape","LayoutEvents","RenderContainer","ZIndex","stopPropagation","HideBodyVerticalScroll","ModalStack","ResizeDetector","ThemeContext","isIE11","ModalContext","ModalFooter","ModalHeader","isBody","isFooter","isHeader","ModalBody","ModalClose","jsStyles","mountedModalsCount","isDisableFocusLock","Modal","state","stackPosition","horizontalScroll","theme","stackSubscription","containerNode","mouseDownTarget","mouseUpTarget","requestClose","props","disableClose","onClose","refContainer","center","handleStackChange","stack","setState","indexOf","handleContainerMouseDown","event","target","handleContainerMouseUp","handleContainerClick","ignoreBackgroundClick","currentTarget","handleKeyDown","e","checkHorizontalScrollAppearance","hasScroll","containerClientWidth","clientWidth","containerScrollWidth","scrollWidth","handleResize","emit","componentDidMount","add","window","addEventListener","componentWillUnmount","removeEventListener","remove","render","renderMain","hasHeader","hasFooter","hasPanel","Children","toArray","children","forEach","child","panel","modalContextProps","noClose","close","additionalPadding","style","containerStyle","width","root","bg","container","centerContainer","alignTop","Boolean","closeWrapper","Component","__KONTUR_REACT_UI__","Header","Body","Footer","propTypes","propName","componentName","some","Error"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport FocusLock from 'react-focus-lock';\r\nimport cn from 'classnames';\r\n\r\nimport { isKeyEscape } from '../../lib/events/keyboard/identifiers';\r\nimport * as LayoutEvents from '../../lib/LayoutEvents';\r\nimport { RenderContainer } from '../RenderContainer';\r\nimport { ZIndex } from '../ZIndex';\r\nimport { stopPropagation } from '../../lib/events/stopPropagation';\r\nimport { HideBodyVerticalScroll } from '../HideBodyVerticalScroll';\r\nimport { ModalStack, ModalStackSubscription } from '../ModalStack';\r\nimport { ResizeDetector } from '../internal/ResizeDetector';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { isIE11 } from '../../lib/utils';\r\n\r\nimport { ModalContext, ModalContextProps } from './ModalContext';\r\nimport { ModalFooter } from './ModalFooter';\r\nimport { ModalHeader } from './ModalHeader';\r\nimport { isBody, isFooter, isHeader } from './helpers';\r\nimport { ModalBody } from './ModalBody';\r\nimport { ModalClose } from './ModalClose';\r\nimport { jsStyles } from './Modal.styles';\r\n\r\nlet mountedModalsCount = 0;\r\n\r\n// NOTE: в ie нормально не работает\r\nconst isDisableFocusLock = isIE11;\r\n\r\nexport interface ModalProps {\r\n  /**\r\n   * Отключает событие onClose, также дизейблит кнопку закрытия модалки\r\n   */\r\n  disableClose?: boolean;\r\n\r\n  /**\r\n   * Выравнивание окна по верху страницы.\r\n   */\r\n  alignTop?: boolean;\r\n\r\n  /**\r\n   * Не закрывать окно при клике на фон.\r\n   */\r\n  ignoreBackgroundClick?: boolean;\r\n\r\n  /**\r\n   * Не показывать крестик для закрытия окна.\r\n   */\r\n  noClose?: boolean;\r\n  width?: number | string;\r\n\r\n  /**\r\n   * Вызывается, когда пользователь запросил закрытие окна (нажал на фон, на\r\n   * Escape или на крестик).\r\n   */\r\n  onClose?: () => void;\r\n}\r\n\r\nexport interface ModalState {\r\n  stackPosition: number;\r\n  horizontalScroll: boolean;\r\n}\r\n\r\n/**\r\n * Модальное окно\r\n *\r\n * Содержит в себе три компоненты: **Modal.Header**,\r\n * **Modal.Body** и **Modal.Footer**\r\n *\r\n * Для отображения серой плашки в футере в компонент\r\n * **Footer** необходимо передать пропс **panel**\r\n *\r\n * Для отключения прилипания шапки и футера\r\n * в соответствующий компонет нужно передать\r\n * проп **sticky** со значением **false**\r\n * (по-умолчанию прилипание включено)\r\n */\r\nexport class Modal extends React.Component<ModalProps, ModalState> {\r\n  public static __KONTUR_REACT_UI__ = 'Modal';\r\n\r\n  public static Header = ModalHeader;\r\n  public static Body = ModalBody;\r\n  public static Footer = ModalFooter;\r\n\r\n  public static propTypes = {\r\n    children(props: ModalProps, propName: keyof ModalProps, componentName: string) {\r\n      if (\r\n        React.Children.toArray(props[propName]).some(child => !isHeader(child) && !isBody(child) && !isFooter(child))\r\n      ) {\r\n        return new Error(\r\n          `Only 'Header/Body/Footer' components are allowed for '${propName}' prop of '${componentName}' component`,\r\n        );\r\n      }\r\n    },\r\n  };\r\n\r\n  public state: ModalState = {\r\n    stackPosition: 0,\r\n    horizontalScroll: false,\r\n  };\r\n\r\n  private theme!: Theme;\r\n  private stackSubscription: ModalStackSubscription | null = null;\r\n  private containerNode: HTMLDivElement | null = null;\r\n  private mouseDownTarget: EventTarget | null = null;\r\n  private mouseUpTarget: EventTarget | null = null;\r\n\r\n  public componentDidMount() {\r\n    this.stackSubscription = ModalStack.add(this, this.handleStackChange);\r\n\r\n    if (mountedModalsCount === 0) {\r\n      window.addEventListener('resize', this.checkHorizontalScrollAppearance);\r\n    }\r\n\r\n    mountedModalsCount++;\r\n    window.addEventListener('keydown', this.handleKeyDown);\r\n    this.checkHorizontalScrollAppearance();\r\n\r\n    if (this.containerNode) {\r\n      this.containerNode.addEventListener('scroll', LayoutEvents.emit);\r\n    }\r\n  }\r\n\r\n  public componentWillUnmount() {\r\n    if (--mountedModalsCount === 0) {\r\n      window.removeEventListener('resize', this.checkHorizontalScrollAppearance);\r\n      LayoutEvents.emit();\r\n    }\r\n\r\n    window.removeEventListener('keydown', this.handleKeyDown);\r\n    if (this.stackSubscription != null) {\r\n      this.stackSubscription.remove();\r\n    }\r\n    ModalStack.remove(this);\r\n\r\n    if (this.containerNode) {\r\n      this.containerNode.removeEventListener('scroll', LayoutEvents.emit);\r\n    }\r\n  }\r\n\r\n  public render(): JSX.Element {\r\n    return (\r\n      <ThemeContext.Consumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return this.renderMain();\r\n        }}\r\n      </ThemeContext.Consumer>\r\n    );\r\n  }\r\n\r\n  private renderMain() {\r\n    let hasHeader = false;\r\n    let hasFooter = false;\r\n    let hasPanel = false;\r\n\r\n    React.Children.toArray(this.props.children).forEach(child => {\r\n      if (isHeader(child)) {\r\n        hasHeader = true;\r\n      }\r\n      if (isFooter(child)) {\r\n        hasFooter = true;\r\n        if (child.props.panel) {\r\n          hasPanel = true;\r\n        }\r\n      }\r\n    });\r\n\r\n    const modalContextProps: ModalContextProps = {\r\n      hasHeader,\r\n      horizontalScroll: this.state.horizontalScroll,\r\n    };\r\n    if (hasHeader && !this.props.noClose) {\r\n      modalContextProps.close = {\r\n        disableClose: this.props.disableClose,\r\n        requestClose: this.requestClose,\r\n      };\r\n    }\r\n    if (!hasFooter) {\r\n      modalContextProps.additionalPadding = true;\r\n    }\r\n    if (hasFooter && hasPanel) {\r\n      modalContextProps.additionalPadding = true;\r\n    }\r\n\r\n    const style: { width?: number | string } = {};\r\n    const containerStyle: { width?: number | string } = {};\r\n\r\n    if (this.props.width) {\r\n      style.width = this.props.width;\r\n    } else {\r\n      containerStyle.width = 'auto';\r\n    }\r\n\r\n    return (\r\n      <RenderContainer>\r\n        <ZIndex priority={'Modal'} className={jsStyles.root()}>\r\n          <HideBodyVerticalScroll />\r\n          {this.state.stackPosition === 0 && <div className={jsStyles.bg(this.theme)} />}\r\n          <div\r\n            ref={this.refContainer}\r\n            className={jsStyles.container()}\r\n            onMouseDown={this.handleContainerMouseDown}\r\n            onMouseUp={this.handleContainerMouseUp}\r\n            onClick={this.handleContainerClick}\r\n            data-tid=\"modal-container\"\r\n          >\r\n            <div\r\n              className={cn({\r\n                [jsStyles.centerContainer(this.theme)]: true,\r\n                [jsStyles.alignTop(this.theme)]: Boolean(this.props.alignTop),\r\n              })}\r\n              style={containerStyle}\r\n              data-tid=\"modal-content\"\r\n            >\r\n              <div className={jsStyles.window(this.theme)} style={style}>\r\n                <ResizeDetector onResize={this.handleResize}>\r\n                  <FocusLock disabled={isDisableFocusLock} autoFocus={false}>\r\n                    {!hasHeader && !this.props.noClose ? (\r\n                      <ZIndex priority={'ModalCross'} className={jsStyles.closeWrapper()}>\r\n                        <ModalClose requestClose={this.requestClose} disableClose={this.props.disableClose} />\r\n                      </ZIndex>\r\n                    ) : null}\r\n                    <ModalContext.Provider value={modalContextProps}>{this.props.children}</ModalContext.Provider>\r\n                  </FocusLock>\r\n                </ResizeDetector>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </ZIndex>\r\n      </RenderContainer>\r\n    );\r\n  }\r\n\r\n  private requestClose = () => {\r\n    if (this.props.disableClose) {\r\n      return;\r\n    }\r\n    if (this.props.onClose) {\r\n      this.props.onClose();\r\n    }\r\n  };\r\n\r\n  private refContainer = (center: HTMLDivElement | null) => {\r\n    this.containerNode = center;\r\n  };\r\n\r\n  private handleStackChange = (stack: ReadonlyArray<React.Component>) => {\r\n    this.setState({ stackPosition: stack.indexOf(this) });\r\n  };\r\n\r\n  private handleContainerMouseDown = (event: React.MouseEvent) => {\r\n    this.mouseDownTarget = event.target;\r\n  };\r\n\r\n  private handleContainerMouseUp = (event: React.MouseEvent) => {\r\n    this.mouseUpTarget = event.target;\r\n  };\r\n\r\n  private handleContainerClick = (event: React.MouseEvent<HTMLDivElement>) => {\r\n    if (!this.props.ignoreBackgroundClick) {\r\n      const { target, currentTarget } = event;\r\n      if (target === currentTarget && this.mouseDownTarget === currentTarget && this.mouseUpTarget === currentTarget) {\r\n        this.requestClose();\r\n      }\r\n    }\r\n  };\r\n\r\n  private handleKeyDown = (e: KeyboardEvent) => {\r\n    if (this.state.stackPosition !== 0) {\r\n      return;\r\n    }\r\n    if (isKeyEscape(e)) {\r\n      stopPropagation(e);\r\n      this.requestClose();\r\n    }\r\n  };\r\n\r\n  private checkHorizontalScrollAppearance = () => {\r\n    let hasScroll = false;\r\n\r\n    if (this.containerNode) {\r\n      const containerClientWidth = this.containerNode.clientWidth;\r\n      const containerScrollWidth = this.containerNode.scrollWidth;\r\n      hasScroll = containerClientWidth < containerScrollWidth;\r\n    }\r\n    if (hasScroll && !this.state.horizontalScroll) {\r\n      this.setState({ horizontalScroll: true });\r\n    } else if (this.state.horizontalScroll) {\r\n      this.setState({ horizontalScroll: false });\r\n    }\r\n  };\r\n\r\n  private handleResize = (event: UIEvent) => {\r\n    LayoutEvents.emit();\r\n  };\r\n}\r\n"]}

package/components/Modal/Modal.md

@@ -1,37 +0,0 @@
-```jsx harmony
-import { Button, Toggle } from '@skbkontur/react-ui';
-
-let initialState = { opened: false };
-
-function renderModal() {
-  return (
-    <Modal onClose={close}>
-      <Modal.Header>Title</Modal.Header>
-      <Modal.Body>
-        <p>Use rxjs operators with react hooks</p>
-
-        <div>
-          <Toggle checked={state.panel} onValueChange={() => setState(({ panel }) => ({ panel: !panel }))} /> Panel{' '}
-          {state.panel ? 'enabled' : 'disabled'}
-        </div>
-      </Modal.Body>
-      <Modal.Footer panel={state.panel}>
-        <Button onClick={close}>Close</Button>
-      </Modal.Footer>
-    </Modal>
-  );
-}
-
-function open() {
-  setState({ opened: true });
-}
-
-function close() {
-  setState({ opened: false });
-}
-
-<div>
-  {state.opened && renderModal()}
-  <Button onClick={open}>Open</Button>
-</div>;
-```