@sis-cc/dotstatsuite-visions 6.6.4 → 7.1.0

package/lib/TableHtml5/cell.js

@@ -32,6 +32,10 @@ var _Link = require('@material-ui/core/Link');
 
 var _Link2 = _interopRequireDefault(_Link);
 
+var _sideIcon = require('./sideIcon');
+
+var _sideIcon2 = _interopRequireDefault(_sideIcon);
+
 var _flags = require('./flags');
 
 var _flags2 = _interopRequireDefault(_flags);
@@ -79,7 +83,9 @@ var Cell = function Cell(_ref) {
       cellHandler = _ref.cellHandler,
       activeCellHandler = _ref.activeCellHandler,
       isActive = _ref.isActive,
-      isHighlight = _ref.isHighlight;
+      isHighlight = _ref.isHighlight,
+      sideProps = _ref.sideProps,
+      sideToggle = _ref.sideToggle;
 
   var classes = useStyles();
   var hasFlag = R.not(R.isEmpty(flags));
@@ -112,6 +118,7 @@ var Cell = function Cell(_ref) {
       _react2.default.createElement(
         _Typography2.default,
         { variant: 'body1', tabIndex: 0, noWrap: hasFlag },
+        _react2.default.createElement(_sideIcon2.default, { sideProps: sideProps, sideToggle: sideToggle }),
         hasFlag && _react2.default.createElement(_flags2.default, { flags: flags }),
         uiValue
       )
@@ -128,7 +135,9 @@ Cell.propTypes = process.env.NODE_ENV !== "production" ? {
   cellHandler: _propTypes2.default.func,
   isActive: _propTypes2.default.bool,
   isHighlight: _propTypes2.default.bool,
-  activeCellHandler: _propTypes2.default.func
+  activeCellHandler: _propTypes2.default.func,
+  sideProps: _propTypes2.default.object,
+  sideToggle: _propTypes2.default.func
 } : {};
 
 exports.default = Cell;

package/lib/TableHtml5/flags.js

@@ -52,6 +52,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       borderColor: 'inherit',
       margin: theme.spacing(0, 0.5),
       whiteSpace: 'nowrap',
+      display: 'inline',
       fontWeight: 'bold',
       fontStyle: 'normal',
       textTransform: 'uppercase'
@@ -114,6 +115,7 @@ var Flags = function Flags(_ref) {
       hasUncoded && _react2.default.createElement(
         _react.Fragment,
         null,
+        '\xA0',
         _react2.default.createElement(_.Asterisk, { className: classes.svg, style: { fontSize: 11 } }),
         _react2.default.createElement(
           _Typography2.default,

package/lib/TableHtml5/section.js

@@ -46,6 +46,10 @@ var _cell = require('./cell');
 
 var _cell2 = _interopRequireDefault(_cell);
 
+var _sideIcon = require('./sideIcon');
+
+var _sideIcon2 = _interopRequireDefault(_sideIcon);
+
 var _utils = require('../utils');
 
 var _flags = require('./flags');
@@ -112,6 +116,8 @@ var Section = function Section(_ref) {
       headerHeight = _ref.headerHeight,
       sectionIndex = _ref.sectionIndex,
       nbColumnsByRows = _ref.nbColumnsByRows,
+      sideToggle = _ref.sideToggle,
+      selectedSideCoord = _ref.selectedSideCoord,
       subHeadCellsWidth = _ref.subHeadCellsWidth;
 
   var classes = useStyles();
@@ -129,7 +135,9 @@ var Section = function Section(_ref) {
       section: section,
       currentSection: currentSection,
       xLayoutDataLength: xLayoutDataLength,
-      headerHeight: headerHeight
+      headerHeight: headerHeight,
+      sideToggle: sideToggle,
+      selectedSideCoord: selectedSideCoord
     }),
     R.map(function (sectionbody) {
       var _cx2;
@@ -190,6 +198,11 @@ var Section = function Section(_ref) {
           _react2.default.createElement(
             'div',
             { className: classes.flagContainer },
+            _react2.default.createElement(_sideIcon2.default, {
+              sideProps: R.prop('sideProps', sectionbody),
+              sideToggle: sideToggle,
+              selectedSideCoord: selectedSideCoord
+            }),
             _react2.default.createElement(_flags2.default, { flags: R.prop('flags', sectionbody) })
           )
         ),
@@ -206,6 +219,7 @@ var Section = function Section(_ref) {
           }, R.pathOr({ value: '..' }, [item.key, currentSection, sectionbody.key, 0], cells), {
             headers: rowIds + ' ' + columnIds + ' ' + currentSection,
             cellHandler: cellHandler,
+            sideToggle: sideToggle,
             isActive: isActive,
             isHighlight: R.any(R.identity)([R.prop(rowId)(activeCellIds), R.prop(columnIndex)(activeCellIds)]),
             activeCellHandler: R.is(Function)(activeCellHandler) ? function () {
@@ -233,6 +247,8 @@ Section.propTypes = process.env.NODE_ENV !== "production" ? {
   headerNumberRows: _propTypes2.default.number,
   nbColumnsByRows: _propTypes2.default.array,
   maxColumns: _propTypes2.default.number,
+  sideToggle: _propTypes2.default.func,
+  selectedSideCoord: _propTypes2.default.object,
   subHeadCellsWidth: _propTypes2.default.arrayOf(_propTypes2.default.number)
 } : {};
 

package/lib/TableHtml5/sectionHeader.js

@@ -34,6 +34,10 @@ var _TableRow = require('@material-ui/core/TableRow');
 
 var _TableRow2 = _interopRequireDefault(_TableRow);
 
+var _sideIcon = require('./sideIcon');
+
+var _sideIcon2 = _interopRequireDefault(_sideIcon);
+
 var _flags = require('./flags');
 
 var _flags2 = _interopRequireDefault(_flags);
@@ -74,9 +78,6 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
     containerTextSection: {
       display: 'flex',
       alignItems: 'center'
-    },
-    flag: {
-      height: 0
     }
   };
 });
@@ -87,7 +88,9 @@ var SectionHeader = function SectionHeader(_ref) {
       section = _ref.section,
       currentSection = _ref.currentSection,
       xLayoutDataLength = _ref.xLayoutDataLength,
-      headerHeight = _ref.headerHeight;
+      headerHeight = _ref.headerHeight,
+      sideToggle = _ref.sideToggle,
+      selectedSideCoord = _ref.selectedSideCoord;
 
   var classes = useStyles();
   if (R.compose(R.anyPass([R.isNil, R.isEmpty]), R.path([0, 'data']))(section)) return null;
@@ -141,7 +144,12 @@ var SectionHeader = function SectionHeader(_ref) {
         ),
         _react2.default.createElement(
           'div',
-          { className: classes.flag },
+          null,
+          _react2.default.createElement(_sideIcon2.default, {
+            sideProps: R.path([0, 'sideProps'], section),
+            sideToggle: sideToggle,
+            selectedSideCoord: selectedSideCoord
+          }),
           _react2.default.createElement(_flags2.default, { flags: R.path([0, 'flags'], section) })
         )
       )
@@ -154,7 +162,9 @@ SectionHeader.propTypes = process.env.NODE_ENV !== "production" ? {
   section: _propTypes2.default.array,
   currentSection: _propTypes2.default.string,
   xLayoutDataLength: _propTypes2.default.number,
-  headerHeight: _propTypes2.default.number
+  headerHeight: _propTypes2.default.number,
+  sideToggle: _propTypes2.default.func,
+  selectedSideCoord: _propTypes2.default.object
 } : {};
 
 exports.default = SectionHeader;

package/lib/TableHtml5/sideIcon.js

@@ -0,0 +1,46 @@
+'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 _InfoIcon = require('../InfoIcon/InfoIcon');
+
+var _InfoIcon2 = _interopRequireDefault(_InfoIcon);
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var SideIcon = function SideIcon(_ref) {
+  var sideProps = _ref.sideProps,
+      sideToggle = _ref.sideToggle,
+      selectedSideCoord = _ref.selectedSideCoord;
+
+  if (R.isNil(sideProps) || !R.is(Function, sideToggle)) {
+    return null;
+  }
+  var isSelected = R.equals(sideProps.coordinates, selectedSideCoord);
+  return _react2.default.createElement(_InfoIcon2.default, { onClick: function onClick() {
+      return sideToggle(sideProps);
+    }, isSelected: isSelected });
+};
+
+SideIcon.propTypes = process.env.NODE_ENV !== "production" ? {
+  selectedSideCoord: _propTypes2.default.object,
+  sideProps: _propTypes2.default.object,
+  sideToggle: _propTypes2.default.func
+} : {};
+
+exports.default = SideIcon;
+module.exports = exports['default'];

package/lib/TableHtml5/subHeader.js

@@ -38,6 +38,10 @@ var _flags = require('./flags');
 
 var _flags2 = _interopRequireDefault(_flags);
 
+var _sideIcon = require('./sideIcon');
+
+var _sideIcon2 = _interopRequireDefault(_sideIcon);
+
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -83,7 +87,9 @@ var SubHeader = _react2.default.forwardRef(function (_ref, refs) {
   var headerData = _ref.headerData,
       xLayoutData = _ref.xLayoutData,
       activeCellIds = _ref.activeCellIds,
-      subHeadCellsWidth = _ref.subHeadCellsWidth;
+      subHeadCellsWidth = _ref.subHeadCellsWidth,
+      sideToggle = _ref.sideToggle,
+      selectedSideCoord = _ref.selectedSideCoord;
 
   var classes = useStyles();
   var theme = (0, _styles.useTheme)();
@@ -129,6 +135,11 @@ var SubHeader = _react2.default.forwardRef(function (_ref, refs) {
           key: index,
           className: (0, _classnames2.default)(classes.fillerCell, (_cx = {}, _cx[classes.highlight] = R.prop(index)(activeCellIds), _cx))
         },
+        _react2.default.createElement(_sideIcon2.default, {
+          sideProps: R.prop('sideProps', item),
+          sideToggle: sideToggle,
+          selectedSideCoord: selectedSideCoord
+        }),
         _react2.default.createElement(_flags2.default, { flags: R.prop('flags', item) })
       );
     }, headerData)
@@ -139,6 +150,8 @@ SubHeader.propTypes = process.env.NODE_ENV !== "production" ? {
   activeCellIds: _propTypes2.default.object,
   headerData: _propTypes2.default.array,
   xLayoutData: _propTypes2.default.array,
+  sideToggle: _propTypes2.default.func,
+  selectedSideCoord: _propTypes2.default.object,
   subHeadCellsWidth: _propTypes2.default.arrayOf(_propTypes2.default.number)
 } : {};
 

package/lib/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
 exports.__esModule = true;
-exports.T4_BREAKPOINTS = exports.innerPalette = exports.sisccTheme = exports.AuthDialog = exports.VerticalButton = exports.Tooltip = exports.ToggleButton = exports.Tag = exports.TablePreview = exports.TableLayout = exports.Cell = exports.TableHtml5 = exports.TableHeader = exports.TableFooter = exports.Table = exports.Spotlight = exports.SisccFooter = exports.Share = exports.Select = exports.ScopeList = exports.reduceChildren = exports.spotlightScopeListEngine = exports.PeriodPicker = exports.Pagination = exports.NoData = exports.Logo = exports.Loading = exports.LabelDivider = exports.InputNumber = exports.Input = exports.ExpansionPanel = exports.DataFooter = exports.DataHeader = exports.Dataflow = exports.DataEdit = exports.CollapseButtons = exports.Chips = exports.ChartsConfig = exports.Button = exports.Breadcrumbs = exports.ApiQueries = exports.Alert = undefined;
+exports.T4_BREAKPOINTS = exports.innerPalette = exports.sisccTheme = exports.AuthDialog = exports.VerticalButton = exports.Tooltip = exports.ToggleButton = exports.Tag = exports.TablePreview = exports.TableLayout = exports.Cell = exports.TableHtml5 = exports.TableHeader = exports.TableFooter = exports.Spotlight = exports.SisccFooter = exports.Share = exports.Select = exports.ScopeList = exports.reduceChildren = exports.spotlightScopeListEngine = exports.PeriodPicker = exports.Pagination = exports.NoData = exports.Logo = exports.Loading = exports.LabelDivider = exports.InputNumber = exports.Input = exports.ExpansionPanel = exports.DataFooter = exports.DataHeader = exports.Dataflow = exports.DataEdit = exports.CollapsibleTree = exports.CollapseButtons = exports.Chips = exports.ChartsConfig = exports.Button = exports.Breadcrumbs = exports.ApiQueries = exports.Alert = undefined;
 
 var _Alert = require('./Alert');
 
@@ -66,6 +66,15 @@ Object.defineProperty(exports, 'CollapseButtons', {
   }
 });
 
+var _CollapsibleTree = require('./CollapsibleTree');
+
+Object.defineProperty(exports, 'CollapsibleTree', {
+  enumerable: true,
+  get: function get() {
+    return _interopRequireDefault(_CollapsibleTree).default;
+  }
+});
+
 var _DataEdit = require('./DataEdit');
 
 Object.defineProperty(exports, 'DataEdit', {
@@ -255,15 +264,6 @@ Object.defineProperty(exports, 'Spotlight', {
   }
 });
 
-var _Table = require('./Table');
-
-Object.defineProperty(exports, 'Table', {
-  enumerable: true,
-  get: function get() {
-    return _interopRequireDefault(_Table).default;
-  }
-});
-
 var _TableFooter = require('./TableFooter');
 
 Object.defineProperty(exports, 'TableFooter', {

package/lib/theme.js

@@ -218,6 +218,19 @@ var sisccTheme = exports.sisccTheme = function sisccTheme(_ref) {
           fontFamily: "'Roboto Slab', serif"
         }
       },
+      collapsibleTree: {
+        title: {
+          fontSize: 17,
+          fontFamily: "'PT Sans Narrow', 'Helvetica Neue', Helvetica, Arial, sans-serif",
+          color: outerPalette.textLight || innerPalette.textLight
+        },
+        buttonSublevel: {
+          color: outerPalette.textLight || innerPalette.textLight,
+          fontSize: 14,
+          fontWeight: 700,
+          fontFamily: "'PT Sans Narrow', 'Helvetica Neue', Helvetica, Arial, sans-serif"
+        }
+      },
       dataEdit: {
         root: {
           fontWeight: 400,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sis-cc/dotstatsuite-visions",
-  "version": "6.6.4",
+  "version": "7.1.0",
   "description": "Library of visual components",
   "author": "OECD",
   "homepage": "https://visions-qa.siscc.org/#o",
@@ -35,17 +35,13 @@
     "@react-hook/size": "^2.1.1",
     "classnames": "^2.2.6",
     "date-fns": "^1.30.1",
-    "glamor": "^2.20.40",
-    "glamorous": "^5.0.0",
     "numeral": "^2.0.6",
     "prop-types": "^15.7.2",
-    "ramda": "^0.26.1",
+    "ramda": "^0.27.0",
     "react": "^16.13.0",
     "react-beautiful-dnd": "^13.0.0",
     "react-dom": "^16.8.6",
     "react-router-dom": "^5.0.1",
-    "react-select": "^2.0.0",
-    "react-sizeme": "^2.6.12",
     "react-virtualized": "^9.21.2",
     "recompose": "^0.30.0"
   },
@@ -82,7 +78,10 @@
     "react-a11y": "^1.1.0",
     "react-helmet": "^5.2.1",
     "react-scrollable-anchor": "^0.6.1",
-    "react-syntax-highlighter": "^10.2.1"
+    "react-syntax-highlighter": "^10.2.1",
+    "webpack": "^5.68.0",
+    "webpack-cli": "^4.9.2",
+    "webpack-dev-server": "^4.7.4"
   },
   "jest": {
     "verbose": true,

package/es/Table/Table.js

@@ -1,170 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import * as R from 'ramda';
-import Header from './header';
-import RowHeader from './row-header';
-import SectionHeader from './section-header';
-import SectionRows from './section-rows';
-import TableCell from './tableCell';
-import { Table as StyledTable } from './styles';
-
-var HEADER = 'HEADER';
-var ROW_HEADER = 'ROW_HEADER';
-
-var updatedHeights = function updatedHeights(headerYOffsets) {
-  return R.pipe(R.length, R.times(R.always(0)), R.addIndex(R.map)(function (zero, index) {
-    return R.isNil(R.nth(index)(headerYOffsets)) ? zero : R.nth(index)(headerYOffsets);
-  }));
-};
-
-var Table = function Table(_ref) {
-  var _React$useState2;
-
-  var _ref$sectionsData = _ref.sectionsData,
-      sectionsData = _ref$sectionsData === undefined ? [] : _ref$sectionsData,
-      _ref$headerData = _ref.headerData,
-      headerData = _ref$headerData === undefined ? [] : _ref$headerData,
-      _ref$cells = _ref.cells,
-      cells = _ref$cells === undefined ? {} : _ref$cells,
-      isRtl = _ref.isRtl,
-      cellHandler = _ref.cellHandler,
-      cellValueAccessor = _ref.cellValueAccessor,
-      activeCellIds = _ref.activeCellIds,
-      activeCellHandler = _ref.activeCellHandler;
-
-  var _React$useState = React.useState((_React$useState2 = {}, _React$useState2[HEADER] = [0], _React$useState2[ROW_HEADER] = [0], _React$useState2)),
-      yOffsets = _React$useState[0],
-      setYOffsets = _React$useState[1];
-
-  var _React$useMemo = React.useMemo(function () {
-    var xLayoutData = R.pathOr([], [0, 1, 0, 'data'], sectionsData);
-    var xColumnCount = R.pipe(R.length, R.inc)(xLayoutData);
-    var yColumnCount = R.length(headerData);
-    var columnCount = R.add(xColumnCount, yColumnCount);
-    var yOffsetRowHeader = 0;
-    var yOffsetSectionHeader = R.inc(yOffsetRowHeader);
-    var msGridRowOffsetFactory = function msGridRowOffsetFactory(sectionIndex) {
-      return R.sum([R.inc(yOffsetSectionHeader), sectionIndex, R.pipe(R.take(sectionIndex), R.reduce(R.useWith(R.add, [R.identity, R.pipe(R.last, R.length)]), 0))(sectionsData)]);
-    };
-
-    return {
-      transposedHeaderData: R.pipe(R.pluck('data'), R.map(R.reduce(function (acc, cell) {
-        var previousCell = R.last(acc);
-        var previousCellKey = R.prop('key', previousCell);
-        var valueId = R.path(['value', 'id'], cell);
-        var cellKey = R.isNil(previousCellKey) ? valueId : previousCellKey + '-' + valueId;
-        return R.append(R.assoc('key', cellKey, cell), acc);
-      }, [])), R.transpose)(headerData),
-      xLayoutData: xLayoutData,
-      xColumnCount: xColumnCount,
-      yColumnCount: yColumnCount,
-      columnCount: columnCount,
-      yOffsetRowHeader: yOffsetRowHeader,
-      yOffsetSectionHeader: yOffsetSectionHeader,
-      msGridRowOffsetFactory: msGridRowOffsetFactory
-    };
-  }, [headerData, sectionsData]),
-      transposedHeaderData = _React$useMemo.transposedHeaderData,
-      xLayoutData = _React$useMemo.xLayoutData,
-      columnCount = _React$useMemo.columnCount,
-      xColumnCount = _React$useMemo.xColumnCount,
-      yColumnCount = _React$useMemo.yColumnCount,
-      yOffsetRowHeader = _React$useMemo.yOffsetRowHeader,
-      yOffsetSectionHeader = _React$useMemo.yOffsetSectionHeader,
-      msGridRowOffsetFactory = _React$useMemo.msGridRowOffsetFactory;
-
-  // Hooks before
-
-
-  var isSingleObs = R.hasPath(['', '', '', 0], cells);
-  if (isSingleObs) return React.createElement(TableCell, { cell: R.pathOr({}, ['', '', '', 0], cells), cellHandler: cellHandler });
-
-  // Utility funcs
-  var getYOffset = function getYOffset(index) {
-    return R.pipe(R.prop(HEADER), R.slice(0, index), R.sum)(yOffsets);
-  };
-
-  var getSubHeaderOffset = function getSubHeaderOffset(headerData) {
-    return function (index) {
-      var lengthHeader = R.length(headerData);
-      return R.add(R.pipe(R.prop(HEADER), R.slice(0, lengthHeader), R.sum)(yOffsets), R.pipe(R.prop(ROW_HEADER), R.slice(0, index), R.sum)(yOffsets));
-    };
-  };
-
-  var onYVectorSize = function onYVectorSize(label, headerData) {
-    return function (index) {
-      return function (_ref2) {
-        var _R$mergeRight;
-
-        var height = _ref2.height;
-
-        var newYOffsets = R.equals(label, HEADER) ? updatedHeights(R.prop(HEADER)(yOffsets))(headerData) : R.prop(label)(yOffsets);
-        setYOffsets(R.mergeRight(yOffsets, (_R$mergeRight = {}, _R$mergeRight[label] = R.update(index, height)(newYOffsets), _R$mergeRight)));
-      };
-    };
-  };
-
-  return React.createElement(
-    StyledTable,
-    { columnCount: columnCount, xColumnCount: xColumnCount },
-    React.createElement(Header, {
-      data: transposedHeaderData,
-      xColumnCount: xColumnCount,
-      onYVectorSize: onYVectorSize(HEADER, transposedHeaderData),
-      getYOffset: getYOffset
-    }),
-    React.createElement(RowHeader, {
-      data: xLayoutData,
-      headerData: headerData,
-      onYVectorSize: onYVectorSize(ROW_HEADER),
-      getYOffset: getSubHeaderOffset(transposedHeaderData),
-      yOffset: yOffsetRowHeader,
-      activeCellIds: activeCellIds
-    }),
-    R.addIndex(R.map)(function (_ref3, sectionIndex) {
-      var sectionHeaderData = _ref3[0],
-          sectionRowsData = _ref3[1];
-
-      var msGridRowOffset = msGridRowOffsetFactory(sectionIndex);
-
-      return React.createElement(
-        React.Fragment,
-        { key: 'section-' + sectionIndex },
-        React.createElement(SectionHeader, {
-          columnCount: columnCount,
-          section: sectionHeaderData,
-          yOffset: getSubHeaderOffset(transposedHeaderData)(yOffsetSectionHeader),
-          msGridRow: msGridRowOffset,
-          isRtl: isRtl
-        }),
-        React.createElement(SectionRows, {
-          data: sectionRowsData,
-          headerData: headerData,
-          cells: cells,
-          cellHandler: cellHandler,
-          cellValueAccessor: cellValueAccessor,
-          activeCellIds: activeCellIds,
-          activeCellHandler: activeCellHandler,
-          sectionData: sectionHeaderData,
-          yColumnCount: yColumnCount,
-          xColumnCount: xColumnCount,
-          yOffset: yOffsetRowHeader,
-          msGridRowOffset: msGridRowOffset
-        })
-      );
-    }, sectionsData)
-  );
-};
-
-Table.propTypes = process.env.NODE_ENV !== "production" ? {
-  headerData: PropTypes.array.isRequired,
-  sectionsData: PropTypes.array.isRequired,
-  cells: PropTypes.object.isRequired,
-  cellHandler: PropTypes.func,
-  cellValueAccessor: PropTypes.func,
-  activeCellHandler: PropTypes.func,
-  activeCellIds: PropTypes.object,
-  isRtl: PropTypes.bool
-} : {};
-
-export default Table;

package/es/Table/header.js

@@ -1,91 +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 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: {
-      backgroundColor: theme.palette.primary.main,
-      color: theme.palette.getContrastText(theme.palette.primary.main),
-      '& span': {
-        color: theme.palette.getContrastText(theme.palette.primary.main),
-        borderColor: theme.palette.getContrastText(theme.palette.primary.main)
-      }
-    }
-  };
-});
-
-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);
-}, []);
-
-var Header = function Header(_ref) {
-  var data = _ref.data,
-      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 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

@@ -1,56 +0,0 @@
-/**
- * Table to display SDMX data.
- *
- * @memberOf VISIONS
- * @name Table
- * @tag component
- * @api public
- * @demoReady
- * @props
- * Table.propTypes = {
- *   cells: PropTypes.object,
- *   headerData: PropTypes.array,
- *   sectionsData: PropTypes.array,
- *   cellHandler: PropTypes.func,
- *   activeCellHandler: PropTypes.func,
- *   activeCellIds: PropTypes.object,
- * };
- * @theme
- * {
- *   palette: {
- *     primary: {
- *       main: // background color header and hover/active cell borders. global override: outerPalette.primaryMain
- *     },
- *     secondary: {
- *       light: // used is tertiary is null
- *       dark: // used is tertiary is null
- *     },
- *     tertiary: {
- *       light: // background color row header and row labels,
- *       dark: // background color section,
- *     },
- *     common: {
- *       white: // background color cells
- *     },
- *     grey: {
- *       'A700': // label color section, label row header, cells label color. globale override: outerPalette.textDark
- *       200: // background color between row label and row values
- *     },
- *   },
- *   mixins: {
- *     table: {
- *       cellHighlight: {
- *         backgroundColor: // background color of the cell on click
- *       },
- *       flag: { // see usecase #7 flags
- *         fontFamily: "'PT Sans Narrow', 'Helvetica Neue', Helvetica, Arial, sans-serif",
- *         fontSize: 12,
- *         color: outerPalette.textLight
- *       }
- *     }
- *   }
- * }
- * @demoReady
- */
-
-export { default } from './Table';