@sis-cc/dotstatsuite-visions 12.55.0 → 13.0.0

package/lib/TableHtml5/sectionHeader.js

@@ -1,212 +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 _Typography = require('@mui/material/Typography');
-
-var _Typography2 = _interopRequireDefault(_Typography);
-
-var _Grid = require('@mui/material/Grid');
-
-var _Grid2 = _interopRequireDefault(_Grid);
-
-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 _TableRow = require('@mui/material/TableRow');
-
-var _TableRow2 = _interopRequireDefault(_TableRow);
-
-var _flags = require('./flags');
-
-var _flags2 = _interopRequireDefault(_flags);
-
-var _utils = require('../utils');
-
-var _utils2 = 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 {
-    section: {
-      borderCollapse: 'collapse',
-      backgroundColor: (0, _utils.getDark)(theme) || theme.palette.secondary.dark,
-      border: 'inherit',
-      borderBottom: '1px solid ' + theme.palette.grey[500],
-      borderRight: '1px solid ' + theme.palette.grey[500],
-      padding: theme.spacing(0, 1),
-      color: theme.palette.grey['A700'],
-      verticalAlign: 'middle',
-      whiteSpace: 'nowrap'
-    },
-    label: {
-      fontStyle: 'italic',
-      fontWeight: 'bold',
-      marginRight: theme.spacing(0.5)
-    },
-    containerSection: {
-      display: 'flex',
-      alignItems: 'center'
-    },
-    stickyHeaderSection: {
-      position: 'sticky'
-    },
-    flag: {
-      height: '100%',
-      backgroundColor: (0, _utils.getDark)(theme) || theme.palette.secondary.dark,
-      paddingLeft: 12
-    },
-    leftLabelPosition: {
-      left: theme.spacing(1)
-    },
-    rightLabelPosition: {
-      right: theme.spacing(1)
-    },
-    sectionLabelsContainer: {
-      padding: theme.spacing(0.5, 0)
-    }
-  };
-});
-var mapIndexed = R.addIndex(R.map);
-
-var SectionHeader = function SectionHeader(_ref) {
-  var headerData = _ref.headerData,
-      section = _ref.section,
-      currentSection = _ref.currentSection,
-      xLayoutDataLength = _ref.xLayoutDataLength,
-      headerHeight = _ref.headerHeight,
-      SideIcon = _ref.SideIcon,
-      HTMLRenderer = _ref.HTMLRenderer,
-      labelAccessor = _ref.labelAccessor;
-
-  var classes = useStyles();
-  var theme = (0, _styles.useTheme)();
-  var isRtl = (0, _utils.getIsRtl)(theme);
-  if (R.compose(R.anyPass([R.isNil, R.isEmpty]), R.path([0, 'data']))(section)) return null;
-
-  return _react2.default.createElement(
-    _TableRow2.default,
-    {
-      key: section.key,
-      className: classes.stickyHeaderSection,
-      style: { left: 0, top: headerHeight, zIndex: 2 }
-    },
-    _react2.default.createElement(
-      _TableCell2.default,
-      {
-        component: 'th',
-        className: classes.section,
-        colSpan: R.pipe(R.length, R.inc, R.add(xLayoutDataLength))(headerData),
-        id: currentSection,
-        scope: 'col'
-      },
-      _react2.default.createElement(
-        _Grid2.default,
-        { container: true, alignItems: 'center' },
-        _react2.default.createElement(
-          _Grid2.default,
-          {
-            item: true,
-            style: isRtl ? { position: 'sticky', right: '8px' } : { position: 'sticky', left: '8px' }
-          },
-          _react2.default.createElement(
-            _Typography2.default,
-            { variant: 'body1', component: 'div', className: classes.containerSection },
-            _react2.default.createElement(
-              'span',
-              {
-                className: (0, _classnames2.default)(classes.stickyHeaderSection, classes.leftLabelPosition, classes.sectionLabelsContainer)
-              },
-              mapIndexed(function (sectionHeader, index) {
-                var value = (0, _utils2.getValue)(labelAccessor)(sectionHeader);
-                return _react2.default.createElement(
-                  _react.Fragment,
-                  { key: index },
-                  index !== 0 && _react2.default.createElement('br', null),
-                  _react2.default.createElement(
-                    _Typography2.default,
-                    {
-                      noWrap: true,
-                      variant: 'body1',
-                      component: 'span',
-                      tabIndex: 0,
-                      className: classes.label,
-                      'data-testid': 'section-dim',
-                      'aria-label': R.path(['dimension', 'id'], sectionHeader)
-                    },
-                    R.pipe(R.prop('dimension'), labelAccessor)(sectionHeader),
-                    ':'
-                  ),
-                  _react2.default.createElement(
-                    _Typography2.default,
-                    { noWrap: true, variant: 'body1', component: 'span', tabIndex: 0 },
-                    R.prop('label', value)
-                  ),
-                  _react2.default.createElement(_flags2.default, {
-                    HTMLRenderer: HTMLRenderer,
-                    labelAccessor: labelAccessor,
-                    flags: R.prop('flags', value)
-                  })
-                );
-              }, R.path([0, 'data'], section)),
-              _react2.default.createElement(
-                'span',
-                null,
-                _react2.default.createElement(_flags2.default, {
-                  HTMLRenderer: HTMLRenderer,
-                  flags: R.path([0, 'flags'], section),
-                  labelAccessor: labelAccessor
-                })
-              )
-            )
-          )
-        ),
-        !R.isNil(SideIcon) && _react2.default.createElement(
-          _Grid2.default,
-          { item: true, style: { marginLeft: 40 } },
-          _react2.default.createElement(SideIcon, { sideProps: R.path([0, 'sideProps'], section) })
-        )
-      )
-    )
-  );
-};
-
-SectionHeader.propTypes = process.env.NODE_ENV !== "production" ? {
-  headerData: _propTypes2.default.array,
-  section: _propTypes2.default.array,
-  currentSection: _propTypes2.default.string,
-  xLayoutDataLength: _propTypes2.default.number,
-  headerHeight: _propTypes2.default.number,
-  SideIcon: _propTypes2.default.func,
-  HTMLRenderer: _propTypes2.default.func,
-  labelAccessor: _propTypes2.default.func
-} : {};
-
-exports.default = SectionHeader;
-module.exports = exports['default'];

package/lib/TableHtml5/subHeader.js

@@ -1,191 +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 _Typography = require('@mui/material/Typography');
-
-var _Typography2 = _interopRequireDefault(_Typography);
-
-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 _TableRow = require('@mui/material/TableRow');
-
-var _TableRow2 = _interopRequireDefault(_TableRow);
-
-var _utils = require('../utils');
-
-var _flags = require('./flags');
-
-var _flags2 = _interopRequireDefault(_flags);
-
-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 {
-    columnsTitle: {
-      position: 'sticky',
-      zIndex: 1,
-      boxSizing: 'border-box',
-      backgroundColor: (0, _utils.getLight)(theme) || theme.palette.secondary.light,
-      border: 'none',
-      borderBottom: '1px solid ' + theme.palette.grey[500],
-      color: theme.palette.grey['A700'],
-      verticalAlign: 'middle',
-      '&::after': {
-        content: '""',
-        position: 'absolute',
-        top: 0,
-        right: 0,
-        width: '1px',
-        height: '100%',
-        backgroundColor: theme.palette.grey[500]
-      }
-      // 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: 'middle',
-      // position: 'sticky',
-      // zIndex: 1,
-      // outline: `1px solid ${theme.palette.grey[500]}`,
-      // borderCollapse: 'collapse',
-      // borderSpacing: 0
-    },
-    fillerCell: {
-      backgroundColor: theme.palette.grey[200],
-      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),
-      verticalAlign: 'middle',
-      textAlign: 'center',
-      color: theme.palette.grey['A700'],
-      zIndex: 1
-    },
-    cellContent: {
-      justifyContent: 'flex-start',
-      display: 'flex'
-    },
-    label: {
-      fontStyle: 'italic',
-      fontWeight: 'bold'
-    },
-    highlight: theme.mixins.table.cellHighlight
-  };
-});
-
-var mapIndexed = R.addIndex(R.map);
-
-var SubHeader = _react2.default.forwardRef(function (_ref, refs) {
-  var headerData = _ref.headerData,
-      xLayoutData = _ref.xLayoutData,
-      activeCellIds = _ref.activeCellIds,
-      subHeadCellsWidth = _ref.subHeadCellsWidth,
-      SideIcon = _ref.SideIcon,
-      HTMLRenderer = _ref.HTMLRenderer,
-      labelAccessor = _ref.labelAccessor;
-
-  var classes = useStyles();
-  var theme = (0, _styles.useTheme)();
-  var isRtl = (0, _utils.getIsRtl)(theme);
-  return _react2.default.createElement(
-    _TableRow2.default,
-    null,
-    mapIndexed(function (rowItem, index) {
-      return _react2.default.createElement(
-        _TableCell2.default,
-        {
-          component: 'th',
-          className: classes.columnsTitle,
-          key: index,
-          id: 'subHeader_' + index,
-          style: isRtl ? { right: subHeadCellsWidth[index] } : { left: subHeadCellsWidth[index] },
-          ref: function ref(element) {
-            return refs.current[index] = element;
-          },
-          scope: 'col'
-        },
-        _react2.default.createElement(
-          'div',
-          {
-            className: classes.cellContent,
-            'aria-label': R.path(['dimension', 'id'], rowItem),
-            'data-testid': 'row-dim'
-          },
-          _react2.default.createElement(
-            _Typography2.default,
-            { variant: 'body1', tabIndex: 0, className: classes.label },
-            R.pipe(R.prop('dimension'), labelAccessor)(rowItem),
-            _react2.default.createElement(_flags2.default, {
-              labelAccessor: labelAccessor,
-              HTMLRenderer: HTMLRenderer,
-              flags: R.path(['dimension', 'flags'], rowItem)
-            })
-          )
-        )
-      );
-    }, xLayoutData),
-    _react2.default.createElement(_TableCell2.default, {
-      className: classes.fillerCell,
-      style: isRtl ? { position: 'sticky', right: R.last(subHeadCellsWidth) } : { position: 'sticky', left: R.last(subHeadCellsWidth) }
-    }),
-    mapIndexed(function (item, index) {
-      var _cx;
-
-      return _react2.default.createElement(
-        _TableCell2.default,
-        {
-          key: index,
-          className: (0, _classnames2.default)(classes.fillerCell, (_cx = {}, _cx[classes.highlight] = R.prop(index)(activeCellIds), _cx))
-        },
-        !R.isNil(SideIcon) && _react2.default.createElement(SideIcon, { sideProps: R.prop('sideProps', item) }),
-        _react2.default.createElement(_flags2.default, {
-          flags: R.prop('flags', item),
-          labelAccessor: labelAccessor,
-          HTMLRenderer: HTMLRenderer
-        })
-      );
-    }, headerData)
-  );
-});
-
-SubHeader.propTypes = process.env.NODE_ENV !== "production" ? {
-  activeCellIds: _propTypes2.default.object,
-  headerData: _propTypes2.default.array,
-  xLayoutData: _propTypes2.default.array,
-  SideIcon: _propTypes2.default.func,
-  subHeadCellsWidth: _propTypes2.default.arrayOf(_propTypes2.default.number),
-  HTMLRenderer: _propTypes2.default.func,
-  labelAccessor: _propTypes2.default.func
-} : {};
-
-exports.default = SubHeader;
-module.exports = exports['default'];

package/lib/TableHtml5/utils.js

@@ -1,32 +0,0 @@
-'use strict';
-
-exports.__esModule = true;
-exports.defaultLabelAccessor = exports.getValue = undefined;
-
-var _ramda = require('ramda');
-
-var R = _interopRequireWildcard(_ramda);
-
-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; } }
-
-var getValue = exports.getValue = function getValue(labelAccessor) {
-  return function (item) {
-    return R.has('values', item) ? R.reduce(function (acc, val) {
-      return {
-        label: acc.label,
-        id: R.isEmpty(acc.id) ? val.id : acc.id + ', ' + val.id,
-        flags: R.concat(acc.flags, val.flags || []),
-        parents: R.concat(acc.parents, val.parents || [])
-      };
-    }, { id: '', flags: [], parents: [], label: labelAccessor(item.values) }, item.values) : R.pipe(R.prop('value'), function (val) {
-      return R.assoc('label', labelAccessor(val), val);
-    })(item);
-  };
-};
-
-var defaultLabelAccessor = exports.defaultLabelAccessor = function defaultLabelAccessor(item) {
-  if (R.is(Object, item)) {
-    return R.prop('name', item);
-  }
-  return R.pipe(R.pluck('name'), R.join(', '))(item);
-};

package/lib/TableLayout/Box.js

@@ -1,159 +0,0 @@
-'use strict';
-
-exports.__esModule = true;
-exports.useStyles = undefined;
-
-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 _dnd = require('@hello-pangea/dnd');
-
-var _Typography = require('@mui/material/Typography');
-
-var _Typography2 = _interopRequireDefault(_Typography);
-
-var _Grid = require('@mui/material/Grid');
-
-var _Grid2 = _interopRequireDefault(_Grid);
-
-var _makeStyles = require('@mui/styles/makeStyles');
-
-var _makeStyles2 = _interopRequireDefault(_makeStyles);
-
-var _DnDItem = require('./DnDItem');
-
-var _DnDItem2 = _interopRequireDefault(_DnDItem);
-
-var _utils = require('@mui/utils');
-
-var _utils2 = require('../utils');
-
-var _constants = require('./constants');
-
-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 = exports.useStyles = (0, _makeStyles2.default)(function (theme) {
-  var _ref;
-
-  return _ref = {
-    blockDnd: {
-      width: '100%',
-      paddingBottom: theme.spacing(1),
-      marginTop: theme.spacing(0.5),
-      marginRight: theme.spacing(1),
-      minHeight: 30,
-      marginBottom: theme.spacing(1),
-      borderRadius: theme.spacing(0.5),
-      borderWidth: 2,
-      borderStyle: 'solid'
-    },
-    canDrop: {
-      borderStyle: 'dashed'
-    }
-  }, _ref[_constants.BOX.sections + 'Container'] = {
-    borderColor: (0, _utils2.getDark)(theme) || theme.palette.secondary.dark
-  }, _ref[_constants.BOX.rows + 'Container'] = {
-    borderColor: (0, _utils2.getLight)(theme) || theme.palette.secondary.light
-  }, _ref[_constants.BOX.header + 'Container'] = {
-    borderColor: theme.palette.primary.main
-  }, _ref.iconTitle = {
-    display: 'flex',
-    flexDirection: 'row',
-    alignItems: 'center',
-    flexFlow: 'nowrap'
-  }, _ref.title = theme.typography.subtitle1, _ref;
-});
-
-var Box = function Box(_ref2) {
-  var items = _ref2.items,
-      itemRenderer = _ref2.itemRenderer,
-      dropZoneLabel = _ref2.dropZoneLabel,
-      title = _ref2.title,
-      Icon = _ref2.Icon,
-      onChangeLayout = _ref2.onChangeLayout,
-      itemButtonProps = _ref2.itemButtonProps,
-      accessibility = _ref2.accessibility,
-      md = _ref2.md;
-
-  var classes = useStyles();
-  var canDrag = R.equals(dropZoneLabel, _constants.BOX.rows) ? R.pipe(R.length, R.lt(1))(items) : R.T();
-
-  return _react2.default.createElement(
-    _Grid2.default,
-    { item: true, xs: accessibility ? 4 : 12, md: md },
-    _react2.default.createElement(
-      'div',
-      { className: classes.iconTitle },
-      _react2.default.createElement(Icon, null),
-      _react2.default.createElement(
-        'span',
-        { className: classes.title },
-        title
-      ),
-      _react2.default.createElement(
-        _Typography2.default,
-        { style: _utils.visuallyHidden },
-        title
-      )
-    ),
-    _react2.default.createElement(
-      _dnd.Droppable,
-      { droppableId: dropZoneLabel },
-      function (provided, snapshot) {
-        var _cx;
-
-        return _react2.default.createElement(
-          'div',
-          {
-            'data-testid': 'droppable-' + dropZoneLabel,
-            ref: provided.innerRef,
-            className: (0, _classnames2.default)(classes.blockDnd, R.prop(dropZoneLabel + 'Container')(classes), (_cx = {}, _cx[classes.canDrop] = snapshot.isDraggingOver, _cx))
-          },
-          R.addIndex(R.map)(function (item, index) {
-            return _react2.default.createElement(_DnDItem2.default, {
-              key: item.id,
-              index: index,
-              item: item,
-              itemRenderer: itemRenderer,
-              dropZoneLabel: dropZoneLabel,
-              onChangeLayout: onChangeLayout,
-              itemButtonProps: itemButtonProps,
-              canDrag: canDrag
-            });
-          })(R.values(items)),
-          provided.placeholder
-        );
-      }
-    )
-  );
-};
-
-Box.propTypes = process.env.NODE_ENV !== "production" ? {
-  items: _propTypes2.default.array,
-  itemRenderer: _propTypes2.default.func,
-  dropZoneLabel: _propTypes2.default.string,
-  title: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
-  Icon: _propTypes2.default.object,
-  onChangeLayout: _propTypes2.default.func,
-  putItem: _propTypes2.default.func,
-  itemButtonProps: _propTypes2.default.object,
-  accessibility: _propTypes2.default.bool,
-  md: _propTypes2.default.number
-} : {};
-
-exports.default = Box;