@sis-cc/dotstatsuite-visions 6.6.0 → 6.6.4

package/lib/DataFooter/DataFooter.js

@@ -1,33 +1,47 @@
-"use strict";
-
-var _interopRequireDefault = require("/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
+'use strict';
 
 exports.__esModule = true;
-exports.default = void 0;
 
-var _react = _interopRequireWildcard(require("react"));
+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 R = _interopRequireWildcard(require("ramda"));
+var _Grid = require('@material-ui/core/Grid');
 
-var _size = _interopRequireDefault(require("@react-hook/size"));
+var _Grid2 = _interopRequireDefault(_Grid);
 
-var _Grid = _interopRequireDefault(require("@material-ui/core/Grid"));
+var _Typography = require('@material-ui/core/Typography');
 
-var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
+var _Typography2 = _interopRequireDefault(_Typography);
 
-var _Link = _interopRequireDefault(require("@material-ui/core/Link"));
+var _Link = require('@material-ui/core/Link');
 
-var _styles = require("@material-ui/core/styles");
+var _Link2 = _interopRequireDefault(_Link);
 
-var _ = require("../");
+var _styles = require('@material-ui/core/styles');
 
-var _theme = require("../theme");
+var _ = require('../');
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+var _theme = require('../theme');
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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, _styles.makeStyles)(function (theme) {
   return {
     footer: {
@@ -40,6 +54,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       padding: function padding(_ref) {
         var isWidthUp = _ref.isWidthUp,
             isSourced = _ref.isSourced;
+
         if (isWidthUp(_theme.T4_BREAKPOINTS.sm) && isSourced) return 0;
         return theme.spacing(0, 1, 0, 1);
       }
@@ -50,6 +65,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
     typo: {
       fontSize: function fontSize(_ref2) {
         var isWidthUp = _ref2.isWidthUp;
+
         if (isWidthUp(_theme.T4_BREAKPOINTS.lg)) return 14;
         return 12;
       }
@@ -67,84 +83,124 @@ var DataFooter = function DataFooter(_ref3) {
       copyright = _ref3.copyright,
       legend = _ref3.legend;
 
-  var target = _react.default.useRef(null);
+  var target = _react2.default.useRef(null);
 
-  var _useSize = (0, _size.default)(target),
+  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({
-    isWidthUp: isWidthUp,
-    isSourced: isSourced
-  });
-  if (!isWidthUp(_theme.T4_BREAKPOINTS.xs)) return /*#__PURE__*/_react.default.createElement(_Grid.default, {
-    ref: target
-  });
-  return /*#__PURE__*/_react.default.createElement(_Grid.default, {
-    ref: target,
-    container: true,
-    className: classes.footer,
-    direction: "row",
-    justifyContent: "flex-end",
-    alignItems: "center"
-  }, /*#__PURE__*/_react.default.createElement(_Grid.default, {
-    item: true,
-    className: classes.legend
-  }, isWidthUp(_theme.T4_BREAKPOINTS.sm) && legend), /*#__PURE__*/_react.default.createElement(_Grid.default, {
-    item: true,
-    style: {
-      alignSelf: 'flex-end'
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Grid.default, {
-    container: true,
-    justifyContent: "flex-end",
-    alignItems: "center",
-    className: classes.footer,
-    spacing: 0
-  }, /*#__PURE__*/_react.default.createElement(_Grid.default, {
-    item: true,
-    className: classes.copyright
-  }, isCopyrighted && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_.Tooltip, {
-    title: /*#__PURE__*/_react.default.createElement(_Typography.default, {
-      variant: "body2"
-    }, copyright.content),
-    variant: "light",
-    tabIndex: 0,
-    "aria-hidden": false,
-    placement: "top",
-    enterNextDelay: 100,
-    interactive: true,
-    arrow: true
-  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    variant: "body2",
-    className: classes.typo,
-    style: {
-      cursor: 'pointer'
-    }
-  }, copyright.label)), /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    variant: "srOnly"
-  }, copyright.content))), isWidthUp(_theme.T4_BREAKPOINTS.sm) && isSourced && /*#__PURE__*/_react.default.createElement(_Grid.default, {
-    item: true,
-    className: classes.source
-  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    variant: "body2",
-    className: classes.typo
-  }, /*#__PURE__*/_react.default.createElement(_Link.default, {
-    href: source.link,
-    rel: "noopener noreferrer",
-    target: "_blank",
-    variant: "body2"
-  }, source.label))), isWidthUp(_theme.T4_BREAKPOINTS.xs) && logo && /*#__PURE__*/_react.default.createElement(_Grid.default, {
-    item: true
-  }, /*#__PURE__*/_react.default.createElement("img", {
-    src: logo,
-    alt: "logo",
-    className: classes.logo
-  })))));
+  var classes = useStyles({ isWidthUp: isWidthUp, isSourced: isSourced });
+
+  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' } },
+      _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: classes.copyright },
+          isCopyrighted && _react2.default.createElement(
+            _react.Fragment,
+            null,
+            _react2.default.createElement(
+              _.Tooltip,
+              {
+                title: _react2.default.createElement(
+                  _Typography2.default,
+                  { variant: 'body2' },
+                  copyright.content
+                ),
+                variant: 'light',
+                tabIndex: 0,
+                'aria-hidden': false,
+                placement: 'top',
+                enterNextDelay: 100,
+                interactive: true,
+                arrow: true
+              },
+              _react2.default.createElement(
+                _Typography2.default,
+                {
+                  variant: 'body2',
+                  className: classes.typo,
+                  style: { cursor: 'pointer' }
+                },
+                copyright.label
+              )
+            ),
+            _react2.default.createElement(
+              _Typography2.default,
+              { variant: 'srOnly' },
+              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', className: classes.typo },
+            _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 })
+        )
+      )
+    )
+  );
 };
 
-var _default = DataFooter;
-exports.default = _default;
-module.exports = exports.default;
+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
+} : {};
+
+exports.default = DataFooter;
+module.exports = exports['default'];

package/lib/DataFooter/index.js

@@ -1,11 +1,16 @@
-"use strict";
-
-var _interopRequireDefault = require("/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
+'use strict';
 
 exports.__esModule = true;
-exports.default = void 0;
 
-var _DataFooter = _interopRequireDefault(require("./DataFooter"));
+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 }; }
 
-exports.default = _DataFooter.default;
-module.exports = exports.default;
+module.exports = exports['default'];

package/lib/DataHeader/DataHeader.js

@@ -1,41 +1,60 @@
-"use strict";
-
-var _interopRequireDefault = require("/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
+'use strict';
 
 exports.__esModule = true;
-exports.default = void 0;
 
-var _extends2 = _interopRequireDefault(require("/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends"));
+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 _react = _interopRequireDefault(require("react"));
+var _classnames = require('classnames');
 
-var R = _interopRequireWildcard(require("ramda"));
+var _classnames2 = _interopRequireDefault(_classnames);
 
-var _size = _interopRequireDefault(require("@react-hook/size"));
+var _styles = require('@material-ui/core/styles');
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _Info = require('@material-ui/icons/Info');
 
-var _styles = require("@material-ui/core/styles");
+var _Info2 = _interopRequireDefault(_Info);
 
-var _Info = _interopRequireDefault(require("@material-ui/icons/Info"));
+var _Typography = require('@material-ui/core/Typography');
 
-var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
+var _Typography2 = _interopRequireDefault(_Typography);
 
-var _theme = require("../theme");
+var _theme = require('../theme');
 
-var _Title = _interopRequireDefault(require("./Title"));
+var _Title = require('./Title');
 
-var _Flags = _interopRequireDefault(require("./Flags"));
+var _Title2 = _interopRequireDefault(_Title);
 
-var _TooltipHeader = _interopRequireDefault(require("./TooltipHeader"));
+var _Flags = require('./Flags');
 
-var _utils = require("./utils");
+var _Flags2 = _interopRequireDefault(_Flags);
 
-var _ = require("../");
+var _TooltipHeader = require('./TooltipHeader');
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+var _TooltipHeader2 = _interopRequireDefault(_TooltipHeader);
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _utils = require('./utils');
+
+var _ = require('../');
+
+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 useStyles = (0, _styles.makeStyles)(function (theme) {
   return {
@@ -47,7 +66,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
         return isWidthLess(_theme.T4_BREAKPOINTS.xs2) ? 'flex-end' : 'space-between';
       }
     },
-    container: (0, _extends2.default)({
+    container: _extends({
       display: 'flex',
       flexDirection: 'column',
       justifyContent: 'flex-start',
@@ -55,7 +74,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       marginTop: 10,
       alignItems: 'baseline'
     }, R.pathOr({}, ['mixins', 'dataHeader', 'root'], theme)),
-    title: (0, _extends2.default)({
+    title: _extends({
       display: 'inline-block',
       width: '100%',
       lineHeight: 1.5
@@ -72,7 +91,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       width: '100%',
       lineHeight: 1.3
     },
-    subtitle: (0, _extends2.default)({
+    subtitle: _extends({
       lineHeight: 1.6,
       color: theme.palette.grey[600]
     }, R.pathOr({}, ['mixins', 'dataHeader', 'subtitle'], theme), {
@@ -81,7 +100,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
         return R.cond([[R.always(isWidthLess(_theme.T4_BREAKPOINTS.xs3)), R.always(12)], [R.always(isWidthLess(_theme.T4_BREAKPOINTS.sm)), R.always(13)]])(14);
       }
     }),
-    disclaimer: (0, _extends2.default)({
+    disclaimer: _extends({
       marginLeft: theme.spacing(0.5),
       width: 'unset',
       fontSize: 'inherit'
@@ -90,7 +109,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       height: '0.8em',
       color: theme.palette.grey[600]
     },
-    svgWrapper: (0, _extends2.default)({
+    svgWrapper: _extends({
       marginLeft: 4
     }, theme.typography.body1),
     svg: {
@@ -98,7 +117,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       borderBottom: '1px dotted',
       borderBottomColor: 'inherit'
     },
-    content: (0, _extends2.default)({
+    content: _extends({
       boxSizing: 'border-box',
       color: 'white',
       listStyleType: 'none',
@@ -109,7 +128,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       fontWeight: 400,
       lineHeight: 1.43
     }, theme.typography.body1),
-    subContent: (0, _extends2.default)({
+    subContent: _extends({
       listStyle: 'none',
       padding: 0,
       marginLeft: 20,
@@ -122,97 +141,130 @@ var DataHeader = function DataHeader(_ref4) {
   var children = _ref4.children,
       title = _ref4.title,
       _ref4$subtitle = _ref4.subtitle,
-      subtitle = _ref4$subtitle === void 0 ? [] : _ref4$subtitle,
+      subtitle = _ref4$subtitle === undefined ? [] : _ref4$subtitle,
       uprs = _ref4.uprs,
       disclaimer = _ref4.disclaimer;
 
-  var target = _react.default.useRef(null);
+  var target = _react2.default.useRef(null);
 
-  var _useSize = (0, _size.default)(target),
+  var _useSize = (0, _size2.default)(target),
       width = _useSize[0];
 
   var isWidthUp = R.gte(width);
   var isWidthLess = R.lt(width);
-  var classes = useStyles({
-    isWidthLess: isWidthLess
-  });
-  var reducedContent = (0, _utils.getReducedContent)({
-    isWidthLess: isWidthLess,
-    title: title,
-    subtitle: subtitle,
-    uprs: uprs,
-    disclaimer: disclaimer
-  });
+  var classes = useStyles({ isWidthLess: isWidthLess });
+
+  var reducedContent = (0, _utils.getReducedContent)({ isWidthLess: isWidthLess, title: title, subtitle: subtitle, uprs: uprs, disclaimer: disclaimer });
+
   var theme = (0, _styles.useTheme)();
   var iconColor = R.path(['mixins', 'dataHeader', 'icon', 'color'], theme);
   var warningColor = R.path(['palette', 'highlight', 'hl1'], theme) || theme.palette.primary.dark;
   var warningTextColor = theme.palette.getContrastText(warningColor);
+
   var subtitleLength = R.length(subtitle);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.header,
-    ref: target
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.container
-  }, isWidthUp(_theme.T4_BREAKPOINTS.xs2) && title && /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    variant: "h1",
-    className: classes.title
-  }, title.label, /*#__PURE__*/_react.default.createElement(_Flags.default, {
-    classes: classes,
-    content: R.propOr([], 'flags', title)
-  }), disclaimer && /*#__PURE__*/_react.default.createElement(_.Tooltip, {
-    className: (0, _classnames.default)(classes.title, classes.disclaimer),
-    title: disclaimer,
-    tabIndex: 0,
-    variant: "warning",
-    "aria-hidden": false,
-    placement: "bottom",
-    PopperProps: {
-      modifiers: {
-        flip: {
-          behavior: ['bottom', 'top', 'left', 'right']
-        }
-      }
-    }
-  }, /*#__PURE__*/_react.default.createElement(_.Warning, {
-    pathBackgroundColor: warningColor,
-    pathColor: warningTextColor
-  }))), isWidthUp(_theme.T4_BREAKPOINTS.xs3) && subtitle && R.not(R.isEmpty(subtitle)) && /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.wrapperSubtitle
-  }, R.pipe(R.addIndex(R.map)(function (sub, index) {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      key: "subtitle-" + index,
-      className: classes.subtitle
-    }, /*#__PURE__*/_react.default.createElement(_Title.default, {
-      header: sub.header
-    }), /*#__PURE__*/_react.default.createElement(_Typography.default, {
-      variant: "inherit"
-    }, sub.label), R.not(R.isEmpty(R.propOr([], 'flags', sub))) && /*#__PURE__*/_react.default.createElement(_Flags.default, {
-      classes: classes,
-      content: R.prop('flags', sub)
-    }), R.lt(index + 1, subtitleLength) && /*#__PURE__*/_react.default.createElement("svg", {
-      width: "24",
-      height: "8"
-    }, /*#__PURE__*/_react.default.createElement("circle", {
-      cx: "12",
-      cy: "4",
-      r: "3",
-      stroke: iconColor,
-      fill: iconColor
-    })));
-  }))(subtitle)), isWidthUp(_theme.T4_BREAKPOINTS.xs3) && uprs && /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    className: classes.subtitle
-  }, /*#__PURE__*/_react.default.createElement(_Title.default, {
-    header: uprs.header
-  }), uprs.label)), /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.children
-  }, R.not(R.isEmpty(reducedContent)) && /*#__PURE__*/_react.default.createElement(_TooltipHeader.default, {
-    classes: classes,
-    content: reducedContent
-  }, /*#__PURE__*/_react.default.createElement(_Info.default, {
-    className: classes.infoIcon
-  })), children));
+
+  return _react2.default.createElement(
+    'div',
+    { className: classes.header, ref: target },
+    _react2.default.createElement(
+      'div',
+      { className: classes.container },
+      isWidthUp(_theme.T4_BREAKPOINTS.xs2) && title && _react2.default.createElement(
+        _Typography2.default,
+        { variant: 'h1', className: classes.title },
+        title.label,
+        _react2.default.createElement(_Flags2.default, { classes: classes, content: R.propOr([], 'flags', title) }),
+        disclaimer && _react2.default.createElement(
+          _.Tooltip,
+          {
+            className: (0, _classnames2.default)(classes.title, classes.disclaimer),
+            title: disclaimer,
+            tabIndex: 0,
+            variant: 'warning',
+            'aria-hidden': false,
+            placement: 'bottom',
+            PopperProps: {
+              modifiers: {
+                flip: {
+                  behavior: ['bottom', 'top', 'left', 'right']
+                }
+              }
+            }
+          },
+          _react2.default.createElement(_.Warning, { pathBackgroundColor: warningColor, pathColor: warningTextColor })
+        )
+      ),
+      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 },
+            _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, 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) && uprs && _react2.default.createElement(
+        _Typography2.default,
+        { className: classes.subtitle },
+        _react2.default.createElement(_Title2.default, { header: uprs.header }),
+        uprs.label
+      )
+    ),
+    _react2.default.createElement(
+      'div',
+      { className: classes.children },
+      R.not(R.isEmpty(reducedContent)) && _react2.default.createElement(
+        _TooltipHeader2.default,
+        { classes: classes, content: reducedContent },
+        _react2.default.createElement(_Info2.default, { className: classes.infoIcon })
+      ),
+      children
+    )
+  );
 };
 
-var _default = DataHeader;
-exports.default = _default;
-module.exports = exports.default;
+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
+      }))
+    }))
+  })),
+  uprs: _propTypes2.default.shape({
+    header: _propTypes2.default.string,
+    label: _propTypes2.default.string
+  }),
+  disclaimer: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
+  children: _propTypes2.default.node
+} : {};
+
+exports.default = DataHeader;
+module.exports = exports['default'];