@sis-cc/dotstatsuite-visions 6.5.2 → 6.6.0

package/lib/TableHeader/TableHeader.js

@@ -1,32 +1,23 @@
-'use strict';
+"use strict";
 
-exports.__esModule = true;
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _ramda = require('ramda');
-
-var R = _interopRequireWildcard(_ramda);
+var _interopRequireDefault = require("/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
 
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
+exports.__esModule = true;
+exports.default = void 0;
 
-var _styles = require('@material-ui/core/styles');
+var _react = _interopRequireWildcard(require("react"));
 
-var _Typography = require('@material-ui/core/Typography');
+var R = _interopRequireWildcard(require("ramda"));
 
-var _Typography2 = _interopRequireDefault(_Typography);
+var _styles = require("@material-ui/core/styles");
 
-var _Lens = require('@material-ui/icons/Lens');
+var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
 
-var _Lens2 = _interopRequireDefault(_Lens);
+var _Lens = _interopRequireDefault(require("@material-ui/icons/Lens"));
 
-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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 var useStyles = (0, _styles.makeStyles)(function (theme) {
   return {
@@ -46,42 +37,27 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
 
 var TableHeader = function TableHeader(_ref) {
   var header = _ref.header;
-
   var classes = useStyles();
-  return _react2.default.createElement(
-    'div',
-    { className: classes.container },
-    _react2.default.createElement(
-      _Typography2.default,
-      { variant: 'h5', className: classes.title },
-      R.prop('title')(header)
-    ),
-    _react2.default.createElement(
-      _Typography2.default,
-      { variant: 'subtitle1', className: classes.subtitle },
-      R.pipe(R.propOr([], 'subtitle'), R.intersperse(_react2.default.createElement(_Lens2.default, { className: classes.icon })), R.addIndex(R.map)(function (v, index) {
-        return _react2.default.createElement(
-          _react.Fragment,
-          { key: R.toString([R.prop('title')(header), index]) },
-          v
-        );
-      }))(header)
-    ),
-    _react2.default.createElement(
-      _Typography2.default,
-      { variant: 'subtitle1', className: classes.subtitle },
-      R.prop('uprs')(header)
-    )
-  );
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.container
+  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    variant: "h5",
+    className: classes.title
+  }, R.prop('title')(header)), /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    variant: "subtitle1",
+    className: classes.subtitle
+  }, R.pipe(R.propOr([], 'subtitle'), R.intersperse( /*#__PURE__*/_react.default.createElement(_Lens.default, {
+    className: classes.icon
+  })), R.addIndex(R.map)(function (v, index) {
+    return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
+      key: R.toString([R.prop('title')(header), index])
+    }, v);
+  }))(header)), /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    variant: "subtitle1",
+    className: classes.subtitle
+  }, R.prop('uprs')(header)));
 };
 
-TableHeader.propTypes = process.env.NODE_ENV !== "production" ? {
-  header: _propTypes2.default.shape({
-    title: _propTypes2.default.string,
-    subtitle: _propTypes2.default.array,
-    uprs: _propTypes2.default.string
-  })
-} : {};
-
-exports.default = TableHeader;
-module.exports = exports['default'];
+var _default = TableHeader;
+exports.default = _default;
+module.exports = exports.default;

package/lib/TableHeader/index.js

@@ -1,16 +1,11 @@
-'use strict';
+"use strict";
 
-exports.__esModule = true;
-
-var _TableHeader = require('./TableHeader');
+var _interopRequireDefault = require("/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
 
-Object.defineProperty(exports, 'default', {
-  enumerable: true,
-  get: function get() {
-    return _interopRequireDefault(_TableHeader).default;
-  }
-});
+exports.__esModule = true;
+exports.default = void 0;
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _TableHeader = _interopRequireDefault(require("./TableHeader"));
 
-module.exports = exports['default'];
+exports.default = _TableHeader.default;
+module.exports = exports.default;

package/lib/TableHtml5/TableHtml5.js

@@ -1,47 +1,31 @@
-'use strict';
+"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 _styles = require('@material-ui/core/styles');
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
+var _interopRequireDefault = require("/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
 
-var _ramda = require('ramda');
-
-var R = _interopRequireWildcard(_ramda);
-
-var _Table = require('@material-ui/core/Table');
+exports.__esModule = true;
+exports.getEnhancedValuesHeaderData = exports.default = void 0;
 
-var _Table2 = _interopRequireDefault(_Table);
+var _extends2 = _interopRequireDefault(require("/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends"));
 
-var _header = require('./header');
+var _react = _interopRequireWildcard(require("react"));
 
-var _header2 = _interopRequireDefault(_header);
+var _styles = require("@material-ui/core/styles");
 
-var _subHeader = require('./subHeader');
+var R = _interopRequireWildcard(require("ramda"));
 
-var _subHeader2 = _interopRequireDefault(_subHeader);
+var _Table = _interopRequireDefault(require("@material-ui/core/Table"));
 
-var _section = require('./section');
+var _header = _interopRequireDefault(require("./header"));
 
-var _section2 = _interopRequireDefault(_section);
+var _subHeader = _interopRequireDefault(require("./subHeader"));
 
-var _cell = require('./cell');
+var _section = _interopRequireDefault(require("./section"));
 
-var _cell2 = _interopRequireDefault(_cell);
+var _cell = _interopRequireDefault(require("./cell"));
 
-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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 /* 
 *  Accessibility.
@@ -50,130 +34,139 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 *  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, _styles.makeStyles)(function (theme) {
   return {
     table: {
       borderCollapse: 'separate',
-      borderLeft: '1px solid ' + theme.palette.grey[500],
-      borderTop: '1px solid ' + theme.palette.grey[500]
+      borderLeft: "1px solid " + theme.palette.grey[500],
+      borderTop: "1px solid " + theme.palette.grey[500]
     },
     stickyHeader: {
       position: 'sticky',
-      top: 0
+      top: 0,
+      zIndex: 2
     }
   };
 });
-
 var mapIndexed = R.addIndex(R.map);
 
-var getEnhancedValuesHeaderData = exports.getEnhancedValuesHeaderData = function getEnhancedValuesHeaderData(data) {
+var getEnhancedValuesHeaderData = function getEnhancedValuesHeaderData(data) {
   var colLength = R.pipe(R.pathOr([], [0, 'data']), R.length)(data);
-  return R.pipe(R.pluck('data'),
-  // mix merge and transpose for performance
+  return R.pipe(R.pluck('data'), // mix merge and transpose for performance
   R.reduce(function (acc, cells) {
     R.addIndex(R.forEach)(function (cell, rowIndex) {
       var cellId = R.path(['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 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);
+        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.propOr({}, 'value', cell), { key: cellKey, spanCount: 1 })))(acc);
+        acc = R.over(R.lensIndex(rowIndex), R.append((0, _extends2.default)({}, R.propOr({}, 'value', cell), {
+          key: cellKey,
+          spanCount: 1
+        })))(acc);
       }
     })(cells);
     return acc;
   }, R.times(R.always([]), colLength)))(data);
 };
 
+exports.getEnhancedValuesHeaderData = getEnhancedValuesHeaderData;
+var getCellsWidth = R.addIndex(R.reduce)(function (acc, element, index) {
+  return R.append(R.add(acc[index], (element === null || element === void 0 ? void 0 : element.offsetWidth) || 0), acc);
+}, [0]);
+
 var TableHtml5 = function TableHtml5(_ref) {
   var cells = _ref.cells,
       _ref$headerData = _ref.headerData,
-      headerData = _ref$headerData === undefined ? [] : _ref$headerData,
+      headerData = _ref$headerData === void 0 ? [] : _ref$headerData,
       _ref$sectionsData = _ref.sectionsData,
-      sectionsData = _ref$sectionsData === undefined ? [] : _ref$sectionsData,
+      sectionsData = _ref$sectionsData === void 0 ? [] : _ref$sectionsData,
       cellHandler = _ref.cellHandler,
       activeCellIds = _ref.activeCellIds,
       activeCellHandler = _ref.activeCellHandler;
-
   var classes = useStyles();
 
   var _useState = (0, _react.useState)(0),
       headerHeight = _useState[0],
       setHeaderHeight = _useState[1];
 
-  var headerRef = (0, _react.useRef)(null);
+  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(subHeadCellsRef === null || subHeadCellsRef === void 0 ? void 0 : subHeadCellsRef.current));
   }, [cells, headerData, sectionsData]);
-
   (0, _react.useEffect)(function () {
     var timeoutId = null;
+
     var resizeListener = function resizeListener() {
       clearTimeout(timeoutId);
       timeoutId = setTimeout(function () {
-        return setHeaderHeight(R.pathOr(0, ['current', 'clientHeight'], headerRef), 150);
-      });
+        setHeaderHeight(R.pathOr(0, ['current', 'clientHeight'], headerRef));
+        setSubHeadCellsWidth(getCellsWidth(subHeadCellsRef === null || subHeadCellsRef === void 0 ? void 0 : subHeadCellsRef.current));
+      }, 150);
     };
+
     window.addEventListener('resize', resizeListener);
     return function () {
       return window.removeEventListener('resize', resizeListener);
     };
   }, []);
-
   var isSingleObs = R.hasPath(['', '', '', 0], cells);
-  if (isSingleObs) return _react2.default.createElement(_cell2.default, _extends({}, R.pathOr({}, ['', '', '', 0], cells), { cellHandler: cellHandler, isOne: true }));
-
+  if (isSingleObs) return /*#__PURE__*/_react.default.createElement(_cell.default, (0, _extends2.default)({}, R.pathOr({}, ['', '', '', 0], cells), {
+    cellHandler: cellHandler,
+    isOne: true
+  }));
   var xLayoutData = R.pathOr([], [0, 1, 0, 'data'], sectionsData);
   var xLayoutDataLength = R.length(xLayoutData);
   var valuesHeaderData = getEnhancedValuesHeaderData(headerData);
   var nbColumnsByRows = R.map(R.length)(valuesHeaderData);
-
-  return _react2.default.createElement(
-    _Table2.default,
-    { className: classes.table, 'aria-label': 'table', size: 'small', style: { padding: '0px 0px' } },
-    _react2.default.createElement(
-      'thead',
-      { ref: headerRef, className: classes.stickyHeader },
-      _react2.default.createElement(_header2.default, {
-        headerData: headerData,
-        valuesHeaderData: valuesHeaderData,
-        xLayoutDataLength: xLayoutDataLength
-      }),
-      _react2.default.createElement(_subHeader2.default, {
-        headerData: headerData,
-        xLayoutData: xLayoutData,
-        activeCellIds: activeCellIds
-      })
-    ),
-    mapIndexed(function (section, index) {
-      return _react2.default.createElement(_section2.default, {
-        key: index,
-        sectionIndex: index,
-        headerHeight: headerHeight,
-        nbColumnsByRows: nbColumnsByRows,
-        headerData: headerData,
-        cells: cells,
-        section: section,
-        xLayoutDataLength: xLayoutDataLength,
-        cellHandler: cellHandler,
-        activeCellIds: activeCellIds,
-        activeCellHandler: activeCellHandler
-      });
-    }, sectionsData)
-  );
+  return /*#__PURE__*/_react.default.createElement(_Table.default, {
+    className: classes.table,
+    "aria-label": "table",
+    size: "small",
+    style: {
+      padding: '0px 0px'
+    }
+  }, /*#__PURE__*/_react.default.createElement("thead", {
+    ref: headerRef,
+    className: classes.stickyHeader
+  }, /*#__PURE__*/_react.default.createElement(_header.default, {
+    headerData: headerData,
+    valuesHeaderData: valuesHeaderData,
+    xLayoutDataLength: xLayoutDataLength
+  }), /*#__PURE__*/_react.default.createElement(_subHeader.default, {
+    headerData: headerData,
+    xLayoutData: xLayoutData,
+    activeCellIds: activeCellIds,
+    ref: subHeadCellsRef,
+    subHeadCellsWidth: subHeadCellsWidth
+  })), mapIndexed(function (section, index) {
+    return /*#__PURE__*/_react.default.createElement(_section.default, {
+      key: index,
+      sectionIndex: index,
+      headerHeight: headerHeight,
+      nbColumnsByRows: nbColumnsByRows,
+      headerData: headerData,
+      cells: cells,
+      section: section,
+      xLayoutDataLength: xLayoutDataLength,
+      cellHandler: cellHandler,
+      activeCellIds: activeCellIds,
+      activeCellHandler: activeCellHandler,
+      subHeadCellsWidth: subHeadCellsWidth
+    });
+  }, 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
-} : {};
-
-exports.default = TableHtml5;
+var _default = TableHtml5;
+exports.default = _default;

package/lib/TableHtml5/cell.js

@@ -1,64 +1,50 @@
-'use strict';
+"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 _interopRequireDefault = require("/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
 
-var _classnames = require('classnames');
-
-var _classnames2 = _interopRequireDefault(_classnames);
-
-var _styles = require('@material-ui/core/styles');
+exports.__esModule = true;
+exports.default = void 0;
 
-var _TableCell = require('@material-ui/core/TableCell');
+var _react = _interopRequireDefault(require("react"));
 
-var _TableCell2 = _interopRequireDefault(_TableCell);
+var R = _interopRequireWildcard(require("ramda"));
 
-var _Typography = require('@material-ui/core/Typography');
+var _classnames = _interopRequireDefault(require("classnames"));
 
-var _Typography2 = _interopRequireDefault(_Typography);
+var _styles = require("@material-ui/core/styles");
 
-var _Link = require('@material-ui/core/Link');
+var _TableCell = _interopRequireDefault(require("@material-ui/core/TableCell"));
 
-var _Link2 = _interopRequireDefault(_Link);
+var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
 
-var _flags = require('./flags');
+var _Link = _interopRequireDefault(require("@material-ui/core/Link"));
 
-var _flags2 = _interopRequireDefault(_flags);
+var _flags = _interopRequireDefault(require("./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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 var useStyles = (0, _styles.makeStyles)(function (theme) {
   return {
     cell: {
-      borderBottom: '1px solid ' + theme.palette.grey[500],
-      borderRight: '1px solid ' + theme.palette.grey[500],
-      padding: theme.spacing(0.5) + 'px ' + theme.spacing(1) + 'px',
+      borderBottom: "1px solid " + theme.palette.grey[500],
+      borderRight: "1px solid " + theme.palette.grey[500],
+      padding: theme.spacing(0.5) + "px " + theme.spacing(1) + "px",
       verticalAlign: 'baseline',
       color: theme.palette.grey['A700'],
       '&:hover': {
-        boxShadow: 'inset 0 0 0 2px ' + theme.palette.primary.main
+        boxShadow: "inset 0 0 0 2px " + theme.palette.primary.main
       }
     },
     active: {
-      boxShadow: 'inset 0 0 0 2px ' + theme.palette.primary.main
+      boxShadow: "inset 0 0 0 2px " + theme.palette.primary.main
     },
     highlight: theme.mixins.table.cellHighlight,
     oneCell: {
-      border: '1px solid ' + theme.palette.grey[500],
+      border: "1px solid " + theme.palette.grey[500],
       display: 'block' // MUI TableCell is inline-block
+
     },
     link: {
       position: 'inherit',
@@ -75,61 +61,43 @@ var Cell = function Cell(_ref) {
       headers = _ref.headers,
       isOne = _ref.isOne,
       _ref$indexedDimValIds = _ref.indexedDimValIds,
-      indexedDimValIds = _ref$indexedDimValIds === undefined ? {} : _ref$indexedDimValIds,
+      indexedDimValIds = _ref$indexedDimValIds === void 0 ? {} : _ref$indexedDimValIds,
       cellHandler = _ref.cellHandler,
       activeCellHandler = _ref.activeCellHandler,
       isActive = _ref.isActive,
       isHighlight = _ref.isHighlight;
-
   var classes = useStyles();
   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',
-      color: 'inherit',
-      underline: 'always',
-      onClick: function onClick() {
-        return cellHandler({ indexedDimValIds: indexedDimValIds });
-      },
-      className: classes.link
-    },
-    value
-  ) : value;
-
-  return _react2.default.createElement(
-    _TableCell2.default,
-    {
-      component: isOne ? 'div' : undefined,
-      className: (0, _classnames2.default)(classes.cell, (_cx = {}, _cx[classes.oneCell] = isOne, _cx[classes.active] = isActive, _cx[classes.highlight] = isHighlight, _cx)),
-      headers: headers,
-      onClick: activeCellHandler
+  var uiValue = R.is(Function, cellHandler) && !R.isEmpty(indexedDimValIds) ? /*#__PURE__*/_react.default.createElement(_Link.default, {
+    component: "button",
+    variant: "body1",
+    color: "inherit",
+    underline: "always",
+    onClick: function onClick() {
+      return cellHandler({
+        indexedDimValIds: indexedDimValIds
+      });
     },
-    _react2.default.createElement(
-      'div',
-      { style: { textAlign: 'right' } },
-      _react2.default.createElement(
-        _Typography2.default,
-        { variant: 'body1', tabIndex: 0, noWrap: hasFlag },
-        hasFlag && _react2.default.createElement(_flags2.default, { flags: flags }),
-        uiValue
-      )
-    )
-  );
+    className: classes.link
+  }, value) : value;
+  return /*#__PURE__*/_react.default.createElement(_TableCell.default, {
+    component: isOne ? 'div' : undefined,
+    className: (0, _classnames.default)(classes.cell, (_cx = {}, _cx[classes.oneCell] = isOne, _cx[classes.active] = isActive, _cx[classes.highlight] = isHighlight, _cx)),
+    headers: headers,
+    onClick: activeCellHandler
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      textAlign: 'right'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    variant: "body1",
+    tabIndex: 0,
+    noWrap: hasFlag
+  }, hasFlag && /*#__PURE__*/_react.default.createElement(_flags.default, {
+    flags: flags
+  }), uiValue)));
 };
 
-Cell.propTypes = process.env.NODE_ENV !== "production" ? {
-  flags: _propTypes2.default.array,
-  isOne: _propTypes2.default.bool,
-  value: _propTypes2.default.string,
-  headers: _propTypes2.default.string,
-  indexedDimValIds: _propTypes2.default.object,
-  cellHandler: _propTypes2.default.func,
-  isActive: _propTypes2.default.bool,
-  isHighlight: _propTypes2.default.bool,
-  activeCellHandler: _propTypes2.default.func
-} : {};
-
-exports.default = Cell;
-module.exports = exports['default'];
+var _default = Cell;
+exports.default = _default;
+module.exports = exports.default;