@sis-cc/dotstatsuite-visions 11.1.0 → 11.3.0

package/es/HierarchicalFilter/HierarchicalFilter.js

@@ -157,7 +157,7 @@ HierarchicalFilter.propTypes = process.env.NODE_ENV !== "production" ? {
   label: PropTypes.string,
   labels: PropTypes.shape({
     disableItemLabel: PropTypes.string,
-    placeholder: PropTypes.string
+    placeholder: PropTypes.func
   }),
   labelRenderer: PropTypes.func,
   Tag: PropTypes.func,

package/es/NoData/NoData.js

@@ -20,8 +20,7 @@ var useStyles = makeStyles(function () {
 var NO_RESULT_MESSAGE_ID = 'noResultMessage';
 
 var NoData = function NoData(_ref) {
-  var _ref$icon = _ref.icon,
-      icon = _ref$icon === undefined ? React.createElement(Error, { color: 'primary', fontSize: 'large' }) : _ref$icon,
+  var icon = _ref.icon,
       message = _ref.message;
 
   var classes = useStyles();
@@ -31,7 +30,7 @@ var NoData = function NoData(_ref) {
     React.createElement(
       Typography,
       { variant: 'subtitle1', noWrap: true, align: 'center' },
-      icon
+      icon || React.createElement(Error, { color: 'primary', fontSize: 'large' })
     ),
     React.createElement(
       Typography,

package/es/TableLayout/Box.js

@@ -5,7 +5,7 @@ import Typography from '@material-ui/core/Typography';
 import Grid from '@material-ui/core/Grid';
 import { makeStyles } from '@material-ui/core/styles';
 import cx from 'classnames';
-import { Droppable } from 'react-beautiful-dnd';
+import { Droppable } from '@hello-pangea/dnd';
 import DnDItem from './DnDItem';
 import { getLight, getDark } from '../utils';
 import { BOX } from './constants';

package/es/TableLayout/DnDItem.js

@@ -8,7 +8,7 @@ import { makeStyles } from '@material-ui/core/styles';
 import Typography from '@material-ui/core/Typography';
 import Select from '@material-ui/core/Select';
 import MenuItem from '@material-ui/core/MenuItem';
-import { Draggable } from 'react-beautiful-dnd';
+import { Draggable } from '@hello-pangea/dnd';
 import { getLight, getDark } from '../utils';
 import { BOX, wcagId } from './constants';
 

package/es/TableLayout/TableLayout.js

@@ -12,8 +12,9 @@ import Reorder from '@material-ui/icons/Reorder';
 import ViewQuilt from '@material-ui/icons/ViewQuiltOutlined';
 import Undo from '@material-ui/icons/Undo';
 import Done from '@material-ui/icons/Done';
+import CheckBoxIcon from '@material-ui/icons/CheckBoxOutlineBlankOutlined';
 import { makeStyles } from '@material-ui/core/styles';
-import { DragDropContext } from 'react-beautiful-dnd';
+import { DragDropContext } from '@hello-pangea/dnd';
 import { withBlank } from '../utils';
 import TablePreview from '../TablePreview';
 import Box from './Box';
@@ -327,7 +328,7 @@ var TableLayout = function TableLayout(_ref) {
             'aria-label': R.prop('activationLabel', optionalItem),
             color: 'primary',
             onClick: isOptionalActivated ? deactivateOptionalItem : activateOptionalItem,
-            startIcon: React.createElement(Done, null)
+            startIcon: isOptionalActivated ? React.createElement(Done, null) : React.createElement(CheckBoxIcon, null)
           },
           React.createElement(
             Typography,

package/lib/HierarchicalFilter/HierarchicalFilter.js

@@ -186,7 +186,7 @@ HierarchicalFilter.propTypes = process.env.NODE_ENV !== "production" ? {
   label: _propTypes2.default.string,
   labels: _propTypes2.default.shape({
     disableItemLabel: _propTypes2.default.string,
-    placeholder: _propTypes2.default.string
+    placeholder: _propTypes2.default.func
   }),
   labelRenderer: _propTypes2.default.func,
   Tag: _propTypes2.default.func,

package/lib/NoData/NoData.js

@@ -38,8 +38,7 @@ var useStyles = (0, _styles.makeStyles)(function () {
 var NO_RESULT_MESSAGE_ID = 'noResultMessage';
 
 var NoData = function NoData(_ref) {
-  var _ref$icon = _ref.icon,
-      icon = _ref$icon === undefined ? _react2.default.createElement(_Error2.default, { color: 'primary', fontSize: 'large' }) : _ref$icon,
+  var icon = _ref.icon,
       message = _ref.message;
 
   var classes = useStyles();
@@ -49,7 +48,7 @@ var NoData = function NoData(_ref) {
     _react2.default.createElement(
       _Typography2.default,
       { variant: 'subtitle1', noWrap: true, align: 'center' },
-      icon
+      icon || _react2.default.createElement(_Error2.default, { color: 'primary', fontSize: 'large' })
     ),
     _react2.default.createElement(
       _Typography2.default,

package/lib/TableLayout/Box.js

@@ -29,7 +29,7 @@ var _classnames = require('classnames');
 
 var _classnames2 = _interopRequireDefault(_classnames);
 
-var _reactBeautifulDnd = require('react-beautiful-dnd');
+var _dnd = require('@hello-pangea/dnd');
 
 var _DnDItem = require('./DnDItem');
 
@@ -108,7 +108,7 @@ var Box = function Box(_ref2) {
       )
     ),
     _react2.default.createElement(
-      _reactBeautifulDnd.Droppable,
+      _dnd.Droppable,
       { droppableId: dropZoneLabel },
       function (provided, snapshot) {
         var _cx;

package/lib/TableLayout/DnDItem.js

@@ -35,7 +35,7 @@ var _MenuItem = require('@material-ui/core/MenuItem');
 
 var _MenuItem2 = _interopRequireDefault(_MenuItem);
 
-var _reactBeautifulDnd = require('react-beautiful-dnd');
+var _dnd = require('@hello-pangea/dnd');
 
 var _utils = require('../utils');
 
@@ -108,7 +108,7 @@ var DnDItem = function DnDItem(_ref2) {
   var classes = useStyles();
   var selectItem = R.prop(item.id)(itemButtonProps);
   return _react2.default.createElement(
-    _reactBeautifulDnd.Draggable,
+    _dnd.Draggable,
     { key: item.id, draggableId: item.id, index: index, isDragDisabled: R.not(canDrag) },
     function (provided) {
       var _cx, _cx2;

package/lib/TableLayout/TableLayout.js

@@ -53,9 +53,13 @@ var _Done = require('@material-ui/icons/Done');
 
 var _Done2 = _interopRequireDefault(_Done);
 
+var _CheckBoxOutlineBlankOutlined = require('@material-ui/icons/CheckBoxOutlineBlankOutlined');
+
+var _CheckBoxOutlineBlankOutlined2 = _interopRequireDefault(_CheckBoxOutlineBlankOutlined);
+
 var _styles = require('@material-ui/core/styles');
 
-var _reactBeautifulDnd = require('react-beautiful-dnd');
+var _dnd = require('@hello-pangea/dnd');
 
 var _utils = require('../utils');
 
@@ -297,7 +301,7 @@ var TableLayout = function TableLayout(_ref) {
       labels.wcagDragExplanation
     ),
     _react2.default.createElement(
-      _reactBeautifulDnd.DragDropContext,
+      _dnd.DragDropContext,
       {
         onDragEnd: onDragEnd(currentLayout),
         onDragStart: onDragStart,
@@ -383,7 +387,7 @@ var TableLayout = function TableLayout(_ref) {
             'aria-label': R.prop('activationLabel', optionalItem),
             color: 'primary',
             onClick: isOptionalActivated ? deactivateOptionalItem : activateOptionalItem,
-            startIcon: _react2.default.createElement(_Done2.default, null)
+            startIcon: isOptionalActivated ? _react2.default.createElement(_Done2.default, null) : _react2.default.createElement(_CheckBoxOutlineBlankOutlined2.default, null)
           },
           _react2.default.createElement(
             _Typography2.default,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sis-cc/dotstatsuite-visions",
-  "version": "11.1.0",
+  "version": "11.3.0",
   "description": "Library of visual components",
   "author": "OECD",
   "homepage": "https://visions-qa.siscc.org/#o",
@@ -36,7 +36,7 @@
     "numeral": "^2.0.6",
     "prop-types": "^15.7.2",
     "ramda": "^0.27.0",
-    "react-beautiful-dnd": "^13.0.0",
+    "@hello-pangea/dnd": "^16.6.0",
     "react-draggable": "^4.4.5",
     "react-error-boundary": "^4.0.10",
     "react-virtualized": "^9.21.2"