@sis-cc/dotstatsuite-visions 6.5.2 → 6.6.0

package/es/DataHeader/DataHeader.js

@@ -1,7 +1,5 @@
-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 _extends from "/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends";
 import React from 'react';
-import PropTypes from 'prop-types';
 import * as R from 'ramda';
 import useSize from '@react-hook/size';
 import cx from 'classnames';
@@ -15,7 +13,6 @@ 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: {
@@ -101,10 +98,9 @@ var DataHeader = function DataHeader(_ref4) {
   var children = _ref4.children,
       title = _ref4.title,
       _ref4$subtitle = _ref4.subtitle,
-      subtitle = _ref4$subtitle === undefined ? [] : _ref4$subtitle,
+      subtitle = _ref4$subtitle === void 0 ? [] : _ref4$subtitle,
       uprs = _ref4.uprs,
       disclaimer = _ref4.disclaimer;
-
   var target = React.useRef(null);
 
   var _useSize = useSize(target),
@@ -112,118 +108,84 @@ 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 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
-    )
-  );
+  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));
 };
 
-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,31 +1,18 @@
 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 React.createElement(
-    TooltipHeader,
-    { classes: classes, content: content },
-    React.createElement(
-      'sup',
-      { className: classes.svgWrapper },
-      React.createElement(Asterisk, { className: classes.svg })
-    )
-  );
+  return /*#__PURE__*/React.createElement(TooltipHeader, {
+    classes: classes,
+    content: content
+  }, /*#__PURE__*/React.createElement("sup", {
+    className: classes.svgWrapper
+  }, /*#__PURE__*/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,5 +1,4 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import { isNil } from 'ramda';
 
 var Title = function Title(_ref) {
@@ -8,20 +7,8 @@ var Title = function Title(_ref) {
   if (isNil(header)) {
     return '';
   }
-  return React.createElement(
-    'b',
-    null,
-    React.createElement(
-      'i',
-      null,
-      header
-    ),
-    '\xA0'
-  );
-};
 
-Title.propTypes = process.env.NODE_ENV !== "production" ? {
-  header: PropTypes.string
-} : {};
+  return /*#__PURE__*/React.createElement("b", null, /*#__PURE__*/React.createElement("i", null, header), "\xA0");
+};
 
 export default Title;

package/es/DataHeader/TooltipHeader.js

@@ -1,76 +1,46 @@
 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 === undefined ? [] : _ref$content;
-
+      content = _ref$content === void 0 ? [] : _ref$content;
   if (R.isEmpty(content)) return null;
-
-  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']
-          }
+  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']
         }
       }
-    },
-    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,5 +77,4 @@
  * @demoReady
  *
  */
-
 export { default } from './DataHeader';

package/es/DataHeader/utils.js

@@ -1,19 +1,19 @@
-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 _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"];
 import * as R from 'ramda';
 import { T4_BREAKPOINTS } from '../theme';
-
-var getReducedContent = function getReducedContent(_ref) {
+export var getReducedContent = function getReducedContent(_ref) {
   var isWidthLess = _ref.isWidthLess,
-      rest = _objectWithoutProperties(_ref, ['isWidthLess']);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   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 };
+};