@sis-cc/dotstatsuite-visions 6.6.0 → 6.6.1

package/es/Table/header.js

@@ -1,10 +1,13 @@
-import _extends from "/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends";
+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 PropTypes from 'prop-types';
 import * as R from 'ramda';
 import sizeMe from 'react-sizeme';
 import { makeStyles } from '@material-ui/core/styles';
 import { Cell } from './styles';
 import ItemCell from './itemCell';
+
 var useStyles = makeStyles(function (theme) {
   return {
     root: {
@@ -17,23 +20,17 @@ var useStyles = makeStyles(function (theme) {
     }
   };
 });
-var YVector = sizeMe({
-  noPlaceholder: true,
-  monitorHeight: true,
-  monitorWidth: false
-})(Cell);
+
+var YVector = sizeMe({ noPlaceholder: true, monitorHeight: true, monitorWidth: false })(Cell);
+
 var mergeHeaderCells = R.reduce(function (acc, headerCell) {
   var previousCell = R.last(acc);
   var cellValue = R.prop('key', headerCell);
   var previousCellValue = R.prop('key', previousCell);
-
   if (cellValue !== previousCellValue) {
     return R.append(R.assoc('spanCount', 1, headerCell), acc);
   }
-
-  return R.over(R.lensIndex(-1), R.evolve({
-    spanCount: R.add(1)
-  }), acc);
+  return R.over(R.lensIndex(-1), R.evolve({ spanCount: R.add(1) }), acc);
 }, []);
 
 var Header = function Header(_ref) {
@@ -41,37 +38,54 @@ var Header = function Header(_ref) {
       onYVectorSize = _ref.onYVectorSize,
       getYOffset = _ref.getYOffset,
       xColumnCount = _ref.xColumnCount;
+
   var classes = useStyles();
   if (R.equals([''], data)) return null;
   var getDimensionFromRow = R.pipe(R.head, R.prop('dimension'));
   var nRows = R.length(data);
+
   return R.addIndex(R.map)(function (headerRow, i) {
-    return /*#__PURE__*/React.createElement(React.Fragment, {
-      key: "header-row-" + i
-    }, /*#__PURE__*/React.createElement(YVector, {
-      yOffset: getYOffset(i),
-      onSize: onYVectorSize(i),
-      spanCount: xColumnCount,
-      className: classes.root
-    }, /*#__PURE__*/React.createElement(ItemCell, _extends({
-      justifyContent: "flex-end",
-      fontWeight: "bold",
-      fontStyle: "italic"
-    }, getDimensionFromRow(headerRow)))), R.pipe(R.when(R.always(i !== nRows - 1), mergeHeaderCells), // don't want merge of cells in the last row
-    R.addIndex(R.map)(function (_ref2, j) {
-      var value = _ref2.value,
-          spanCount = _ref2.spanCount;
-      return /*#__PURE__*/React.createElement(Cell, {
-        key: "header-column-" + j,
-        yOffset: getYOffset(i),
-        spanCount: spanCount,
-        className: classes.root
-      }, /*#__PURE__*/React.createElement(ItemCell, _extends({
-        justifyContent: "center",
-        sticky: spanCount > 1
-      }, value)));
-    }))(headerRow));
+    return React.createElement(
+      React.Fragment,
+      { key: 'header-row-' + i },
+      React.createElement(
+        YVector,
+        {
+          yOffset: getYOffset(i),
+          onSize: onYVectorSize(i),
+          spanCount: xColumnCount,
+          className: classes.root
+        },
+        React.createElement(ItemCell, _extends({
+          justifyContent: 'flex-end',
+          fontWeight: 'bold',
+          fontStyle: 'italic'
+        }, getDimensionFromRow(headerRow)))
+      ),
+      R.pipe(R.when(R.always(i !== nRows - 1), mergeHeaderCells), // don't want merge of cells in the last row
+      R.addIndex(R.map)(function (_ref2, j) {
+        var value = _ref2.value,
+            spanCount = _ref2.spanCount;
+        return React.createElement(
+          Cell,
+          {
+            key: 'header-column-' + j,
+            yOffset: getYOffset(i),
+            spanCount: spanCount,
+            className: classes.root
+          },
+          React.createElement(ItemCell, _extends({ justifyContent: 'center', sticky: spanCount > 1 }, value))
+        );
+      }))(headerRow)
+    );
   })(data);
 };
 
+Header.propTypes = process.env.NODE_ENV !== "production" ? {
+  data: PropTypes.array.isRequired,
+  xColumnCount: PropTypes.number.isRequired,
+  onYVectorSize: PropTypes.func.isRequired,
+  getYOffset: PropTypes.func.isRequired
+} : {};
+
 export default Header;

package/es/Table/index.js

@@ -52,4 +52,5 @@
  * }
  * @demoReady
  */
+
 export { default } from './Table';

package/es/Table/itemCell.js

@@ -1,4 +1,5 @@
 import React from 'react';
+import PropTypes from 'prop-types';
 import * as R from 'ramda';
 import ItemTooltip from './tooltip';
 
@@ -11,7 +12,8 @@ var ItemCell = function ItemCell(_ref) {
       fontWeight = _ref.fontWeight,
       fontStyle = _ref.fontStyle,
       _ref$sticky = _ref.sticky,
-      sticky = _ref$sticky === void 0 ? false : _ref$sticky;
+      sticky = _ref$sticky === undefined ? false : _ref$sticky;
+
   var style = {
     display: 'flex',
     flexDirection: 'row',
@@ -25,18 +27,28 @@ var ItemCell = function ItemCell(_ref) {
     paddingLeft: R.pipe(R.when(R.isNil, R.always([])), R.length, R.multiply(12))(parents),
     height: '100%'
   };
-  return /*#__PURE__*/React.createElement("div", {
-    style: style
-  }, /*#__PURE__*/React.createElement("div", {
-    style: sticky ? {
-      display: 'inline-block',
-      position: 'sticky',
-      left: 8,
-      right: 8
-    } : {}
-  }, label, /*#__PURE__*/React.createElement(ItemTooltip, {
-    flags: flags
-  })));
+
+  return React.createElement(
+    'div',
+    { style: style },
+    React.createElement(
+      'div',
+      { style: sticky ? { display: 'inline-block', position: 'sticky', left: 8, right: 8 } : {} },
+      label,
+      React.createElement(ItemTooltip, { flags: flags })
+    )
+  );
 };
 
+ItemCell.propTypes = process.env.NODE_ENV !== "production" ? {
+  label: PropTypes.string,
+  flags: PropTypes.array,
+  parents: PropTypes.array,
+  justifyContent: PropTypes.string,
+  fontWeight: PropTypes.string,
+  fontStyle: PropTypes.string,
+  alignItems: PropTypes.string,
+  sticky: PropTypes.bool
+} : {};
+
 export default React.memo(ItemCell);

package/es/Table/row-header.js

@@ -1,5 +1,7 @@
-import _extends from "/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends";
+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 PropTypes from 'prop-types';
 import cx from 'classnames';
 import * as R from 'ramda';
 import { makeStyles } from '@material-ui/core/styles';
@@ -7,6 +9,7 @@ import sizeMe from 'react-sizeme';
 import { Cell } from './styles';
 import ItemCell from './itemCell';
 import { getLight } from '../utils';
+
 var useStyles = makeStyles(function (theme) {
   return {
     root: {
@@ -19,11 +22,8 @@ var useStyles = makeStyles(function (theme) {
     highlight: theme.mixins.table.cellHighlight
   };
 });
-var XVector = sizeMe({
-  noPlaceholder: true,
-  monitorHeight: true,
-  monitorWidth: false
-})(Cell);
+
+var XVector = sizeMe({ noPlaceholder: true, monitorHeight: true, monitorWidth: false })(Cell);
 
 var RowHeader = function RowHeader(_ref) {
   var data = _ref.data,
@@ -32,34 +32,53 @@ var RowHeader = function RowHeader(_ref) {
       getYOffset = _ref.getYOffset,
       yOffset = _ref.yOffset,
       activeCellIds = _ref.activeCellIds;
+
   var classes = useStyles();
   if (R.isEmpty(data)) return null;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, R.addIndex(R.map)(function (rowColumn, i) {
-    return /*#__PURE__*/React.createElement(XVector, {
-      key: "row-column-" + i,
-      yOffset: getYOffset(yOffset),
-      onSize: onYVectorSize(yOffset),
-      className: classes.root
-    }, /*#__PURE__*/React.createElement(ItemCell, _extends({
-      justifyContent: "flex-start",
-      fontWeight: "bold",
-      fontStyle: "italic"
-    }, R.propOr({}, 'dimension', rowColumn))));
-  }, data), /*#__PURE__*/React.createElement(Cell, {
-    yOffset: getYOffset(yOffset),
-    className: classes.sep
-  }), R.addIndex(R.map)(function (header, j) {
-    var _cx;
 
-    return /*#__PURE__*/React.createElement(Cell, {
-      key: "row-header-" + j,
-      yOffset: getYOffset(yOffset),
-      className: cx(classes.sep, (_cx = {}, _cx[classes.highlight] = R.prop("col-" + j)(activeCellIds), _cx))
-    }, /*#__PURE__*/React.createElement(ItemCell, _extends({
-      justifyContent: "center",
-      alignItems: "end"
-    }, header)));
-  }, headerData));
+  return React.createElement(
+    React.Fragment,
+    null,
+    R.addIndex(R.map)(function (rowColumn, i) {
+      return React.createElement(
+        XVector,
+        {
+          key: 'row-column-' + i,
+          yOffset: getYOffset(yOffset),
+          onSize: onYVectorSize(yOffset),
+          className: classes.root
+        },
+        React.createElement(ItemCell, _extends({
+          justifyContent: 'flex-start',
+          fontWeight: 'bold',
+          fontStyle: 'italic'
+        }, R.propOr({}, 'dimension', rowColumn)))
+      );
+    }, data),
+    React.createElement(Cell, { yOffset: getYOffset(yOffset), className: classes.sep }),
+    R.addIndex(R.map)(function (header, j) {
+      var _cx;
+
+      return React.createElement(
+        Cell,
+        {
+          key: 'row-header-' + j,
+          yOffset: getYOffset(yOffset),
+          className: cx(classes.sep, (_cx = {}, _cx[classes.highlight] = R.prop('col-' + j)(activeCellIds), _cx))
+        },
+        React.createElement(ItemCell, _extends({ justifyContent: 'center', alignItems: 'end' }, header))
+      );
+    }, headerData)
+  );
 };
 
+RowHeader.propTypes = process.env.NODE_ENV !== "production" ? {
+  data: PropTypes.array.isRequired,
+  headerData: PropTypes.array.isRequired,
+  yOffset: PropTypes.number.isRequired,
+  onYVectorSize: PropTypes.func.isRequired,
+  getYOffset: PropTypes.func.isRequired,
+  activeCellIds: PropTypes.object
+} : {};
+
 export default RowHeader;

package/es/Table/section-header.js

@@ -1,4 +1,5 @@
 import React from 'react';
+import PropTypes from 'prop-types';
 import cx from 'classnames';
 import * as R from 'ramda';
 import Lens from '@material-ui/icons/Lens';
@@ -7,6 +8,7 @@ import { makeStyles } from '@material-ui/core/styles';
 import { Cell } from './styles';
 import ItemTooltip from './tooltip';
 import { getDark } from '../utils';
+
 var Dot = withStyles(function (theme) {
   return {
     root: {
@@ -15,6 +17,7 @@ var Dot = withStyles(function (theme) {
     }
   };
 })(Lens);
+
 var useStyles = makeStyles(function (theme) {
   return {
     zCell: {
@@ -50,41 +53,63 @@ var SectionHeader = function SectionHeader(_ref) {
       columnCount = _ref.columnCount,
       yOffset = _ref.yOffset,
       isRtl = _ref.isRtl;
+
   var classes = useStyles();
   if (R.isEmpty(R.propOr([], 'data', section))) return null;
   var data = R.propOr([], 'data', section);
   var hasFlag = R.find(R.pipe(R.path(['value', 'flags']), R.isEmpty, R.not))(data);
-  return /*#__PURE__*/React.createElement(Cell, {
-    spanCount: columnCount,
-    yOffset: yOffset,
-    className: classes.zCell
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classes.zAtom,
-    style: hasFlag ? {
-      paddingTop: 0
-    } : undefined
-  }, R.pipe(R.addIndex(R.map)(function (entry, index) {
-    var _cx;
+  return React.createElement(
+    Cell,
+    { spanCount: columnCount, yOffset: yOffset, className: classes.zCell },
+    React.createElement(
+      'div',
+      { className: classes.zAtom, style: hasFlag ? { paddingTop: 0 } : undefined },
+      R.pipe(R.addIndex(R.map)(function (entry, index) {
+        var _cx;
 
-    return /*#__PURE__*/React.createElement(React.Fragment, {
-      key: index
-    }, R.not(R.equals(index, 0)) && /*#__PURE__*/React.createElement("span", {
-      className: classes.zQuant
-    }, /*#__PURE__*/React.createElement(Dot, null)), /*#__PURE__*/React.createElement("span", {
-      className: cx(classes.zQuant, classes.zQuantDimension, (_cx = {}, _cx[classes.zQuantDimensionRtl] = isRtl, _cx))
-    }, R.pathOr('', ['dimension', 'label'], entry), ':'), /*#__PURE__*/React.createElement("span", {
-      className: classes.zQuant
-    }, R.pathOr('', ['value', 'label'], entry)), R.not(R.isEmpty(R.pathOr([], ['value', 'flags'], entry))) && /*#__PURE__*/React.createElement(React.Fragment, null, "\xA0"), /*#__PURE__*/React.createElement(ItemTooltip, {
-      flags: R.pathOr([], ['value', 'flags'], entry)
-    }));
-  }))(data)), /*#__PURE__*/React.createElement("div", {
-    className: classes.zAtom,
-    style: hasFlag ? {
-      paddingTop: 0
-    } : undefined
-  }, /*#__PURE__*/React.createElement(ItemTooltip, {
-    flags: R.propOr([], 'flags', section)
-  })));
+        return React.createElement(
+          React.Fragment,
+          { key: index },
+          R.not(R.equals(index, 0)) && React.createElement(
+            'span',
+            { className: classes.zQuant },
+            React.createElement(Dot, null)
+          ),
+          React.createElement(
+            'span',
+            {
+              className: cx(classes.zQuant, classes.zQuantDimension, (_cx = {}, _cx[classes.zQuantDimensionRtl] = isRtl, _cx))
+            },
+            R.pathOr('', ['dimension', 'label'], entry),
+            ':'
+          ),
+          React.createElement(
+            'span',
+            { className: classes.zQuant },
+            R.pathOr('', ['value', 'label'], entry)
+          ),
+          R.not(R.isEmpty(R.pathOr([], ['value', 'flags'], entry))) && React.createElement(
+            React.Fragment,
+            null,
+            '\xA0'
+          ),
+          React.createElement(ItemTooltip, { flags: R.pathOr([], ['value', 'flags'], entry) })
+        );
+      }))(data)
+    ),
+    React.createElement(
+      'div',
+      { className: classes.zAtom, style: hasFlag ? { paddingTop: 0 } : undefined },
+      React.createElement(ItemTooltip, { flags: R.propOr([], 'flags', section) })
+    )
+  );
 };
 
+SectionHeader.propTypes = process.env.NODE_ENV !== "production" ? {
+  section: PropTypes.object.isRequired,
+  yOffset: PropTypes.number.isRequired,
+  columnCount: PropTypes.number.isRequired,
+  isRtl: PropTypes.bool
+} : {};
+
 export default React.memo(SectionHeader);

package/es/Table/section-rows.js

@@ -1,5 +1,7 @@
-import _extends from "/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends";
+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 PropTypes from 'prop-types';
 import cx from 'classnames';
 import * as R from 'ramda';
 import { Cell } from './styles';
@@ -18,54 +20,75 @@ var SectionRows = function SectionRows(_ref) {
       activeCellIds = _ref.activeCellIds,
       activeCellHandler = _ref.activeCellHandler,
       cellValueAccessor = _ref.cellValueAccessor;
+
   var classes = useStyles();
+
   if (R.lte(yColumnCount, 0)) return null;
   return R.addIndex(R.map)(function (row, i) {
     var _cx2;
 
-    var key = i + "-" + sectionData.key + "-" + row.key;
-    return /*#__PURE__*/React.createElement("span", {
-      style: {
-        display: 'contents'
-      },
-      key: key
-    }, R.addIndex(R.map)(function (entry, columnIndex) {
-      var _cx;
+    var key = i + '-' + sectionData.key + '-' + row.key;
+    return React.createElement(
+      'span',
+      { style: { display: 'contents' }, key: key },
+      R.addIndex(R.map)(function (entry, columnIndex) {
+        var _cx;
 
-      return /*#__PURE__*/React.createElement(Cell, {
-        key: columnIndex,
-        parents: R.pathOr([], ['value', 'parents'], entry),
-        className: cx(classes.xCell, classes.xCellDimension, (_cx = {}, _cx[classes.highlight] = R.prop(key)(activeCellIds), _cx))
-      }, /*#__PURE__*/React.createElement(ItemCell, _extends({
-        justifyContent: "flex-start"
-      }, R.propOr({}, 'value', entry))));
-    }, R.propOr([], 'data', row)), /*#__PURE__*/React.createElement(Cell, {
-      className: cx(classes.sCell, (_cx2 = {}, _cx2[classes.highlight] = R.prop(key)(activeCellIds), _cx2))
-    }, /*#__PURE__*/React.createElement(ItemTooltip, {
-      flags: R.propOr([], 'flags', row)
-    })), R.addIndex(R.map)(function (column, columnIndex) {
-      var _cx3;
+        return React.createElement(
+          Cell,
+          {
+            key: columnIndex,
+            parents: R.pathOr([], ['value', 'parents'], entry),
+            className: cx(classes.xCell, classes.xCellDimension, (_cx = {}, _cx[classes.highlight] = R.prop(key)(activeCellIds), _cx))
+          },
+          React.createElement(ItemCell, _extends({ justifyContent: 'flex-start' }, R.propOr({}, 'value', entry)))
+        );
+      }, R.propOr([], 'data', row)),
+      React.createElement(
+        Cell,
+        {
+          className: cx(classes.sCell, (_cx2 = {}, _cx2[classes.highlight] = R.prop(key)(activeCellIds), _cx2))
+        },
+        React.createElement(ItemTooltip, { flags: R.propOr([], 'flags', row) })
+      ),
+      R.addIndex(R.map)(function (column, columnIndex) {
+        var _cx3;
 
-      var keyCol = "col-" + columnIndex;
-      var intersectionCellId = key + "/" + keyCol;
-      var isActive = R.pipe(R.propOr({}, 'intersectionCellId'), R.equals(intersectionCellId))(activeCellIds);
-      return /*#__PURE__*/React.createElement(Cell, {
-        key: keyCol,
-        className: cx(classes.xCell, classes.xCellValue, (_cx3 = {}, _cx3[classes.xCellActive] = isActive, _cx3[classes.highlight] = R.any(R.identity)([R.prop(key)(activeCellIds), R.prop(keyCol)(activeCellIds)]), _cx3)),
-        onClick: R.is(Function, activeCellHandler) ? function () {
-          var _activeCellHandler;
+        var keyCol = 'col-' + columnIndex;
+        var intersectionCellId = key + '/' + keyCol;
+        var isActive = R.pipe(R.propOr({}, 'intersectionCellId'), R.equals(intersectionCellId))(activeCellIds);
+        return React.createElement(
+          Cell,
+          {
+            key: keyCol,
+            className: cx(classes.xCell, classes.xCellValue, (_cx3 = {}, _cx3[classes.xCellActive] = isActive, _cx3[classes.highlight] = R.any(R.identity)([R.prop(key)(activeCellIds), R.prop(keyCol)(activeCellIds)]), _cx3)),
+            onClick: R.is(Function, activeCellHandler) ? function () {
+              var _activeCellHandler;
 
-          return activeCellHandler((_activeCellHandler = {}, _activeCellHandler[key] = R.not(isActive), _activeCellHandler[keyCol] = R.not(isActive), _activeCellHandler.intersectionCellId = isActive ? null : intersectionCellId, _activeCellHandler));
-        } : null
-      }, /*#__PURE__*/React.createElement(ValueCell, _extends({}, R.pipe(R.pathOr({
-        value: '..'
-      }, [column.key, sectionData.key, row.key, 0]), cellValueAccessor)(cells), {
-        cellHandler: cellHandler
-      })));
-    }, headerData));
+              return activeCellHandler((_activeCellHandler = {}, _activeCellHandler[key] = R.not(isActive), _activeCellHandler[keyCol] = R.not(isActive), _activeCellHandler.intersectionCellId = isActive ? null : intersectionCellId, _activeCellHandler));
+            } : null
+          },
+          React.createElement(ValueCell, _extends({}, R.pipe(R.pathOr({ value: '..' }, [column.key, sectionData.key, row.key, 0]), cellValueAccessor)(cells), {
+            cellHandler: cellHandler
+          }))
+        );
+      }, headerData)
+    );
   }, data);
 };
 
+SectionRows.propTypes = process.env.NODE_ENV !== "production" ? {
+  cells: PropTypes.object.isRequired,
+  cellHandler: PropTypes.func,
+  cellValueAccessor: PropTypes.func,
+  data: PropTypes.array.isRequired,
+  headerData: PropTypes.array.isRequired,
+  sectionData: PropTypes.object.isRequired,
+  yColumnCount: PropTypes.number.isRequired,
+  activeCellIds: PropTypes.object,
+  activeCellHandler: PropTypes.func
+} : {};
+
 SectionRows.defaultProps = {
   cells: {},
   cellValueAccessor: R.identity,
@@ -74,4 +97,5 @@ SectionRows.defaultProps = {
   sectionData: [],
   yColumnCount: 1
 };
+
 export default React.memo(SectionRows);

package/es/Table/styles.js

@@ -1,20 +1,22 @@
 import PropTypes from 'prop-types';
 import glamorous from 'glamorous';
 import * as R from 'ramda';
+
 export var cell = {
-  outline: "1px solid #A4A1A1",
+  outline: '1px solid #A4A1A1',
   fontSize: 12,
   fontWeight: 400,
   lineHeight: 1.43,
   padding: '0px 8px',
   zIndex: 1
 };
+
 export var Cell = glamorous.div(cell, function (_ref) {
   var spanCount = _ref.spanCount,
       yOffset = _ref.yOffset;
   return {
     '@supports (display: grid)': {
-      gridColumn: "span " + R.defaultTo(1, spanCount)
+      gridColumn: 'span ' + R.defaultTo(1, spanCount)
     },
     '@supports (position: sticky)': {
       position: R.isNil(yOffset) ? null : 'sticky',
@@ -22,12 +24,14 @@ export var Cell = glamorous.div(cell, function (_ref) {
     }
   };
 });
+
 Cell.propTypes = {
   className: PropTypes.string,
   spanCount: PropTypes.number,
   yOffset: PropTypes.number,
   children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])
 };
+
 export var Table = glamorous.div({
   display: '-ms-grid',
   '@supports (display: grid)': {
@@ -38,7 +42,9 @@ export var Table = glamorous.div({
 }, function (_ref2) {
   var columnCount = _ref2.columnCount,
       xColumnCount = _ref2.xColumnCount;
+
   var gridTemplateColumns = R.pipe(R.times(R.always('auto')), R.update(R.dec(xColumnCount), '30px'), R.join(' '))(columnCount);
+
   return {
     gridTemplateColumns: gridTemplateColumns,
     msGridColumns: gridTemplateColumns

package/es/Table/tableCell.js

@@ -1,19 +1,29 @@
-import _extends from "/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends";
+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 PropTypes from 'prop-types';
 import cx from 'classnames';
 import ValueCell from './valueCell';
 import useStyles from './useStyles';
 
 var TableCell = function TableCell(_ref) {
   var _ref$cell = _ref.cell,
-      cell = _ref$cell === void 0 ? {} : _ref$cell,
+      cell = _ref$cell === undefined ? {} : _ref$cell,
       cellHandler = _ref.cellHandler;
+
   var classes = useStyles();
-  return /*#__PURE__*/React.createElement("div", {
-    className: cx(classes.cell, classes.xCell, classes.xCellValue)
-  }, /*#__PURE__*/React.createElement(ValueCell, _extends({}, cell, {
-    cellHandler: cellHandler
-  })));
+
+  return React.createElement(
+    'div',
+    { className: cx(classes.cell, classes.xCell, classes.xCellValue) },
+    React.createElement(ValueCell, _extends({}, cell, { cellHandler: cellHandler }))
+  );
 };
 
+TableCell.propTypes = process.env.NODE_ENV !== "production" ? {
+  cell: PropTypes.object,
+  cellHandler: PropTypes.func,
+  isRtl: PropTypes.bool
+} : {};
+
 export default TableCell;