@sis-cc/dotstatsuite-visions 12.55.0 → 13.0.0

package/es/DataHeader/index.js

@@ -1,82 +0,0 @@
-/**
- * DataHeader display four elements
- * Title with flags
- * Subtitles with flags
- * uprs and disclaimer
- *
- * @memberOf VISIONS
- * @name DataHeader
- * @tag component
- * @api public
- * @props
- * 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]),
- * isSticky: PropTypes.bool,
- * @theme
- * // tooltip (see Tooltip Component)
- * {
- *   palette: {
- *     highlight: {
- *       hl1: // warning icon color. globale override: outerPalette.highlight1
- *     },
- *     primary: {
- *       dark: // used if hl1 is null. globale override: outerPalette.primaryDark
- *     }
- *     grey: {
- *       600: // info icon color
- *     }
- *   },
- *   typography: {
- *     body1: {
- *       // asterisk icon
- *     }
- *   },
- *   mixins: {
- *     dataHeader: {
- *       root: {
- *         // font, color
- *       },
- *       title: {
- *         // font, color
- *       },
- *       subtitle: {
- *         // font, color
- *       },
- *       disclaimer: {
- *         // font, color
- *       },
- *       icon: {
- *         color: dot icon color
- *       },
- *     }
- *   }
- * }
- * @demoReady
- *
- */
-
-export { default } from './DataHeader';

package/es/DataHeader/utils.js

@@ -1,19 +0,0 @@
-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';
-
-var getReducedContent = function getReducedContent(_ref) {
-  var isWidthLess = _ref.isWidthLess,
-      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 }];
-    }
-  }), 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 };

package/es/Dataflow/Dataflow.js

@@ -1,441 +0,0 @@
-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; };
-
-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 React, { useState } from 'react';
-import PropTypes from 'prop-types';
-import * as R from 'ramda';
-import cx from 'classnames';
-import useSize from '@react-hook/size';
-import makeStyles from '@mui/styles/makeStyles';
-import Typography from '@mui/material/Typography';
-import Collapse from '@mui/material/Collapse';
-import Card from '@mui/material/Card';
-import CardHeader from '@mui/material/CardHeader';
-import CardContent from '@mui/material/CardContent';
-import CardActions from '@mui/material/CardActions';
-import IconButton from '@mui/material/IconButton';
-import ExpandMore from '@mui/icons-material/ExpandMore';
-import ExpandLess from '@mui/icons-material/ExpandLess';
-import Link from '@mui/material/Link';
-import Divider from '@mui/material/Divider';
-import Tooltip from '../Tooltip/Tooltip';
-import { withBlank } from '../utils';
-import { isLast } from '../Chips/utils';
-
-var useStyles = makeStyles(function (theme) {
-  return {
-    card: {
-      borderBottom: '1px solid ' + theme.palette.grey[700],
-      padding: theme.spacing(0, 0, 2, 0),
-      '& mark': {
-        color: 'inherit',
-        borderBottom: '2px solid ' + (R.path(['palette', 'highlight', 'hl2'])(theme) || theme.palette.success.dark)
-      }
-    },
-    cardHeader: {
-      padding: theme.spacing(1, 0, 0, 0)
-    },
-    cardContent: {
-      padding: theme.spacing(0.5, 0),
-      '&:last-child': {
-        padding: theme.spacing(0.5, 0)
-      }
-    },
-    cardActions: {
-      padding: theme.spacing(0.5, 0, 0, 0),
-      justifyContent: 'space-between'
-    },
-    header: {
-      display: 'flex',
-      alignItems: 'center'
-    },
-    rightSide: {
-      display: 'flex',
-      flexDirection: 'column',
-      justifyContent: 'space-between',
-      alignItems: 'center',
-      height: '100%',
-      padding: theme.spacing(0.5, 0)
-    },
-    dataset: _extends({}, R.pathOr({}, ['mixins', 'dataflow', 'title'], theme), {
-      '&:hover': {
-        color: theme.palette.primary.light,
-        textDecoration: 'none' // remove this line when blueprint css import will no longer be in the DE
-      }
-    }),
-    noDisplay: {
-      display: 'none'
-    },
-    hidden: {
-      visibility: 'hidden'
-    },
-    descriptionHighlight: {
-      padding: 0
-    },
-    footer: {
-      padding: theme.spacing(0.5, 0, 0, 0),
-      flexDirection: 'column',
-      alignItems: 'flex-start'
-    },
-    buttonLabel: {
-      flexDirection: 'column'
-    },
-    divider: {
-      width: 100,
-      margin: theme.spacing(0.5, 0.5)
-    },
-    fadeContent: {
-      color: theme.palette.grey['A200'],
-      position: 'relative',
-      overflow: 'hidden'
-    },
-    fading: {
-      position: 'absolute',
-      left: 0,
-      right: 0,
-      height: 15,
-      margin: 0,
-      padding: 0,
-      backgroundImage: 'linear-gradient(to bottom, transparent, white)'
-    },
-    wrapper: {
-      height: '100%'
-    },
-    container: {
-      display: 'flex',
-      justifyContent: 'space-between'
-    },
-    mainContent: {
-      minWidth: '200px',
-      margin: theme.spacing(0, 0.5)
-    },
-    mutedText: _extends({}, R.pathOr({}, ['mixins', 'dataflow', 'desc', 'mutedText'], theme)),
-    unmutedText: _extends({}, R.pathOr({}, ['mixins', 'dataflow', 'desc', 'unmutedText'], theme)),
-    categories: {
-      maxWidth: '100%',
-      whiteSpace: 'noWrap',
-      overflow: 'hidden',
-      textOverflow: 'ellipsis'
-    },
-    tooltipIndicator: {
-      borderBottom: '1px dotted ' + theme.palette.primary.main
-    }
-  };
-});
-
-var BasicHTMLRenderer = function BasicHTMLRenderer(_ref) {
-  var html = _ref.html,
-      rest = _objectWithoutProperties(_ref, ['html']);
-
-  return React.createElement('span', _extends({ dangerouslySetInnerHTML: { __html: html } }, rest));
-};
-
-BasicHTMLRenderer.propTypes = process.env.NODE_ENV !== "production" ? {
-  html: PropTypes.string
-} : {};
-
-var Dataflow = function Dataflow(_ref2) {
-  var _cx, _cx2, _cx3;
-
-  var testId = _ref2.testId,
-      title = _ref2.title,
-      body = _ref2.body,
-      url = _ref2.url,
-      handleUrl = _ref2.handleUrl,
-      label = _ref2.label,
-      labels = _ref2.labels,
-      _ref2$dimensions = _ref2.dimensions,
-      dimensions = _ref2$dimensions === undefined ? [] : _ref2$dimensions,
-      _ref2$highlights = _ref2.highlights,
-      highlights = _ref2$highlights === undefined ? [] : _ref2$highlights,
-      _ref2$categories = _ref2.categories,
-      categories = _ref2$categories === undefined ? [] : _ref2$categories,
-      children = _ref2.children,
-      _ref2$HTMLRenderer = _ref2.HTMLRenderer,
-      HTMLRenderer = _ref2$HTMLRenderer === undefined ? BasicHTMLRenderer : _ref2$HTMLRenderer,
-      id = _ref2.id;
-
-  var classes = useStyles();
-
-  var _useState = useState(false),
-      isExpanded = _useState[0],
-      setExpand = _useState[1];
-
-  var description = R.propOr('', 'description', body);
-
-  var target = React.useRef();
-
-  var _useSize = useSize(target),
-      height = _useSize[1];
-
-  var handleExpand = function handleExpand() {
-    setExpand(function (prev) {
-      return !prev;
-    });
-  };
-
-  var collapsedSize = R.min(height, 70);
-  var needEllipse = collapsedSize >= 70;
-  var mapIndexed = R.addIndex(R.map);
-
-  return React.createElement(
-    Card,
-    { elevation: 0, square: true, className: classes.card, 'data-testid': '' + testId },
-    React.createElement(
-      'div',
-      { className: classes.container },
-      React.createElement(
-        'div',
-        { className: classes.mainContent },
-        React.createElement(CardHeader, {
-          className: classes.cardHeader,
-          title: React.createElement(
-            'div',
-            { className: classes.header, 'data-testid': testId + '_title' },
-            React.createElement(
-              Typography,
-              { variant: 'h6', color: 'primary', display: 'inline' },
-              React.createElement(
-                Link,
-                {
-                  className: classes.dataset,
-                  href: url,
-                  onClick: handleUrl,
-                  color: 'primary',
-                  underline: 'none'
-                },
-                React.createElement(HTMLRenderer, { html: title })
-              )
-            )
-          )
-        }),
-        R.not(R.isEmpty(description)) && React.createElement(
-          Collapse,
-          {
-            'in': isExpanded,
-            collapsedSize: collapsedSize,
-            classes: isExpanded ? undefined : { wrapper: classes.wrapper }
-          },
-          React.createElement(
-            CardContent,
-            {
-              ref: target,
-              className: cx(classes.cardContent, (_cx = {}, _cx[classes.fadeContent] = !isExpanded, _cx))
-            },
-            React.createElement(
-              Typography,
-              {
-                variant: 'body2',
-                align: 'justify',
-                className: cx(classes.container, classes.mutedText, (_cx2 = {}, _cx2[classes.unmutedText] = isExpanded, _cx2))
-              },
-              React.createElement(HTMLRenderer, { html: description })
-            ),
-            !isExpanded && needEllipse && React.createElement('div', { className: classes.fading, style: { top: collapsedSize - 15 } })
-          )
-        ),
-        R.not(R.empty(R.propOr('', 'highlightDescription')(body))) && React.createElement(
-          CardContent,
-          { className: classes.descriptionHighlight },
-          React.createElement(
-            Typography,
-            { variant: 'body2', align: 'justify', className: classes.container },
-            React.createElement(HTMLRenderer, {
-              html: R.propOr('', 'highlightDescription')(body),
-              className: cx((_cx3 = {}, _cx3[classes.noDisplay] = isExpanded, _cx3))
-            })
-          )
-        ),
-        React.createElement(
-          CardContent,
-          { className: classes.cardContent },
-          !R.isEmpty(dimensions) && React.createElement(
-            Typography,
-            {
-              variant: 'body2',
-              color: 'textSecondary',
-              'data-testid': testId + '_dimensions'
-            },
-            React.createElement(
-              'strong',
-              null,
-              R.prop('dimensions')(labels),
-              ':\xA0'
-            ),
-            React.createElement(HTMLRenderer, { html: R.join(', ', dimensions) })
-          ),
-          R.map(function (_ref3) {
-            var field = _ref3[0],
-                fieldHighlights = _ref3[1];
-            return React.createElement(
-              Typography,
-              {
-                variant: 'body2',
-                key: field,
-                color: 'textSecondary',
-                'data-testid': testId + '_highlight_' + field
-              },
-              React.createElement(
-                'strong',
-                null,
-                field,
-                ':\xA0'
-              ),
-              R.map(function (fieldHighlight) {
-                return React.createElement(HTMLRenderer, { key: id + '-' + field, html: fieldHighlight });
-              }, fieldHighlights)
-            );
-          })(highlights),
-          React.createElement(
-            Collapse,
-            { 'in': isExpanded },
-            React.createElement(Divider, { className: classes.divider }),
-            R.map(function (_ref4) {
-              var field = _ref4[0],
-                  values = _ref4[1];
-
-              return React.createElement(
-                Typography,
-                {
-                  variant: 'body2',
-                  key: field,
-                  color: 'textSecondary',
-                  className: classes.categories
-                },
-                React.createElement(
-                  'strong',
-                  null,
-                  field,
-                  ':\xA0'
-                ),
-                React.createElement(
-                  'span',
-                  null,
-                  mapIndexed(function (category, idx) {
-                    return R.is(Array)(category) ? React.createElement(
-                      Tooltip,
-                      {
-                        key: 'category-tooltip-value-' + idx,
-                        title: R.join(' > ', category)
-                      },
-                      React.createElement(
-                        'span',
-                        null,
-                        React.createElement(
-                          'span',
-                          { className: classes.tooltipIndicator },
-                          ' ',
-                          '... > ' + R.last(category)
-                        ),
-                        isLast(idx, values) ? '' : ', '
-                      )
-                    ) : '' + R.identity(category) + (isLast(idx, values) ? '' : ', ');
-                  }, values)
-                )
-              );
-            })(categories),
-            label && React.createElement(
-              'div',
-              null,
-              React.createElement(
-                Typography,
-                { variant: 'body2', color: 'textSecondary' },
-                React.createElement(
-                  'strong',
-                  null,
-                  R.prop('source')(labels),
-                  ':\xA0'
-                ),
-                ' ',
-                label
-              ),
-              React.createElement(Divider, { className: classes.divider })
-            ),
-            React.createElement(
-              CardActions,
-              { className: classes.footer, disableSpacing: true },
-              React.createElement(
-                Typography,
-                { variant: 'caption', color: 'textSecondary' },
-                React.createElement(
-                  'strong',
-                  null,
-                  R.prop('lastUpdated')(labels),
-                  '\xA0'
-                ),
-                ' ',
-                React.createElement(
-                  'span',
-                  null,
-                  R.prop('date')(labels)
-                )
-              ),
-              React.createElement(
-                Typography,
-                { variant: 'caption', color: 'textSecondary' },
-                R.prop('note')(labels)
-              )
-            )
-          )
-        )
-      ),
-      React.createElement(
-        'div',
-        null,
-        React.createElement(
-          CardActions,
-          { className: classes.rightSide, disableSpacing: true },
-          React.createElement(
-            IconButton,
-            {
-              'data-testid': 'dataflow-expand-button-test-id',
-              'aria-label': R.propOr('Show details above', 'expand')(labels),
-              'aria-expanded': isExpanded,
-              onClick: function onClick() {
-                return handleExpand();
-              },
-              color: 'primary',
-              size: 'small'
-            },
-            isExpanded ? React.createElement(ExpandLess, { 'data-testid': 'dataflow-not-expand-test-id' }) : React.createElement(ExpandMore, { 'data-testid': 'dataflow-expanded-test-id' })
-          ),
-          children && children
-        )
-      )
-    )
-  );
-};
-
-Dataflow.propTypes = process.env.NODE_ENV !== "production" ? {
-  testId: PropTypes.string,
-  id: PropTypes.string,
-  title: PropTypes.string,
-  body: PropTypes.shape({
-    description: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-    highlightDescription: PropTypes.oneOfType([PropTypes.string, PropTypes.element])
-  }),
-  url: PropTypes.string,
-  handleUrl: PropTypes.func,
-  label: PropTypes.string,
-  labels: PropTypes.shape({
-    source: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-    lastUpdated: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-    note: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-    date: PropTypes.oneOfType([PropTypes.string, PropTypes.element])
-  }),
-  highlights: PropTypes.array,
-  dimensions: PropTypes.array,
-  categories: PropTypes.array,
-  children: PropTypes.node,
-  HTMLRenderer: PropTypes.func
-} : {};
-
-export default withBlank(function (_ref5) {
-  var isBlank = _ref5.isBlank,
-      _ref5$title = _ref5.title,
-      title = _ref5$title === undefined ? '' : _ref5$title;
-  return {
-    isBlank: R.or(isBlank, R.isEmpty(title))
-  };
-})(Dataflow);

package/es/Dataflow/index.js

@@ -1,62 +0,0 @@
-/**
- * Without onDownload the button download will disappear
- *
- * @demoReady
- * @memberOf VISIONS
- * @name Dataflow
- * @tag component
- * @api public
- * @props
- * Dataflow.propTypes = {
- *   id: PropTypes.string,
- *   testId: PropTypes.string,
- *   title: PropTypes.string,
- *   body: PropTypes.shape({
- *     description: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *     highlightDescription: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *   }),
- *   url: PropTypes.string,
- *   handleUrl: PropTypes.func,
- *   label: PropTypes.string,
- *   labels: PropTypes.shape({
- *     source: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *     lastUpdated: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *     readMore: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *     note: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *     date: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
- *   }),
- *   dimensions: PropTypes.array,
- *   highlights: PropTypes.array,
- *   categories: PropTypes.array,
- *   HTMLRenderer: PropTypes.func,
- * };
- *
- * @theme
- * {
- *   palette: {
- *     primary: {
- *       light: // title hover. globale override: outerPalette.primaryLight
- *     },
- *     highlight: {
- *       hl3: // background color for highlighting words. globale override: outerPalette.highlight2
- *       hl2: // color to underline highlighted words. globale override: outerPalette.highlight3
- *     },
- *     success: {
- *       main: // used if hl3 is null
- *       dark: // used if hl2 is null
- *     },
- *     grey: {
- *       "A200": // fade content color
- *       700: // color of the divider and muted text*
- *       800: // open text description color. globale override: outerPalette.textLight
- *     }
- *   }
- * }
- * *muted text is when the description is not open
- * @testId
- * root: [testId]
- * title: [testId]_title
- * highlight: [testId]_highlight_[highlights[field]]
- */
-
-export { default } from './Dataflow';