Вы не можете выбрать более 25 тем Темы должны начинаться с буквы или цифры, могут содержать дефисы(-) и должны содержать не более 35 символов.
 
 
 
 

90 строки
2.4 KiB

  1. "use strict";
  2. var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
  3. var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
  4. exports.__esModule = true;
  5. exports.default = void 0;
  6. var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
  7. var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
  8. var _react = _interopRequireWildcard(require("react"));
  9. var _reactLifecyclesCompat = require("react-lifecycles-compat");
  10. var _propTypes = _interopRequireDefault(require("prop-types"));
  11. var _classnames = _interopRequireDefault(require("classnames"));
  12. var _utils = require("./utils");
  13. var propTypes = {
  14. tag: _utils.tagPropType,
  15. activeTab: _propTypes.default.any,
  16. className: _propTypes.default.string,
  17. cssModule: _propTypes.default.object
  18. };
  19. var defaultProps = {
  20. tag: 'div'
  21. };
  22. var childContextTypes = {
  23. activeTabId: _propTypes.default.any
  24. };
  25. var TabContent =
  26. /*#__PURE__*/
  27. function (_Component) {
  28. (0, _inheritsLoose2.default)(TabContent, _Component);
  29. TabContent.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, prevState) {
  30. if (prevState.activeTab !== nextProps.activeTab) {
  31. return {
  32. activeTab: nextProps.activeTab
  33. };
  34. }
  35. return null;
  36. };
  37. function TabContent(props) {
  38. var _this;
  39. _this = _Component.call(this, props) || this;
  40. _this.state = {
  41. activeTab: _this.props.activeTab
  42. };
  43. return _this;
  44. }
  45. var _proto = TabContent.prototype;
  46. _proto.getChildContext = function getChildContext() {
  47. return {
  48. activeTabId: this.state.activeTab
  49. };
  50. };
  51. _proto.render = function render() {
  52. var _this$props = this.props,
  53. className = _this$props.className,
  54. cssModule = _this$props.cssModule,
  55. Tag = _this$props.tag;
  56. var attributes = (0, _utils.omit)(this.props, Object.keys(propTypes));
  57. var classes = (0, _utils.mapToCssModules)((0, _classnames.default)('tab-content', className), cssModule);
  58. return _react.default.createElement(Tag, (0, _extends2.default)({}, attributes, {
  59. className: classes
  60. }));
  61. };
  62. return TabContent;
  63. }(_react.Component);
  64. (0, _reactLifecyclesCompat.polyfill)(TabContent);
  65. var _default = TabContent;
  66. exports.default = _default;
  67. TabContent.propTypes = propTypes;
  68. TabContent.defaultProps = defaultProps;
  69. TabContent.childContextTypes = childContextTypes;