@sis-cc/dotstatsuite-visions 12.55.0 → 13.0.0

package/es/Spotlight/useStyles.js

@@ -1,77 +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; };
-
-import * as R from 'ramda';
-import makeStyles from '@mui/styles/makeStyles';
-
-export var useStyles = makeStyles(function (theme) {
-  return {
-    container: {
-      padding: theme.spacing(1.875),
-      borderRadius: theme.spacing(0.5),
-      backgroundColor: R.path(['palette', 'button', 'mainOpacity'], theme) || theme.palette.primary.dark
-    },
-    fullWidth: {
-      width: '100%'
-    },
-    defaultWidth: {
-      maxWidth: 420,
-      minWidth: 250
-    },
-    containerFocus: _extends({
-      backgroundColor: R.path(['palette', 'highlight', 'hl1'], theme) || theme.palette.primary.light,
-      borderRadius: theme.shape.borderRadius
-    }, R.pathOr({}, ['mixins', 'spotlight', 'focus'], theme)),
-    root: {
-      display: 'flex',
-      alignItems: 'center',
-      border: 'solid 1px ' + theme.palette.grey[400],
-      paddingRight: theme.spacing(1)
-    },
-    input: {
-      marginLeft: theme.spacing(0),
-      flex: 1
-    },
-    inputBase: _extends({}, R.pathOr({}, ['typography', 'body2'], theme), {
-      lineHeight: 0
-    }),
-    inputBaseMargin: {
-      padding: theme.spacing(0),
-      height: theme.spacing(3.75)
-    },
-    leftIcon: {
-      padding: theme.spacing(0.125, 0.5),
-      '&.Mui-disabled': {
-        color: theme.palette.grey[700] + ' !important'
-      }
-    },
-    rightIcon: {
-      padding: theme.spacing(0.125, 0),
-      borderRadius: theme.shape.borderRadius,
-      color: theme.palette.primary.main,
-      margin: theme.spacing(0.125),
-      '&.Mui-disabled': {
-        color: theme.palette.grey[700] + ' !important'
-      }
-    },
-    clear: {
-      padding: '3px 0px 0px 0px'
-    },
-    popoverButton: {
-      display: 'flex',
-      flexDirection: 'column'
-    },
-    divider: {
-      width: 1,
-      height: '1.5em',
-      margin: theme.spacing(0.5)
-    },
-    selected: {
-      visibility: 'hidden'
-    },
-    buttonContainer: {
-      display: 'flex',
-      flexDirection: 'row',
-      alignItems: 'center'
-    }
-  };
-});

package/es/TableFooter/TableFooter.js

@@ -1,100 +0,0 @@
-import React from 'react';
-import * as R from 'ramda';
-import PropTypes from 'prop-types';
-import makeStyles from '@mui/styles/makeStyles';
-import Typography from '@mui/material/Typography';
-import Grid from '@mui/material/Grid';
-import Tooltip from '../Tooltip/Tooltip';
-
-var useStyles = makeStyles(function (theme) {
-  return {
-    font: {
-      color: theme.palette.grey[600]
-    },
-    spaceContainer: {
-      paddingLeft: theme.spacing(1.5)
-    },
-    gridContainer: {
-      padding: theme.spacing(0.5, 1.5)
-    }
-  };
-});
-
-var TableFooter = function TableFooter(_ref) {
-  var tooltip = _ref.tooltip,
-      label = _ref.label,
-      logo = _ref.logo,
-      link = _ref.link,
-      linkLabel = _ref.linkLabel,
-      _ref$height = _ref.height,
-      height = _ref$height === undefined ? 25 : _ref$height;
-
-  var classes = useStyles();
-  return React.createElement(
-    Grid,
-    { container: true, direction: 'row', alignItems: 'center', spacing: 2 },
-    React.createElement(
-      Grid,
-      { item: true, xs: 1, className: classes.gridContainer },
-      React.createElement(
-        Tooltip,
-        {
-          placement: 'top',
-          title: React.createElement(
-            Typography,
-            { variant: 'body2' },
-            React.createElement(
-              Typography,
-              { variant: 'inherit' },
-              R.prop('label')(tooltip)
-            ),
-            React.createElement(
-              'a',
-              { className: classes.spaceContainer, href: R.prop('link')(tooltip) },
-              R.prop('linkLabel')(tooltip)
-            )
-          )
-        },
-        React.createElement(
-          Typography,
-          { variant: 'body2', className: classes.font },
-          R.ifElse(R.isNil, R.always('©'), R.identity)(label)
-        )
-      )
-    ),
-    React.createElement(
-      Grid,
-      { item: true, xs: 11, className: classes.gridContainer },
-      React.createElement(
-        Grid,
-        { container: true, justifyContent: 'flex-end' },
-        React.createElement(
-          Typography,
-          { variant: 'body2', className: classes.font },
-          React.createElement(
-            'a',
-            { href: link },
-            linkLabel
-          )
-        ),
-        React.createElement('img', { className: classes.spaceContainer, height: height, src: logo, alt: 'logo' })
-      )
-    )
-  );
-};
-
-TableFooter.propTypes = process.env.NODE_ENV !== "production" ? {
-  tooltip: PropTypes.shape({
-    link: PropTypes.string,
-    linkLabel: PropTypes.string,
-    label: PropTypes.string
-  }),
-  label: PropTypes.string,
-  logo: PropTypes.string,
-  link: PropTypes.string,
-  linkLabel: PropTypes.string,
-  height: PropTypes.number,
-  classes: PropTypes.object
-} : {};
-
-export default TableFooter;

package/es/TableFooter/index.js

@@ -1,33 +0,0 @@
-/**
- * TableFooter component display Two elements
- * One left side, with tooltip and the right side it diplays link and img
- *
- * @memberOf VISIONS
- * @name TableFooter
- * @tag component
- * @api public
- * @props
- * TableFooter.propTypes = {
- *   tooltip: PropTypes.shape({
- *     link: PropTypes.string,
- *     linkLabel: PropTypes.string,
- *     label: PropTypes.string,
- *   }),
- *   label: PropTypes.string,
- *   logo: PropTypes.string,
- *   link: PropTypes.string,
- *   linkLabel: PropTypes.string,
- *   height: PropTypes.number,
- *   classes: PropTypes.object,
- * };
- * @theme
- * {
- *   palette: {
- *     grey: {
- *       600: // color of labels
- *     }
- *   }
- * }
- */
-
-export { default } from './TableFooter';

package/es/TableHeader/TableHeader.js

@@ -1,63 +0,0 @@
-import React, { Fragment } from 'react';
-import * as R from 'ramda';
-import PropTypes from 'prop-types';
-import makeStyles from '@mui/styles/makeStyles';
-import Typography from '@mui/material/Typography';
-import Lens from '@mui/icons-material/Lens';
-
-var useStyles = makeStyles(function (theme) {
-  return {
-    title: {
-      color: theme.palette.text.primary
-    },
-    subtitle: {
-      color: theme.palette.text.secondary,
-      lineHeight: 1.3
-    },
-    icon: {
-      height: '0.35em',
-      color: theme.palette.text.secondary
-    }
-  };
-});
-
-var TableHeader = function TableHeader(_ref) {
-  var header = _ref.header;
-
-  var classes = useStyles();
-  return React.createElement(
-    'div',
-    { className: classes.container },
-    React.createElement(
-      Typography,
-      { variant: 'h5', className: classes.title },
-      R.prop('title')(header)
-    ),
-    React.createElement(
-      Typography,
-      { variant: 'subtitle1', className: classes.subtitle },
-      R.pipe(R.propOr([], 'subtitle'), R.intersperse(React.createElement(Lens, { className: classes.icon })), R.addIndex(R.map)(function (v, index) {
-        return React.createElement(
-          Fragment,
-          { key: R.toString([R.prop('title')(header), index]) },
-          v
-        );
-      }))(header)
-    ),
-    React.createElement(
-      Typography,
-      { variant: 'subtitle1', className: classes.subtitle },
-      R.prop('uprs')(header)
-    )
-  );
-};
-
-TableHeader.propTypes = process.env.NODE_ENV !== "production" ? {
-  header: PropTypes.shape({
-    title: PropTypes.string,
-    subtitle: PropTypes.array,
-    uprs: PropTypes.string
-  })
-} : {};
-
-export default TableHeader;

package/es/TableHeader/index.js

@@ -1,17 +0,0 @@
-/**
- * TableHeader display until three elements
- * Title
- * Subtitles
- * and uprs
- *
- * @memberOf VISIONS
- * @name TableHeader
- * @tag component
- * @api public
- * @props
- * icon: PropTypes.element
- * message: PropTypes.oneOfType([PropTypes.string, PropTypes.element])
- * @deprecated
- */
-
-export { default } from './TableHeader';

package/es/TableHtml5/TableHtml5.js

@@ -1,213 +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; };
-
-import React, { useRef, useState, useEffect, useMemo } from 'react';
-import makeStyles from '@mui/styles/makeStyles';
-import PropTypes from 'prop-types';
-import * as R from 'ramda';
-import Table from '@mui/material/Table';
-import Header from './header';
-import SubHeader from './subHeader';
-import Section from './section';
-import Cell from './cell';
-import { defaultLabelAccessor } from './utils';
-
-/*
- *  Accessibility.
- *  Do not use "TableHead" from Material-ui.
- *  Material-ui, add "scope" attribute for accessibility, "scope" attribute can break screen reader if use with headers.
- *  Child from TableHead will inherit a "scope" that we don't want. (not possible to turn off)
- *  We are using "headers" attribute because the table is too complexe to use "scope".
- */
-
-var useStyles = makeStyles(function (theme) {
-  return {
-    table: {
-      outline: '1px solid transparent',
-      transform: 'translateZ(0)',
-      borderCollapse: 'separate',
-      borderLeft: '1px solid ' + theme.palette.grey[500],
-      borderTop: '1px solid ' + theme.palette.grey[500],
-      padding: '0px 0px'
-    },
-    stickyHeader: {
-      position: 'sticky',
-      top: 0,
-      zIndex: 2
-    }
-  };
-});
-
-var mapIndexed = R.addIndex(R.map);
-
-export var getEnhancedValuesHeaderData = function getEnhancedValuesHeaderData(data) {
-  var colLength = R.pipe(R.last, R.propOr([], 'data'), R.length)(data);
-  return R.pipe(R.pluck('data'),
-  // mix merge and transpose for performance
-  R.reduce(function (acc, cells) {
-    R.addIndex(R.forEach)(function (_, rowIndex) {
-      var cell = R.nth(rowIndex, cells) || {};
-      var cellId = R.has('values', cell) ? R.pipe(R.prop('values'), R.pluck('id'), R.join(','))(cell) : R.pathOr('missing' + rowIndex, ['value', 'id'], cell);
-      var topCell = rowIndex > 0 ? R.pipe(R.nth(rowIndex - 1), R.last)(acc) : null;
-      var cellKey = R.isNil(topCell) ? cellId : topCell.key + '-' + cellId;
-
-      var leftCell = R.pipe(R.nth(rowIndex), R.last)(acc);
-      if (R.prop('key', leftCell) === cellKey && rowIndex !== colLength - 1) {
-        acc = R.over(R.lensIndex(rowIndex), R.over(R.lensIndex(-1), R.evolve({ spanCount: R.add(1) })))(acc);
-      } else {
-        acc = R.over(R.lensIndex(rowIndex), R.append(_extends({}, R.pick(['value', 'values'], cell), {
-          key: cellKey,
-          spanCount: 1,
-          isEmpty: R.isEmpty(cell)
-        })))(acc);
-      }
-    })(acc);
-    return acc;
-  }, R.times(R.always([]), colLength)))(data);
-};
-
-var getCellsWidth = R.addIndex(R.reduce)(function (acc, element, index) {
-  return R.append(R.add(acc[index], R.propOr(0, 'offsetWidth', element)), acc);
-}, [0]);
-
-var TableHtml5 = function TableHtml5(_ref) {
-  var cells = _ref.cells,
-      _ref$headerData = _ref.headerData,
-      headerData = _ref$headerData === undefined ? [] : _ref$headerData,
-      _ref$sectionsData = _ref.sectionsData,
-      sectionsData = _ref$sectionsData === undefined ? [] : _ref$sectionsData,
-      cellHandler = _ref.cellHandler,
-      activeCellIds = _ref.activeCellIds,
-      activeCellHandler = _ref.activeCellHandler,
-      SideIcon = _ref.SideIcon,
-      _ref$testId = _ref.testId,
-      testId = _ref$testId === undefined ? 'vis-table' : _ref$testId,
-      HTMLRenderer = _ref.HTMLRenderer,
-      _ref$cellValueAccesso = _ref.cellValueAccessor,
-      cellValueAccessor = _ref$cellValueAccesso === undefined ? R.identity : _ref$cellValueAccesso,
-      _ref$labelAccessor = _ref.labelAccessor,
-      labelAccessor = _ref$labelAccessor === undefined ? defaultLabelAccessor : _ref$labelAccessor,
-      textAlign = _ref.textAlign,
-      _ref$isNoWrap = _ref.isNoWrap,
-      isNoWrap = _ref$isNoWrap === undefined ? R.always(false) : _ref$isNoWrap;
-
-  var classes = useStyles();
-
-  var _useState = useState(0),
-      headerHeight = _useState[0],
-      setHeaderHeight = _useState[1];
-
-  var _useState2 = useState([0]),
-      subHeadCellsWidth = _useState2[0],
-      setSubHeadCellsWidth = _useState2[1];
-
-  var headerRef = useRef(null);
-  var subHeadCellsRef = useRef([]);
-
-  useEffect(function () {
-    setHeaderHeight(R.pathOr(0, ['current', 'clientHeight'], headerRef));
-    setSubHeadCellsWidth(getCellsWidth(R.prop('current', subHeadCellsRef)));
-  }, [cells, headerData, sectionsData]);
-
-  useEffect(function () {
-    var timeoutId = null;
-    var resizeListener = function resizeListener() {
-      clearTimeout(timeoutId);
-      timeoutId = setTimeout(function () {
-        setHeaderHeight(R.pathOr(0, ['current', 'clientHeight'], headerRef));
-        setSubHeadCellsWidth(getCellsWidth(R.prop('current', subHeadCellsRef)));
-      }, 150);
-    };
-    window.addEventListener('resize', resizeListener);
-    return function () {
-      return window.removeEventListener('resize', resizeListener);
-    };
-  }, []);
-
-  var xLayoutData = R.pathOr([], [0, 1, -1, 'data'], sectionsData);
-  var xLayoutDataLength = R.length(xLayoutData);
-
-  var _useMemo = useMemo(function () {
-    var valuesHeaderData = getEnhancedValuesHeaderData(headerData);
-    var nbColumnsByRows = R.map(R.length)(valuesHeaderData);
-    return { valuesHeaderData: valuesHeaderData, nbColumnsByRows: nbColumnsByRows };
-  }, [headerData]),
-      valuesHeaderData = _useMemo.valuesHeaderData,
-      nbColumnsByRows = _useMemo.nbColumnsByRows;
-
-  var isSingleObs = R.hasPath(['', '', '', 0], cells);
-  if (isSingleObs) return React.createElement(Cell, _extends({
-    HTMLRenderer: HTMLRenderer,
-    labelAccessor: labelAccessor
-  }, R.pathOr({}, ['', '', '', 0], cells), {
-    cellHandler: cellHandler,
-    isOne: true,
-    textAlign: textAlign
-  }));
-
-  return React.createElement(
-    Table,
-    { className: classes.table, 'aria-label': 'table', size: 'small', 'data-testid': testId },
-    React.createElement(
-      'thead',
-      { ref: headerRef, className: classes.stickyHeader },
-      React.createElement(Header, {
-        headerData: headerData,
-        valuesHeaderData: valuesHeaderData,
-        xLayoutDataLength: xLayoutDataLength,
-        subHeadCellsWidth: subHeadCellsWidth,
-        HTMLRenderer: HTMLRenderer,
-        labelAccessor: labelAccessor
-      }),
-      React.createElement(SubHeader, {
-        headerData: headerData,
-        xLayoutData: xLayoutData,
-        activeCellIds: activeCellIds,
-        SideIcon: SideIcon,
-        ref: subHeadCellsRef,
-        subHeadCellsWidth: subHeadCellsWidth,
-        HTMLRenderer: HTMLRenderer,
-        labelAccessor: labelAccessor
-      })
-    ),
-    mapIndexed(function (section, index) {
-      return React.createElement(Section, {
-        key: 'section-' + index,
-        sectionIndex: index,
-        headerHeight: headerHeight,
-        nbColumnsByRows: nbColumnsByRows,
-        headerData: headerData,
-        cells: cells,
-        section: section,
-        xLayoutDataLength: xLayoutDataLength,
-        cellHandler: cellHandler,
-        activeCellIds: activeCellIds,
-        activeCellHandler: activeCellHandler,
-        SideIcon: SideIcon,
-        subHeadCellsWidth: subHeadCellsWidth,
-        HTMLRenderer: HTMLRenderer,
-        cellValueAccessor: cellValueAccessor,
-        labelAccessor: labelAccessor,
-        isNoWrap: isNoWrap,
-        textAlign: textAlign
-      });
-    }, sectionsData)
-  );
-};
-
-TableHtml5.propTypes = process.env.NODE_ENV !== "production" ? {
-  cells: PropTypes.object,
-  headerData: PropTypes.array,
-  sectionsData: PropTypes.array,
-  cellHandler: PropTypes.func,
-  activeCellHandler: PropTypes.func,
-  activeCellIds: PropTypes.object,
-  SideIcon: PropTypes.func,
-  testId: PropTypes.string,
-  HTMLRenderer: PropTypes.func,
-  labelAccessor: PropTypes.func,
-  cellValueAccessor: PropTypes.func,
-  isNoWrap: PropTypes.func,
-  textAlign: PropTypes.string
-} : {};
-
-export default TableHtml5;

package/es/TableHtml5/cell.js

@@ -1,130 +0,0 @@
-import React from 'react';
-import * as R from 'ramda';
-import PropTypes from 'prop-types';
-import cx from 'classnames';
-import { useTheme } from '@mui/material/styles';
-import makeStyles from '@mui/styles/makeStyles';
-import TableCell from '@mui/material/TableCell';
-import Link from '@mui/material/Link';
-import Flags from './flags';
-import { getIsRtl } from '../utils';
-
-var useStyles = makeStyles(function (theme) {
-  return {
-    cell: {
-      borderBottom: '1.5px solid ' + theme.palette.grey[500],
-      borderRight: '1.5px solid ' + theme.palette.grey[500],
-      padding: theme.spacing(0.5) + ' ' + theme.spacing(1),
-      verticalAlign: 'baseline',
-      color: theme.palette.grey['A700'],
-      '&:hover': {
-        boxShadow: 'inset 0 0 0 2px ' + theme.palette.primary.main
-      },
-      whiteSpace: 'pre-wrap',
-      borderCollapse: 'collapse'
-    },
-    active: {
-      boxShadow: 'inset 0 0 0 2px ' + theme.palette.primary.main
-    },
-    highlight: theme.mixins.table.cellHighlight,
-    oneCell: {
-      border: 'thin solid ' + theme.palette.grey[500],
-      display: 'block' // MUI TableCell is inline-block
-    },
-    link: {
-      position: 'inherit',
-      userSelect: 'inherit'
-    },
-    value: {
-      overflow: 'inherit'
-    },
-    rightAlign: {
-      // only for rtl layout !
-      // changed by right in rtl mode
-      textAlign: 'right'
-    }
-  };
-});
-
-var isValidNumber = R.both(R.is(Number), R.complement(R.equals(NaN)));
-
-var Cell = function Cell(_ref) {
-  var _cx;
-
-  var flags = _ref.flags,
-      value = _ref.value,
-      intValue = _ref.intValue,
-      headers = _ref.headers,
-      isOne = _ref.isOne,
-      _ref$indexedDimValIds = _ref.indexedDimValIds,
-      indexedDimValIds = _ref$indexedDimValIds === undefined ? {} : _ref$indexedDimValIds,
-      cellHandler = _ref.cellHandler,
-      activeCellHandler = _ref.activeCellHandler,
-      isActive = _ref.isActive,
-      isHighlight = _ref.isHighlight,
-      sideProps = _ref.sideProps,
-      SideIcon = _ref.SideIcon,
-      HTMLRenderer = _ref.HTMLRenderer,
-      labelAccessor = _ref.labelAccessor,
-      textAlign = _ref.textAlign;
-
-  var classes = useStyles();
-  var isRtl = getIsRtl(useTheme());
-  var hasFlag = R.not(R.isEmpty(flags));
-  var uiValue = R.is(Function, cellHandler) && !R.isEmpty(indexedDimValIds) ? React.createElement(
-    Link,
-    {
-      component: 'button',
-      variant: 'body1',
-      underline: 'always',
-      onClick: function onClick() {
-        return cellHandler({ indexedDimValIds: indexedDimValIds });
-      },
-      className: classes.link
-    },
-    R.is(Function, HTMLRenderer) ? React.createElement(HTMLRenderer, {
-      html: value,
-      style: { float: isRtl && R.isNil(textAlign) ? 'left' : textAlign }
-    }) : value
-  ) : R.is(Function, HTMLRenderer) ? React.createElement(HTMLRenderer, {
-    html: value,
-    style: { float: isRtl && R.isNil(textAlign) ? 'left' : textAlign }
-  }) : value;
-
-  return React.createElement(
-    TableCell,
-    {
-      align: isValidNumber(intValue) ? 'right' : textAlign,
-      component: isOne ? 'div' : 'td',
-      className: cx(classes.cell, (_cx = {}, _cx[classes.oneCell] = isOne, _cx[classes.active] = isActive, _cx[classes.highlight] = isHighlight, _cx[classes.rightAlign] = isRtl && R.isNil(textAlign), _cx)),
-      headers: headers,
-      'aria-describedby': headers,
-      onClick: activeCellHandler,
-      tabIndex: 0,
-      style: { textAlign: textAlign }
-    },
-    !R.isNil(SideIcon) && React.createElement(SideIcon, { sideProps: sideProps, className: classes.value }),
-    hasFlag && React.createElement(Flags, { HTMLRenderer: HTMLRenderer, flags: flags, labelAccessor: labelAccessor }),
-    uiValue
-  );
-};
-
-Cell.propTypes = process.env.NODE_ENV !== "production" ? {
-  intValue: PropTypes.number,
-  flags: PropTypes.array,
-  isOne: PropTypes.bool,
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-  headers: PropTypes.string,
-  indexedDimValIds: PropTypes.object,
-  cellHandler: PropTypes.func,
-  isActive: PropTypes.bool,
-  isHighlight: PropTypes.bool,
-  activeCellHandler: PropTypes.func,
-  sideProps: PropTypes.object,
-  SideIcon: PropTypes.func,
-  HTMLRenderer: PropTypes.func,
-  labelAccessor: PropTypes.func,
-  textAlign: PropTypes.string
-} : {};
-
-export default Cell;