@sis-cc/dotstatsuite-visions 12.56.0 → 13.0.0

package/es/TableHtml5/sectionHeader.js

@@ -1,171 +0,0 @@
-import React, { Fragment } from 'react';
-import * as R from 'ramda';
-import PropTypes from 'prop-types';
-import cx from 'classnames';
-import Typography from '@mui/material/Typography';
-import Grid from '@mui/material/Grid';
-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 { getDark, getIsRtl } from '../utils';
-import { getValue } from './utils';
-
-var useStyles = makeStyles(function (theme) {
-  return {
-    section: {
-      borderCollapse: 'collapse',
-      backgroundColor: 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: 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 = useTheme();
-  var isRtl = getIsRtl(theme);
-  if (R.compose(R.anyPass([R.isNil, R.isEmpty]), R.path([0, 'data']))(section)) return null;
-
-  return React.createElement(
-    TableRow,
-    {
-      key: section.key,
-      className: classes.stickyHeaderSection,
-      style: { left: 0, top: headerHeight, zIndex: 2 }
-    },
-    React.createElement(
-      TableCell,
-      {
-        component: 'th',
-        className: classes.section,
-        colSpan: R.pipe(R.length, R.inc, R.add(xLayoutDataLength))(headerData),
-        id: currentSection,
-        scope: 'col'
-      },
-      React.createElement(
-        Grid,
-        { container: true, alignItems: 'center' },
-        React.createElement(
-          Grid,
-          {
-            item: true,
-            style: isRtl ? { position: 'sticky', right: '8px' } : { position: 'sticky', left: '8px' }
-          },
-          React.createElement(
-            Typography,
-            { variant: 'body1', component: 'div', className: classes.containerSection },
-            React.createElement(
-              'span',
-              {
-                className: cx(classes.stickyHeaderSection, classes.leftLabelPosition, classes.sectionLabelsContainer)
-              },
-              mapIndexed(function (sectionHeader, index) {
-                var value = getValue(labelAccessor)(sectionHeader);
-                return React.createElement(
-                  Fragment,
-                  { key: index },
-                  index !== 0 && React.createElement('br', null),
-                  React.createElement(
-                    Typography,
-                    {
-                      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),
-                    ':'
-                  ),
-                  React.createElement(
-                    Typography,
-                    { noWrap: true, variant: 'body1', component: 'span', tabIndex: 0 },
-                    R.prop('label', value)
-                  ),
-                  React.createElement(Flags, {
-                    HTMLRenderer: HTMLRenderer,
-                    labelAccessor: labelAccessor,
-                    flags: R.prop('flags', value)
-                  })
-                );
-              }, R.path([0, 'data'], section)),
-              React.createElement(
-                'span',
-                null,
-                React.createElement(Flags, {
-                  HTMLRenderer: HTMLRenderer,
-                  flags: R.path([0, 'flags'], section),
-                  labelAccessor: labelAccessor
-                })
-              )
-            )
-          )
-        ),
-        !R.isNil(SideIcon) && React.createElement(
-          Grid,
-          { item: true, style: { marginLeft: 40 } },
-          React.createElement(SideIcon, { sideProps: R.path([0, 'sideProps'], section) })
-        )
-      )
-    )
-  );
-};
-
-SectionHeader.propTypes = process.env.NODE_ENV !== "production" ? {
-  headerData: PropTypes.array,
-  section: PropTypes.array,
-  currentSection: PropTypes.string,
-  xLayoutDataLength: PropTypes.number,
-  headerHeight: PropTypes.number,
-  SideIcon: PropTypes.func,
-  HTMLRenderer: PropTypes.func,
-  labelAccessor: PropTypes.func
-} : {};
-
-export default SectionHeader;

package/es/TableHtml5/subHeader.js

@@ -1,154 +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 { getLight, getIsRtl } from '../utils';
-import Flags from './flags';
-
-var useStyles = makeStyles(function (theme) {
-  return {
-    columnsTitle: {
-      position: 'sticky',
-      zIndex: 1,
-      boxSizing: 'border-box',
-      backgroundColor: 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 = React.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 = useTheme();
-  var isRtl = getIsRtl(theme);
-  return React.createElement(
-    TableRow,
-    null,
-    mapIndexed(function (rowItem, index) {
-      return React.createElement(
-        TableCell,
-        {
-          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'
-        },
-        React.createElement(
-          'div',
-          {
-            className: classes.cellContent,
-            'aria-label': R.path(['dimension', 'id'], rowItem),
-            'data-testid': 'row-dim'
-          },
-          React.createElement(
-            Typography,
-            { variant: 'body1', tabIndex: 0, className: classes.label },
-            R.pipe(R.prop('dimension'), labelAccessor)(rowItem),
-            React.createElement(Flags, {
-              labelAccessor: labelAccessor,
-              HTMLRenderer: HTMLRenderer,
-              flags: R.path(['dimension', 'flags'], rowItem)
-            })
-          )
-        )
-      );
-    }, xLayoutData),
-    React.createElement(TableCell, {
-      className: classes.fillerCell,
-      style: isRtl ? { position: 'sticky', right: R.last(subHeadCellsWidth) } : { position: 'sticky', left: R.last(subHeadCellsWidth) }
-    }),
-    mapIndexed(function (item, index) {
-      var _cx;
-
-      return React.createElement(
-        TableCell,
-        {
-          key: index,
-          className: cx(classes.fillerCell, (_cx = {}, _cx[classes.highlight] = R.prop(index)(activeCellIds), _cx))
-        },
-        !R.isNil(SideIcon) && React.createElement(SideIcon, { sideProps: R.prop('sideProps', item) }),
-        React.createElement(Flags, {
-          flags: R.prop('flags', item),
-          labelAccessor: labelAccessor,
-          HTMLRenderer: HTMLRenderer
-        })
-      );
-    }, headerData)
-  );
-});
-
-SubHeader.propTypes = process.env.NODE_ENV !== "production" ? {
-  activeCellIds: PropTypes.object,
-  headerData: PropTypes.array,
-  xLayoutData: PropTypes.array,
-  SideIcon: PropTypes.func,
-  subHeadCellsWidth: PropTypes.arrayOf(PropTypes.number),
-  HTMLRenderer: PropTypes.func,
-  labelAccessor: PropTypes.func
-} : {};
-
-export default SubHeader;

package/es/TableHtml5/utils.js

@@ -1,23 +0,0 @@
-import * as R from 'ramda';
-
-export var 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);
-  };
-};
-
-export var defaultLabelAccessor = function defaultLabelAccessor(item) {
-  if (R.is(Object, item)) {
-    return R.prop('name', item);
-  }
-  return R.pipe(R.pluck('name'), R.join(', '))(item);
-};

package/es/TableLayout/Box.js

@@ -1,123 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import * as R from 'ramda';
-import cx from 'classnames';
-import { Droppable } from '@hello-pangea/dnd';
-import Typography from '@mui/material/Typography';
-import Grid from '@mui/material/Grid';
-import makeStyles from '@mui/styles/makeStyles';
-import DnDItem from './DnDItem';
-import { visuallyHidden } from '@mui/utils';
-import { getLight, getDark } from '../utils';
-import { BOX } from './constants';
-
-export var useStyles = makeStyles(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[BOX.sections + 'Container'] = {
-    borderColor: getDark(theme) || theme.palette.secondary.dark
-  }, _ref[BOX.rows + 'Container'] = {
-    borderColor: getLight(theme) || theme.palette.secondary.light
-  }, _ref[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, BOX.rows) ? R.pipe(R.length, R.lt(1))(items) : R.T();
-
-  return React.createElement(
-    Grid,
-    { item: true, xs: accessibility ? 4 : 12, md: md },
-    React.createElement(
-      'div',
-      { className: classes.iconTitle },
-      React.createElement(Icon, null),
-      React.createElement(
-        'span',
-        { className: classes.title },
-        title
-      ),
-      React.createElement(
-        Typography,
-        { style: visuallyHidden },
-        title
-      )
-    ),
-    React.createElement(
-      Droppable,
-      { droppableId: dropZoneLabel },
-      function (provided, snapshot) {
-        var _cx;
-
-        return React.createElement(
-          'div',
-          {
-            'data-testid': 'droppable-' + dropZoneLabel,
-            ref: provided.innerRef,
-            className: cx(classes.blockDnd, R.prop(dropZoneLabel + 'Container')(classes), (_cx = {}, _cx[classes.canDrop] = snapshot.isDraggingOver, _cx))
-          },
-          R.addIndex(R.map)(function (item, index) {
-            return React.createElement(DnDItem, {
-              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: PropTypes.array,
-  itemRenderer: PropTypes.func,
-  dropZoneLabel: PropTypes.string,
-  title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-  Icon: PropTypes.object,
-  onChangeLayout: PropTypes.func,
-  putItem: PropTypes.func,
-  itemButtonProps: PropTypes.object,
-  accessibility: PropTypes.bool,
-  md: PropTypes.number
-} : {};
-
-export default Box;

package/es/TableLayout/DnDItem.js

@@ -1,142 +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 Select from '@mui/material/Select';
-import MenuItem from '@mui/material/MenuItem';
-import { Draggable } from '@hello-pangea/dnd';
-import { getLight, getDark } from '../utils';
-import { BOX, wcagId } from './constants';
-
-export var useStyles = makeStyles(function (theme) {
-  var _ref;
-
-  return _ref = {
-    containerButton: {
-      display: 'flex',
-      justifyContent: 'space-between',
-      padding: theme.spacing(1),
-      borderRadius: theme.spacing(0.5),
-      userSelect: 'none'
-    },
-    styledItemContainer: {
-      cursor: 'grab',
-      minHeight: 32,
-      borderRadius: theme.spacing(0.5),
-      alignItems: 'center',
-      paddingTop: theme.spacing(0.25),
-      paddingBottom: theme.spacing(0.25),
-      margin: theme.spacing(0.25),
-      opacity: 1,
-      flexFlow: 'wrap'
-    }
-  }, _ref[BOX.sections + 'Item'] = {
-    color: theme.palette.getContrastText(getDark(theme) || theme.palette.secondary.dark),
-    backgroundColor: getDark(theme) || theme.palette.secondary.dark
-  }, _ref[BOX.rows + 'Item'] = {
-    color: theme.palette.getContrastText(getLight(theme) || theme.palette.secondary.light),
-    backgroundColor: getLight(theme) || theme.palette.secondary.light
-  }, _ref[BOX.header + 'Item'] = {
-    color: theme.palette.getContrastText(theme.palette.primary.main),
-    backgroundColor: theme.palette.primary.main
-  }, _ref.cantMove = {
-    cursor: 'no-drop'
-  }, _ref.text = {
-    fontStyle: 'italic',
-    fontSize: theme.typography.fontSize - 2,
-    fontWeight: theme.typography.fontWeightBold
-  }, _ref.itemButton = {
-    // paddingTop: theme.spacing(0.25),
-    // paddingBottom: theme.spacing(0.25),
-    // paddingRight: 0,
-  }, _ref.select = {
-    backgroundColor: theme.palette.common.white,
-    '&:focus': {
-      backgroundColor: theme.palette.common.white
-    }
-  }, _ref.spaceButton = {
-    margin: theme.spacing(0, 1, 0, 0)
-  }, _ref;
-});
-
-var DnDItem = function DnDItem(_ref2) {
-  var item = _ref2.item,
-      index = _ref2.index,
-      itemRenderer = _ref2.itemRenderer,
-      dropZoneLabel = _ref2.dropZoneLabel,
-      itemButtonProps = _ref2.itemButtonProps,
-      canDrag = _ref2.canDrag;
-
-  var classes = useStyles();
-  var selectItem = R.prop(item.id)(itemButtonProps);
-  return React.createElement(
-    Draggable,
-    { key: item.id, draggableId: item.id, index: index, isDragDisabled: R.not(canDrag) },
-    function (provided) {
-      var _cx, _cx2;
-
-      return React.createElement(
-        'div',
-        _extends({
-          'data-testid': 'draggable-' + item.id,
-          ref: provided.innerRef
-        }, provided.draggableProps, provided.dragHandleProps, {
-          className: cx(classes.styledItemContainer, classes.containerButton, [R.prop(dropZoneLabel + 'Item')(classes)], (_cx = {}, _cx[classes.cantMove] = R.not(canDrag), _cx)),
-          'aria-label': itemRenderer(item),
-          'aria-describedby': wcagId
-        }),
-        React.createElement(
-          Fragment,
-          null,
-          React.createElement(
-            Typography,
-            {
-              variant: 'body2',
-              className: cx(classes.text, (_cx2 = {}, _cx2[classes.spaceButton] = selectItem, _cx2))
-            },
-            itemRenderer(item)
-          ),
-          selectItem && React.createElement(
-            Select,
-            {
-              id: item.id,
-              value: selectItem.value,
-              onChange: function onChange(e) {
-                return selectItem.onChange(e.target.value);
-              },
-              classes: { root: classes.select },
-              variant: 'outlined',
-              size: 'small',
-              autoWidth: true
-            },
-            R.map(function (v) {
-              return React.createElement(
-                MenuItem,
-                { key: v, value: v },
-                v
-              );
-            })(selectItem.options)
-          )
-        )
-      );
-    }
-  );
-};
-
-DnDItem.propTypes = process.env.NODE_ENV !== "production" ? {
-  item: PropTypes.object,
-  index: PropTypes.number,
-  itemRenderer: PropTypes.func,
-  dropZoneLabel: PropTypes.string,
-  onChangeLayout: PropTypes.func,
-  itemButtonProps: PropTypes.object,
-  handleChangeBox: PropTypes.func,
-  canDrag: PropTypes.bool,
-  dropZoneIndex: PropTypes.number
-} : {};
-
-export default DnDItem;