@sis-cc/dotstatsuite-visions 6.6.0 → 6.6.1

package/es/DataHeader/DataHeader.js

@@ -1,5 +1,7 @@
-import _extends from "/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; };
+
 import React from 'react';
+import PropTypes from 'prop-types';
 import * as R from 'ramda';
 import useSize from '@react-hook/size';
 import cx from 'classnames';
@@ -13,6 +15,7 @@ import Flags from './Flags';
 import TooltipHeader from './TooltipHeader';
 import { getReducedContent } from './utils';
 import { Tooltip, Warning as WarningIcon } from '../';
+
 var useStyles = makeStyles(function (theme) {
   return {
     header: {
@@ -98,9 +101,10 @@ 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.useRef(null);
 
   var _useSize = useSize(target),
@@ -108,84 +112,118 @@ var DataHeader = function DataHeader(_ref4) {
 
   var isWidthUp = R.gte(width);
   var isWidthLess = R.lt(width);
-  var classes = useStyles({
-    isWidthLess: isWidthLess
-  });
-  var reducedContent = getReducedContent({
-    isWidthLess: isWidthLess,
-    title: title,
-    subtitle: subtitle,
-    uprs: uprs,
-    disclaimer: disclaimer
-  });
+  var classes = useStyles({ isWidthLess: isWidthLess });
+
+  var reducedContent = getReducedContent({ isWidthLess: isWidthLess, title: title, subtitle: subtitle, uprs: uprs, disclaimer: disclaimer });
+
   var theme = 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.createElement("div", {
-    className: classes.header,
-    ref: target
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classes.container
-  }, isWidthUp(T4_BREAKPOINTS.xs2) && title && /*#__PURE__*/React.createElement(Typography, {
-    variant: "h1",
-    className: classes.title
-  }, title.label, /*#__PURE__*/React.createElement(Flags, {
-    classes: classes,
-    content: R.propOr([], 'flags', title)
-  }), disclaimer && /*#__PURE__*/React.createElement(Tooltip, {
-    className: cx(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.createElement(WarningIcon, {
-    pathBackgroundColor: warningColor,
-    pathColor: warningTextColor
-  }))), isWidthUp(T4_BREAKPOINTS.xs3) && subtitle && R.not(R.isEmpty(subtitle)) && /*#__PURE__*/React.createElement("div", {
-    className: classes.wrapperSubtitle
-  }, R.pipe(R.addIndex(R.map)(function (sub, index) {
-    return /*#__PURE__*/React.createElement("div", {
-      key: "subtitle-" + index,
-      className: classes.subtitle
-    }, /*#__PURE__*/React.createElement(Title, {
-      header: sub.header
-    }), /*#__PURE__*/React.createElement(Typography, {
-      variant: "inherit"
-    }, sub.label), R.not(R.isEmpty(R.propOr([], 'flags', sub))) && /*#__PURE__*/React.createElement(Flags, {
-      classes: classes,
-      content: R.prop('flags', sub)
-    }), R.lt(index + 1, subtitleLength) && /*#__PURE__*/React.createElement("svg", {
-      width: "24",
-      height: "8"
-    }, /*#__PURE__*/React.createElement("circle", {
-      cx: "12",
-      cy: "4",
-      r: "3",
-      stroke: iconColor,
-      fill: iconColor
-    })));
-  }))(subtitle)), isWidthUp(T4_BREAKPOINTS.xs3) && uprs && /*#__PURE__*/React.createElement(Typography, {
-    className: classes.subtitle
-  }, /*#__PURE__*/React.createElement(Title, {
-    header: uprs.header
-  }), uprs.label)), /*#__PURE__*/React.createElement("div", {
-    className: classes.children
-  }, R.not(R.isEmpty(reducedContent)) && /*#__PURE__*/React.createElement(TooltipHeader, {
-    classes: classes,
-    content: reducedContent
-  }, /*#__PURE__*/React.createElement(Info, {
-    className: classes.infoIcon
-  })), children));
+
+  return React.createElement(
+    'div',
+    { className: classes.header, ref: target },
+    React.createElement(
+      'div',
+      { className: classes.container },
+      isWidthUp(T4_BREAKPOINTS.xs2) && title && React.createElement(
+        Typography,
+        { variant: 'h1', className: classes.title },
+        title.label,
+        React.createElement(Flags, { classes: classes, content: R.propOr([], 'flags', title) }),
+        disclaimer && React.createElement(
+          Tooltip,
+          {
+            className: cx(classes.title, classes.disclaimer),
+            title: disclaimer,
+            tabIndex: 0,
+            variant: 'warning',
+            'aria-hidden': false,
+            placement: 'bottom',
+            PopperProps: {
+              modifiers: {
+                flip: {
+                  behavior: ['bottom', 'top', 'left', 'right']
+                }
+              }
+            }
+          },
+          React.createElement(WarningIcon, { pathBackgroundColor: warningColor, pathColor: warningTextColor })
+        )
+      ),
+      isWidthUp(T4_BREAKPOINTS.xs3) && subtitle && R.not(R.isEmpty(subtitle)) && React.createElement(
+        'div',
+        { className: classes.wrapperSubtitle },
+        R.pipe(R.addIndex(R.map)(function (sub, index) {
+          return React.createElement(
+            'div',
+            { key: 'subtitle-' + index, className: classes.subtitle },
+            React.createElement(Title, { header: sub.header }),
+            React.createElement(
+              Typography,
+              { variant: 'inherit' },
+              sub.label
+            ),
+            R.not(R.isEmpty(R.propOr([], 'flags', sub))) && React.createElement(Flags, { classes: classes, content: R.prop('flags', sub) }),
+            R.lt(index + 1, subtitleLength) && React.createElement(
+              'svg',
+              { width: '24', height: '8' },
+              React.createElement('circle', { cx: '12', cy: '4', r: '3', stroke: iconColor, fill: iconColor })
+            )
+          );
+        }))(subtitle)
+      ),
+      isWidthUp(T4_BREAKPOINTS.xs3) && uprs && React.createElement(
+        Typography,
+        { className: classes.subtitle },
+        React.createElement(Title, { header: uprs.header }),
+        uprs.label
+      )
+    ),
+    React.createElement(
+      'div',
+      { className: classes.children },
+      R.not(R.isEmpty(reducedContent)) && React.createElement(
+        TooltipHeader,
+        { classes: classes, content: reducedContent },
+        React.createElement(Info, { className: classes.infoIcon })
+      ),
+      children
+    )
+  );
 };
 
+DataHeader.propTypes = process.env.NODE_ENV !== "production" ? {
+  title: PropTypes.shape({
+    label: PropTypes.string,
+    flags: PropTypes.arrayOf(PropTypes.shape({
+      header: PropTypes.string,
+      label: PropTypes.string,
+      sub: PropTypes.arrayOf(PropTypes.shape({
+        label: PropTypes.string
+      }))
+    }))
+  }),
+  subtitle: PropTypes.arrayOf(PropTypes.shape({
+    header: PropTypes.string,
+    label: PropTypes.string,
+    flags: PropTypes.arrayOf(PropTypes.shape({
+      header: PropTypes.string,
+      label: PropTypes.string,
+      sub: PropTypes.arrayOf(PropTypes.shape({
+        label: PropTypes.string
+      }))
+    }))
+  })),
+  uprs: PropTypes.shape({
+    header: PropTypes.string,
+    label: PropTypes.string
+  }),
+  disclaimer: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+  children: PropTypes.node
+} : {};
+
 export default DataHeader;

package/es/DataHeader/Flags.js

@@ -1,18 +1,31 @@
 import React from 'react';
+import PropTypes from 'prop-types';
 import { Asterisk } from '../';
 import { TooltipHeader } from './TooltipHeader';
 
 var Flags = function Flags(_ref) {
   var classes = _ref.classes,
       content = _ref.content;
-  return /*#__PURE__*/React.createElement(TooltipHeader, {
-    classes: classes,
-    content: content
-  }, /*#__PURE__*/React.createElement("sup", {
-    className: classes.svgWrapper
-  }, /*#__PURE__*/React.createElement(Asterisk, {
-    className: classes.svg
-  })));
+  return React.createElement(
+    TooltipHeader,
+    { classes: classes, content: content },
+    React.createElement(
+      'sup',
+      { className: classes.svgWrapper },
+      React.createElement(Asterisk, { className: classes.svg })
+    )
+  );
 };
 
+Flags.propTypes = process.env.NODE_ENV !== "production" ? {
+  classes: PropTypes.object,
+  content: PropTypes.arrayOf(PropTypes.shape({
+    header: PropTypes.string,
+    label: PropTypes.string,
+    sub: PropTypes.arrayOf(PropTypes.shape({
+      label: PropTypes.string
+    }))
+  }))
+} : {};
+
 export default Flags;

package/es/DataHeader/Title.js

@@ -1,4 +1,5 @@
 import React from 'react';
+import PropTypes from 'prop-types';
 import { isNil } from 'ramda';
 
 var Title = function Title(_ref) {
@@ -7,8 +8,20 @@ var Title = function Title(_ref) {
   if (isNil(header)) {
     return '';
   }
-
-  return /*#__PURE__*/React.createElement("b", null, /*#__PURE__*/React.createElement("i", null, header), "\xA0");
+  return React.createElement(
+    'b',
+    null,
+    React.createElement(
+      'i',
+      null,
+      header
+    ),
+    '\xA0'
+  );
 };
 
+Title.propTypes = process.env.NODE_ENV !== "production" ? {
+  header: PropTypes.string
+} : {};
+
 export default Title;

package/es/DataHeader/TooltipHeader.js

@@ -1,46 +1,76 @@
 import React from 'react';
+import PropTypes from 'prop-types';
 import * as R from 'ramda';
 import { Tooltip } from '../';
 import Title from './Title';
+
 export var TooltipHeader = function TooltipHeader(_ref) {
   var children = _ref.children,
       classes = _ref.classes,
       _ref$content = _ref.content,
-      content = _ref$content === void 0 ? [] : _ref$content;
+      content = _ref$content === undefined ? [] : _ref$content;
+
   if (R.isEmpty(content)) return null;
-  var listContent = /*#__PURE__*/React.createElement("ul", {
-    className: classes.content
-  }, R.addIndex(R.map)(function (_ref2, index) {
-    var header = _ref2.header,
-        label = _ref2.label,
-        _ref2$sub = _ref2.sub,
-        sub = _ref2$sub === void 0 ? [] : _ref2$sub;
-    return /*#__PURE__*/React.createElement("li", {
-      key: label + "-" + index
-    }, /*#__PURE__*/React.createElement(Title, {
-      header: header
-    }), label, R.not(R.isEmpty(sub)) && /*#__PURE__*/React.createElement("ul", {
-      className: classes.subContent
-    }, R.addIndex(R.map)(function (_ref3, index) {
-      var label = _ref3.label;
-      return /*#__PURE__*/React.createElement("li", {
-        key: label + "-" + index
-      }, label);
-    }, sub)));
-  }, content));
-  return /*#__PURE__*/React.createElement(Tooltip, {
-    title: listContent,
-    tabIndex: 0,
-    "aria-label": R.pipe(R.pluck('label'), R.join(', '))(content),
-    "aria-hidden": false,
-    placement: "top",
-    PopperProps: {
-      modifiers: {
-        flip: {
-          behavior: ['top', 'bottom', 'left', 'right']
+
+  var listContent = React.createElement(
+    'ul',
+    { className: classes.content },
+    R.addIndex(R.map)(function (_ref2, index) {
+      var header = _ref2.header,
+          label = _ref2.label,
+          _ref2$sub = _ref2.sub,
+          sub = _ref2$sub === undefined ? [] : _ref2$sub;
+      return React.createElement(
+        'li',
+        { key: label + '-' + index },
+        React.createElement(Title, { header: header }),
+        label,
+        R.not(R.isEmpty(sub)) && React.createElement(
+          'ul',
+          { className: classes.subContent },
+          R.addIndex(R.map)(function (_ref3, index) {
+            var label = _ref3.label;
+            return React.createElement(
+              'li',
+              { key: label + '-' + index },
+              label
+            );
+          }, sub)
+        )
+      );
+    }, content)
+  );
+
+  return React.createElement(
+    Tooltip,
+    {
+      title: listContent,
+      tabIndex: 0,
+      'aria-label': R.pipe(R.pluck('label'), R.join(', '))(content),
+      'aria-hidden': false,
+      placement: 'top',
+      PopperProps: {
+        modifiers: {
+          flip: {
+            behavior: ['top', 'bottom', 'left', 'right']
+          }
         }
       }
-    }
-  }, children);
+    },
+    children
+  );
 };
+
+TooltipHeader.propTypes = process.env.NODE_ENV !== "production" ? {
+  children: PropTypes.node,
+  classes: PropTypes.object,
+  content: PropTypes.arrayOf(PropTypes.shape({
+    header: PropTypes.string,
+    label: PropTypes.string,
+    sub: PropTypes.arrayOf(PropTypes.shape({
+      label: PropTypes.string
+    }))
+  }))
+} : {};
+
 export default TooltipHeader;

package/es/DataHeader/index.js

@@ -77,4 +77,5 @@
  * @demoReady
  *
  */
+
 export { default } from './DataHeader';

package/es/DataHeader/utils.js

@@ -1,19 +1,19 @@
-import _objectWithoutPropertiesLoose from "/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["isWidthLess"];
+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; }
+
 import * as R from 'ramda';
 import { T4_BREAKPOINTS } from '../theme';
-export var getReducedContent = function getReducedContent(_ref) {
+
+var getReducedContent = function getReducedContent(_ref) {
   var isWidthLess = _ref.isWidthLess,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+      rest = _objectWithoutProperties(_ref, ['isWidthLess']);
 
   return R.pipe(R.evolve({
     title: R.of,
     subtitle: R.identity,
     uprs: R.of,
     disclaimer: function disclaimer(label) {
-      return [{
-        label: label
-      }];
+      return [{ label: label }];
     }
   }), R.props(['title', 'subtitle', 'uprs', 'disclaimer']), R.cond([[R.always(isWidthLess(T4_BREAKPOINTS.xs2)), R.identity], [R.always(isWidthLess(T4_BREAKPOINTS.xs3)), R.tail], [R.T, R.always([])]]), R.unnest, R.reject(R.isNil))(rest);
-};
+};
+export { getReducedContent };