@skbkontur/react-ui 0.0.0-8fc80072ce → 0.0.0-942b5aade9

package/components/Hint/Hint.js

@@ -1,164 +0,0 @@
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";import React from 'react';
-import cn from 'classnames';
-
-import { Popup } from '../Popup';
-
-
-
-import { jsStyles } from './Hint.styles';
-
-var HINT_BACKGROUND_COLOR = 'rgba(51, 51, 51, 0.8)';
-var HINT_BORDER_COLOR = 'transparent';
-var POPUP_MARGIN = 15;
-var PIN_OFFSET = 8;
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var Positions = [
-'top center',
-'top left',
-'top right',
-'bottom center',
-'bottom left',
-'bottom right',
-'left middle',
-'left top',
-'left bottom',
-'right middle',
-'right top',
-'right bottom'];
-
-
-export var Hint = /*#__PURE__*/function (_React$Component) {_inheritsLoose(Hint, _React$Component);function Hint() {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 = {
-      opened: _this.props.manual ? !!_this.props.opened : false };_this.
-
-
-    timer = null;_this.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    getPositions = function () {
-      return Positions.filter(function (x) {return x.startsWith(_this.props.pos);});
-    };_this.
-
-    handleMouseEnter = function (e) {
-      if (!_this.props.manual && !_this.timer) {
-        _this.timer = window.setTimeout(_this.open, 400);
-      }
-
-      if (_this.props.onMouseEnter) {
-        _this.props.onMouseEnter(e);
-      }
-    };_this.
-
-    handleMouseLeave = function (e) {
-      if (!_this.props.manual && _this.timer) {
-        clearTimeout(_this.timer);
-        _this.timer = null;
-        _this.setState({ opened: false });
-      }
-
-      if (_this.props.onMouseLeave) {
-        _this.props.onMouseLeave(e);
-      }
-    };_this.
-
-    open = function () {
-      _this.setState({ opened: true });
-    };return _this;}var _proto = Hint.prototype;_proto.UNSAFE_componentWillReceiveProps = function UNSAFE_componentWillReceiveProps(nextProps) {if (!nextProps.manual) {return;}if (nextProps.opened !== this.props.opened) {this.setState({ opened: !!nextProps.opened });}};_proto.componentWillUnmount = function componentWillUnmount() {if (this.timer) {clearTimeout(this.timer);this.timer = null;}};_proto.render = function render() {return React.createElement(Popup, { hasPin: true, margin: POPUP_MARGIN, opened: this.state.opened, anchorElement: this.props.children, positions: this.getPositions(), backgroundColor: HINT_BACKGROUND_COLOR, borderColor: HINT_BORDER_COLOR, disableAnimations: this.props.disableAnimations, pinOffset: PIN_OFFSET, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, useWrapper: this.props.useWrapper }, this.renderContent());};_proto.renderContent = function renderContent() {var _cn;if (!this.props.text) {return null;}var _this$props = this.props,pos = _this$props.pos,maxWidth = _this$props.maxWidth;var className = cn((_cn = {}, _cn[jsStyles.content()] = true, _cn[jsStyles.contentCenter()] = pos === 'top' || pos === 'bottom', _cn));return React.createElement("div", { className: className, style: { maxWidth: maxWidth } }, this.props.text);};return Hint;}(React.Component);Hint.__KONTUR_REACT_UI__ = 'Hint';Hint.defaultProps = { pos: 'top', manual: false, opened: false, maxWidth: 200, disableAnimations: Boolean(process.env.enableReactTesting), useWrapper: true };

package/components/Hint/Hint.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["Hint.tsx"],"names":["React","cn","Popup","jsStyles","HINT_BACKGROUND_COLOR","HINT_BORDER_COLOR","POPUP_MARGIN","PIN_OFFSET","Positions","Hint","state","opened","props","manual","timer","getPositions","filter","x","startsWith","pos","handleMouseEnter","e","window","setTimeout","open","onMouseEnter","handleMouseLeave","clearTimeout","setState","onMouseLeave","UNSAFE_componentWillReceiveProps","nextProps","componentWillUnmount","render","children","disableAnimations","useWrapper","renderContent","text","maxWidth","className","content","contentCenter","Component","__KONTUR_REACT_UI__","defaultProps","Boolean","process","env","enableReactTesting"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport cn from 'classnames';\r\n\r\nimport { Popup, PopupPosition } from '../Popup';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { MouseEventType } from '../../typings/event-types';\r\n\r\nimport { jsStyles } from './Hint.styles';\r\n\r\nconst HINT_BACKGROUND_COLOR = 'rgba(51, 51, 51, 0.8)';\r\nconst HINT_BORDER_COLOR = 'transparent';\r\nconst POPUP_MARGIN = 15;\r\nconst PIN_OFFSET = 8;\r\n\r\nexport interface HintProps {\r\n  children?: React.ReactNode;\r\n  manual?: boolean;\r\n  maxWidth?: React.CSSProperties['maxWidth'];\r\n  onMouseEnter?: (event: MouseEventType) => void;\r\n  onMouseLeave?: (event: MouseEventType) => void;\r\n  opened?: boolean;\r\n  pos:\r\n    | 'top'\r\n    | 'right'\r\n    | 'bottom'\r\n    | 'left'\r\n    | 'top left'\r\n    | 'top center'\r\n    | 'top right'\r\n    | 'bottom left'\r\n    | 'bottom center'\r\n    | 'bottom right'\r\n    | 'left top'\r\n    | 'left middle'\r\n    | 'left bottom'\r\n    | 'right top'\r\n    | 'right middle'\r\n    | 'right bottom';\r\n  text: React.ReactNode;\r\n  disableAnimations: boolean;\r\n  useWrapper: boolean;\r\n}\r\n\r\nexport interface HintState {\r\n  opened: boolean;\r\n}\r\n\r\nconst Positions: PopupPosition[] = [\r\n  'top center',\r\n  'top left',\r\n  'top right',\r\n  'bottom center',\r\n  'bottom left',\r\n  'bottom right',\r\n  'left middle',\r\n  'left top',\r\n  'left bottom',\r\n  'right middle',\r\n  'right top',\r\n  'right bottom',\r\n];\r\n\r\nexport class Hint extends React.Component<HintProps, HintState> {\r\n  public static __KONTUR_REACT_UI__ = 'Hint';\r\n\r\n  public static defaultProps = {\r\n    pos: 'top',\r\n    manual: false,\r\n    opened: false,\r\n    maxWidth: 200,\r\n    disableAnimations: Boolean(process.env.enableReactTesting),\r\n    useWrapper: true,\r\n  };\r\n\r\n  public state: HintState = {\r\n    opened: this.props.manual ? !!this.props.opened : false,\r\n  };\r\n\r\n  private timer: Nullable<number> = null;\r\n\r\n  public UNSAFE_componentWillReceiveProps(nextProps: HintProps) {\r\n    if (!nextProps.manual) {\r\n      return;\r\n    }\r\n\r\n    if (nextProps.opened !== this.props.opened) {\r\n      this.setState({ opened: !!nextProps.opened });\r\n    }\r\n  }\r\n\r\n  public componentWillUnmount() {\r\n    if (this.timer) {\r\n      clearTimeout(this.timer);\r\n      this.timer = null;\r\n    }\r\n  }\r\n\r\n  public render() {\r\n    return (\r\n      <Popup\r\n        hasPin\r\n        margin={POPUP_MARGIN}\r\n        opened={this.state.opened}\r\n        anchorElement={this.props.children}\r\n        positions={this.getPositions()}\r\n        backgroundColor={HINT_BACKGROUND_COLOR}\r\n        borderColor={HINT_BORDER_COLOR}\r\n        disableAnimations={this.props.disableAnimations}\r\n        pinOffset={PIN_OFFSET}\r\n        onMouseEnter={this.handleMouseEnter}\r\n        onMouseLeave={this.handleMouseLeave}\r\n        useWrapper={this.props.useWrapper}\r\n      >\r\n        {this.renderContent()}\r\n      </Popup>\r\n    );\r\n  }\r\n\r\n  private renderContent() {\r\n    if (!this.props.text) {\r\n      return null;\r\n    }\r\n\r\n    const { pos, maxWidth } = this.props;\r\n    const className = cn({\r\n      [jsStyles.content()]: true,\r\n      [jsStyles.contentCenter()]: pos === 'top' || pos === 'bottom',\r\n    });\r\n    return (\r\n      <div className={className} style={{ maxWidth }}>\r\n        {this.props.text}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private getPositions = (): PopupPosition[] => {\r\n    return Positions.filter(x => x.startsWith(this.props.pos));\r\n  };\r\n\r\n  private handleMouseEnter = (e: MouseEventType) => {\r\n    if (!this.props.manual && !this.timer) {\r\n      this.timer = window.setTimeout(this.open, 400);\r\n    }\r\n\r\n    if (this.props.onMouseEnter) {\r\n      this.props.onMouseEnter(e);\r\n    }\r\n  };\r\n\r\n  private handleMouseLeave = (e: MouseEventType) => {\r\n    if (!this.props.manual && this.timer) {\r\n      clearTimeout(this.timer);\r\n      this.timer = null;\r\n      this.setState({ opened: false });\r\n    }\r\n\r\n    if (this.props.onMouseLeave) {\r\n      this.props.onMouseLeave(e);\r\n    }\r\n  };\r\n\r\n  private open = () => {\r\n    this.setState({ opened: true });\r\n  };\r\n}\r\n"]}

package/components/Hint/Hint.styles.js

@@ -1,24 +0,0 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";function _templateObject2() {var data = _taggedTemplateLiteralLoose(["\n      text-align: center;\n    "]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = _taggedTemplateLiteralLoose(["\n      box-sizing: border-box;\n      color: #fff;\n      font-size: 14px;\n      max-width: 200px;\n      overflow-wrap: break-word;\n      padding: 6px 8px;\n      word-break: break-word;\n      word-wrap: break-word;\n    "]);_templateObject = function _templateObject() {return data;};return data;}import { css, memoizeStyle } from '../../lib/theming/Emotion';
-
-var styles = {
-  content: function content() {
-    return css(_templateObject());
-
-
-
-
-
-
-
-
-
-  },
-
-  contentCenter: function contentCenter() {
-    return css(_templateObject2());
-
-
-  } };
-
-
-export var jsStyles = memoizeStyle(styles);

package/components/Hint/Hint.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["Hint.styles.ts"],"names":["css","memoizeStyle","styles","content","contentCenter","jsStyles"],"mappings":"0oBAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;AAEA,IAAMC,MAAM,GAAG;AACbC,EAAAA,OADa,qBACH;AACR,WAAOH,GAAP;;;;;;;;;;AAUD,GAZY;;AAcbI,EAAAA,aAda,2BAcG;AACd,WAAOJ,GAAP;;;AAGD,GAlBY,EAAf;;;AAqBA,OAAO,IAAMK,QAAQ,GAAGJ,YAAY,CAACC,MAAD,CAA7B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\n\r\nconst styles = {\r\n  content() {\r\n    return css`\r\n      box-sizing: border-box;\r\n      color: #fff;\r\n      font-size: 14px;\r\n      max-width: 200px;\r\n      overflow-wrap: break-word;\r\n      padding: 6px 8px;\r\n      word-break: break-word;\r\n      word-wrap: break-word;\r\n    `;\r\n  },\r\n\r\n  contentCenter() {\r\n    return css`\r\n      text-align: center;\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}

package/components/Hint/index.js

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

package/components/Hint/index.js.map

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

package/components/Icon/Icon.md

@@ -1,64 +0,0 @@
-Для использования иконок необходимо установить пакет `@skbkontur/react-icons`
-
-<details><summary>Props</summary>
-
-```typescript
-type IconProps = {
-  color?: string;
-  name: IconName;
-  size?: number | string;
-};
-
-type IconName =
-  | 'Menu'
-  | 'Add'
-  | 'ArchivePack'
-  | 'ArchiveUnpack'
-  | 'Attach'
-  | 'Baby'
-  | 'Backward'
-  | 'BarcodeScanner'
-  | 'Briefcase'
-  | 'Calculator'
-  | 'Calendar'
-  | 'Card'
-  | 'Certificate'
-  | 'Clear'
-  | ... 218 more ...
-  | 'Infiniti';
-```
-
-</details>
-
-Все иконки
-
-```jsx harmony
-import Icon from '@skbkontur/react-icons';
-import { Gapped, Tooltip } from '@skbkontur/react-ui';
-
-<Gapped vertical>
-  <div>Имя показывается при наведении:</div>
-  <Gapped wrap>
-    {Object.keys(Icon).map(name => (
-      <Tooltip key={name} render={() => name}>
-        <Icon name={name} />
-      </Tooltip>
-    ))}
-  </Gapped>
-</Gapped>;
-```
-
-Варианты использования иконок.
-Для уменьшения размера бандла рекомендуется использовать компонент с конкретной иконкой
-
-```jsx harmony
-import { Gapped } from '@skbkontur/react-ui';
-import OkIcon from '@skbkontur/react-icons/Ok';
-import Icon from '@skbkontur/react-icons';
-
-<Gapped gap={20}>
-  <OkIcon size={16} color="red" />
-  <Icon.Ok size={24} color="green" />
-  <Icon name="Ok" size={32} color="blue" />
-</Gapped>;
-```

package/components/IgnoreLayerClick/IgnoreLayerClick.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-export interface IgnoreLayerClickProps {
-    children: React.ReactNode;
-    active: boolean;
-}
-export declare class IgnoreLayerClick extends React.Component<IgnoreLayerClickProps> {
-    render(): {} | null | undefined;
-}

package/components/IgnoreLayerClick/IgnoreLayerClick.js

@@ -1,47 +0,0 @@
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";import React from 'react';
-import { findDOMNode } from 'react-dom';
-
-
-
-
-
-
-export var IgnoreLayerClick = /*#__PURE__*/function (_React$Component) {_inheritsLoose(IgnoreLayerClick, _React$Component);function IgnoreLayerClick() {return _React$Component.apply(this, arguments) || this;}var _proto = IgnoreLayerClick.prototype;_proto.
-  render = function render() {
-    var child = React.Children.only(this.props.children);
-    return this.props.active ? React.createElement(IgnoreLayerClickWrapper, null, child) : child;
-  };return IgnoreLayerClick;}(React.Component);
-
-
-
-
-
-
-// NOTE Используется только в команде Контур.Бухгалтерия
-var IgnoreLayerClickWrapper = /*#__PURE__*/function (_React$Component2) {_inheritsLoose(IgnoreLayerClickWrapper, _React$Component2);function IgnoreLayerClickWrapper() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component2.call.apply(_React$Component2, [this].concat(args)) || this;_this.
-
-
-    element = null;_this.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    handleMouseDown = function (event) {
-      event.stopPropagation();
-    };return _this;}var _proto2 = IgnoreLayerClickWrapper.prototype;_proto2.componentDidMount = function componentDidMount() {var element = findDOMNode(this);if (element && element instanceof Element) {element.addEventListener('mousedown', this.handleMouseDown);this.element = element;}};_proto2.componentWillUnmount = function componentWillUnmount() {if (this.element) {this.element.removeEventListener('mousedown', this.handleMouseDown);this.element = null;}};_proto2.render = function render() {return React.Children.only(this.props.children);};return IgnoreLayerClickWrapper;}(React.Component);IgnoreLayerClickWrapper.__KONTUR_REACT_UI__ = 'IgnoreLayerClick';

package/components/IgnoreLayerClick/IgnoreLayerClick.js.map

@@ -1 +0,0 @@
-{"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,GAAoB,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"]}

package/components/IgnoreLayerClick/index.js

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

package/components/IgnoreLayerClick/index.js.map

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