@sis-cc/dotstatsuite-visions 12.55.0 → 13.0.0

package/lib/DataFooter/DataFooter.js

@@ -1,219 +0,0 @@
-'use strict';
-
-exports.__esModule = true;
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _classnames = require('classnames');
-
-var _classnames2 = _interopRequireDefault(_classnames);
-
-var _ramda = require('ramda');
-
-var R = _interopRequireWildcard(_ramda);
-
-var _size = require('@react-hook/size');
-
-var _size2 = _interopRequireDefault(_size);
-
-var _Grid = require('@mui/material/Grid');
-
-var _Grid2 = _interopRequireDefault(_Grid);
-
-var _Typography = require('@mui/material/Typography');
-
-var _Typography2 = _interopRequireDefault(_Typography);
-
-var _Link = require('@mui/material/Link');
-
-var _Link2 = _interopRequireDefault(_Link);
-
-var _makeStyles = require('@mui/styles/makeStyles');
-
-var _makeStyles2 = _interopRequireDefault(_makeStyles);
-
-var _utils = require('@mui/utils');
-
-var _ = require('../');
-
-var _theme = require('../theme');
-
-var _useKeybordEscapeHandler = require('../hooks/useKeybordEscapeHandler');
-
-var _useKeybordEscapeHandler2 = _interopRequireDefault(_useKeybordEscapeHandler);
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var HEIGHT = 42;
-
-var useStyles = (0, _makeStyles2.default)(function (theme) {
-  return {
-    footer: {
-      minHeight: HEIGHT
-    },
-    legend: {
-      flexGrow: 1
-    },
-    copyright: {
-      padding: 0
-    },
-    source: {
-      padding: theme.spacing(0, 1, 0, 1)
-    },
-    logo: {
-      height: HEIGHT / 2,
-      display: 'flex'
-    },
-    sticky: {
-      position: 'sticky',
-      right: 0
-    }
-  };
-});
-
-var DataFooter = function DataFooter(_ref) {
-  var _cx;
-
-  var logo = _ref.logo,
-      source = _ref.source,
-      copyright = _ref.copyright,
-      legend = _ref.legend,
-      _ref$isSticky = _ref.isSticky,
-      isSticky = _ref$isSticky === undefined ? false : _ref$isSticky;
-
-  var target = _react2.default.useRef(null);
-
-  var _useSize = (0, _size2.default)(target),
-      width = _useSize[0];
-
-  var isWidthUp = R.gt(width);
-  var isSourced = source && source.label && source.link;
-  var isCopyrighted = copyright && copyright.label && copyright.content;
-  var classes = useStyles();
-
-  var _useKeyboardEscapeHan = (0, _useKeybordEscapeHandler2.default)(),
-      open = _useKeyboardEscapeHan.open,
-      setOpen = _useKeyboardEscapeHan.setOpen;
-
-  var typoSize = isWidthUp(_theme.T4_BREAKPOINTS.lg) ? 14 : 12;
-  if (!isWidthUp(_theme.T4_BREAKPOINTS.xs)) return _react2.default.createElement(_Grid2.default, { ref: target });
-
-  return _react2.default.createElement(
-    _Grid2.default,
-    {
-      ref: target,
-      container: true,
-      className: classes.footer,
-      direction: 'row',
-      justifyContent: 'flex-end',
-      alignItems: 'center'
-    },
-    _react2.default.createElement(
-      _Grid2.default,
-      { item: true, className: classes.legend },
-      isWidthUp(_theme.T4_BREAKPOINTS.sm) && legend
-    ),
-    _react2.default.createElement(
-      _Grid2.default,
-      { item: true, style: { alignSelf: 'flex-end' }, className: (0, _classnames2.default)((_cx = {}, _cx[classes.sticky] = isSticky, _cx)) },
-      _react2.default.createElement(
-        _Grid2.default,
-        {
-          container: true,
-          justifyContent: 'flex-end',
-          alignItems: 'center',
-          className: classes.footer,
-          spacing: 0
-        },
-        _react2.default.createElement(
-          _Grid2.default,
-          {
-            item: true,
-            className: isWidthUp(_theme.T4_BREAKPOINTS.sm) && isSourced ? classes.copyright : classes.source
-          },
-          isCopyrighted && _react2.default.createElement(
-            _react.Fragment,
-            null,
-            _react2.default.createElement(
-              _.Tooltip,
-              {
-                title: _react2.default.createElement(
-                  _Typography2.default,
-                  { variant: 'body2' },
-                  copyright.content
-                ),
-                'aria-label': copyright.content,
-                variant: 'light',
-                tabIndex: 0,
-                'aria-hidden': false,
-                placement: 'top',
-                enterNextDelay: 100,
-                arrow: true,
-                open: open,
-                onOpen: function onOpen() {
-                  return setOpen(true);
-                },
-                onClose: function onClose() {
-                  return setOpen(false);
-                }
-              },
-              _react2.default.createElement(
-                _Typography2.default,
-                { variant: 'body2', style: { cursor: 'pointer', fontSize: typoSize } },
-                copyright.label
-              )
-            ),
-            _react2.default.createElement(
-              _Typography2.default,
-              { sx: _utils.visuallyHidden },
-              copyright.content
-            )
-          )
-        ),
-        isWidthUp(_theme.T4_BREAKPOINTS.sm) && isSourced && _react2.default.createElement(
-          _Grid2.default,
-          { item: true, className: classes.source },
-          _react2.default.createElement(
-            _Typography2.default,
-            { variant: 'body2', style: { fontSize: typoSize } },
-            _react2.default.createElement(
-              _Link2.default,
-              { href: source.link, rel: 'noopener noreferrer', target: '_blank', variant: 'body2' },
-              source.label
-            )
-          )
-        ),
-        isWidthUp(_theme.T4_BREAKPOINTS.xs) && logo && _react2.default.createElement(
-          _Grid2.default,
-          { item: true },
-          _react2.default.createElement('img', { src: logo, alt: 'logo', className: classes.logo })
-        )
-      )
-    )
-  );
-};
-
-DataFooter.propTypes = process.env.NODE_ENV !== "production" ? {
-  logo: _propTypes2.default.string,
-  source: _propTypes2.default.shape({
-    label: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
-    link: _propTypes2.default.string
-  }),
-  copyright: _propTypes2.default.shape({
-    label: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
-    content: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element])
-  }),
-  legend: _propTypes2.default.element,
-  isSticky: _propTypes2.default.bool
-} : {};
-
-exports.default = DataFooter;
-module.exports = exports['default'];

package/lib/DataFooter/index.js

@@ -1,16 +0,0 @@
-'use strict';
-
-exports.__esModule = true;
-
-var _DataFooter = require('./DataFooter');
-
-Object.defineProperty(exports, 'default', {
-  enumerable: true,
-  get: function get() {
-    return _interopRequireDefault(_DataFooter).default;
-  }
-});
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-module.exports = exports['default'];

package/lib/DataHeader/DataHeader.js

@@ -1,358 +0,0 @@
-'use strict';
-
-exports.__esModule = true;
-
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _ramda = require('ramda');
-
-var R = _interopRequireWildcard(_ramda);
-
-var _size = require('@react-hook/size');
-
-var _size2 = _interopRequireDefault(_size);
-
-var _classnames = require('classnames');
-
-var _classnames2 = _interopRequireDefault(_classnames);
-
-var _makeStyles = require('@mui/styles/makeStyles');
-
-var _makeStyles2 = _interopRequireDefault(_makeStyles);
-
-var _styles = require('@mui/material/styles');
-
-var _Info = require('@mui/icons-material/Info');
-
-var _Info2 = _interopRequireDefault(_Info);
-
-var _Typography = require('@mui/material/Typography');
-
-var _Typography2 = _interopRequireDefault(_Typography);
-
-var _theme = require('../theme');
-
-var _Title = require('./Title');
-
-var _Title2 = _interopRequireDefault(_Title);
-
-var _Flags = require('./Flags');
-
-var _Flags2 = _interopRequireDefault(_Flags);
-
-var _TooltipHeader = require('./TooltipHeader');
-
-var _TooltipHeader2 = _interopRequireDefault(_TooltipHeader);
-
-var _utils = require('./utils');
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
-
-var useStyles = (0, _makeStyles2.default)(function (theme) {
-  return {
-    header: {
-      alignItems: 'center',
-      display: 'flex'
-    },
-    container: _extends({
-      display: 'flex',
-      flexDirection: 'column',
-      justifyContent: 'flex-start',
-      marginBottom: 10,
-      marginTop: 10,
-      alignItems: 'baseline'
-    }, R.pathOr({}, ['mixins', 'dataHeader', 'root'], theme)),
-    title: _extends({
-      display: 'inline-block',
-      width: '100%',
-      lineHeight: 1.5
-    }, R.pathOr({}, ['mixins', 'dataHeader', 'title'], theme)),
-    wrapperSubtitle: {
-      alignItems: 'center',
-      display: 'flex',
-      flexWrap: 'wrap',
-      width: '100%',
-      lineHeight: 1.3
-    },
-    subtitle: _extends({
-      display: 'flex',
-      alignItems: 'center',
-      lineHeight: 1.6,
-      color: theme.palette.grey[600]
-    }, R.pathOr({}, ['mixins', 'dataHeader', 'subtitle'], theme)),
-    disclaimer: _extends({
-      padding: theme.spacing(0.5),
-      lineHeight: 1.5
-    }, R.pathOr({}, ['mixins', 'dataHeader', 'disclaimer'], theme)),
-    pagination: _extends({
-      padding: theme.spacing(0.5),
-      lineHeight: 1.5
-    }, R.pathOr({}, ['mixins', 'dataHeader', 'subtitle'], theme)),
-    infoIcon: {
-      height: '0.8em',
-      color: theme.palette.grey[600]
-    },
-    svgWrapper: _extends({
-      marginLeft: 4
-    }, theme.typography.body1),
-    svg: {
-      fontSize: 'inherit',
-      borderBottom: '1px dotted',
-      borderBottomColor: 'inherit'
-    },
-    content: _extends({
-      boxSizing: 'border-box',
-      color: 'white',
-      listStyleType: 'none',
-      maxWidth: 270,
-      padding: 0,
-      margin: 0,
-      fontSize: 12,
-      fontWeight: 400,
-      lineHeight: 1.43
-    }, theme.typography.body1),
-    subContent: _extends({
-      listStyle: 'none',
-      padding: 0,
-      marginLeft: 20,
-      maxWidth: 270
-    }, theme.typography.body1),
-    sticky: {
-      position: 'sticky',
-      left: 0
-    },
-    sideIconContainer: {
-      marginLeft: '10px'
-    }
-  };
-});
-var BasicHTMLRenderer = function BasicHTMLRenderer(_ref) {
-  var html = _ref.html,
-      rest = _objectWithoutProperties(_ref, ['html']);
-
-  return _react2.default.createElement('span', _extends({ dangerouslySetInnerHTML: { __html: html } }, rest));
-};
-
-BasicHTMLRenderer.propTypes = process.env.NODE_ENV !== "production" ? {
-  html: _propTypes2.default.string
-} : {};
-var DataHeader = function DataHeader(_ref2) {
-  var _cx;
-
-  var children = _ref2.children,
-      title = _ref2.title,
-      _ref2$subtitle = _ref2.subtitle,
-      subtitle = _ref2$subtitle === undefined ? [] : _ref2$subtitle,
-      combinations = _ref2.combinations,
-      disclaimer = _ref2.disclaimer,
-      sideProps = _ref2.sideProps,
-      SideIcon = _ref2.SideIcon,
-      _ref2$isSticky = _ref2.isSticky,
-      isSticky = _ref2$isSticky === undefined ? false : _ref2$isSticky,
-      _ref2$HTMLRenderer = _ref2.HTMLRenderer,
-      HTMLRenderer = _ref2$HTMLRenderer === undefined ? BasicHTMLRenderer : _ref2$HTMLRenderer,
-      pagination = _ref2.pagination;
-
-  var target = _react2.default.useRef(null);
-
-  var _useSize = (0, _size2.default)(target),
-      width = _useSize[0];
-
-  var isWidthUp = R.gte(width);
-  var isWidthLess = R.lt(width);
-  var classes = useStyles();
-
-  var reducedContent = (0, _utils.getReducedContent)({
-    isWidthLess: isWidthLess,
-    title: title,
-    subtitle: subtitle,
-    combinations: combinations,
-    disclaimer: disclaimer
-  });
-
-  var theme = (0, _styles.useTheme)();
-  var iconColor = R.path(['mixins', 'dataHeader', 'icon', 'color'], theme);
-  var fontSizeTitle = R.cond([[R.always(isWidthLess(_theme.T4_BREAKPOINTS.xs3)), R.always(12)], [R.always(isWidthLess(_theme.T4_BREAKPOINTS.sm)), R.always(14)], [R.always(isWidthLess(_theme.T4_BREAKPOINTS.md2)), R.always(16)], [R.T, R.identity]])(18);
-  var fontSizeSubtitle = R.cond([[R.always(isWidthLess(_theme.T4_BREAKPOINTS.xs3)), R.always(12)], [R.always(isWidthLess(_theme.T4_BREAKPOINTS.sm)), R.always(13)]])(14);
-  var subtitleLength = R.length(subtitle);
-  var combinationsLength = R.length(combinations);
-
-  return _react2.default.createElement(
-    'div',
-    {
-      className: classes.header,
-      style: {
-        justifyContent: isWidthLess(_theme.T4_BREAKPOINTS.xs2) ? 'flex-end' : 'space-between'
-      },
-      ref: target,
-      'data-testid': 'data-header'
-    },
-    _react2.default.createElement(
-      'div',
-      { className: (0, _classnames2.default)(classes.container, (_cx = {}, _cx[classes.sticky] = isSticky, _cx)) },
-      isWidthUp(_theme.T4_BREAKPOINTS.xs2) && title && _react2.default.createElement(
-        _Typography2.default,
-        {
-          variant: 'h1',
-          className: classes.title,
-          style: { fontSize: fontSizeTitle },
-          'data-testid': 'data-header-title',
-          tabIndex: '-1',
-          'aria-label': title.label
-        },
-        title.label,
-        !R.isNil(SideIcon) && _react2.default.createElement(
-          'span',
-          { className: classes.sideIconContainer },
-          _react2.default.createElement(SideIcon, { sideProps: sideProps })
-        ),
-        _react2.default.createElement(_Flags2.default, {
-          classes: classes,
-          HTMLRenderer: HTMLRenderer,
-          content: R.propOr([], 'flags', title)
-        })
-      ),
-      isWidthUp(_theme.T4_BREAKPOINTS.xs3) && subtitle && R.not(R.isEmpty(subtitle)) && _react2.default.createElement(
-        'div',
-        { className: classes.wrapperSubtitle },
-        R.pipe(R.addIndex(R.map)(function (sub, index) {
-          return _react2.default.createElement(
-            'div',
-            {
-              key: 'subtitle-' + index,
-              className: classes.subtitle,
-              style: { fontSize: fontSizeSubtitle },
-              'data-testid': 'data-header-subtitle',
-              'aria-label': sub.header
-            },
-            _react2.default.createElement(_Title2.default, { header: sub.header }),
-            _react2.default.createElement(
-              _Typography2.default,
-              { variant: 'inherit' },
-              sub.label
-            ),
-            R.not(R.isEmpty(R.propOr([], 'flags', sub))) && _react2.default.createElement(_Flags2.default, {
-              classes: classes,
-              HTMLRenderer: HTMLRenderer,
-              content: R.prop('flags', sub)
-            }),
-            R.lt(index + 1, subtitleLength) && _react2.default.createElement(
-              'svg',
-              { width: '24', height: '8' },
-              _react2.default.createElement('circle', { cx: '12', cy: '4', r: '3', stroke: iconColor, fill: iconColor })
-            )
-          );
-        }))(subtitle)
-      ),
-      isWidthUp(_theme.T4_BREAKPOINTS.xs3) && combinations && R.not(R.isEmpty(combinations)) && _react2.default.createElement(
-        'div',
-        { className: classes.wrapperSubtitle },
-        R.pipe(R.addIndex(R.map)(function (comb, index) {
-          return _react2.default.createElement(
-            'div',
-            {
-              key: 'combination-' + index,
-              className: classes.subtitle,
-              'data-testid': 'data-header-combination',
-              'aria-label': comb.header
-            },
-            _react2.default.createElement(_Title2.default, { header: comb.header }),
-            _react2.default.createElement(
-              _Typography2.default,
-              { variant: 'inherit' },
-              comb.label
-            ),
-            R.not(R.isEmpty(R.propOr([], 'flags', comb))) && _react2.default.createElement(_Flags2.default, {
-              classes: classes,
-              HTMLRenderer: HTMLRenderer,
-              content: R.prop('flags', comb)
-            }),
-            R.lt(index + 1, combinationsLength) && _react2.default.createElement(
-              'svg',
-              { width: '24', height: '8' },
-              _react2.default.createElement('circle', { cx: '12', cy: '4', r: '3', stroke: iconColor, fill: iconColor })
-            )
-          );
-        }))(combinations)
-      ),
-      isWidthUp(_theme.T4_BREAKPOINTS.xs3) && disclaimer && _react2.default.createElement(
-        _Typography2.default,
-        {
-          'data-testid': 'data-header-disclaimer',
-          className: classes.disclaimer,
-          style: { fontSize: fontSizeSubtitle }
-        },
-        disclaimer
-      ),
-      pagination && _react2.default.createElement(
-        _Typography2.default,
-        {
-          'data-testid': 'data-header-pagination',
-          className: classes.pagination,
-          style: { fontSize: fontSizeSubtitle }
-        },
-        pagination
-      )
-    ),
-    _react2.default.createElement(
-      'div',
-      { className: classes.children },
-      R.not(R.isEmpty(reducedContent)) && _react2.default.createElement(
-        _TooltipHeader2.default,
-        { classes: classes, content: reducedContent, HTMLRenderer: HTMLRenderer },
-        _react2.default.createElement(_Info2.default, { className: classes.infoIcon })
-      ),
-      children
-    )
-  );
-};
-
-DataHeader.propTypes = process.env.NODE_ENV !== "production" ? {
-  title: _propTypes2.default.shape({
-    label: _propTypes2.default.string,
-    flags: _propTypes2.default.arrayOf(_propTypes2.default.shape({
-      header: _propTypes2.default.string,
-      label: _propTypes2.default.string,
-      sub: _propTypes2.default.arrayOf(_propTypes2.default.shape({
-        label: _propTypes2.default.string
-      }))
-    }))
-  }),
-  subtitle: _propTypes2.default.arrayOf(_propTypes2.default.shape({
-    header: _propTypes2.default.string,
-    label: _propTypes2.default.string,
-    flags: _propTypes2.default.arrayOf(_propTypes2.default.shape({
-      header: _propTypes2.default.string,
-      label: _propTypes2.default.string,
-      sub: _propTypes2.default.arrayOf(_propTypes2.default.shape({
-        label: _propTypes2.default.string
-      }))
-    }))
-  })),
-  combinations: _propTypes2.default.arrayOf(_propTypes2.default.shape({
-    header: _propTypes2.default.string,
-    label: _propTypes2.default.string
-  })),
-  sideProps: _propTypes2.default.object,
-  SideIcon: _propTypes2.default.func,
-  disclaimer: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
-  children: _propTypes2.default.node,
-  isSticky: _propTypes2.default.bool,
-  HTMLRenderer: _propTypes2.default.func,
-  pagination: _propTypes2.default.element
-} : {};
-
-exports.default = DataHeader;
-module.exports = exports['default'];

package/lib/DataHeader/Flags.js

@@ -1,61 +0,0 @@
-'use strict';
-
-exports.__esModule = true;
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _ramda = require('ramda');
-
-var R = _interopRequireWildcard(_ramda);
-
-var _ = require('../');
-
-var _TooltipHeader = require('./TooltipHeader');
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var Flags = function Flags(_ref) {
-  var classes = _ref.classes,
-      content = _ref.content,
-      HTMLRenderer = _ref.HTMLRenderer;
-
-  var codes = R.pipe(R.pluck('code'), R.filter(R.identity))(content);
-  var hasCodes = !R.isEmpty(codes);
-  var hasUncoded = R.length(codes) !== R.length(content);
-  var joinedCodes = R.pipe(R.join(','), function (codes) {
-    return hasUncoded ? codes + ',' : codes;
-  })(codes);
-  return _react2.default.createElement(
-    _TooltipHeader.TooltipHeader,
-    { classes: classes, content: content, HTMLRenderer: HTMLRenderer },
-    _react2.default.createElement(
-      'sup',
-      { className: classes.svgWrapper },
-      hasCodes && joinedCodes,
-      hasUncoded && _react2.default.createElement(_.Asterisk, { className: classes.svg })
-    )
-  );
-};
-
-Flags.propTypes = process.env.NODE_ENV !== "production" ? {
-  classes: _propTypes2.default.object,
-  HTMLRenderer: _propTypes2.default.func,
-  content: _propTypes2.default.arrayOf(_propTypes2.default.shape({
-    header: _propTypes2.default.string,
-    label: _propTypes2.default.string,
-    sub: _propTypes2.default.arrayOf(_propTypes2.default.shape({
-      label: _propTypes2.default.string
-    }))
-  }))
-} : {};
-
-exports.default = Flags;
-module.exports = exports['default'];

package/lib/DataHeader/Title.js

@@ -1,40 +0,0 @@
-'use strict';
-
-exports.__esModule = true;
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _ramda = require('ramda');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var Title = function Title(_ref) {
-  var header = _ref.header;
-
-  if ((0, _ramda.isNil)(header)) {
-    return '';
-  }
-  return _react2.default.createElement(
-    'b',
-    null,
-    _react2.default.createElement(
-      'i',
-      null,
-      header
-    ),
-    '\xA0'
-  );
-};
-
-Title.propTypes = process.env.NODE_ENV !== "production" ? {
-  header: _propTypes2.default.string
-} : {};
-
-exports.default = Title;
-module.exports = exports['default'];