npm - @skbkontur/react-ui - Versions diffs - 0.0.0-8fc80072ce → 0.0.0-9294639913 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5772) hide show

package/components/Sticky/Sticky.js DELETED Viewed

@@ -1,183 +0,0 @@
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";import React from 'react';
-import PropTypes from 'prop-types';
-import shallowEqual from 'shallowequal';
-import cn from 'classnames';
-import * as LayoutEvents from '../../lib/LayoutEvents';
-import { isFunction } from '../../lib/utils';
-import { ZIndex } from '../ZIndex';
-import { jsStyles } from './Sticky.styles';
-var MAX_REFLOW_RETRIES = 5;
-export var Sticky = /*#__PURE__*/function (_React$Component) {_inheritsLoose(Sticky, _React$Component);function Sticky() {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 = {
-      fixed: false,
-      deltaHeight: 0,
-      stopped: false,
-      relativeTop: 0 };_this.
-    wrapper = void 0;_this.
-    inner = void 0;_this.
-    layoutSubscription = { remove: null };_this.
-    reflowCounter = 0;_this.
-    refWrapper = function (ref) {return _this.wrapper = ref;};_this.
-    refInner = function (ref) {return _this.inner = ref;};_this.
-    reflow = function () {var _document =
-      document,documentElement = _document.documentElement;
-      if (!documentElement) {
-        throw Error('There is no "documentElement" in document');
-      }
-      var windowHeight = window.innerHeight || documentElement.clientHeight;
-      if (!_this.wrapper || !_this.inner) {
-        return;
-      }var _this$wrapper$getBoun =
-      _this.wrapper.getBoundingClientRect(),top = _this$wrapper$getBoun.top,bottom = _this$wrapper$getBoun.bottom,left = _this$wrapper$getBoun.left;var _this$inner$getBoundi =
-      _this.inner.getBoundingClientRect(),width = _this$inner$getBoundi.width,height = _this$inner$getBoundi.height;var _this$props =
-      _this.props,offset = _this$props.offset,getStop = _this$props.getStop,side = _this$props.side;var _this$state =
-      _this.state,prevFixed = _this$state.fixed,_this$state$height = _this$state.height,prevHeight = _this$state$height === void 0 ? height : _this$state$height;
-      var fixed = side === 'top' ? top < offset : bottom > windowHeight - offset;
-      _this.setState({ fixed: fixed, left: left });
-      if (fixed && !prevFixed) {
-        _this.setState({ width: width, height: height });
-      }
-      if (fixed) {
-        var stop = getStop && getStop();
-        if (stop) {
-          var deltaHeight = prevHeight - height;
-          var stopRect = stop.getBoundingClientRect();
-          var outerHeight = height + offset;
-          var stopped = false;
-          var relativeTop = 0;
-          if (side === 'top') {
-            stopped = stopRect.top - outerHeight < 0;
-            relativeTop = stopRect.top - height - top;
-          } else {
-            stopped = stopRect.bottom + outerHeight > windowHeight;
-            relativeTop = stopRect.bottom - top;
-          }
-          _this.setState({ relativeTop: relativeTop, deltaHeight: deltaHeight, stopped: stopped });
-        }
-      }
-    };return _this;}var _proto = Sticky.prototype;_proto.componentDidMount = function componentDidMount() {this.reflow();this.layoutSubscription = LayoutEvents.addListener(this.reflow);};_proto.componentWillUnmount = function componentWillUnmount() {if (this.layoutSubscription.remove) {this.layoutSubscription.remove();}};_proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {if (!shallowEqual(prevProps, this.props) || !shallowEqual(prevState, this.state)) {if (this.reflowCounter < MAX_REFLOW_RETRIES) {LayoutEvents.emit();this.reflowCounter += 1;return;}}this.reflowCounter = 0;};_proto.render = function render() {var _cn;var children = this.props.children;var _this$props2 = this.props,side = _this$props2.side,offset = _this$props2.offset;var _this$state2 = this.state,fixed = _this$state2.fixed,stopped = _this$state2.stopped,relativeTop = _this$state2.relativeTop,deltaHeight = _this$state2.deltaHeight,width = _this$state2.width,height = _this$state2.height,left = _this$state2.left;var innerStyle = {};if (fixed) {if (stopped) {innerStyle.top = relativeTop;innerStyle[side === 'top' ? 'marginTop' : 'marginBottom'] = deltaHeight;} else {innerStyle.width = width;innerStyle[side] = offset;innerStyle.left = left;}}if (isFunction(children)) {children = children(fixed);}return React.createElement("div", { ref: this.refWrapper }, React.createElement(ZIndex, { priority: "Sticky", applyZIndex: fixed, className: cn(jsStyles.inner(), (_cn = {}, _cn[jsStyles.fixed()] = fixed && !stopped, _cn[jsStyles.stopped()] = stopped, _cn)), style: innerStyle, wrapperRef: this.refInner }, React.createElement("div", { className: jsStyles.container() }, children)), fixed && !stopped ? React.createElement("div", { style: { width: width, height: height } }) : null);};return Sticky;}(React.Component);Sticky.__KONTUR_REACT_UI__ = 'Sticky';Sticky.propTypes = { children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]), /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * Функция, которая возвращает DOM-элемент, который нельзя пересекать.
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          */getStop: PropTypes.func, /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      * Отступ от границы в пикселях
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      */offset: PropTypes.number, side: PropTypes.oneOf(['top', 'bottom']).isRequired };Sticky.defaultProps = { offset: 0 };

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

@@ -1 +0,0 @@

- {"version":3,"sources":["Sticky.tsx"],"names":["React","PropTypes","shallowEqual","cn","LayoutEvents","isFunction","ZIndex","jsStyles","MAX_REFLOW_RETRIES","Sticky","state","fixed","deltaHeight","stopped","relativeTop","wrapper","inner","layoutSubscription","remove","reflowCounter","refWrapper","ref","refInner","reflow","document","documentElement","Error","windowHeight","window","innerHeight","clientHeight","getBoundingClientRect","top","bottom","left","width","height","props","offset","getStop","side","prevFixed","prevHeight","setState","stop","stopRect","outerHeight","componentDidMount","addListener","componentWillUnmount","componentDidUpdate","prevProps","prevState","emit","render","children","innerStyle","container","Component","__KONTUR_REACT_UI__","propTypes","oneOfType","node","func","number","oneOf","isRequired","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport shallowEqual from 'shallowequal';\r\nimport cn from 'classnames';\r\n\r\nimport * as LayoutEvents from '../../lib/LayoutEvents';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { isFunction } from '../../lib/utils';\r\nimport { ZIndex } from '../ZIndex';\r\n\r\nimport { jsStyles } from './Sticky.styles';\r\n\r\nconst MAX_REFLOW_RETRIES = 5;\r\n\r\nexport interface StickyProps {\r\n side: 'top' | 'bottom';\r\n /**\r\n * Отступ в пикселях от края экрана, на сколько сдвигается элемент в залипшем состоянии\r\n * @default 0\r\n */\r\n offset: number;\r\n getStop?: () => Nullable<HTMLElement>;\r\n children?: React.ReactNode | ((fixed: boolean) => React.ReactNode);\r\n}\r\n\r\nexport interface StickyState {\r\n fixed: boolean;\r\n deltaHeight: number;\r\n height?: number;\r\n width?: number;\r\n left?: number;\r\n stopped: boolean;\r\n relativeTop: number;\r\n}\r\n\r\nexport class Sticky extends React.Component<StickyProps, StickyState> {\r\n public static __KONTUR_REACT_UI__ = 'Sticky';\r\n\r\n public static propTypes = {\r\n children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\r\n\r\n /**\r\n * Функция, которая возвращает DOM-элемент, который нельзя пересекать.\r\n */\r\n getStop: PropTypes.func,\r\n\r\n /**\r\n * Отступ от границы в пикселях\r\n */\r\n offset: PropTypes.number,\r\n\r\n side: PropTypes.oneOf(['top', 'bottom']).isRequired,\r\n };\r\n\r\n public static defaultProps = { offset: 0 };\r\n\r\n public state: StickyState = {\r\n fixed: false,\r\n deltaHeight: 0,\r\n stopped: false,\r\n relativeTop: 0,\r\n };\r\n\r\n private wrapper: Nullable<HTMLElement>;\r\n private inner: Nullable<HTMLElement>;\r\n private layoutSubscription: { remove: Nullable<() => void> } = { remove: null };\r\n private reflowCounter = 0;\r\n\r\n public componentDidMount() {\r\n this.reflow();\r\n\r\n this.layoutSubscription = LayoutEvents.addListener(this.reflow);\r\n }\r\n\r\n public componentWillUnmount() {\r\n if (this.layoutSubscription.remove) {\r\n this.layoutSubscription.remove();\r\n }\r\n }\r\n\r\n public componentDidUpdate(prevProps: StickyProps, prevState: StickyState) {\r\n if (!shallowEqual(prevProps, this.props) || !shallowEqual(prevState, this.state)) {\r\n if (this.reflowCounter < MAX_REFLOW_RETRIES) {\r\n LayoutEvents.emit();\r\n this.reflowCounter += 1;\r\n return;\r\n }\r\n }\r\n this.reflowCounter = 0;\r\n }\r\n\r\n public render() {\r\n let { children } = this.props;\r\n const { side, offset } = this.props;\r\n const { fixed, stopped, relativeTop, deltaHeight, width, height, left } = this.state;\r\n const innerStyle: React.CSSProperties = {};\r\n\r\n if (fixed) {\r\n if (stopped) {\r\n innerStyle.top = relativeTop;\r\n innerStyle[side === 'top' ? 'marginTop' : 'marginBottom'] = deltaHeight;\r\n } else {\r\n innerStyle.width = width;\r\n innerStyle[side] = offset;\r\n innerStyle.left = left;\r\n }\r\n }\r\n\r\n if (isFunction(children)) {\r\n children = children(fixed);\r\n }\r\n\r\n return (\r\n <div ref={this.refWrapper}>\r\n <ZIndex\r\n priority=\"Sticky\"\r\n applyZIndex={fixed}\r\n className={cn(jsStyles.inner(), {\r\n [jsStyles.fixed()]: fixed && !stopped,\r\n [jsStyles.stopped()]: stopped,\r\n })}\r\n style={innerStyle}\r\n wrapperRef={this.refInner}\r\n >\r\n <div className={jsStyles.container()}>{children}</div>\r\n </ZIndex>\r\n {fixed && !stopped ? <div style={{ width, height }} /> : null}\r\n </div>\r\n );\r\n }\r\n\r\n private refWrapper = (ref: Nullable<HTMLElement>) => (this.wrapper = ref);\r\n\r\n private refInner = (ref: Nullable<HTMLElement>) => (this.inner = ref);\r\n\r\n private reflow = () => {\r\n const { documentElement } = document;\r\n\r\n if (!documentElement) {\r\n throw Error('There is no \"documentElement\" in document');\r\n }\r\n\r\n const windowHeight = window.innerHeight || documentElement.clientHeight;\r\n if (!this.wrapper || !this.inner) {\r\n return;\r\n }\r\n const { top, bottom, left } = this.wrapper.getBoundingClientRect();\r\n const { width, height } = this.inner.getBoundingClientRect();\r\n const { offset, getStop, side } = this.props;\r\n const { fixed: prevFixed, height: prevHeight = height } = this.state;\r\n const fixed = side === 'top' ? top < offset : bottom > windowHeight - offset;\r\n\r\n this.setState({ fixed, left });\r\n\r\n if (fixed && !prevFixed) {\r\n this.setState({ width, height });\r\n }\r\n\r\n if (fixed) {\r\n const stop = getStop && getStop();\r\n if (stop) {\r\n const deltaHeight = prevHeight - height;\r\n const stopRect = stop.getBoundingClientRect();\r\n const outerHeight = height + offset;\r\n let stopped = false;\r\n let relativeTop = 0;\r\n\r\n if (side === 'top') {\r\n stopped = stopRect.top - outerHeight < 0;\r\n relativeTop = stopRect.top - height - top;\r\n } else {\r\n stopped = stopRect.bottom + outerHeight > windowHeight;\r\n relativeTop = stopRect.bottom - top;\r\n }\r\n\r\n this.setState({ relativeTop, deltaHeight, stopped });\r\n }\r\n }\r\n };\r\n}\r\n"]}

package/components/Sticky/Sticky.md DELETED Viewed

@@ -1,27 +0,0 @@
-```jsx harmony
-const style = {
-  padding: 10,
-  background: '#f99',
-};
-let stop = null;
-<div>
-  <Sticky side="top" getStop={() => stop}>
-    {fixed => (
-      <div style={style}>
-        Small loan of a million dollars
-        {fixed ? ' fixed' : <div>not fixed</div>}
-      </div>
-    )}
-  </Sticky>
-  Great
-  <div style={{ height: 1000 }} />
-  <div ref={el => (stop = el)} style={{ borderTop: '1px solid #000' }} />
-  <div style={{ height: 1000 }} />
-  <Sticky side="bottom" getStop={() => stop} offset={20}>
-    <div style={style}>Make America Great Again</div>
-  </Sticky>
-  <div style={{ height: 100 }} />
-</div>;
-```

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

@@ -1,30 +0,0 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";function _templateObject4() {var data = _taggedTemplateLiteralLoose(["\n      flex: auto;\n      width: 100%;\n    "]);_templateObject4 = function _templateObject4() {return data;};return data;}function _templateObject3() {var data = _taggedTemplateLiteralLoose(["\n      position: relative;\n    "]);_templateObject3 = function _templateObject3() {return data;};return data;}function _templateObject2() {var data = _taggedTemplateLiteralLoose(["\n      position: fixed;\n    "]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = _taggedTemplateLiteralLoose(["\n      display: flex;\n    "]);_templateObject = function _templateObject() {return data;};return data;}import { css, memoizeStyle } from '../../lib/theming/Emotion';
-var styles = {
-  inner: function inner() {
-    return css(_templateObject());
-  },
-  fixed: function fixed() {
-    return css(_templateObject2());
-  },
-  stopped: function stopped() {
-    return css(_templateObject3());
-  },
-  container: function container() {
-    return css(_templateObject4());
-  } };
-export var jsStyles = memoizeStyle(styles);

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

@@ -1 +0,0 @@

- {"version":3,"sources":["Sticky.styles.ts"],"names":["css","memoizeStyle","styles","inner","fixed","stopped","container","jsStyles"],"mappings":"yzBAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;AAEA,IAAMC,MAAM,GAAG;AACbC,EAAAA,KADa,mBACL;AACN,WAAOH,GAAP;;;AAGD,GALY;;AAObI,EAAAA,KAPa,mBAOL;AACN,WAAOJ,GAAP;;;AAGD,GAXY;;AAabK,EAAAA,OAba,qBAaH;AACR,WAAOL,GAAP;;;AAGD,GAjBY;;AAmBbM,EAAAA,SAnBa,uBAmBD;AACV,WAAON,GAAP;;;;AAID,GAxBY,EAAf;;;AA2BA,OAAO,IAAMO,QAAQ,GAAGN,YAAY,CAACC,MAAD,CAA7B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\n\r\nconst styles = {\r\n inner() {\r\n return css`\r\n display: flex;\r\n `;\r\n },\r\n\r\n fixed() {\r\n return css`\r\n position: fixed;\r\n `;\r\n },\r\n\r\n stopped() {\r\n return css`\r\n position: relative;\r\n `;\r\n },\r\n\r\n container() {\r\n return css`\r\n flex: auto;\r\n width: 100%;\r\n `;\r\n },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}

package/components/Sticky/index.js DELETED Viewed

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

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

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

package/components/Switcher/Switcher.js DELETED Viewed

@@ -1,198 +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';
-import cn from 'classnames';
-import { isKeyArrowHorizontal, isKeyArrowLeft, isKeyEnter } from '../../lib/events/keyboard/identifiers';
-import { Group } from '../Group';
-import { Button } from '../Button';
-import { ThemeContext } from '../../lib/theming/ThemeContext';
-import { jsStyles } from './Switcher.styles';
-export var Switcher = /*#__PURE__*/function (_React$Component) {_inheritsLoose(Switcher, _React$Component);function Switcher() {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 = {
-      focusedIndex: null };_this.
-    theme = void 0;_this.
-    selectItem = function (value) {
-      if (_this.props.onValueChange) {
-        _this.props.onValueChange(value);
-      }
-    };_this.
-    _extractPropsFromItem = function (item) {
-      return typeof item === 'object' ? item : { label: item, value: item };
-    };_this.
-    _extractValuesFromItems = function () {
-      return _this.props.items.map(function (item) {var _this$_extractPropsFr =
-        _this._extractPropsFromItem(item),value = _this$_extractPropsFr.value;
-        return value;
-      });
-    };_this.
-    move = function (step) {
-      var selectedIndex = _this.state.focusedIndex;
-      if (typeof selectedIndex !== 'number') {
-        return;
-      }
-      var items = _this._extractValuesFromItems();
-      selectedIndex += step;
-      if (selectedIndex < 0) {
-        selectedIndex = items.length - 1;
-      } else if (selectedIndex >= items.length) {
-        selectedIndex = 0;
-      }
-      _this._focus(selectedIndex);
-    };_this.
-    _focus = function (index) {
-      _this.setState({ focusedIndex: index });
-    };_this.
-    handleKey = function (e) {
-      var focusedIndex = _this.state.focusedIndex;
-      if (typeof focusedIndex !== 'number') {
-        return;
-      }
-      if (isKeyEnter(e)) {
-        if (_this.props.onValueChange) {var _this$_extractPropsFr2 =
-          _this._extractPropsFromItem(_this.props.items[focusedIndex]),_value = _this$_extractPropsFr2.value;
-          _this.selectItem(_value);
-        }
-        return;
-      }
-      if (isKeyArrowHorizontal(e)) {
-        e.preventDefault();
-        _this.move(isKeyArrowLeft(e) ? -1 : 1);
-      }
-    };_this.
-    _handleFocus = function () {var
-      value = _this.props.value;
-      var items = _this._extractValuesFromItems();
-      var currentIndex = [].concat(items).indexOf(value);
-      var index = currentIndex > -1 ? currentIndex : 0;
-      _this.setState({ focusedIndex: index });
-    };_this.
-    _handleBlur = function () {
-      _this.setState({ focusedIndex: null });
-    };_this.
-    _renderItems = function () {
-      return _this.props.items.map(function (item, i) {var _this$_extractPropsFr3 =
-        _this._extractPropsFromItem(item),label = _this$_extractPropsFr3.label,value = _this$_extractPropsFr3.value;
-        var buttonProps = {
-          checked: _this.props.value === value,
-          visuallyFocused: _this.state.focusedIndex === i,
-          onClick: function onClick() {
-            _this.selectItem(value);
-          },
-          disableFocus: true,
-          size: _this.props.size };
-        return (
-          React.createElement(Button, _extends({ key: value }, buttonProps),
-          label));
-      });
-    };return _this;}var _proto = Switcher.prototype;_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 listClassName = cn((_cn = {}, _cn[jsStyles.error(this.theme)] = !!this.props.error, _cn));var inputProps = { type: 'checkbox', onKeyDown: this.handleKey, onFocus: this._handleFocus, onBlur: this._handleBlur, className: jsStyles.input() };return React.createElement("div", null, this.props.label ? React.createElement("div", { className: jsStyles.label() }, this.props.label) : null, React.createElement("div", { className: jsStyles.wrap() }, React.createElement("input", inputProps), React.createElement("div", { className: listClassName }, React.createElement(Group, null, this._renderItems()))));};return Switcher;}(React.Component);Switcher.__KONTUR_REACT_UI__ = 'Switcher';Switcher.propTypes = { error: PropTypes.bool, items: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.arrayOf(PropTypes.shape({ label: PropTypes.string, value: PropTypes.string }))]).isRequired, label: PropTypes.string, value: PropTypes.string, onValueChange: PropTypes.func };

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

@@ -1 +0,0 @@

- {"version":3,"sources":["Switcher.tsx"],"names":["React","PropTypes","cn","isKeyArrowHorizontal","isKeyArrowLeft","isKeyEnter","Group","Button","ThemeContext","jsStyles","Switcher","state","focusedIndex","theme","selectItem","value","props","onValueChange","_extractPropsFromItem","item","label","_extractValuesFromItems","items","map","move","step","selectedIndex","length","_focus","index","setState","handleKey","e","preventDefault","_handleFocus","currentIndex","indexOf","_handleBlur","_renderItems","i","buttonProps","checked","visuallyFocused","onClick","disableFocus","size","render","renderMain","listClassName","error","inputProps","type","onKeyDown","onFocus","onBlur","className","input","wrap","Component","__KONTUR_REACT_UI__","propTypes","bool","oneOfType","arrayOf","string","shape","isRequired","func"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport { isKeyArrowHorizontal, isKeyArrowLeft, isKeyEnter } from '../../lib/events/keyboard/identifiers';\r\nimport { Group } from '../Group';\r\nimport { Button, ButtonSize } from '../Button';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nimport { jsStyles } from './Switcher.styles';\r\n\r\nexport type SwitcherSize = ButtonSize;\r\n\r\nexport interface SwitcherProps {\r\n /**\r\n * Список строк или список элементов типа `{ label: string, value: string }`\r\n */\r\n items: Array<string | SwitcherItem>;\r\n\r\n value?: string;\r\n\r\n onValueChange?: (value: string) => void;\r\n\r\n label?: string;\r\n\r\n error?: boolean;\r\n\r\n /** Размер */\r\n size?: SwitcherSize;\r\n}\r\n\r\nexport interface SwitcherState {\r\n focusedIndex: Nullable<number>;\r\n}\r\n\r\ninterface SwitcherItem {\r\n label: string;\r\n value: string;\r\n}\r\n\r\nexport class Switcher extends React.Component<SwitcherProps, SwitcherState> {\r\n public static __KONTUR_REACT_UI__ = 'Switcher';\r\n\r\n public static propTypes = {\r\n error: PropTypes.bool,\r\n items: PropTypes.oneOfType([\r\n PropTypes.arrayOf(PropTypes.string),\r\n PropTypes.arrayOf(\r\n PropTypes.shape({\r\n label: PropTypes.string,\r\n value: PropTypes.string,\r\n }),\r\n ),\r\n ]).isRequired,\r\n label: PropTypes.string,\r\n value: PropTypes.string,\r\n onValueChange: PropTypes.func,\r\n };\r\n\r\n public state: SwitcherState = {\r\n focusedIndex: null,\r\n };\r\n\r\n private theme!: Theme;\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 listClassName = cn({\r\n [jsStyles.error(this.theme)]: !!this.props.error,\r\n });\r\n\r\n const inputProps = {\r\n type: 'checkbox',\r\n onKeyDown: this.handleKey,\r\n onFocus: this._handleFocus,\r\n onBlur: this._handleBlur,\r\n className: jsStyles.input(),\r\n };\r\n\r\n return (\r\n <div>\r\n {this.props.label ? <div className={jsStyles.label()}>{this.props.label}</div> : null}\r\n <div className={jsStyles.wrap()}>\r\n <input {...inputProps} />\r\n <div className={listClassName}>\r\n <Group>{this._renderItems()}</Group>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n }\r\n\r\n private selectItem = (value: string) => {\r\n if (this.props.onValueChange) {\r\n this.props.onValueChange(value);\r\n }\r\n };\r\n\r\n private _extractPropsFromItem = (item: string | SwitcherItem): SwitcherItem => {\r\n return typeof item === 'object' ? item : { label: item, value: item };\r\n };\r\n\r\n private _extractValuesFromItems = (): string[] => {\r\n return this.props.items.map(item => {\r\n const { value } = this._extractPropsFromItem(item);\r\n return value;\r\n });\r\n };\r\n\r\n private move = (step: number) => {\r\n let selectedIndex = this.state.focusedIndex;\r\n\r\n if (typeof selectedIndex !== 'number') {\r\n return;\r\n }\r\n\r\n const items = this._extractValuesFromItems();\r\n\r\n selectedIndex += step;\r\n\r\n if (selectedIndex < 0) {\r\n selectedIndex = items.length - 1;\r\n } else if (selectedIndex >= items.length) {\r\n selectedIndex = 0;\r\n }\r\n\r\n this._focus(selectedIndex);\r\n };\r\n\r\n private _focus = (index: number) => {\r\n this.setState({ focusedIndex: index });\r\n };\r\n\r\n private handleKey = (e: React.KeyboardEvent<HTMLInputElement>) => {\r\n const focusedIndex = this.state.focusedIndex;\r\n if (typeof focusedIndex !== 'number') {\r\n return;\r\n }\r\n\r\n if (isKeyEnter(e)) {\r\n if (this.props.onValueChange) {\r\n const { value } = this._extractPropsFromItem(this.props.items[focusedIndex]);\r\n this.selectItem(value);\r\n }\r\n return;\r\n }\r\n\r\n if (isKeyArrowHorizontal(e)) {\r\n e.preventDefault();\r\n this.move(isKeyArrowLeft(e) ? -1 : 1);\r\n }\r\n };\r\n\r\n private _handleFocus = () => {\r\n const { value } = this.props;\r\n\r\n const items = this._extractValuesFromItems();\r\n const currentIndex = [...items].indexOf(value as string);\r\n const index = currentIndex > -1 ? currentIndex : 0;\r\n\r\n this.setState({ focusedIndex: index });\r\n };\r\n\r\n private _handleBlur = () => {\r\n this.setState({ focusedIndex: null });\r\n };\r\n\r\n private _renderItems = () => {\r\n return this.props.items.map((item, i) => {\r\n const { label, value } = this._extractPropsFromItem(item);\r\n const buttonProps = {\r\n checked: this.props.value === value,\r\n visuallyFocused: this.state.focusedIndex === i,\r\n onClick: () => {\r\n this.selectItem(value);\r\n },\r\n disableFocus: true,\r\n size: this.props.size,\r\n };\r\n return (\r\n <Button key={value} {...buttonProps}>\r\n {label}\r\n </Button>\r\n );\r\n });\r\n };\r\n}\r\n"]}

package/components/Switcher/Switcher.md DELETED Viewed

@@ -1,10 +0,0 @@
-```jsx harmony
-let intialState = {};
-<Switcher
-  label="Switch the switcher"
-  items={['One', 'Two', 'Three']}
-  value={state.value}
-  onValueChange={value => setState({ value })}
-/>;
-```

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

@@ -1,37 +0,0 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";function _templateObject4() {var data = _taggedTemplateLiteralLoose(["\n      border-radius: 2px;\n      box-shadow: 0 0 0 2px ", ";\n    "]);_templateObject4 = function _templateObject4() {return data;};return data;}function _templateObject3() {var data = _taggedTemplateLiteralLoose(["\n      margin-right: 15px;\n      vertical-align: middle;\n      display: inline-block;\n    "]);_templateObject3 = function _templateObject3() {return data;};return data;}function _templateObject2() {var data = _taggedTemplateLiteralLoose(["\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n    "]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      vertical-align: middle;\n    "]);_templateObject = function _templateObject() {return data;};return data;}import { css, memoizeStyle } from '../../lib/theming/Emotion';
-var styles = {
-  wrap: function wrap() {
-    return css(_templateObject());
-  },
-  input: function input() {
-    return css(_templateObject2());
-  },
-  label: function label() {
-    return css(_templateObject3());
-  },
-  error: function error(t) {
-    return css(_templateObject4(),
-    t.borderColorError);
-  } };
-export var jsStyles = memoizeStyle(styles);

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

@@ -1 +0,0 @@

- {"version":3,"sources":["Switcher.styles.ts"],"names":["css","memoizeStyle","styles","wrap","input","label","error","t","borderColorError","jsStyles"],"mappings":"6+BAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;;AAGA,IAAMC,MAAM,GAAG;AACbC,EAAAA,IADa,kBACN;AACL,WAAOH,GAAP;;;;AAID,GANY;;AAQbI,EAAAA,KARa,mBAQL;AACN,WAAOJ,GAAP;;;;;;AAMD,GAfY;;AAiBbK,EAAAA,KAjBa,mBAiBL;AACN,WAAOL,GAAP;;;;;AAKD,GAvBY;;AAyBbM,EAAAA,KAzBa,iBAyBPC,CAzBO,EAyBG;AACd,WAAOP,GAAP;;AAE0BO,IAAAA,CAAC,CAACC,gBAF5B;;AAID,GA9BY,EAAf;;;AAiCA,OAAO,IAAMC,QAAQ,GAAGR,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 wrap() {\r\n return css`\r\n display: inline-block;\r\n vertical-align: middle;\r\n `;\r\n },\r\n\r\n input() {\r\n return css`\r\n height: 0;\r\n opacity: 0;\r\n position: absolute;\r\n width: 0;\r\n `;\r\n },\r\n\r\n label() {\r\n return css`\r\n margin-right: 15px;\r\n vertical-align: middle;\r\n display: inline-block;\r\n `;\r\n },\r\n\r\n error(t: Theme) {\r\n return css`\r\n border-radius: 2px;\r\n box-shadow: 0 0 0 2px ${t.borderColorError};\r\n `;\r\n },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}

package/components/Switcher/index.js DELETED Viewed

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

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

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