@skbkontur/react-ui 0.0.0-e66a3400ba → 0.0.0-eab52adf66

package/components/Tabs/Indicator.js

@@ -1,93 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-var react_dom_1 = require("react-dom");
-var classnames_1 = tslib_1.__importDefault(require("classnames"));
-var LayoutEvents_1 = tslib_1.__importDefault(require("../../lib/LayoutEvents"));
-var lodash_throttle_1 = tslib_1.__importDefault(require("lodash.throttle"));
-var Indicator_less_1 = tslib_1.__importDefault(require("./Indicator.css"));
-var utils_1 = require("../../lib/utils");
-var TabsContext_1 = require("./TabsContext");
-var Indicator = /** @class */function (_super) {
-    tslib_1.__extends(Indicator, _super);
-    function Indicator() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.state = {
-            styles: {}
-        };
-        _this.eventListener = null;
-        _this.removeTabUpdatesListener = null;
-        _this.reflow = function () {
-            var context = _this.props.context;
-            var node = context ? context.getTab(context.activeTab) : null;
-            var nodeStyles = _this.getStyles(node);
-            var stylesUpdated = ['left', 'top', 'width', 'height'].some(function (prop) {
-                return nodeStyles[prop] !== _this.state.styles[prop];
-            });
-            if (stylesUpdated) {
-                _this.setState({ styles: nodeStyles });
-            }
-        };
-        // tslint:disable-next-line:member-ordering
-        _this.throttledReflow = lodash_throttle_1["default"](_this.reflow, 100);
-        return _this;
-    }
-    Indicator.prototype.componentDidMount = function () {
-        this.eventListener = LayoutEvents_1["default"].addListener(this.throttledReflow);
-        this.removeTabUpdatesListener = this.props.tabUpdates.on(this.reflow);
-        this.reflow();
-    };
-    Indicator.prototype.componentWillUnmount = function () {
-        this.throttledReflow.cancel();
-        if (this.eventListener) {
-            this.eventListener.remove();
-        }
-        if (this.removeTabUpdatesListener) {
-            this.removeTabUpdatesListener();
-        }
-    };
-    Indicator.prototype.componentDidUpdate = function (_, prevState) {
-        this.reflow();
-    };
-    Indicator.prototype.render = function () {
-        var context = this.props.context;
-        var node = context ? context.getTab(context.activeTab) : null;
-        var indicators = node && node.getIndicators && node.getIndicators() || {
-            error: false,
-            warning: false,
-            success: false,
-            primary: false,
-            disabled: false
-        };
-        return React.createElement("div", { className: classnames_1["default"](Indicator_less_1["default"].root, indicators.primary && Indicator_less_1["default"].primary, indicators.success && Indicator_less_1["default"].success, indicators.warning && Indicator_less_1["default"].warning, indicators.error && Indicator_less_1["default"].error, this.props.className), style: this.state.styles });
-    };
-    Indicator.prototype.getStyles = function (node) {
-        if (node instanceof React.Component) {
-            node = react_dom_1.findDOMNode(node);
-        }
-        if (node instanceof HTMLElement) {
-            var rect = node.getBoundingClientRect();
-            if (this.props.vertical) {
-                return {
-                    width: 3,
-                    left: node.offsetLeft,
-                    top: node.offsetTop,
-                    height: rect.bottom - rect.top
-                };
-            }
-            return {
-                left: node.offsetLeft,
-                top: node.offsetHeight + node.offsetTop - 3,
-                width: rect.right - rect.left
-            };
-        }
-        return {};
-    };
-    return Indicator;
-}(React.Component);
-exports.Indicator = Indicator;
-exports.IndicatorWithContext = utils_1.withContext(TabsContext_1.TabsContext.Consumer)(Indicator);
-exports["default"] = exports.IndicatorWithContext;
-//# sourceMappingURL=Indicator.js.map

package/components/Tabs/Indicator.js.flow

@@ -1,21 +0,0 @@
-/* @flow */
-import * as CSS from 'csstype';
-
-import Tab from './Tab';
-
-export type IndicatorProps = {|
-  className?: string,
-  getAnchorNode: () => Tab | null,
-  tabUpdates: {|
-    on: (x0: () => void) => () => void,
-  |},
-  vertical: boolean,
-|};
-
-export type IndicatorState = {|
-  styles: CSS.Properties<string | number>,
-|};
-
-declare class Indicator extends React$Component<IndicatorProps, IndicatorState> {}
-
-export default Indicator;

package/components/Tabs/Indicator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Indicator.js","sourceRoot":"","sources":["Indicator.tsx"],"names":[],"mappings":"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"}

package/components/Tabs/README.md

@@ -1,28 +0,0 @@
-```jsx
-const initialState = { active: 'fuji' };
-
-<Tabs value={state.active} onChange={(_, v) => setState({ active: v })}>
-  <Tabs.Tab id="fuji">🌋 Fuji</Tabs.Tab>
-  <Tabs.Tab id="tahat">⛰ Tahat</Tabs.Tab>
-  <Tabs.Tab id="alps">🗻 Alps</Tabs.Tab>
-</Tabs>;
-```
-
-Можно передавать свои компоненты в качестве табов, например `NavLink` из `react-router`
-
-```jsx
-const initialState = { active: '/fuji' };
-
-const NavLink = props => <a {...props} />;
-const TabLink = ({ id, children }) => (
-  <Tabs.Tab id={id} component={props => <NavLink {...props} to={props.id} />}>
-    {children}
-  </Tabs.Tab>
-);
-
-<Tabs value={state.active} onChange={(_, v) => setState({ active: v })}>
-  <TabLink id="/fuji">🌋 Fuji</TabLink>
-  <TabLink id="/tahat">⛰ Tahat</TabLink>
-  <TabLink id="/alps">🗻 Alps</TabLink>
-</Tabs>;
-```

package/components/Tabs/Tab.css

@@ -1,96 +0,0 @@
-:local .root {
-  display: inline-block;
-  margin-left: 20px;
-  margin-right: 20px;
-  padding-top: 9px;
-  padding-bottom: 11px;
-  box-sizing: border-box;
-  font-size: 18px;
-  border-bottom: 3px solid transparent;
-  transition: border-bottom 0.2s ease-out;
-  cursor: pointer;
-  position: relative;
-  color: inherit;
-  text-decoration: inherit;
-}
-:local .root.vertical {
-  display: block;
-  margin-left: 0;
-  margin-right: 0;
-  padding-left: 17px;
-  padding-right: 20px;
-  border-bottom: none;
-  border-left: 3px solid transparent;
-}
-:local .root:focus {
-  outline: inherit;
-}
-:local .root:hover {
-  border-bottom: 3px solid #bad7f1;
-}
-:local .root.vertical:hover {
-  border-bottom: none;
-  border-left: 3px solid #bad7f1;
-}
-:local .active:hover {
-  cursor: default;
-  border-bottom: 3px solid transparent;
-}
-:local .active.vertical:hover {
-  border-left: 3px solid transparent;
-}
-:local .focus {
-  position: absolute;
-  top: 0;
-  left: -20px;
-  right: -20px;
-  bottom: -3px;
-  border: 2px solid #5199db;
-}
-:local .vertical .focus {
-  left: -3px;
-  right: 0;
-  bottom: 0;
-}
-:local .input {
-  position: absolute;
-  width: 0;
-  height: 0;
-  opacity: 0;
-  z-index: -1;
-}
-:local .disabled {
-  color: #a0a0a0;
-  color: rgba(64, 64, 64, 0.5);
-  cursor: default;
-}
-:local .disabled:hover {
-  border-bottom-color: transparent;
-}
-:local .disabled.vertical:hover {
-  border-left-color: transparent;
-}
-:local .primary:hover {
-  border-bottom: 3px solid #84c4ee;
-}
-:local .primary.vertical:hover {
-  border-left: 3px solid #84c4ee;
-}
-:local .success:hover {
-  border-bottom: 3px solid #7de849;
-}
-:local .success.vertical:hover {
-  border-left: 3px solid #7de849;
-}
-:local .warning:hover {
-  border-bottom: 3px solid #ffeec3;
-}
-:local .warning.vertical:hover {
-  border-left: 3px solid #ffeec3;
-}
-:local .error:hover {
-  border-bottom: 3px solid #f1ac9f;
-}
-:local .error.vertical:hover {
-  border-left: 3px solid #f1ac9f;
-}

package/components/Tabs/Tab.js

@@ -1,212 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-var PropTypes = tslib_1.__importStar(require("prop-types"));
-var invariant_1 = tslib_1.__importDefault(require("invariant"));
-var classnames_1 = tslib_1.__importDefault(require("classnames"));
-var tabListener_1 = tslib_1.__importDefault(require("../../lib/events/tabListener"));
-var utils_1 = require("../../lib/utils");
-var Tab_less_1 = tslib_1.__importDefault(require("./Tab.css"));
-var TabsContext_1 = require("./TabsContext");
-var KEYCODE_ARROW_LEFT = 37;
-var KEYCODE_ARROW_UP = 38;
-var KEYCODE_ARROW_RIGHT = 39;
-var KEYCODE_ARROW_DOWN = 40;
-/**
- * Tab element of Tabs component
- *
- * Can be used for creating custom tabs
- * ```js
- *
- * const RouteTab = (props) => (
- *   <Tab id={props.to} component={RouteLink} {...props}/>
- * )
- *
- * const MyAwesomeTab = (props) => <Tab id={props.id}>8) {props.children}</Tab>
- * ```
- *
- * Works only inside Tabs component, otherwise throws
- */
-var Tab = /** @class */function (_super) {
-    tslib_1.__extends(Tab, _super);
-    function Tab() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.state = {
-            focusedByKeyboard: false
-        };
-        _this.tabComponent = null;
-        _this.isArrowKeyPressed = false;
-        _this.getUnderlyingNode = function () {
-            return _this.tabComponent;
-        };
-        _this.getId = function () {
-            return _this.props.id || _this.props.href;
-        };
-        _this.refTabComponent = function (instance) {
-            _this.tabComponent = instance;
-        };
-        _this.handleKeyDownGlobal = function (event) {
-            _this.isArrowKeyPressed = [KEYCODE_ARROW_LEFT, KEYCODE_ARROW_UP, KEYCODE_ARROW_RIGHT, KEYCODE_ARROW_DOWN].some(function (keyCode) {
-                return event.keyCode === keyCode;
-            });
-        };
-        _this.getTabInstance = function () {
-            return _this;
-        };
-        _this.switchTab = function (event) {
-            if (_this.props.disabled) {
-                return;
-            }
-            var id = _this.props.id || _this.props.href;
-            if (_this.props.onClick) {
-                _this.props.onClick(event);
-                if (event.defaultPrevented) {
-                    return;
-                }
-            }
-            if (_this.props.context && typeof id === 'string') {
-                _this.props.context.switchTab(id);
-            }
-        };
-        _this.handleMouseDown = function () {
-            return _this.isArrowKeyPressed = false;
-        };
-        _this.handleKeyDown = function (event) {
-            if (_this.props.disabled) {
-                return;
-            }
-            if (_this.props.onKeyDown) {
-                _this.props.onKeyDown(event);
-                if (event.defaultPrevented) {
-                    return;
-                }
-            }
-            var id = _this.getId();
-            var context = _this.props.context;
-            if (!(context && typeof id === 'string')) {
-                return;
-            }
-            switch (event.keyCode) {
-                case KEYCODE_ARROW_LEFT:
-                case KEYCODE_ARROW_UP:
-                    event.preventDefault();
-                    context.shiftFocus(id, -1);
-                    return;
-                case KEYCODE_ARROW_RIGHT:
-                case KEYCODE_ARROW_DOWN:
-                    event.preventDefault();
-                    context.shiftFocus(id, 1);
-                    return;
-                default:
-                    return;
-            }
-        };
-        _this.handleFocus = function () {
-            if (_this.props.disabled) {
-                return;
-            }
-            // focus event fires before keyDown eventlistener
-            // so we should check focusKeyPressed in async way
-            process.nextTick(function () {
-                if (tabListener_1["default"].isTabPressed || _this.isArrowKeyPressed) {
-                    _this.setState({ focusedByKeyboard: true });
-                }
-            });
-        };
-        _this.handleBlur = function () {
-            if (_this.props.disabled) {
-                return;
-            }
-            _this.setState({ focusedByKeyboard: false });
-        };
-        return _this;
-    }
-    Tab.prototype.componentWillMount = function () {
-        invariant_1["default"](this.props.context && typeof this.props.context.addTab === 'function', 'Tab should be placed inside Tabs component');
-    };
-    Tab.prototype.componentDidMount = function () {
-        var id = this.getId();
-        if (this.props.context && typeof id === 'string') {
-            this.props.context.addTab(id, this.getTabInstance);
-        }
-        window.addEventListener('keydown', this.handleKeyDownGlobal);
-    };
-    Tab.prototype.componentDidUpdate = function () {
-        var context = this.props.context;
-        if (!context) {
-            return;
-        }
-        if (context.activeTab === this.props.id) {
-            context.notifyUpdate();
-        }
-    };
-    Tab.prototype.componentWillUnmount = function () {
-        var id = this.getId();
-        if (this.props.context && typeof id === 'string') {
-            this.props.context.removeTab(id);
-        }
-        window.removeEventListener('keydown', this.handleKeyDownGlobal);
-    };
-    Tab.prototype.render = function () {
-        var _a;
-        var _b = this.props,
-            context = _b.context,
-            children = _b.children,
-            disabled = _b.disabled,
-            error = _b.error,
-            warning = _b.warning,
-            success = _b.success,
-            primary = _b.primary,
-            _c = _b.component,
-            Component = _c === void 0 ? Tab.defaultProps.component : _c,
-            href = _b.href,
-            style = _b.style;
-        var isActive = false;
-        var isVertical = false;
-        var id = this.getId();
-        if (context && typeof id === 'string') {
-            isActive = context.activeTab === this.getId();
-            isVertical = context.vertical;
-        }
-        return React.createElement(Component, { className: classnames_1["default"]((_a = {}, _a[Tab_less_1["default"].root] = true, _a[Tab_less_1["default"].vertical] = isVertical, _a[Tab_less_1["default"].primary] = primary, _a[Tab_less_1["default"].success] = success, _a[Tab_less_1["default"].warning] = warning, _a[Tab_less_1["default"].error] = error, _a[Tab_less_1["default"].active] = isActive, _a[Tab_less_1["default"].disabled] = disabled, _a)), onBlur: this.handleBlur, onClick: this.switchTab, onMouseDown: this.handleMouseDown, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, tabIndex: disabled ? -1 : 0, ref: utils_1.isFunctionalComponent(Component) ? null : this.refTabComponent, href: href, style: style }, children, this.state.focusedByKeyboard && React.createElement("div", { className: Tab_less_1["default"].focus }));
-    };
-    Tab.prototype.getIndicators = function () {
-        return {
-            error: Boolean(this.props.error),
-            warning: Boolean(this.props.warning),
-            success: Boolean(this.props.success),
-            primary: Boolean(this.props.primary),
-            disabled: Boolean(this.props.disabled)
-        };
-    };
-    Tab.propTypes = {
-        children: PropTypes.node,
-        component: PropTypes.any,
-        disabled: PropTypes.bool,
-        href: PropTypes.string.isRequired,
-        id: PropTypes.string.isRequired,
-        onClick: PropTypes.func,
-        onKeyDown: PropTypes.func,
-        context: PropTypes.shape({
-            vertical: PropTypes.bool.isRequired,
-            activeTab: PropTypes.string.isRequired,
-            getTab: PropTypes.func.isRequired,
-            addTab: PropTypes.func.isRequired,
-            removeTab: PropTypes.func.isRequired,
-            notifyUpdate: PropTypes.func.isRequired,
-            switchTab: PropTypes.func.isRequired,
-            shiftFocus: PropTypes.func.isRequired
-        })
-    };
-    Tab.defaultProps = {
-        component: 'a',
-        href: 'javascript:'
-    };
-    return Tab;
-}(React.Component);
-exports.Tab = Tab;
-exports.TabWithContext = utils_1.withContext(TabsContext_1.TabsContext.Consumer)(Tab);
-exports["default"] = exports.TabWithContext;
-//# sourceMappingURL=Tab.js.map

package/components/Tabs/Tab.js.flow

@@ -1,48 +0,0 @@
-/* @flow */
-import * as CSS from 'csstype';
-
-export type TabIndicators = {|
-  error: boolean,
-  warning: boolean,
-  success: boolean,
-  primary: boolean,
-  disabled: boolean,
-|};
-
-export type TabProps = {|
-  children?: React$Node,
-  // eslint-disable-next-line flowtype/no-weak-types
-  component?: React$ComponentType<any> | string,
-  href?: string,
-  id?: string,
-  onClick?: (event: SyntheticMouseEvent<HTMLElement>) => void,
-  onKeyDown?: (event: SyntheticKeyboardEvent<HTMLElement>) => void,
-  disabled?: boolean,
-  error?: boolean,
-  warning?: boolean,
-  success?: boolean,
-  primary?: boolean,
-  style?: CSS.Properties<string | number>,
-|};
-
-export type TabContext = {|
-  activeTab: string,
-  // eslint-disable-next-line flowtype/no-weak-types
-  addTab: (id: string, getNode: () => any) => void,
-  notifyUpdate: () => void,
-  removeTab: (id: string) => void,
-  shiftFocus: (fromTab: string, delta: number) => void,
-  switchTab: (id: string) => void,
-  vertical: boolean,
-|};
-
-export type TabState = {|
-  focusedByKeyboard: boolean,
-|};
-
-declare class Tab extends React$Component<TabProps, TabState> {
-  // eslint-disable-next-line flowtype/no-weak-types
-  getUnderlyingNode: () => ?React$Element<any>,
-}
-
-export default Tab;

package/components/Tabs/Tab.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tab.js","sourceRoot":"","sources":["Tab.tsx"],"names":[],"mappings":";;;AAAA,mDAA+B;AAC/B,4DAAwC;AACxC,gEAAkC;AAClC,kEAA4B;AAC5B,qFAAuD;AAEvD,yCAAqE;AAErE,gEAAgC;AAChC,6CAA6D;AA8E7D,IAAM,kBAAkB,GAAG,EAAE,CAAC;AAC9B,IAAM,gBAAgB,GAAG,EAAE,CAAC;AAC5B,IAAM,mBAAmB,GAAG,EAAE,CAAC;AAC/B,IAAM,kBAAkB,GAAG,EAAE,CAAC;AAE9B;;;;;;;;;;;;;;GAcG;AACH;IAAyB,+BAAmC;IAA5D;QAAA,qEAuNC;QA7LQ,WAAK,GAAa;YACvB,iBAAiB,EAAE,KAAK;SACzB,CAAC;QAEM,kBAAY,GAAsC,IAAI,CAAC;QACvD,uBAAiB,GAAY,KAAK,CAAC;QAgGpC,uBAAiB,GAAG,cAAM,OAAA,KAAI,CAAC,YAAY,EAAjB,CAAiB,CAAC;QAE3C,WAAK,GAAG,cAAM,OAAA,KAAI,CAAC,KAAK,CAAC,EAAE,IAAI,KAAI,CAAC,KAAK,CAAC,IAAI,EAAhC,CAAgC,CAAC;QAE/C,qBAAe,GAAG,UAAC,QAAiC;YAC1D,KAAI,CAAC,YAAY,GAAG,QAAQ,CAAC;QAC/B,CAAC,CAAC;QAEM,yBAAmB,GAAG,UAAC,KAAoB;YACjD,KAAI,CAAC,iBAAiB,GAAG,CAAC,kBAAkB,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,kBAAkB,CAAC,CAAC,IAAI,CAC3G,UAAA,OAAO,IAAI,OAAA,KAAK,CAAC,OAAO,KAAK,OAAO,EAAzB,CAAyB,CACrC,CAAC;QACJ,CAAC,CAAC;QAEM,oBAAc,GAAG,cAAM,OAAA,KAAI,EAAJ,CAAI,CAAC;QAE5B,eAAS,GAAG,UAAC,KAAoC;YACvD,IAAI,KAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;gBACvB,OAAO;aACR;YAED,IAAM,EAAE,GAAG,KAAI,CAAC,KAAK,CAAC,EAAE,IAAI,KAAI,CAAC,KAAK,CAAC,IAAK,CAAC;YAC7C,IAAI,KAAI,CAAC,KAAK,CAAC,OAAO,EAAE;gBACtB,KAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;gBAC1B,IAAI,KAAK,CAAC,gBAAgB,EAAE;oBAC1B,OAAO;iBACR;aACF;YACD,IAAI,KAAI,CAAC,KAAK,CAAC,OAAO,IAAI,OAAO,EAAE,KAAK,QAAQ,EAAE;gBAChD,KAAI,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;aAClC;QACH,CAAC,CAAC;QAEM,qBAAe,GAAG,cAAM,OAAA,CAAC,KAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC,EAAhC,CAAgC,CAAC;QAEzD,mBAAa,GAAG,UAAC,KAAuC;YAC9D,IAAI,KAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;gBACvB,OAAO;aACR;YAED,IAAI,KAAI,CAAC,KAAK,CAAC,SAAS,EAAE;gBACxB,KAAI,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;gBAC5B,IAAI,KAAK,CAAC,gBAAgB,EAAE;oBAC1B,OAAO;iBACR;aACF;YACD,IAAM,EAAE,GAAG,KAAI,CAAC,KAAK,EAAE,CAAC;YAChB,IAAA,6BAAO,CAAgB;YAC/B,IAAI,CAAC,CAAC,OAAO,IAAI,OAAO,EAAE,KAAK,QAAQ,CAAC,EAAE;gBACxC,OAAO;aACR;YACD,QAAQ,KAAK,CAAC,OAAO,EAAE;gBACrB,KAAK,kBAAkB,CAAC;gBACxB,KAAK,gBAAgB;oBACnB,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,OAAO,CAAC,UAAU,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;oBAC3B,OAAO;gBACT,KAAK,mBAAmB,CAAC;gBACzB,KAAK,kBAAkB;oBACrB,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,OAAO,CAAC,UAAU,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;oBAC1B,OAAO;gBACT;oBACE,OAAO;aACV;QACH,CAAC,CAAC;QAEM,iBAAW,GAAG;YACpB,IAAI,KAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;gBACvB,OAAO;aACR;YAED,iDAAiD;YACjD,kDAAkD;YAClD,OAAO,CAAC,QAAQ,CAAC;gBACf,IAAI,qBAAW,CAAC,YAAY,IAAI,KAAI,CAAC,iBAAiB,EAAE;oBACtD,KAAI,CAAC,QAAQ,CAAC,EAAE,iBAAiB,EAAE,IAAI,EAAE,CAAC,CAAC;iBAC5C;YACH,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;QAEM,gBAAU,GAAG;YACnB,IAAI,KAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;gBACvB,OAAO;aACR;YAED,KAAI,CAAC,QAAQ,CAAC,EAAE,iBAAiB,EAAE,KAAK,EAAE,CAAC,CAAC;QAC9C,CAAC,CAAC;;IACJ,CAAC;IAtLQ,gCAAkB,GAAzB;QACE,mBAAS,CACP,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,KAAK,UAAU,EACrE,4CAA4C,CAC7C,CAAC;IACJ,CAAC;IAEM,+BAAiB,GAAxB;QACE,IAAM,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;QACxB,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,OAAO,EAAE,KAAK,QAAQ,EAAE;YAChD,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;SACpD;QACD,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;IAC/D,CAAC;IAEM,gCAAkB,GAAzB;QACU,IAAA,4BAAO,CAAgB;QAC/B,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO;SACR;QACD,IAAI,OAAO,CAAC,SAAS,KAAK,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE;YACvC,OAAO,CAAC,YAAY,EAAE,CAAC;SACxB;IACH,CAAC;IAEM,kCAAoB,GAA3B;QACE,IAAM,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;QACxB,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,OAAO,EAAE,KAAK,QAAQ,EAAE;YAChD,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;SAClC;QACD,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;IAClE,CAAC;IAEM,oBAAM,GAAb;;QACQ,IAAA,eAWQ,EAVZ,oBAAO,EACP,sBAAQ,EACR,sBAAQ,EACR,gBAAK,EACL,oBAAO,EACP,oBAAO,EACP,oBAAO,EACP,iBAAiD,EAAjD,2DAAiD,EACjD,cAAI,EACJ,gBACY,CAAC;QAEf,IAAI,QAAQ,GAAG,KAAK,CAAC;QACrB,IAAI,UAAU,GAAG,KAAK,CAAC;QAEvB,IAAM,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;QACxB,IAAI,OAAO,IAAI,OAAO,EAAE,KAAK,QAAQ,EAAE;YACrC,QAAQ,GAAG,OAAO,CAAC,SAAS,KAAK,IAAI,CAAC,KAAK,EAAE,CAAC;YAC9C,UAAU,GAAG,OAAO,CAAC,QAAQ,CAAC;SAC/B;QAED,OAAO,CACL,oBAAC,SAAS,IACR,SAAS,EAAE,oBAAE;gBACX,GAAC,kBAAM,CAAC,IAAI,IAAG,IAAI;gBACnB,GAAC,kBAAM,CAAC,QAAQ,IAAG,UAAU;gBAC7B,GAAC,kBAAM,CAAC,OAAO,IAAG,OAAO;gBACzB,GAAC,kBAAM,CAAC,OAAO,IAAG,OAAO;gBACzB,GAAC,kBAAM,CAAC,OAAO,IAAG,OAAO;gBACzB,GAAC,kBAAM,CAAC,KAAK,IAAG,KAAK;gBACrB,GAAC,kBAAM,CAAC,MAAM,IAAG,QAAQ;gBACzB,GAAC,kBAAM,CAAC,QAAQ,IAAG,QAAQ;oBAC3B,EACF,MAAM,EAAE,IAAI,CAAC,UAAU,EACvB,OAAO,EAAE,IAAI,CAAC,SAAS,EACvB,WAAW,EAAE,IAAI,CAAC,eAAe,EACjC,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,SAAS,EAAE,IAAI,CAAC,aAAa,EAC7B,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC3B,GAAG,EAAE,6BAAqB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,EACnE,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK;YAEX,QAAQ;YACR,IAAI,CAAC,KAAK,CAAC,iBAAiB,IAAI,6BAAK,SAAS,EAAE,kBAAM,CAAC,KAAK,GAAI,CACvD,CACb,CAAC;IACJ,CAAC;IAEM,2BAAa,GAApB;QACE,OAAO;YACL,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;YAChC,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC;YACpC,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC;YACpC,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC;YACpC,QAAQ,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;SACvC,CAAC;IACJ,CAAC;IA5Ha,aAAS,GAAG;QACxB,QAAQ,EAAE,SAAS,CAAC,IAAI;QACxB,SAAS,EAAE,SAAS,CAAC,GAAG;QACxB,QAAQ,EAAE,SAAS,CAAC,IAAI;QACxB,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;QACjC,EAAE,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;QAC/B,OAAO,EAAE,SAAS,CAAC,IAAI;QACvB,SAAS,EAAE,SAAS,CAAC,IAAI;QACzB,OAAO,EAAE,SAAS,CAAC,KAAK,CAAC;YACvB,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;YACnC,SAAS,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;YACtC,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;YACjC,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;YACjC,SAAS,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;YACpC,YAAY,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;YACvC,SAAS,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;YACpC,UAAU,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;SACtC,CAAC;KACH,CAAC;IAEY,gBAAY,GAAG;QAC3B,SAAS,EAAE,GAAG;QACd,IAAI,EAAE,aAAa;KACpB,CAAC;IA+LJ,UAAC;CAAA,AAvND,CAAyB,KAAK,CAAC,SAAS,GAuNvC;AAvNY,kBAAG;AAwNH,QAAA,cAAc,GAAG,mBAAW,CAAC,yBAAW,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC;AAErE,kBAAe,sBAAc,CAAC"}

package/components/Tabs/Tabs.css

@@ -1,9 +0,0 @@
-:local .root {
-  display: inline-block;
-  margin: 0 -20px;
-  padding: 0;
-  position: relative;
-}
-:local .vertical {
-  margin: 0;
-}

package/components/Tabs/Tabs.js

@@ -1,114 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var classnames_1 = tslib_1.__importDefault(require("classnames"));
-var React = tslib_1.__importStar(require("react"));
-var react_dom_1 = require("react-dom");
-var PropTypes = tslib_1.__importStar(require("prop-types"));
-var Indicator_1 = tslib_1.__importDefault(require("./Indicator"));
-var TabsContext_1 = require("./TabsContext");
-var Tab_1 = require("./Tab");
-var Tabs_less_1 = tslib_1.__importDefault(require("./Tabs.css"));
-/**
- * Tabs wrapper
- *
- * contains static property `Tab`
- */
-var Tabs = /** @class */function (_super) {
-    tslib_1.__extends(Tabs, _super);
-    function Tabs() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.tabs = [];
-        _this.tabUpdates = {
-            on: function on(cb) {
-                var index = _this.listeners.push(cb);
-                return function () {
-                    _this.listeners.splice(index, 1);
-                };
-            }
-        };
-        _this.listeners = [];
-        _this.shiftFocus = function (fromTab, delta) {
-            var tabs = _this.tabs;
-            var index = tabs.findIndex(function (x) {
-                return x.id === fromTab;
-            });
-            var newIndex = Math.max(0, Math.min(index + delta, tabs.length - 1));
-            var tab = tabs[newIndex];
-            var tabNode = tab.getNode();
-            var htmlNode = null;
-            if (tabNode instanceof React.Component) {
-                htmlNode = react_dom_1.findDOMNode(tabNode);
-            }
-            if (htmlNode && htmlNode instanceof HTMLElement && typeof htmlNode.focus === 'function') {
-                htmlNode.focus();
-            }
-        };
-        _this.notifyUpdate = function () {
-            _this.listeners.forEach(function (cb) {
-                return cb();
-            });
-        };
-        _this.switchTab = function (id) {
-            var _a = _this.props,
-                onChange = _a.onChange,
-                value = _a.value;
-            if (id !== value && onChange) {
-                onChange(_this.createEvent(id), id);
-            }
-        };
-        _this.getTab = function (id) {
-            var _a = (_this.tabs.find(function (x) {
-                return x.id === id;
-            }) || {}).getNode,
-                getNode = _a === void 0 ? null : _a;
-            return getNode && getNode();
-        };
-        _this.addTab = function (id, getNode) {
-            _this.tabs = _this.tabs.concat({ id: id, getNode: getNode });
-        };
-        _this.removeTab = function (id) {
-            _this.tabs = _this.tabs.filter(function (tab) {
-                return tab.id !== id;
-            });
-        };
-        return _this;
-    }
-    Tabs.prototype.render = function () {
-        var _a = this.props,
-            vertical = _a.vertical,
-            value = _a.value,
-            width = _a.width,
-            children = _a.children,
-            indicatorClassName = _a.indicatorClassName;
-        return React.createElement("div", { className: classnames_1["default"](Tabs_less_1["default"].root, vertical && Tabs_less_1["default"].vertical), style: { width: width } }, React.createElement(TabsContext_1.TabsContext.Provider, { value: {
-                vertical: vertical,
-                activeTab: value,
-                getTab: this.getTab,
-                addTab: this.addTab,
-                removeTab: this.removeTab,
-                notifyUpdate: this.notifyUpdate,
-                shiftFocus: this.shiftFocus,
-                switchTab: this.switchTab
-            } }, React.createElement("div", null, children, React.createElement(Indicator_1["default"], { className: indicatorClassName, tabUpdates: this.tabUpdates, vertical: vertical }))));
-    };
-    Tabs.prototype.createEvent = function (value) {
-        return { target: { value: value } };
-    };
-    Tabs.propTypes = {
-        children: PropTypes.node,
-        indicatorClassName: PropTypes.string,
-        value: PropTypes.string.isRequired,
-        vertical: PropTypes.bool,
-        width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-        onChange: PropTypes.func
-    };
-    Tabs.defaultProps = {
-        vertical: false
-    };
-    Tabs.Tab = Tab_1.TabWithContext;
-    return Tabs;
-}(React.Component);
-exports["default"] = Tabs;
-//# sourceMappingURL=Tabs.js.map

package/components/Tabs/Tabs.js.flow

@@ -1,28 +0,0 @@
-/* @flow */
-import Tab from './Tab';
-
-export type TabsProps = {|
-  children?: React$Node,
-  indicatorClassName?: string,
-  onChange?: (ev: {|
-    target: {|
-      value: string,
-    |},
-  |}, value: string) => void,
-  value: string,
-  vertical?: boolean,
-  width?: number | string,
-|};
-
-export type TabsState = {|
-  tabs: Array<{|
-    getNode: () => Tab | null,
-    id: string,
-  |}>,
-|};
-
-declare class Tabs extends React$Component<TabsProps, TabsState> {
-  static Tab: typeof Tab,
-}
-
-export default Tabs;