@sis-cc/dotstatsuite-visions 10.8.0 → 10.9.0

package/es/TableHtml5/TableHtml5.js

@@ -38,12 +38,13 @@ var useStyles = makeStyles(function (theme) {
 var mapIndexed = R.addIndex(R.map);
 
 export var getEnhancedValuesHeaderData = function getEnhancedValuesHeaderData(data) {
-  var colLength = R.pipe(R.pathOr([], [0, 'data']), R.length)(data);
+  var colLength = R.pipe(R.last, R.propOr([], 'data'), R.length)(data);
   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.has('values', cell) ? R.pipe(R.prop('values'), R.pluck('id'), R.join(','))(cell) : R.path(['value', 'id'], cell);
+    R.addIndex(R.forEach)(function (_, rowIndex) {
+      var cell = R.nth(rowIndex, cells) || {};
+      var cellId = R.has('values', cell) ? R.pipe(R.prop('values'), R.pluck('id'), R.join(','))(cell) : R.pathOr('missing' + rowIndex, ['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;
 
@@ -51,9 +52,13 @@ export var getEnhancedValuesHeaderData = function getEnhancedValuesHeaderData(da
       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);
       } else {
-        acc = R.over(R.lensIndex(rowIndex), R.append(_extends({}, R.pick(['value', 'values'], cell), { key: cellKey, spanCount: 1 })))(acc);
+        acc = R.over(R.lensIndex(rowIndex), R.append(_extends({}, R.pick(['value', 'values'], cell), {
+          key: cellKey,
+          spanCount: 1,
+          isEmpty: R.isEmpty(cell)
+        })))(acc);
       }
-    })(cells);
+    })(acc);
     return acc;
   }, R.times(R.always([]), colLength)))(data);
 };
@@ -118,7 +123,7 @@ var TableHtml5 = function TableHtml5(_ref) {
     };
   }, []);
 
-  var xLayoutData = R.pathOr([], [0, 1, 0, 'data'], sectionsData);
+  var xLayoutData = R.pathOr([], [0, 1, -1, 'data'], sectionsData);
   var xLayoutDataLength = R.length(xLayoutData);
 
   var _useMemo = useMemo(function () {

package/es/TableHtml5/header.js

@@ -93,7 +93,7 @@ var Header = function Header(_ref) {
           React.createElement(
             Typography,
             { variant: 'body1', className: classes.cellLabelHeader },
-            R.pipe(R.path([0, 'data', index, 'dimension']), labelAccessor)(headerData),
+            R.pipe(R.path([-1, 'data', index, 'dimension']), labelAccessor)(headerData),
             React.createElement(Flags, {
               HTMLRenderer: HTMLRenderer,
               flags: flags,
@@ -106,7 +106,7 @@ var Header = function Header(_ref) {
       mapIndexed(function (headerItem, idx) {
         var _cx;
 
-        var value = getValue(labelAccessor)(headerItem);
+        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 '·';
@@ -154,7 +154,7 @@ var Header = function Header(_ref) {
         );
       }, R.nth(index, valuesHeaderData))
     );
-  }, R.compose(R.length, R.pathOr([], [0, 'data']))(headerData));
+  }, R.compose(R.length, R.pathOr([], [-1, 'data']))(headerData));
 };
 
 Header.propTypes = process.env.NODE_ENV !== "production" ? {

package/es/TableHtml5/section.js

@@ -105,7 +105,7 @@ var Section = function Section(_ref) {
       HTMLRenderer: HTMLRenderer,
       labelAccessor: labelAccessor
     }),
-    R.addIndex(R.map)(function (sectionbody, rowIndex) {
+    mapIndexed(function (sectionbody, rowIndex) {
       var _cx2;
 
       var rowId = sectionbody.key + '_' + sectionIndex + '_' + rowIndex;
@@ -115,11 +115,12 @@ var Section = function Section(_ref) {
       return React.createElement(
         TableRow,
         { key: rowId },
-        mapIndexed(function (cell, index) {
+        R.times(function (index) {
           var _cx;
 
-          var value = getValue(labelAccessor)(cell);
-          var flags = R.prop('flags', value);
+          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    
@@ -133,7 +134,7 @@ var Section = function Section(_ref) {
             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.prop('dimension', cell)), _cx)),
+              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',
@@ -159,7 +160,7 @@ var Section = function Section(_ref) {
               )
             )
           );
-        }, R.prop('data', sectionbody)),
+        }, xLayoutDataLength /*R.prop('data', sectionbody)*/),
         React.createElement(
           TableCell,
           {
@@ -185,8 +186,9 @@ var Section = function Section(_ref) {
 
           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) ? '..' : cellValueAccessor(val);
+            return R.isNil(val) ? missingValLabel : cellValueAccessor(val);
           }))(cells), {
             key: intersectionCellId,
             headers: rowIds + ' ' + columnIds + ' ' + currentSection,

package/lib/TableHtml5/TableHtml5.js

@@ -72,12 +72,13 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
 var mapIndexed = R.addIndex(R.map);
 
 var getEnhancedValuesHeaderData = exports.getEnhancedValuesHeaderData = function getEnhancedValuesHeaderData(data) {
-  var colLength = R.pipe(R.pathOr([], [0, 'data']), R.length)(data);
+  var colLength = R.pipe(R.last, R.propOr([], 'data'), R.length)(data);
   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.has('values', cell) ? R.pipe(R.prop('values'), R.pluck('id'), R.join(','))(cell) : R.path(['value', 'id'], cell);
+    R.addIndex(R.forEach)(function (_, rowIndex) {
+      var cell = R.nth(rowIndex, cells) || {};
+      var cellId = R.has('values', cell) ? R.pipe(R.prop('values'), R.pluck('id'), R.join(','))(cell) : R.pathOr('missing' + rowIndex, ['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;
 
@@ -85,9 +86,13 @@ var getEnhancedValuesHeaderData = exports.getEnhancedValuesHeaderData = function
       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);
       } else {
-        acc = R.over(R.lensIndex(rowIndex), R.append(_extends({}, R.pick(['value', 'values'], cell), { key: cellKey, spanCount: 1 })))(acc);
+        acc = R.over(R.lensIndex(rowIndex), R.append(_extends({}, R.pick(['value', 'values'], cell), {
+          key: cellKey,
+          spanCount: 1,
+          isEmpty: R.isEmpty(cell)
+        })))(acc);
       }
-    })(cells);
+    })(acc);
     return acc;
   }, R.times(R.always([]), colLength)))(data);
 };
@@ -152,7 +157,7 @@ var TableHtml5 = function TableHtml5(_ref) {
     };
   }, []);
 
-  var xLayoutData = R.pathOr([], [0, 1, 0, 'data'], sectionsData);
+  var xLayoutData = R.pathOr([], [0, 1, -1, 'data'], sectionsData);
   var xLayoutDataLength = R.length(xLayoutData);
 
   var _useMemo = (0, _react.useMemo)(function () {

package/lib/TableHtml5/header.js

@@ -127,7 +127,7 @@ var Header = function Header(_ref) {
           _react2.default.createElement(
             _Typography2.default,
             { variant: 'body1', className: classes.cellLabelHeader },
-            R.pipe(R.path([0, 'data', index, 'dimension']), labelAccessor)(headerData),
+            R.pipe(R.path([-1, 'data', index, 'dimension']), labelAccessor)(headerData),
             _react2.default.createElement(_flags2.default, {
               HTMLRenderer: HTMLRenderer,
               flags: flags,
@@ -140,7 +140,7 @@ var Header = function Header(_ref) {
       mapIndexed(function (headerItem, idx) {
         var _cx;
 
-        var value = (0, _utils2.getValue)(labelAccessor)(headerItem);
+        var value = headerItem.isEmpty ? { label: '' } : (0, _utils2.getValue)(labelAccessor)(headerItem);
         var flags = R.propOr([], 'flags', value);
         var hierarchySpace = R.pipe(R.propOr([], 'parents'), R.length, R.times(function () {
           return '·';
@@ -188,7 +188,7 @@ var Header = function Header(_ref) {
         );
       }, R.nth(index, valuesHeaderData))
     );
-  }, R.compose(R.length, R.pathOr([], [0, 'data']))(headerData));
+  }, R.compose(R.length, R.pathOr([], [-1, 'data']))(headerData));
 };
 
 Header.propTypes = process.env.NODE_ENV !== "production" ? {

package/lib/TableHtml5/section.js

@@ -147,7 +147,7 @@ var Section = function Section(_ref) {
       HTMLRenderer: HTMLRenderer,
       labelAccessor: labelAccessor
     }),
-    R.addIndex(R.map)(function (sectionbody, rowIndex) {
+    mapIndexed(function (sectionbody, rowIndex) {
       var _cx2;
 
       var rowId = sectionbody.key + '_' + sectionIndex + '_' + rowIndex;
@@ -157,11 +157,12 @@ var Section = function Section(_ref) {
       return _react2.default.createElement(
         _TableRow2.default,
         { key: rowId },
-        mapIndexed(function (cell, index) {
+        R.times(function (index) {
           var _cx;
 
-          var value = (0, _utils2.getValue)(labelAccessor)(cell);
-          var flags = R.prop('flags', value);
+          var cell = R.path(['data', index], sectionbody);
+          var value = R.isNil(cell) ? { label: '' } : (0, _utils2.getValue)(labelAccessor)(cell);
+          var flags = R.propOr([], 'flags', value);
           var id = rowIndex + '_' + rowId + '_' + index;
 
           // special space is used for hierarchy U+2007    
@@ -175,7 +176,7 @@ var Section = function Section(_ref) {
             _TableCell2.default,
             {
               key: id,
-              className: (0, _classnames2.default)(classes.rowTitle, classes.stickyHeader, (_cx = {}, _cx[classes.highlight] = R.prop(rowId)(activeCellIds), _cx[classes.timePeriodCells] = R.is(Function, isNoWrap) && isNoWrap(R.prop('dimension', cell)), _cx)),
+              className: (0, _classnames2.default)(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',
@@ -201,7 +202,7 @@ var Section = function Section(_ref) {
               )
             )
           );
-        }, R.prop('data', sectionbody)),
+        }, xLayoutDataLength /*R.prop('data', sectionbody)*/),
         _react2.default.createElement(
           _TableCell2.default,
           {
@@ -227,8 +228,9 @@ var Section = function Section(_ref) {
 
           var intersectionCellId = rowId + '/' + columnIndex;
           var isActive = R.pipe(R.propOr({}, 'intersectionCellId'), R.equals(intersectionCellId))(activeCellIds);
+          var missingValLabel = item.isEmpty || sectionbody.isEmpty ? '' : '..';
           return _react2.default.createElement(_cell2.default, _extends({}, R.pipe(R.pathOr({ value: null }, [item.key, currentSection, sectionbody.key, 0]), R.over(R.lensProp('value'), function (val) {
-            return R.isNil(val) ? '..' : cellValueAccessor(val);
+            return R.isNil(val) ? missingValLabel : cellValueAccessor(val);
           }))(cells), {
             key: intersectionCellId,
             headers: rowIds + ' ' + columnIds + ' ' + currentSection,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sis-cc/dotstatsuite-visions",
-  "version": "10.8.0",
+  "version": "10.9.0",
   "description": "Library of visual components",
   "author": "OECD",
   "homepage": "https://visions-qa.siscc.org/#o",

package/umd/@sis-cc/dotstatsuite-visions.js

@@ -1,5 +1,5 @@
 /*!
- * @sis-cc/dotstatsuite-visions v10.8.0 - https://visions-qa.siscc.org/#o
+ * @sis-cc/dotstatsuite-visions v10.9.0 - https://visions-qa.siscc.org/#o
  * MIT Licensed
  */
 (function webpackUniversalModuleDefinition(root, factory) {
@@ -6699,7 +6699,7 @@ function removeClassName(el
 /* 121 */
 /***/ (function(module) {
 
-module.exports = {"name":"@sis-cc/dotstatsuite-visions","version":"10.8.0","description":"Library of visual components","author":"OECD","homepage":"https://visions-qa.siscc.org/#o","license":"MIT","repository":"https://gitlab.com/sis-cc/.stat-suite/dotstatsuite-visions","main":"lib/index.js","module":"es/index.js","engines":{"node":">=14"},"files":["css","es","lib","umd"],"scripts":{"build":"nwb build-react-component --copy-files --no-demo && node scripts/doc && nwb build-demo","build:dev":"nwb build-react-component --copy-files --no-demo","clean":"nwb clean-module && nwb clean-demo","prepublishOnly":"npm run build","start":"nwb serve-react-demo","test":"jest","test:watch":"jest --watch --no-cache","lint":"eslint src/ --color","precommit":"lint-staged"},"dependencies":{"@react-hook/size":"^2.1.1","classnames":"^2.2.6","date-fns":"^1.30.1","isemail":"^3.2.0","numeral":"^2.0.6","prop-types":"^15.7.2","ramda":"^0.27.0","react-beautiful-dnd":"^13.0.0","react-draggable":"^4.4.5","react-error-boundary":"^4.0.10","react-virtualized":"^9.21.2"},"peerDependencies":{"@material-ui/core":"^4","@material-ui/icons":"^4","@sis-cc/dotstatsuite-sdmxjs":"^8.x","react":"^18","react-dom":"^18"},"devDependencies":{"@babel/eslint-parser":"^7.5.4","@babel/plugin-syntax-dynamic-import":"^7.2.0","@cfaester/enzyme-adapter-react-18":"^0.7.0","@material-ui/core":"^4","@material-ui/icons":"^4","@sis-cc/dotstatsuite-sdmxjs":"*","@testing-library/jest-dom":"^5.16.5","@testing-library/react":"^14.0.0","babel-jest":"^24.8.0","babel-preset-react-app":"^9.0.0","dox":"^0.9.0","eslint":"^8.39.0","eslint-plugin-import":"^2.27.5","eslint-plugin-jsx-a11y":"^6.7.1","eslint-plugin-prettier":"^4.2.1","eslint-plugin-react":"^7.32.2","eslint-plugin-react-hooks":"^4.6.0","husky":"^2.7.0","identity-obj-proxy":"^3.0.0","jest":"^24.8.0","jss":"^10.10.0","jss-rtl":"^0.2.3","lint-staged":"^8.2.1","mutationobserver-shim":"^0.3.7","nwb":"0.23.0","prettier":"^2.8.8","pretty-quick":"^3.1.3","react":"^18","react-a11y":"^1.1.0","react-dom":"^18","react-helmet":"^5.2.1","react-scrollable-anchor":"^0.6.1","react-syntax-highlighter":"^10.2.1","sanitize-html":"2.7.0","webpack":"^5.68.0","webpack-cli":"^4.9.2","webpack-dev-server":"^4.7.4"},"jest":{"verbose":true,"coverageDirectory":"coverage","collectCoverageFrom":["src/**/*.{js,jsx,ts,tsx}","!src/ScopeList/*.{js,jsx,ts,tsx}","!src/**/*.d.ts"],"setupFilesAfterEnv":["<rootDir>/tests/setup.js"],"testMatch":["**/tests/**/*.{spec,test}.{js,jsx,ts,tsx}","!**/tests/ScopeList.test.js"],"testEnvironment":"jsdom","transform":{"^.+\\.(js|jsx|ts|tsx)$":"<rootDir>/node_modules/babel-jest"},"transformIgnorePatterns":["[/\\\\]node_modules[/\\\\].+\\.(js|jsx|ts|tsx)$","^.+\\.module\\.(css|sass|scss)$"],"modulePaths":[],"moduleNameMapper":{"^react-native$":"react-native-web","^.+\\.module\\.(css|sass|scss)$":"identity-obj-proxy","\\.(jpg|jpeg|png)$":"identity-obj-proxy"},"moduleFileExtensions":["web.js","js","web.ts","ts","web.tsx","tsx","json","web.jsx","jsx","node"]},"babel":{"presets":["react-app"],"plugins":["@babel/plugin-syntax-dynamic-import"]},"eslintConfig":{"env":{"browser":true,"jest":true,"node":true,"es6":true},"extends":["eslint:recommended","plugin:react/recommended","plugin:jsx-a11y/recommended"],"parser":"@babel/eslint-parser","parserOptions":{"babelOptions":{"presets":[["babel-preset-react-app",false],"babel-preset-react-app/test"]},"ecmaFeatures":{"experimentalObjectRestSpread":true,"jsx":true},"sourceType":"module"},"plugins":["prettier","react","import","react-hooks","jsx-a11y"],"rules":{"no-console":"warn","no-unused-vars":"error","react/display-name":"off","react-hooks/rules-of-hooks":"error","react-hooks/exhaustive-deps":"warn","no-use-before-define":"error"}},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"src/**/*.{js,css}":["prettier --write","git add","yarn lint"]},"prettier":{"endOfLine":"lf","useTabs":false,"printWidth":100,"tabWidth":2,"singleQuote":true,"trailingComma":"all","bracketSameLine":false,"bracketSpacing":true,"parser":"babel","semi":true,"arrowParens":"avoid"}};
+module.exports = {"name":"@sis-cc/dotstatsuite-visions","version":"10.9.0","description":"Library of visual components","author":"OECD","homepage":"https://visions-qa.siscc.org/#o","license":"MIT","repository":"https://gitlab.com/sis-cc/.stat-suite/dotstatsuite-visions","main":"lib/index.js","module":"es/index.js","engines":{"node":">=14"},"files":["css","es","lib","umd"],"scripts":{"build":"nwb build-react-component --copy-files --no-demo && node scripts/doc && nwb build-demo","build:dev":"nwb build-react-component --copy-files --no-demo","clean":"nwb clean-module && nwb clean-demo","prepublishOnly":"npm run build","start":"nwb serve-react-demo","test":"jest","test:watch":"jest --watch --no-cache","lint":"eslint src/ --color","precommit":"lint-staged"},"dependencies":{"@react-hook/size":"^2.1.1","classnames":"^2.2.6","date-fns":"^1.30.1","isemail":"^3.2.0","numeral":"^2.0.6","prop-types":"^15.7.2","ramda":"^0.27.0","react-beautiful-dnd":"^13.0.0","react-draggable":"^4.4.5","react-error-boundary":"^4.0.10","react-virtualized":"^9.21.2"},"peerDependencies":{"@material-ui/core":"^4","@material-ui/icons":"^4","@sis-cc/dotstatsuite-sdmxjs":"^8.x","react":"^18","react-dom":"^18"},"devDependencies":{"@babel/eslint-parser":"^7.5.4","@babel/plugin-syntax-dynamic-import":"^7.2.0","@cfaester/enzyme-adapter-react-18":"^0.7.0","@material-ui/core":"^4","@material-ui/icons":"^4","@sis-cc/dotstatsuite-sdmxjs":"*","@testing-library/jest-dom":"^5.16.5","@testing-library/react":"^14.0.0","babel-jest":"^24.8.0","babel-preset-react-app":"^9.0.0","dox":"^0.9.0","eslint":"^8.39.0","eslint-plugin-import":"^2.27.5","eslint-plugin-jsx-a11y":"^6.7.1","eslint-plugin-prettier":"^4.2.1","eslint-plugin-react":"^7.32.2","eslint-plugin-react-hooks":"^4.6.0","husky":"^2.7.0","identity-obj-proxy":"^3.0.0","jest":"^24.8.0","jss":"^10.10.0","jss-rtl":"^0.2.3","lint-staged":"^8.2.1","mutationobserver-shim":"^0.3.7","nwb":"0.23.0","prettier":"^2.8.8","pretty-quick":"^3.1.3","react":"^18","react-a11y":"^1.1.0","react-dom":"^18","react-helmet":"^5.2.1","react-scrollable-anchor":"^0.6.1","react-syntax-highlighter":"^10.2.1","sanitize-html":"2.7.0","webpack":"^5.68.0","webpack-cli":"^4.9.2","webpack-dev-server":"^4.7.4"},"jest":{"verbose":true,"coverageDirectory":"coverage","collectCoverageFrom":["src/**/*.{js,jsx,ts,tsx}","!src/ScopeList/*.{js,jsx,ts,tsx}","!src/**/*.d.ts"],"setupFilesAfterEnv":["<rootDir>/tests/setup.js"],"testMatch":["**/tests/**/*.{spec,test}.{js,jsx,ts,tsx}","!**/tests/ScopeList.test.js"],"testEnvironment":"jsdom","transform":{"^.+\\.(js|jsx|ts|tsx)$":"<rootDir>/node_modules/babel-jest"},"transformIgnorePatterns":["[/\\\\]node_modules[/\\\\].+\\.(js|jsx|ts|tsx)$","^.+\\.module\\.(css|sass|scss)$"],"modulePaths":[],"moduleNameMapper":{"^react-native$":"react-native-web","^.+\\.module\\.(css|sass|scss)$":"identity-obj-proxy","\\.(jpg|jpeg|png)$":"identity-obj-proxy"},"moduleFileExtensions":["web.js","js","web.ts","ts","web.tsx","tsx","json","web.jsx","jsx","node"]},"babel":{"presets":["react-app"],"plugins":["@babel/plugin-syntax-dynamic-import"]},"eslintConfig":{"env":{"browser":true,"jest":true,"node":true,"es6":true},"extends":["eslint:recommended","plugin:react/recommended","plugin:jsx-a11y/recommended"],"parser":"@babel/eslint-parser","parserOptions":{"babelOptions":{"presets":[["babel-preset-react-app",false],"babel-preset-react-app/test"]},"ecmaFeatures":{"experimentalObjectRestSpread":true,"jsx":true},"sourceType":"module"},"plugins":["prettier","react","import","react-hooks","jsx-a11y"],"rules":{"no-console":"warn","no-unused-vars":"error","react/display-name":"off","react-hooks/rules-of-hooks":"error","react-hooks/exhaustive-deps":"warn","no-use-before-define":"error"}},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"src/**/*.{js,css}":["prettier --write","git add","yarn lint"]},"prettier":{"endOfLine":"lf","useTabs":false,"printWidth":100,"tabWidth":2,"singleQuote":true,"trailingComma":"all","bracketSameLine":false,"bracketSpacing":true,"parser":"babel","semi":true,"arrowParens":"avoid"}};
 
 /***/ }),
 /* 122 */
@@ -50119,7 +50119,7 @@ _curry1(function lensIndex(n) {
  *      const greet = R.replace('{name}', R.__, 'Hello, {name}!');
  *      greet('Alice'); //=> 'Hello, Alice!'
  */
-/* harmony default export */ var _ = ({
+/* harmony default export */ var es_ = ({
   '@@functional/placeholder': true
 });
 // CONCATENATED MODULE: ./node_modules/ramda/es/times.js
@@ -51446,7 +51446,7 @@ var PeriodPicker_Period = function Period(_ref) {
       var fn = es_prop(getter)({ start: es_head, end: es_last });
       var lensIndex = es_prop(getter)({ start: es_lensIndex(0), end: es_lensIndex(1) });
       var dateValue = getPeriodValue(fn(destructuringDates));
-      var selectedValue = es_ifElse(isValidNumber, es_assoc(id, _, {}), es_always(undefined))(Number(value));
+      var selectedValue = es_ifElse(isValidNumber, es_assoc(id, es_, {}), es_always(undefined))(Number(value));
       var newDate = lib_getDate(frequency, dateValue, selectedValue, getter === 'end');
       if (es_is(Function, changePeriod)) {
         return changePeriod(pipe(es_set(lensIndex, newDate), function (_ref2) {
@@ -53722,7 +53722,7 @@ var header_Header = function Header(_ref) {
           react_default.a.createElement(
             esm_Typography_Typography,
             { variant: 'body1', className: classes.cellLabelHeader },
-            pipe(es_path([0, 'data', index, 'dimension']), labelAccessor)(headerData),
+            pipe(es_path([-1, 'data', index, 'dimension']), labelAccessor)(headerData),
             react_default.a.createElement(TableHtml5_flags, {
               HTMLRenderer: HTMLRenderer,
               flags: flags,
@@ -53735,7 +53735,7 @@ var header_Header = function Header(_ref) {
       header_mapIndexed(function (headerItem, idx) {
         var _cx;
 
-        var value = TableHtml5_utils_getValue(labelAccessor)(headerItem);
+        var value = headerItem.isEmpty ? { label: '' } : TableHtml5_utils_getValue(labelAccessor)(headerItem);
         var flags = es_propOr([], 'flags', value);
         var hierarchySpace = pipe(es_propOr([], 'parents'), es_length, es_times(function () {
           return '·';
@@ -53783,7 +53783,7 @@ var header_Header = function Header(_ref) {
         );
       }, es_nth(index, valuesHeaderData))
     );
-  }, compose(es_length, es_pathOr([], [0, 'data']))(headerData));
+  }, compose(es_length, es_pathOr([], [-1, 'data']))(headerData));
 };
 
 header_Header.propTypes = {
@@ -54397,7 +54397,7 @@ var section_Section = function Section(_ref) {
       HTMLRenderer: HTMLRenderer,
       labelAccessor: labelAccessor
     }),
-    es_addIndex(es_map)(function (sectionbody, rowIndex) {
+    section_mapIndexed(function (sectionbody, rowIndex) {
       var _cx2;
 
       var rowId = sectionbody.key + '_' + sectionIndex + '_' + rowIndex;
@@ -54407,11 +54407,12 @@ var section_Section = function Section(_ref) {
       return react_default.a.createElement(
         esm_TableRow_TableRow,
         { key: rowId },
-        section_mapIndexed(function (cell, index) {
+        es_times(function (index) {
           var _cx;
 
-          var value = TableHtml5_utils_getValue(labelAccessor)(cell);
-          var flags = es_prop('flags', value);
+          var cell = es_path(['data', index], sectionbody);
+          var value = es_isNil(cell) ? { label: '' } : TableHtml5_utils_getValue(labelAccessor)(cell);
+          var flags = es_propOr([], 'flags', value);
           var id = rowIndex + '_' + rowId + '_' + index;
 
           // special space is used for hierarchy U+2007 &#8199; &numsp;
@@ -54425,7 +54426,7 @@ var section_Section = function Section(_ref) {
             esm_TableCell_TableCell,
             {
               key: id,
-              className: classnames_default()(classes.rowTitle, classes.stickyHeader, (_cx = {}, _cx[classes.highlight] = es_prop(rowId)(activeCellIds), _cx[classes.timePeriodCells] = es_is(Function, isNoWrap) && isNoWrap(es_prop('dimension', cell)), _cx)),
+              className: classnames_default()(classes.rowTitle, classes.stickyHeader, (_cx = {}, _cx[classes.highlight] = es_prop(rowId)(activeCellIds), _cx[classes.timePeriodCells] = es_is(Function, isNoWrap) && isNoWrap(es_propOr({}, 'dimension', cell)), _cx)),
               id: id,
               headers: 'subHeader_' + index + ' ' + currentSection,
               component: 'th',
@@ -54451,7 +54452,7 @@ var section_Section = function Section(_ref) {
               )
             )
           );
-        }, es_prop('data', sectionbody)),
+        }, xLayoutDataLength /*R.prop('data', sectionbody)*/),
         react_default.a.createElement(
           esm_TableCell_TableCell,
           {
@@ -54477,8 +54478,9 @@ var section_Section = function Section(_ref) {
 
           var intersectionCellId = rowId + '/' + columnIndex;
           var isActive = pipe(es_propOr({}, 'intersectionCellId'), es_equals(intersectionCellId))(activeCellIds);
+          var missingValLabel = item.isEmpty || sectionbody.isEmpty ? '' : '..';
           return react_default.a.createElement(TableHtml5_cell, section_extends({}, pipe(es_pathOr({ value: null }, [item.key, currentSection, sectionbody.key, 0]), es_over(es_lensProp('value'), function (val) {
-            return es_isNil(val) ? '..' : cellValueAccessor(val);
+            return es_isNil(val) ? missingValLabel : cellValueAccessor(val);
           }))(cells), {
             key: intersectionCellId,
             headers: rowIds + ' ' + columnIds + ' ' + currentSection,
@@ -54565,12 +54567,13 @@ var TableHtml5_useStyles = styles_makeStyles(function (theme) {
 var TableHtml5_mapIndexed = es_addIndex(es_map);
 
 var TableHtml5_getEnhancedValuesHeaderData = function getEnhancedValuesHeaderData(data) {
-  var colLength = pipe(es_pathOr([], [0, 'data']), es_length)(data);
+  var colLength = pipe(es_last, es_propOr([], 'data'), es_length)(data);
   return pipe(es_pluck('data'),
   // mix merge and transpose for performance
   es_reduce(function (acc, cells) {
-    es_addIndex(es_forEach)(function (cell, rowIndex) {
-      var cellId = es_has('values', cell) ? pipe(es_prop('values'), es_pluck('id'), es_join(','))(cell) : es_path(['value', 'id'], cell);
+    es_addIndex(es_forEach)(function (_, rowIndex) {
+      var cell = es_nth(rowIndex, cells) || {};
+      var cellId = es_has('values', cell) ? pipe(es_prop('values'), es_pluck('id'), es_join(','))(cell) : es_pathOr('missing' + rowIndex, ['value', 'id'], cell);
       var topCell = rowIndex > 0 ? pipe(es_nth(rowIndex - 1), es_last)(acc) : null;
       var cellKey = es_isNil(topCell) ? cellId : topCell.key + '-' + cellId;
 
@@ -54578,9 +54581,13 @@ var TableHtml5_getEnhancedValuesHeaderData = function getEnhancedValuesHeaderDat
       if (es_prop('key', leftCell) === cellKey && rowIndex !== colLength - 1) {
         acc = es_over(es_lensIndex(rowIndex), es_over(es_lensIndex(-1), es_evolve({ spanCount: es_add(1) })))(acc);
       } else {
-        acc = es_over(es_lensIndex(rowIndex), es_append(TableHtml5_extends({}, es_pick(['value', 'values'], cell), { key: cellKey, spanCount: 1 })))(acc);
+        acc = es_over(es_lensIndex(rowIndex), es_append(TableHtml5_extends({}, es_pick(['value', 'values'], cell), {
+          key: cellKey,
+          spanCount: 1,
+          isEmpty: es_isEmpty(cell)
+        })))(acc);
       }
-    })(cells);
+    })(acc);
     return acc;
   }, es_times(es_always([]), colLength)))(data);
 };
@@ -54645,7 +54652,7 @@ var TableHtml5_TableHtml5 = function TableHtml5(_ref) {
     };
   }, []);
 
-  var xLayoutData = es_pathOr([], [0, 1, 0, 'data'], sectionsData);
+  var xLayoutData = es_pathOr([], [0, 1, -1, 'data'], sectionsData);
   var xLayoutDataLength = es_length(xLayoutData);
 
   var _useMemo = Object(react["useMemo"])(function () {