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

package/components/FxInput/FxInput.js

@@ -1,122 +0,0 @@
-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 PropTypes from 'prop-types';
-
-import { Button } from '../Button';
-import { Group } from '../Group';
-import { Input } from '../Input';
-import { CurrencyInput } from '../CurrencyInput';
-import { createPropsGetter } from '../internal/createPropsGetter';
-
-import { FunctionIcon, UndoIcon } from '../internal/icons/16px';
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-/** Принимает все свойства `Input`'a */
-export var FxInput = /*#__PURE__*/function (_React$Component) {_inheritsLoose(FxInput, _React$Component);function FxInput() {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.
-
-
-
-
-
-
-
-
-
-
-
-
-
-    input = null;_this.
-
-    getProps = createPropsGetter(FxInput.defaultProps);_this.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    focus = function () {
-      if (_this.input) {
-        _this.input.focus();
-      }
-    };_this.
-
-
-
-
-    blur = function () {
-      if (_this.input) {
-        _this.input.blur();
-      }
-    };_this.
-
-    refInput = function (element) {
-      _this.input = element;
-
-      if (_this.props.refInput) {
-        _this.props.refInput(_this.input);
-      }
-    };return _this;}var _proto = FxInput.prototype;_proto.render = function render() {var _this$props = this.props,type = _this$props.type,onRestore = _this$props.onRestore,auto = _this$props.auto,rest = _objectWithoutPropertiesLoose(_this$props, ["type", "onRestore", "auto"]);var inputProps = { align: 'right' };var button = null;if (auto) {inputProps.leftIcon = React.createElement(FunctionIcon, null);} else {button = React.createElement(Button, { narrow: true, onClick: this.props.onRestore, borderless: this.props.borderless }, React.createElement(UndoIcon, null));}return React.createElement(Group, { width: this.props.width }, button, this.getProps().type === 'currency' ? React.createElement(CurrencyInput, _extends({}, inputProps, rest, { width: '100%', ref: this.refInput, value: this.props.value, onValueChange: this.props.onValueChange })) : React.createElement(Input, _extends({}, inputProps, rest, { width: '100%', ref: this.refInput, type: this.props.type, value: this.props.value, onValueChange: this.props.onValueChange })));} /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      * @public
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      */;return FxInput;}(React.Component);FxInput.__KONTUR_REACT_UI__ = 'FxInput';FxInput.propTypes = { auto: PropTypes.bool, type: PropTypes.string };FxInput.defaultProps = { width: 250, type: 'text', value: '' };

package/components/FxInput/FxInput.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["FxInput.tsx"],"names":["React","PropTypes","Button","Group","Input","CurrencyInput","createPropsGetter","FunctionIcon","UndoIcon","FxInput","input","getProps","defaultProps","focus","blur","refInput","element","props","render","type","onRestore","auto","rest","inputProps","align","button","leftIcon","borderless","width","value","onValueChange","Component","__KONTUR_REACT_UI__","propTypes","bool","string"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport { Button } from '../Button';\r\nimport { Group } from '../Group';\r\nimport { Input, InputProps, InputType } from '../Input';\r\nimport { CurrencyInput, CurrencyInputProps } from '../CurrencyInput';\r\nimport { createPropsGetter } from '../internal/createPropsGetter';\r\nimport { Override } from '../../typings/utility-types';\r\nimport { FunctionIcon, UndoIcon } from '../internal/icons/16px';\r\n\r\nexport type FxInputProps = Override<\r\n  CurrencyInputProps,\r\n  {\r\n    /** Авто-режим */\r\n    auto?: boolean;\r\n    /** Тип инпута */\r\n    type?: 'currency' | InputProps['type'];\r\n    /** onRestore */\r\n    onRestore?: () => void;\r\n    /** onValueChange */\r\n    onValueChange: CurrencyInputProps['onValueChange'] | InputProps['onValueChange'];\r\n    /** Значение */\r\n    value?: React.ReactText;\r\n    /** ref Input'а */\r\n    refInput?: (element: CurrencyInput | Input | null) => void;\r\n    /** Убрать лишние нули после запятой */\r\n    hideTrailingZeros?: boolean;\r\n  }\r\n>;\r\n\r\n/** Принимает все свойства `Input`'a */\r\nexport class FxInput extends React.Component<FxInputProps> {\r\n  public static __KONTUR_REACT_UI__ = 'FxInput';\r\n\r\n  public static propTypes = {\r\n    auto: PropTypes.bool,\r\n    type: PropTypes.string,\r\n  };\r\n\r\n  public static defaultProps = {\r\n    width: 250,\r\n    type: 'text',\r\n    value: '',\r\n  };\r\n\r\n  private input: Input | CurrencyInput | null = null;\r\n\r\n  private getProps = createPropsGetter(FxInput.defaultProps);\r\n\r\n  public render(): JSX.Element {\r\n    const { type, onRestore, auto, ...rest } = this.props;\r\n    const inputProps: Partial<CurrencyInputProps> = {\r\n      align: 'right',\r\n    };\r\n\r\n    let button = null;\r\n\r\n    if (auto) {\r\n      inputProps.leftIcon = <FunctionIcon />;\r\n    } else {\r\n      button = (\r\n        <Button narrow onClick={this.props.onRestore} borderless={this.props.borderless}>\r\n          <UndoIcon />\r\n        </Button>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <Group width={this.props.width}>\r\n        {button}\r\n        {this.getProps().type === 'currency' ? (\r\n          <CurrencyInput\r\n            {...inputProps}\r\n            {...rest}\r\n            width={'100%'}\r\n            ref={this.refInput}\r\n            value={this.props.value as CurrencyInputProps['value']}\r\n            onValueChange={this.props.onValueChange as CurrencyInputProps['onValueChange']}\r\n          />\r\n        ) : (\r\n          <Input\r\n            {...inputProps}\r\n            {...rest}\r\n            width={'100%'}\r\n            ref={this.refInput}\r\n            type={this.props.type as InputType}\r\n            value={this.props.value as InputProps['value']}\r\n            onValueChange={this.props.onValueChange as InputProps['onValueChange']}\r\n          />\r\n        )}\r\n      </Group>\r\n    );\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public focus = () => {\r\n    if (this.input) {\r\n      this.input.focus();\r\n    }\r\n  };\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public blur = () => {\r\n    if (this.input) {\r\n      this.input.blur();\r\n    }\r\n  };\r\n\r\n  private refInput = (element: Input | CurrencyInput | null) => {\r\n    this.input = element;\r\n\r\n    if (this.props.refInput) {\r\n      this.props.refInput(this.input);\r\n    }\r\n  };\r\n}\r\n"]}

package/components/FxInput/index.js

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

package/components/FxInput/index.js.map

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

package/components/Gapped/Gapped.js

@@ -1,113 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";import React from 'react';
-import PropTypes from 'prop-types';
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-/**
-                                     * Контейнер, расстояние между элементами в котором равно `gap`.
-                                     */
-export var Gapped = /*#__PURE__*/function (_React$Component) {_inheritsLoose(Gapped, _React$Component);function Gapped() {return _React$Component.apply(this, arguments) || this;}var _proto = Gapped.prototype;_proto.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  render = function render() {
-    if (this.props.vertical) {
-      return this.renderVertical();
-    }
-    return this.renderHorizontal();
-  };_proto.
-
-  renderVertical = function renderVertical() {
-    var subsequentItemStyle = {
-      paddingTop: this.props.gap };
-
-    var isFirst = true;
-    var children = React.Children.map(this.props.children, function (child) {
-      if (!child) {
-        return child;
-      }
-      var style = isFirst ? undefined : subsequentItemStyle;
-
-      isFirst = false;
-
-      return React.createElement("div", { style: style }, child);
-    });
-
-    return React.createElement("div", null, children);
-  };_proto.
-
-  renderHorizontal = function renderHorizontal() {var _this$props =
-    this.props,gap = _this$props.gap,children = _this$props.children,verticalAlign = _this$props.verticalAlign,wrap = _this$props.wrap;
-    var itemStyle = _extends({
-      display: 'inline-block',
-      verticalAlign: verticalAlign },
-    wrap ? { marginLeft: gap, marginTop: gap } : {});
-
-    var rootStyle = wrap ? { paddingTop: 1 } : {};
-    var contStyle = wrap ? { marginTop: -gap - 1, marginLeft: -gap } : { whiteSpace: 'nowrap' };
-
-    return (
-      React.createElement("div", { style: rootStyle },
-      React.createElement("div", { style: contStyle },
-      React.Children.map(children, function (child, index) {
-        if (!child) {
-          return child;
-        }
-        var marginLeft = index === 0 ? undefined : gap;
-        return React.createElement("span", { style: _extends({ marginLeft: marginLeft }, itemStyle) }, child);
-      }))));
-
-
-
-  };return Gapped;}(React.Component);Gapped.__KONTUR_REACT_UI__ = 'Gapped';Gapped.propTypes = { /**
-                                                                                                 * Расстояние между элементами.
-                                                                                                 */gap: PropTypes.number, /**
-                                                                                                                           * Располагать элементы вертикально.
-                                                                                                                           */vertical: PropTypes.bool, /**
-                                                                                                                                                        * Вертикальное выравнивание элементов.
-                                                                                                                                                        */verticalAlign: PropTypes.oneOf(['top', 'middle', 'baseline', 'bottom']) };Gapped.defaultProps = { gap: 10, wrap: false, vertical: false, verticalAlign: 'baseline' };

package/components/Gapped/Gapped.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["Gapped.tsx"],"names":["React","PropTypes","Gapped","render","props","vertical","renderVertical","renderHorizontal","subsequentItemStyle","paddingTop","gap","isFirst","children","Children","map","child","style","undefined","verticalAlign","wrap","itemStyle","display","marginLeft","marginTop","rootStyle","contStyle","whiteSpace","index","Component","__KONTUR_REACT_UI__","propTypes","number","bool","oneOf","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nexport interface GappedProps {\r\n  /**\r\n   * Расстояние между элементами в пикселях\r\n   * @default 10\r\n   */\r\n  gap: number;\r\n  /**\r\n   * Вертикальное выравнивание\r\n   * @default \"baseline\"\r\n   */\r\n  verticalAlign: 'top' | 'middle' | 'baseline' | 'bottom';\r\n  /**\r\n   * Расположение элементов по вертикали\r\n   * @default false\r\n   */\r\n  vertical: boolean;\r\n  /**\r\n   * Перенос элементов на новую строку при горизонтальном расположении\r\n   * @default false\r\n   */\r\n  wrap: boolean;\r\n  children: React.ReactNode;\r\n}\r\n\r\n/**\r\n * Контейнер, расстояние между элементами в котором равно `gap`.\r\n */\r\nexport class Gapped extends React.Component<GappedProps> {\r\n  public static __KONTUR_REACT_UI__ = 'Gapped';\r\n\r\n  public static propTypes = {\r\n    /**\r\n     * Расстояние между элементами.\r\n     */\r\n    gap: PropTypes.number,\r\n\r\n    /**\r\n     * Располагать элементы вертикально.\r\n     */\r\n    vertical: PropTypes.bool,\r\n\r\n    /**\r\n     * Вертикальное выравнивание элементов.\r\n     */\r\n    verticalAlign: PropTypes.oneOf(['top', 'middle', 'baseline', 'bottom']),\r\n  };\r\n\r\n  public static defaultProps = {\r\n    gap: 10,\r\n    wrap: false,\r\n    vertical: false,\r\n    verticalAlign: 'baseline',\r\n  };\r\n\r\n  public render() {\r\n    if (this.props.vertical) {\r\n      return this.renderVertical();\r\n    }\r\n    return this.renderHorizontal();\r\n  }\r\n\r\n  private renderVertical() {\r\n    const subsequentItemStyle: React.CSSProperties = {\r\n      paddingTop: this.props.gap,\r\n    };\r\n    let isFirst = true;\r\n    const children = React.Children.map(this.props.children, child => {\r\n      if (!child) {\r\n        return child;\r\n      }\r\n      const style = isFirst ? undefined : subsequentItemStyle;\r\n\r\n      isFirst = false;\r\n\r\n      return <div style={style}>{child}</div>;\r\n    });\r\n\r\n    return <div>{children}</div>;\r\n  }\r\n\r\n  private renderHorizontal() {\r\n    const { gap, children, verticalAlign, wrap } = this.props;\r\n    const itemStyle: React.CSSProperties = {\r\n      display: 'inline-block',\r\n      verticalAlign,\r\n      ...(wrap ? { marginLeft: gap, marginTop: gap } : {}),\r\n    };\r\n    const rootStyle: React.CSSProperties = wrap ? { paddingTop: 1 } : {};\r\n    const contStyle: React.CSSProperties = wrap ? { marginTop: -gap - 1, marginLeft: -gap } : { whiteSpace: 'nowrap' };\r\n\r\n    return (\r\n      <div style={rootStyle}>\r\n        <div style={contStyle}>\r\n          {React.Children.map(children, (child, index) => {\r\n            if (!child) {\r\n              return child;\r\n            }\r\n            const marginLeft = index === 0 ? undefined : gap;\r\n            return <span style={{ marginLeft, ...itemStyle }}>{child}</span>;\r\n          })}\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}

package/components/Gapped/index.js

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

package/components/Gapped/index.js.map

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

package/components/Group/Group.js

@@ -1,82 +0,0 @@
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";import React from 'react';
-import PropTypes from 'prop-types';
-
-import { isIE11, isEdge } from '../../lib/utils';
-import { Corners } from '../Button/Corners';
-
-import { isButton } from '../Button';
-import { cx } from '../../lib/theming/Emotion';import
-
-styles from "./Group.module.css";
-
-
-
-
-
-
-
-
-
-
-export var Group = /*#__PURE__*/function (_React$Component) {_inheritsLoose(Group, _React$Component);function Group() {return _React$Component.apply(this, arguments) || this;}var _proto = Group.prototype;_proto.
-
-
-
-
-
-
-  render = function render() {var _this = this;
-    var style = {
-      width: this.props.width };
-
-
-    var first = null;
-    var last = null;
-
-    React.Children.forEach(this.props.children, function (child) {
-      if (child && React.isValidElement(child)) {
-        first = first || child;
-        last = child;
-      }
-    });
-
-    return (
-      React.createElement("span", { className: styles.root, style: style },
-      React.Children.map(this.props.children, function (child) {var _cx, _cx2;
-        if (!child || !React.isValidElement(child)) {
-          return null;
-        }
-
-        var isWidthInPercent = Boolean(child.props.width && child.props.width.toString().includes('%'));
-        var itemCss = cx((_cx = {}, _cx[
-        styles.item] = true, _cx[
-        styles.itemFirst] = child === first, _cx));
-
-
-        var corners = 0;
-        if (child !== first) {
-          corners |= Corners.TOP_LEFT | Corners.BOTTOM_LEFT;
-        }
-        if (child !== last) {
-          corners |= Corners.TOP_RIGHT | Corners.BOTTOM_RIGHT;
-        }
-
-        if (isButton(child)) {
-          child = React.cloneElement(child, { corners: corners });
-        }
-
-        return (
-          React.createElement("div", {
-            className: cx(styles.wrap, (_cx2 = {}, _cx2[
-            styles.fixed] = !isWidthInPercent, _cx2[
-            styles.stretch] = isWidthInPercent, _cx2[
-            styles.stretchFallback] = Boolean(isWidthInPercent && _this.props.width && (isIE11 || isEdge)), _cx2)) },
-
-
-          React.createElement("div", { className: itemCss }, child)));
-
-
-      })));
-
-
-  };return Group;}(React.Component);Group.__KONTUR_REACT_UI__ = 'Group';Group.propTypes = { width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]) };

package/components/Group/Group.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["Group.tsx"],"names":["React","PropTypes","isIE11","isEdge","Corners","isButton","cx","styles","Group","render","style","width","props","first","last","Children","forEach","children","child","isValidElement","root","map","isWidthInPercent","Boolean","toString","includes","itemCss","item","itemFirst","corners","TOP_LEFT","BOTTOM_LEFT","TOP_RIGHT","BOTTOM_RIGHT","cloneElement","wrap","fixed","stretch","stretchFallback","Component","__KONTUR_REACT_UI__","propTypes","oneOfType","number","string"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport { isIE11, isEdge } from '../../lib/utils';\r\nimport { Corners } from '../Button/Corners';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { isButton } from '../Button';\r\nimport { cx } from '../../lib/theming/Emotion';\r\n\r\nimport styles from './Group.module.less';\r\n\r\nexport interface GroupProps {\r\n  width?: React.CSSProperties['width'];\r\n}\r\n\r\ninterface GroupChildProps {\r\n  width?: React.CSSProperties['width'];\r\n  corners?: number;\r\n}\r\n\r\nexport class Group extends React.Component<GroupProps> {\r\n  public static __KONTUR_REACT_UI__ = 'Group';\r\n\r\n  public static propTypes = {\r\n    width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\r\n  };\r\n\r\n  public render() {\r\n    const style: React.CSSProperties = {\r\n      width: this.props.width,\r\n    };\r\n\r\n    let first: Nullable<React.ReactElement<any>> = null;\r\n    let last: Nullable<React.ReactElement<any>> = null;\r\n\r\n    React.Children.forEach(this.props.children, child => {\r\n      if (child && React.isValidElement(child)) {\r\n        first = first || child;\r\n        last = child;\r\n      }\r\n    });\r\n\r\n    return (\r\n      <span className={styles.root} style={style}>\r\n        {React.Children.map(this.props.children, child => {\r\n          if (!child || !React.isValidElement<GroupChildProps>(child)) {\r\n            return null;\r\n          }\r\n\r\n          const isWidthInPercent = Boolean(child.props.width && child.props.width.toString().includes('%'));\r\n          const itemCss = cx({\r\n            [styles.item]: true,\r\n            [styles.itemFirst]: child === first,\r\n          });\r\n\r\n          let corners = 0;\r\n          if (child !== first) {\r\n            corners |= Corners.TOP_LEFT | Corners.BOTTOM_LEFT;\r\n          }\r\n          if (child !== last) {\r\n            corners |= Corners.TOP_RIGHT | Corners.BOTTOM_RIGHT;\r\n          }\r\n\r\n          if (isButton(child)) {\r\n            child = React.cloneElement(child, { corners });\r\n          }\r\n\r\n          return (\r\n            <div\r\n              className={cx(styles.wrap, {\r\n                [styles.fixed]: !isWidthInPercent,\r\n                [styles.stretch]: isWidthInPercent,\r\n                [styles.stretchFallback]: Boolean(isWidthInPercent && this.props.width && (isIE11 || isEdge)),\r\n              })}\r\n            >\r\n              <div className={itemCss}>{child}</div>\r\n            </div>\r\n          );\r\n        })}\r\n      </span>\r\n    );\r\n  }\r\n}\r\n"]}

package/components/Group/Group.module.css

@@ -1,24 +0,0 @@
-:local .root {
-  display: inline-flex;
-}
-:local .fixed {
-  flex-shrink: 0;
-  display: inline-block;
-}
-:local .stretch {
-  flex-grow: 1;
-  flex-shrink: 1;
-}
-:local .stretchFallback {
-  flex-basis: 100%;
-}
-:local .item {
-  margin-left: -1px;
-}
-:local .itemFirst {
-  margin-left: 0;
-}
-:local .wrap {
-  /* for .wrap class not to be 'undefined': used in tests */
-  visibility: visible;
-}

package/components/Group/Group.module.css.d.ts

@@ -1,11 +0,0 @@
-export interface IGroupModuleLess {
-  'root': string;
-  'fixed': string;
-  'stretch': string;
-  'stretchFallback': string;
-  'item': string;
-  'itemFirst': string;
-  'wrap': string;
-}
-declare const styles: IGroupModuleLess;
-export default styles;

package/components/Group/index.js

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

package/components/Group/index.js.map

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

package/components/HideBodyVerticalScroll/HideBodyVerticalScroll.d.ts

@@ -1,16 +0,0 @@
-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;
-    componentDidUpdate(): void;
-    componentWillUnmount(): void;
-    render(): null;
-    private updateScrollVisibility;
-    private makeSomeMagicWithScroll;
-    private attachStyle;
-    private restoreStyles;
-}

package/components/HideBodyVerticalScroll/HideBodyVerticalScroll.js

@@ -1,147 +0,0 @@
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";import React from 'react';
-
-import { getScrollWidth } from '../../lib/dom/getScrollWidth';
-
-export var HideBodyVerticalScroll = /*#__PURE__*/function (_React$Component) {_inheritsLoose(HideBodyVerticalScroll, _React$Component);function HideBodyVerticalScroll() {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.
-
-
-
-
-
-    disposeDocumentStyle = null;_this.
-    initialScroll = 0;_this.
-    master = false;_this.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    updateScrollVisibility = function () {var _document =
-      document,documentElement = _document.documentElement;
-
-      _this.restoreStyles();
-
-      if (!documentElement) {
-        return;
-      }var
-
-      clientHeight = documentElement.clientHeight,scrollHeight = documentElement.scrollHeight;
-      var shouldRestore = VerticalScrollCounter.get() === 0;
-      var shouldHide = !shouldRestore && clientHeight < scrollHeight;
-
-      if (shouldHide) {
-        _this.makeSomeMagicWithScroll(documentElement);
-      }
-
-      if (shouldRestore) {
-        documentElement.scrollTop = _this.initialScroll;
-      }
-    };_this.
-
-    makeSomeMagicWithScroll = function (document) {
-      var documentComputedStyle = getComputedStyle(document);
-      var scrollWidth = getScrollWidth();
-      var documentMargin = parseFloat(documentComputedStyle.marginRight || '');
-      var documentStyle = generateDocumentStyle(documentMargin + scrollWidth);
-
-      _this.disposeDocumentStyle = _this.attachStyle(document, documentStyle);
-    };_this.
-
-    attachStyle = function (element, style) {
-      element.classList.add(style.className);
-      var removeStyleNode = attachStylesheet(style.css);
-      return function () {
-        removeStyleNode();
-        element.classList.remove(style.className);
-      };
-    };_this.
-
-    restoreStyles = function () {
-      if (_this.disposeDocumentStyle) {
-        _this.disposeDocumentStyle();
-        _this.disposeDocumentStyle = null;
-      }
-
-      // Forcing reflow for Firefix
-      attachStylesheet('html, body { height: auto; }')();
-    };return _this;}var _proto = HideBodyVerticalScroll.prototype;_proto.componentDidMount = function componentDidMount() {var counter = VerticalScrollCounter.increment();if (counter === 1) {this.master = true;this.initialScroll = document.documentElement ? document.documentElement.scrollTop : 0;this.updateScrollVisibility();window.addEventListener('resize', this.updateScrollVisibility);}};_proto.componentDidUpdate = function componentDidUpdate() {if (this.master) {this.updateScrollVisibility();}};_proto.componentWillUnmount = function componentWillUnmount() {this.restoreStyles();var counter = VerticalScrollCounter.decrement();if (counter === 0) {this.updateScrollVisibility();window.removeEventListener('resize', this.updateScrollVisibility);}};_proto.render = function render() {return null;};return HideBodyVerticalScroll;}(React.Component);HideBodyVerticalScroll.__KONTUR_REACT_UI__ = 'HideBodyVerticalScroll';HideBodyVerticalScroll.hash = Math.random().toString(16).slice(2, 6);var
-
-
-VerticalScrollCounter = function VerticalScrollCounter() {};VerticalScrollCounter.
-increment = function () {
-  var counter = window.RetailUIVerticalScrollCounter || 0;
-  return window.RetailUIVerticalScrollCounter = counter + 1;
-};VerticalScrollCounter.
-
-decrement = function () {
-  var counter = window.RetailUIVerticalScrollCounter || 0;
-  return window.RetailUIVerticalScrollCounter = counter - 1;
-};VerticalScrollCounter.
-
-get = function () {
-  return window.RetailUIVerticalScrollCounter || 0;
-};
-
-
-function generateClassName(className) {var
-  name = HideBodyVerticalScroll.name,hash = HideBodyVerticalScroll.hash;
-  return name + "-" + className + "-" + hash;
-}
-
-function generateDocumentStyle(documentMargin) {
-  var className = generateClassName('document');
-  var css = "." +
-  className + " {\n  overflow: hidden !important;\n  margin-right: " +
-
-  documentMargin + "px !important;\n  height: 100%;\n}\n";
-
-
-
-  return { className: className, css: css };
-}
-
-function attachStylesheet(sheet) {
-  var style = document.createElement('style');
-  style.setAttribute('type', 'text/css');
-  // @ts-ignore IE specific api
-  if (style.styleSheet) {
-    // @ts-ignore IE specific api
-    style.styleSheet.cssText = sheet;
-  } else {
-    var textnode = document.createTextNode(sheet);
-    style.appendChild(textnode);
-  }
-  var head = document.getElementsByTagName('head')[0];
-  head.appendChild(style);
-  return function () {
-    if (head.contains(style)) {
-      head.removeChild(style);
-    }
-  };
-}

package/components/HideBodyVerticalScroll/HideBodyVerticalScroll.js.map

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

package/components/HideBodyVerticalScroll/index.js

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

package/components/HideBodyVerticalScroll/index.js.map

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