@sis-cc/dotstatsuite-visions 12.56.0 → 13.0.0

package/es/TableHtml5/flags.js

@@ -1,138 +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, { Fragment } from 'react';
-import PropTypes from 'prop-types';
-import * as R from 'ramda';
-import cx from 'classnames';
-import makeStyles from '@mui/styles/makeStyles';
-import Typography from '@mui/material/Typography';
-import { useTheme } from '@mui/material/styles';
-import { visuallyHidden } from '@mui/utils';
-import Tooltip from '@mui/material/Tooltip';
-import { Asterisk } from '../';
-import { getValue } from './utils';
-import useKeyboardEscapeHandler from '../hooks/useKeybordEscapeHandler';
-
-var flagStylePath = function flagStylePath(theme) {
-  return R.pathOr({}, ['mixins', 'table', 'flag'], theme);
-};
-var useStyles = makeStyles(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 = useTheme();
-  var noFlags = R.isNil(flags) || R.isEmpty(flags);
-
-  var _useKeyboardEscapeHan = useKeyboardEscapeHandler(),
-      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 = getValue(labelAccessor)(flag);
-    return R.isEmpty(labelAccessor(flag)) ? value.label : labelAccessor(flag) + ': ' + value.label;
-  }, flags);
-  var content = React.createElement(
-    'ul',
-    { 'data-testid': 'cell-flags-footnotes-content', className: classes.content },
-    R.addIndex(R.map)(function (label, index) {
-      return React.createElement(
-        'li',
-        { key: index },
-        R.is(Function, HTMLRenderer) ? React.createElement(HTMLRenderer, { html: label }) : label
-      );
-    }, labels)
-  );
-  return React.createElement(
-    Tooltip,
-    {
-      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);
-      }
-    },
-    React.createElement(
-      'span',
-      {
-        'data-testid': 'cell-flags-footnotes-icon',
-        className: cx(classes.flags, (_cx = {}, _cx[classes.header] = isHeader, _cx))
-      },
-      R.not(R.isEmpty(codedIcons)) && codedIcons,
-      R.and(R.not(R.isEmpty(codedIcons)), hasUncoded) && React.createElement(
-        React.Fragment,
-        null,
-        R.propOr(',', 'delimiters', flagStylePath(theme))
-      ),
-      hasUncoded && React.createElement(
-        Fragment,
-        null,
-        '\xA0',
-        React.createElement(Asterisk, { className: classes.svg, style: { fontSize: 11 } }),
-        React.createElement(
-          Typography,
-          { style: visuallyHidden },
-          '* ' + labels
-        )
-      )
-    )
-  );
-};
-
-Flags.propTypes = process.env.NODE_ENV !== "production" ? {
-  flags: PropTypes.array,
-  isHeader: PropTypes.bool,
-  HTMLRenderer: PropTypes.func,
-  labelAccessor: PropTypes.func
-} : {};
-
-export default Flags;

package/es/TableHtml5/header.js

@@ -1,177 +0,0 @@
-import React from 'react';
-import * as R from 'ramda';
-import PropTypes from 'prop-types';
-import cx from 'classnames';
-import Typography from '@mui/material/Typography';
-import { useTheme } from '@mui/material/styles';
-import makeStyles from '@mui/styles/makeStyles';
-import TableCell from '@mui/material/TableCell';
-import TableRow from '@mui/material/TableRow';
-import Flags from './flags';
-import { getIsRtl } from '../utils';
-import { getValue } from './utils';
-
-var useStyles = makeStyles(function (theme) {
-  return {
-    tableHeadCell: {
-      color: theme.palette.getContrastText(theme.palette.primary.main),
-      backgroundColor: theme.palette.primary.main,
-      border: 'inherit',
-      borderBottom: 'thin solid ' + theme.palette.grey[500],
-      borderRight: 'thin solid ' + theme.palette.grey[500],
-      padding: theme.spacing(0.5) + ' ' + theme.spacing(1),
-      verticalAlign: 'top',
-      '&:focus ': {
-        opacity: '.85'
-      },
-      textAlign: 'center'
-    },
-    cellContentCenter: {
-      display: 'flex',
-      flexDirection: 'column',
-      justifyContent: 'center',
-      alignItems: 'center',
-      position: 'sticky'
-    },
-    cellContentRight: {
-      display: 'flex',
-      justifyContent: 'flex-end',
-      fontStyle: 'italic'
-    },
-    cellLabelHeader: {
-      fontStyle: 'inherit',
-      fontWeight: 'bold'
-    },
-    stickyLabel: {
-      position: 'sticky'
-    }
-  };
-});
-
-var timesIndexed = R.addIndex(R.times);
-var mapIndexed = R.addIndex(R.map);
-
-var Header = function Header(_ref) {
-  var headerData = _ref.headerData,
-      valuesHeaderData = _ref.valuesHeaderData,
-      xLayoutDataLength = _ref.xLayoutDataLength,
-      subHeadCellsWidth = _ref.subHeadCellsWidth,
-      HTMLRenderer = _ref.HTMLRenderer,
-      labelAccessor = _ref.labelAccessor;
-
-  var classes = useStyles();
-  var theme = useTheme();
-  var isRtl = getIsRtl(theme);
-
-  var stickyLabelPosition = R.last(subHeadCellsWidth) + 'px + 30px + ' + theme.spacing(1);
-
-  if (R.compose(R.anyPass([R.isNil, R.isEmpty]), R.path([0, 'data']))(headerData)) return null;
-  return timesIndexed(function (index) {
-    var flags = R.path([0, 'data', index, 'dimension', 'flags'], headerData);
-    var id = 'header_' + index;
-    return React.createElement(
-      TableRow,
-      { key: id },
-      React.createElement(
-        TableCell,
-        {
-          component: 'th',
-          padding: 'none',
-          align: 'center',
-          className: classes.tableHeadCell,
-          colSpan: R.inc(xLayoutDataLength),
-          id: id,
-          tabIndex: 0,
-          scope: 'row',
-          title: R.pipe(R.path([-1, 'data', index, 'dimension']), labelAccessor)(headerData),
-          style: isRtl ? { position: 'sticky', zIndex: 1, right: 0 } : { position: 'sticky', zIndex: 1, left: 0 }
-        },
-        React.createElement(
-          'div',
-          {
-            className: classes.cellContentRight,
-            'aria-label': R.path([0, 'data', index, 'dimension', 'id'], headerData),
-            'data-testid': 'header-dim',
-            role: 'row'
-          },
-          React.createElement(
-            Typography,
-            { variant: 'body1', className: classes.cellLabelHeader },
-            R.pipe(R.path([-1, 'data', index, 'dimension']), labelAccessor)(headerData),
-            React.createElement(Flags, {
-              HTMLRenderer: HTMLRenderer,
-              flags: flags,
-              isHeader: true,
-              labelAccessor: labelAccessor
-            })
-          )
-        )
-      ),
-      mapIndexed(function (headerItem, idx) {
-        var _cx;
-
-        var value = headerItem.isEmpty ? { label: '' } : getValue(labelAccessor)(headerItem);
-        var flags = R.propOr([], 'flags', value);
-        var hierarchySpace = R.pipe(R.propOr([], 'parents'), R.length, R.times(function () {
-          return '·';
-        }))(value);
-        return React.createElement(
-          TableCell,
-          {
-            key: R.prop('id', value) + '-' + idx,
-            component: 'th',
-            className: cx(classes.tableHeadCell, (_cx = {}, _cx[classes.topCell] = R.not(R.isEmpty(flags)), _cx)),
-            id: idx + '_' + index,
-            headers: 'header_' + index,
-            colSpan: R.prop('spanCount', headerItem),
-            tabIndex: 0,
-            title: R.prop('label', value),
-            'aria-label': R.prop('label', value),
-            'aria-describedby': id,
-            scope: 'col'
-          },
-          React.createElement(
-            'div',
-            { className: classes.cellContentCenter },
-            !R.isEmpty(hierarchySpace) && mapIndexed(function (space, idx) {
-              return React.createElement(
-                'div',
-                { key: idx },
-                space
-              );
-            })(hierarchySpace),
-            React.createElement(
-              Typography,
-              {
-                className: classes.stickyLabel,
-                style: {
-                  left: isRtl ? theme.spacing(1) : stickyLabelPosition,
-                  right: isRtl ? stickyLabelPosition : theme.spacing(1)
-                },
-                variant: 'body1'
-              },
-              R.prop('label', value),
-              React.createElement(Flags, {
-                HTMLRenderer: HTMLRenderer,
-                flags: flags,
-                isHeader: true,
-                labelAccessor: labelAccessor
-              })
-            )
-          )
-        );
-      }, R.nth(index, valuesHeaderData))
-    );
-  }, R.compose(R.length, R.pathOr([], [-1, 'data']))(headerData));
-};
-
-Header.propTypes = process.env.NODE_ENV !== "production" ? {
-  headerData: PropTypes.array,
-  valuesHeaderData: PropTypes.array,
-  xLayoutDataLength: PropTypes.number,
-  subHeadCellsWidth: PropTypes.array,
-  HTMLRenderer: PropTypes.func,
-  labelAccessor: PropTypes.func
-} : {};
-
-export default Header;

package/es/TableHtml5/index.js

@@ -1,62 +0,0 @@
-/**
- * Table to display SDMX data with html5 for accessibility.
- * @memberOf VISIONS
- * @name TableHtml5
- * @tag component
- * @api public
- * @demoReady
- * @props
- * TableHtml5.propTypes = {
- *   cells: PropTypes.object,
- *   headerData: PropTypes.array,
- *   sectionsData: PropTypes.array,
- *   cellHandler: PropTypes.func,
- *   activeCellHandler: PropTypes.func,
- *   activeCellIds: PropTypes.string,
- *   selectedSideCoord: PropTypes.object,
- * };
- * @theme
- * {
- *   palette: {
- *     primary: {
- *       main: // background color header and hover/active cell borders. global override: outerPalette.primaryMain
- *     },
- *     secondary: {
- *       light: // used is tertiary is null
- *       dark: // used is tertiary is null
- *     },
- *     tertiary: {
- *       light: // background color row header and row labels,
- *       dark: // background color section,
- *     },
- *     grey: {
- *       'A700': // label color section, label row header, cells label color. globale override: outerPalette.textDark
- *       200: // background color between row label and row values
- *       500: //cells borders
- *     },
- *   },
- *   typography: {
- *     body1: {
- *       // flag content
- *     }
- *   },
- *   mixins: {
- *     table: {
- *      cellHighlight: {
- *         backgroundColor: // background color of the cell on click
- *       },
- *      flag: { // see usecase #7 flags
- *         fontFamily: "'PT Sans Narrow', 'Helvetica Neue', Helvetica, Arial, sans-serif",
- *         fontSize: 12,
- *         color: outerPalette.textLight
- *       },
- *      dot: {
- *         fontsize: // dot separator between labels in section
- *       }
- *     }
- *   }
- * }
- */
-
-export { default } from './TableHtml5';
-export { default as Cell } from './cell';

package/es/TableHtml5/section.js

@@ -1,243 +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 from 'react';
-import * as R from 'ramda';
-import PropTypes from 'prop-types';
-import cx from 'classnames';
-import Typography from '@mui/material/Typography';
-import { useTheme } from '@mui/material/styles';
-import makeStyles from '@mui/styles/makeStyles';
-import TableBody from '@mui/material/TableBody';
-import TableCell from '@mui/material/TableCell';
-import TableRow from '@mui/material/TableRow';
-import SectionHeader from './sectionHeader';
-import Cell from './cell';
-import { getLight, getIsRtl } from '../utils';
-import { getValue } from './utils';
-import Flags from './flags';
-import { memo } from 'react';
-
-var useStyles = makeStyles(function (theme) {
-  return {
-    rowTitle: {
-      backgroundColor: getLight(theme) || theme.palette.secondary.light,
-      border: 'inherit',
-      borderBottom: '1.5px solid ' + theme.palette.grey[500],
-      borderRight: '1.5px solid ' + theme.palette.grey[500],
-      padding: theme.spacing(0.5) + ' ' + theme.spacing(1),
-      color: theme.palette.grey['A700'],
-      verticalAlign: 'top',
-      align: 'left',
-      borderCollapse: 'collapse',
-      borderSpacing: 0
-    },
-    timePeriodCells: {
-      whiteSpace: 'nowrap'
-    },
-    fillerCell: {
-      minWidth: '30px',
-      backgroundColor: theme.palette.grey[200],
-      verticalAlign: 'top',
-      border: 'inherit',
-      borderBottom: '1.5px solid ' + theme.palette.grey[500],
-      borderRight: '1.5px solid ' + theme.palette.grey[500],
-      padding: theme.spacing(0.5) + ' ' + theme.spacing(1),
-      position: 'sticky',
-      zIndex: 1
-    },
-    cellContent: {
-      display: 'flex',
-      alignItems: 'center'
-    },
-    flagContainer: {
-      display: 'flex',
-      justifyContent: 'center',
-      fontWeight: 'bold'
-    },
-    topCell: {
-      paddingTop: 0
-    },
-    hierarchySpace: {
-      marginBottom: 'auto'
-    },
-    highlight: theme.mixins.table.cellHighlight,
-    stickyHeader: {
-      position: 'sticky',
-      zIndex: 1
-    }
-  };
-});
-var mapIndexed = R.addIndex(R.map);
-
-var Section = function Section(_ref) {
-  var headerData = _ref.headerData,
-      cells = _ref.cells,
-      section = _ref.section,
-      xLayoutDataLength = _ref.xLayoutDataLength,
-      cellHandler = _ref.cellHandler,
-      activeCellHandler = _ref.activeCellHandler,
-      activeCellIds = _ref.activeCellIds,
-      headerHeight = _ref.headerHeight,
-      sectionIndex = _ref.sectionIndex,
-      nbColumnsByRows = _ref.nbColumnsByRows,
-      SideIcon = _ref.SideIcon,
-      subHeadCellsWidth = _ref.subHeadCellsWidth,
-      HTMLRenderer = _ref.HTMLRenderer,
-      labelAccessor = _ref.labelAccessor,
-      cellValueAccessor = _ref.cellValueAccessor,
-      isNoWrap = _ref.isNoWrap,
-      textAlign = _ref.textAlign;
-
-  var classes = useStyles();
-  var currentSection = R.path([0, 'key'], section);
-  var headerNumberRows = R.length(nbColumnsByRows);
-  var maxColumns = R.last(nbColumnsByRows);
-  var theme = useTheme();
-  var isRtl = getIsRtl(theme);
-
-  return React.createElement(
-    TableBody,
-    null,
-    React.createElement(SectionHeader, {
-      headerData: headerData,
-      section: section,
-      currentSection: currentSection,
-      xLayoutDataLength: xLayoutDataLength,
-      headerHeight: headerHeight,
-      SideIcon: SideIcon,
-      HTMLRenderer: HTMLRenderer,
-      labelAccessor: labelAccessor
-    }),
-    mapIndexed(function (sectionbody, rowIndex) {
-      var _cx2;
-
-      var rowId = sectionbody.key + '_' + sectionIndex + '_' + rowIndex;
-      var rowIds = R.pipe(R.map(function (index) {
-        return sectionbody.key + '_' + sectionIndex + '_' + index;
-      }), R.join(' '))(R.times(R.identity, R.length(R.prop('data', sectionbody))));
-      return React.createElement(
-        TableRow,
-        { key: rowId },
-        R.times(function (index) {
-          var _cx;
-
-          var cell = R.path(['data', index], sectionbody);
-          var value = R.isNil(cell) ? { label: '' } : getValue(labelAccessor)(cell);
-          var flags = R.propOr([], 'flags', value);
-          var id = rowIndex + '_' + rowId + '_' + index;
-
-          // special space is used for hierarchy U+2007 &#8199; &numsp;
-          var hierarchySpace = R.pipe(R.propOr([], 'parents'), R.when(R.isNil, R.always([])), R.length,
-          // eslint-disable-next-line no-irregular-whitespace
-          R.times(function () {
-            return '·  ';
-          }))(value);
-
-          return React.createElement(
-            TableCell,
-            {
-              key: id,
-              className: cx(classes.rowTitle, classes.stickyHeader, (_cx = {}, _cx[classes.highlight] = R.prop(rowId)(activeCellIds), _cx[classes.timePeriodCells] = R.is(Function, isNoWrap) && isNoWrap(R.propOr({}, 'dimension', cell)), _cx)),
-              id: id,
-              headers: 'subHeader_' + index + ' ' + currentSection,
-              component: 'th',
-              style: isRtl ? { right: subHeadCellsWidth[index] } : { left: subHeadCellsWidth[index] }
-            },
-            React.createElement(
-              'div',
-              { className: classes.cellContent },
-              !R.isEmpty(hierarchySpace) && React.createElement(
-                'div',
-                { className: classes.hierarchySpace },
-                hierarchySpace
-              ),
-              React.createElement(
-                Typography,
-                {
-                  variant: 'body1',
-                  tabIndex: 0,
-                  'aria-describedby': 'subHeader_' + index + ' ' + currentSection
-                },
-                R.prop('label', value),
-                React.createElement(Flags, {
-                  HTMLRenderer: HTMLRenderer,
-                  labelAccessor: labelAccessor,
-                  flags: flags
-                })
-              )
-            )
-          );
-        }, xLayoutDataLength /*R.prop('data', sectionbody)*/),
-        React.createElement(
-          TableCell,
-          {
-            className: cx(classes.fillerCell, (_cx2 = {}, _cx2[classes.highlight] = R.prop(rowId)(activeCellIds), _cx2)),
-            style: isRtl ? { right: R.last(subHeadCellsWidth) } : { left: R.last(subHeadCellsWidth) }
-          },
-          React.createElement(
-            'div',
-            { className: classes.flagContainer },
-            !R.isNil(SideIcon) && React.createElement(SideIcon, { sideProps: R.prop('sideProps', sectionbody) }),
-            React.createElement(Flags, {
-              HTMLRenderer: HTMLRenderer,
-              labelAccessor: labelAccessor,
-              flags: R.prop('flags', sectionbody)
-            })
-          )
-        ),
-        mapIndexed(function (item, columnIndex) {
-          var columnIds = R.pipe(R.times(R.identity), R.map(function (rowIndex) {
-            var columnId = R.divide(columnIndex, R.divide(maxColumns, R.nth(rowIndex, nbColumnsByRows)));
-            return Math.floor(columnId || 0) + '_' + rowIndex;
-          }), R.join(' '))(headerNumberRows);
-
-          var intersectionCellId = rowId + '/' + columnIndex;
-          var isActive = R.pipe(R.propOr({}, 'intersectionCellId'), R.equals(intersectionCellId))(activeCellIds);
-          var missingValLabel = item.isEmpty || sectionbody.isEmpty ? '' : '..';
-          return React.createElement(Cell, _extends({}, R.pipe(R.pathOr({ value: null }, [item.key, currentSection, sectionbody.key, 0]), R.over(R.lensProp('value'), function (val) {
-            return R.isNil(val) ? missingValLabel : cellValueAccessor(val);
-          }))(cells), {
-            key: intersectionCellId,
-            headers: rowIds + ' ' + columnIds + ' ' + currentSection,
-            cellHandler: cellHandler,
-            HTMLRenderer: HTMLRenderer,
-            labelAccessor: labelAccessor,
-            SideIcon: SideIcon,
-            isActive: isActive,
-            textAlign: textAlign,
-            isHighlight: R.any(R.identity)([R.prop(rowId)(activeCellIds), R.prop(columnIndex)(activeCellIds)]),
-            activeCellHandler: R.is(Function)(activeCellHandler) ? function () {
-              var _activeCellHandler;
-
-              return activeCellHandler((_activeCellHandler = {}, _activeCellHandler[rowId] = R.not(isActive), _activeCellHandler[columnIndex] = R.not(isActive), _activeCellHandler.intersectionCellId = isActive ? null : intersectionCellId, _activeCellHandler));
-            } : null
-          }));
-        }, headerData)
-      );
-    }, R.nth(1, section))
-  );
-};
-
-Section.propTypes = process.env.NODE_ENV !== "production" ? {
-  cells: PropTypes.object,
-  headerData: PropTypes.array,
-  section: PropTypes.array,
-  xLayoutDataLength: PropTypes.number,
-  cellHandler: PropTypes.func,
-  activeCellHandler: PropTypes.func,
-  activeCellIds: PropTypes.object,
-  headerHeight: PropTypes.number,
-  sectionIndex: PropTypes.number,
-  headerNumberRows: PropTypes.number,
-  nbColumnsByRows: PropTypes.array,
-  maxColumns: PropTypes.number,
-  SideIcon: PropTypes.func,
-  subHeadCellsWidth: PropTypes.arrayOf(PropTypes.number),
-  HTMLRenderer: PropTypes.func,
-  labelAccessor: PropTypes.func,
-  cellValueAccessor: PropTypes.func,
-  isNoWrap: PropTypes.func,
-  textAlign: PropTypes.string
-} : {};
-
-export default memo(Section);