@sis-cc/dotstatsuite-visions 12.55.0 → 13.0.0

package/lib/TableHtml5/TableHtml5.js

@@ -1,249 +0,0 @@
-'use strict';
-
-exports.__esModule = true;
-exports.getEnhancedValuesHeaderData = undefined;
-
-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 _makeStyles = require('@mui/styles/makeStyles');
-
-var _makeStyles2 = _interopRequireDefault(_makeStyles);
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _ramda = require('ramda');
-
-var R = _interopRequireWildcard(_ramda);
-
-var _Table = require('@mui/material/Table');
-
-var _Table2 = _interopRequireDefault(_Table);
-
-var _header = require('./header');
-
-var _header2 = _interopRequireDefault(_header);
-
-var _subHeader = require('./subHeader');
-
-var _subHeader2 = _interopRequireDefault(_subHeader);
-
-var _section = require('./section');
-
-var _section2 = _interopRequireDefault(_section);
-
-var _cell = require('./cell');
-
-var _cell2 = _interopRequireDefault(_cell);
-
-var _utils = require('./utils');
-
-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 }; }
-
-/*
- *  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 = (0, _makeStyles2.default)(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);
-
-var getEnhancedValuesHeaderData = exports.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 ? _utils.defaultLabelAccessor : _ref$labelAccessor,
-      textAlign = _ref.textAlign,
-      _ref$isNoWrap = _ref.isNoWrap,
-      isNoWrap = _ref$isNoWrap === undefined ? R.always(false) : _ref$isNoWrap;
-
-  var classes = useStyles();
-
-  var _useState = (0, _react.useState)(0),
-      headerHeight = _useState[0],
-      setHeaderHeight = _useState[1];
-
-  var _useState2 = (0, _react.useState)([0]),
-      subHeadCellsWidth = _useState2[0],
-      setSubHeadCellsWidth = _useState2[1];
-
-  var headerRef = (0, _react.useRef)(null);
-  var subHeadCellsRef = (0, _react.useRef)([]);
-
-  (0, _react.useEffect)(function () {
-    setHeaderHeight(R.pathOr(0, ['current', 'clientHeight'], headerRef));
-    setSubHeadCellsWidth(getCellsWidth(R.prop('current', subHeadCellsRef)));
-  }, [cells, headerData, sectionsData]);
-
-  (0, _react.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 = (0, _react.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 _react2.default.createElement(_cell2.default, _extends({
-    HTMLRenderer: HTMLRenderer,
-    labelAccessor: labelAccessor
-  }, R.pathOr({}, ['', '', '', 0], cells), {
-    cellHandler: cellHandler,
-    isOne: true,
-    textAlign: textAlign
-  }));
-
-  return _react2.default.createElement(
-    _Table2.default,
-    { className: classes.table, 'aria-label': 'table', size: 'small', 'data-testid': testId },
-    _react2.default.createElement(
-      'thead',
-      { ref: headerRef, className: classes.stickyHeader },
-      _react2.default.createElement(_header2.default, {
-        headerData: headerData,
-        valuesHeaderData: valuesHeaderData,
-        xLayoutDataLength: xLayoutDataLength,
-        subHeadCellsWidth: subHeadCellsWidth,
-        HTMLRenderer: HTMLRenderer,
-        labelAccessor: labelAccessor
-      }),
-      _react2.default.createElement(_subHeader2.default, {
-        headerData: headerData,
-        xLayoutData: xLayoutData,
-        activeCellIds: activeCellIds,
-        SideIcon: SideIcon,
-        ref: subHeadCellsRef,
-        subHeadCellsWidth: subHeadCellsWidth,
-        HTMLRenderer: HTMLRenderer,
-        labelAccessor: labelAccessor
-      })
-    ),
-    mapIndexed(function (section, index) {
-      return _react2.default.createElement(_section2.default, {
-        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: _propTypes2.default.object,
-  headerData: _propTypes2.default.array,
-  sectionsData: _propTypes2.default.array,
-  cellHandler: _propTypes2.default.func,
-  activeCellHandler: _propTypes2.default.func,
-  activeCellIds: _propTypes2.default.object,
-  SideIcon: _propTypes2.default.func,
-  testId: _propTypes2.default.string,
-  HTMLRenderer: _propTypes2.default.func,
-  labelAccessor: _propTypes2.default.func,
-  cellValueAccessor: _propTypes2.default.func,
-  isNoWrap: _propTypes2.default.func,
-  textAlign: _propTypes2.default.string
-} : {};
-
-exports.default = TableHtml5;

package/lib/TableHtml5/cell.js

@@ -1,164 +0,0 @@
-'use strict';
-
-exports.__esModule = true;
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _ramda = require('ramda');
-
-var R = _interopRequireWildcard(_ramda);
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _classnames = require('classnames');
-
-var _classnames2 = _interopRequireDefault(_classnames);
-
-var _styles = require('@mui/material/styles');
-
-var _makeStyles = require('@mui/styles/makeStyles');
-
-var _makeStyles2 = _interopRequireDefault(_makeStyles);
-
-var _TableCell = require('@mui/material/TableCell');
-
-var _TableCell2 = _interopRequireDefault(_TableCell);
-
-var _Link = require('@mui/material/Link');
-
-var _Link2 = _interopRequireDefault(_Link);
-
-var _flags = require('./flags');
-
-var _flags2 = _interopRequireDefault(_flags);
-
-var _utils = require('../utils');
-
-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, _makeStyles2.default)(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 = (0, _utils.getIsRtl)((0, _styles.useTheme)());
-  var hasFlag = R.not(R.isEmpty(flags));
-  var uiValue = R.is(Function, cellHandler) && !R.isEmpty(indexedDimValIds) ? _react2.default.createElement(
-    _Link2.default,
-    {
-      component: 'button',
-      variant: 'body1',
-      underline: 'always',
-      onClick: function onClick() {
-        return cellHandler({ indexedDimValIds: indexedDimValIds });
-      },
-      className: classes.link
-    },
-    R.is(Function, HTMLRenderer) ? _react2.default.createElement(HTMLRenderer, {
-      html: value,
-      style: { float: isRtl && R.isNil(textAlign) ? 'left' : textAlign }
-    }) : value
-  ) : R.is(Function, HTMLRenderer) ? _react2.default.createElement(HTMLRenderer, {
-    html: value,
-    style: { float: isRtl && R.isNil(textAlign) ? 'left' : textAlign }
-  }) : value;
-
-  return _react2.default.createElement(
-    _TableCell2.default,
-    {
-      align: isValidNumber(intValue) ? 'right' : textAlign,
-      component: isOne ? 'div' : 'td',
-      className: (0, _classnames2.default)(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) && _react2.default.createElement(SideIcon, { sideProps: sideProps, className: classes.value }),
-    hasFlag && _react2.default.createElement(_flags2.default, { HTMLRenderer: HTMLRenderer, flags: flags, labelAccessor: labelAccessor }),
-    uiValue
-  );
-};
-
-Cell.propTypes = process.env.NODE_ENV !== "production" ? {
-  intValue: _propTypes2.default.number,
-  flags: _propTypes2.default.array,
-  isOne: _propTypes2.default.bool,
-  value: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
-  headers: _propTypes2.default.string,
-  indexedDimValIds: _propTypes2.default.object,
-  cellHandler: _propTypes2.default.func,
-  isActive: _propTypes2.default.bool,
-  isHighlight: _propTypes2.default.bool,
-  activeCellHandler: _propTypes2.default.func,
-  sideProps: _propTypes2.default.object,
-  SideIcon: _propTypes2.default.func,
-  HTMLRenderer: _propTypes2.default.func,
-  labelAccessor: _propTypes2.default.func,
-  textAlign: _propTypes2.default.string
-} : {};
-
-exports.default = Cell;
-module.exports = exports['default'];

package/lib/TableHtml5/flags.js

@@ -1,174 +0,0 @@
-'use strict';
-
-exports.__esModule = true;
-
-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 _classnames = require('classnames');
-
-var _classnames2 = _interopRequireDefault(_classnames);
-
-var _makeStyles = require('@mui/styles/makeStyles');
-
-var _makeStyles2 = _interopRequireDefault(_makeStyles);
-
-var _Typography = require('@mui/material/Typography');
-
-var _Typography2 = _interopRequireDefault(_Typography);
-
-var _styles = require('@mui/material/styles');
-
-var _utils = require('@mui/utils');
-
-var _Tooltip = require('@mui/material/Tooltip');
-
-var _Tooltip2 = _interopRequireDefault(_Tooltip);
-
-var _ = require('../');
-
-var _utils2 = require('./utils');
-
-var _useKeybordEscapeHandler = require('../hooks/useKeybordEscapeHandler');
-
-var _useKeybordEscapeHandler2 = _interopRequireDefault(_useKeybordEscapeHandler);
-
-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 flagStylePath = function flagStylePath(theme) {
-  return R.pathOr({}, ['mixins', 'table', 'flag'], theme);
-};
-var useStyles = (0, _makeStyles2.default)(function (theme) {
-  return {
-    content: _extends({
-      borderRadius: 3,
-      boxSizing: 'border-box',
-      listStyleType: 'none',
-      maxWidth: 270,
-      padding: 0,
-      margin: 0
-    }, theme.typography.body1),
-    flags: _extends({
-      borderBottom: '1px dotted',
-      borderColor: 'inherit',
-      margin: theme.spacing(0, 0.5),
-      whiteSpace: 'nowrap',
-      display: 'inline',
-      fontWeight: 'bold',
-      fontStyle: 'normal',
-      position: 'relative',
-      verticalAlign: R.propOr('middle', 'verticalAlign', flagStylePath(theme))
-    }, R.propOr({}, 'root', flagStylePath(theme))),
-    svg: {
-      verticalAlign: R.propOr('middle', 'verticalAlign', flagStylePath(theme))
-    },
-    header: {
-      color: theme.palette.getContrastText(theme.palette.primary.main)
-    }
-  };
-});
-
-var Flags = function Flags(_ref) {
-  var _cx;
-
-  var _ref$flags = _ref.flags,
-      flags = _ref$flags === undefined ? [] : _ref$flags,
-      isHeader = _ref.isHeader,
-      HTMLRenderer = _ref.HTMLRenderer,
-      labelAccessor = _ref.labelAccessor;
-
-  var classes = useStyles();
-  var theme = (0, _styles.useTheme)();
-  var noFlags = R.isNil(flags) || R.isEmpty(flags);
-
-  var _useKeyboardEscapeHan = (0, _useKeybordEscapeHandler2.default)(),
-      open = _useKeyboardEscapeHan.open,
-      setOpen = _useKeyboardEscapeHan.setOpen;
-
-  if (noFlags) return null;
-
-  var hasUncoded = R.any(R.complement(R.has('code')), flags);
-  var codedIcons = R.pipe(R.reduce(function (acc, flag) {
-    return R.when(R.always(R.has('code', flag)), R.append(flag.code))(acc);
-  }, []), R.join(R.propOr(',', 'delimiters', flagStylePath(theme))))(flags);
-
-  var labels = R.map(function (flag) {
-    var value = (0, _utils2.getValue)(labelAccessor)(flag);
-    return R.isEmpty(labelAccessor(flag)) ? value.label : labelAccessor(flag) + ': ' + value.label;
-  }, flags);
-  var content = _react2.default.createElement(
-    'ul',
-    { 'data-testid': 'cell-flags-footnotes-content', className: classes.content },
-    R.addIndex(R.map)(function (label, index) {
-      return _react2.default.createElement(
-        'li',
-        { key: index },
-        R.is(Function, HTMLRenderer) ? _react2.default.createElement(HTMLRenderer, { html: label }) : label
-      );
-    }, labels)
-  );
-  return _react2.default.createElement(
-    _Tooltip2.default,
-    {
-      tabIndex: 0,
-      'aria-label': R.join(', ', labels),
-      'aria-hidden': false,
-      title: content,
-      placement: 'top',
-      open: open,
-      onOpen: function onOpen() {
-        return setOpen(true);
-      },
-      onClose: function onClose() {
-        return setOpen(false);
-      }
-    },
-    _react2.default.createElement(
-      'span',
-      {
-        'data-testid': 'cell-flags-footnotes-icon',
-        className: (0, _classnames2.default)(classes.flags, (_cx = {}, _cx[classes.header] = isHeader, _cx))
-      },
-      R.not(R.isEmpty(codedIcons)) && codedIcons,
-      R.and(R.not(R.isEmpty(codedIcons)), hasUncoded) && _react2.default.createElement(
-        _react2.default.Fragment,
-        null,
-        R.propOr(',', 'delimiters', flagStylePath(theme))
-      ),
-      hasUncoded && _react2.default.createElement(
-        _react.Fragment,
-        null,
-        '\xA0',
-        _react2.default.createElement(_.Asterisk, { className: classes.svg, style: { fontSize: 11 } }),
-        _react2.default.createElement(
-          _Typography2.default,
-          { style: _utils.visuallyHidden },
-          '* ' + labels
-        )
-      )
-    )
-  );
-};
-
-Flags.propTypes = process.env.NODE_ENV !== "production" ? {
-  flags: _propTypes2.default.array,
-  isHeader: _propTypes2.default.bool,
-  HTMLRenderer: _propTypes2.default.func,
-  labelAccessor: _propTypes2.default.func
-} : {};
-
-exports.default = Flags;
-module.exports = exports['default'];