@sis-cc/dotstatsuite-visions 11.0.0 → 11.2.0

package/es/AdvancedFilterDialog/AdvancedFilterDialog.js

@@ -550,7 +550,7 @@ AdvancedFilterDialog.propTypes = process.env.NODE_ENV !== "production" ? {
   isOpen: PropTypes.bool,
   items: PropTypes.array,
   labels: PropTypes.shape({
-    placeholder: PropTypes.string,
+    placeholder: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),
     disableItemLabel: PropTypes.string,
     singleSelection: PropTypes.string,
     childrenSelection: PropTypes.string,

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

@@ -30,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,
@@ -45,8 +45,4 @@ NoData.propTypes = process.env.NODE_ENV !== "production" ? {
   message: PropTypes.oneOfType([PropTypes.string, PropTypes.element])
 } : {};
 
-NoData.defaultProps = {
-  icon: React.createElement(Error, { color: 'primary', fontSize: 'large' })
-};
-
 export default NoData;

package/es/Spotlight/Fields.js

@@ -8,7 +8,8 @@ import ArrowDropDownIcon from '@material-ui/icons/ArrowDropDown';
 import Check from '@material-ui/icons/Check';
 
 export var Field = function Field(_ref) {
-  var spotlight = _ref.spotlight,
+  var _ref$spotlight = _ref.spotlight,
+      spotlight = _ref$spotlight === undefined ? {} : _ref$spotlight,
       onChangeField = _ref.onChangeField,
       isRtl = _ref.isRtl,
       classes = _ref.classes;
@@ -96,8 +97,4 @@ Field.propTypes = process.env.NODE_ENV !== "production" ? {
   }),
   onChangeField: PropTypes.func.isRequired,
   isRtl: PropTypes.bool
-} : {};
-
-Field.defaultProps = {
-  spotlight: {}
-};
+} : {};

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

@@ -13,7 +13,7 @@ import ViewQuilt from '@material-ui/icons/ViewQuiltOutlined';
 import Undo from '@material-ui/icons/Undo';
 import Done from '@material-ui/icons/Done';
 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';

package/lib/AdvancedFilterDialog/AdvancedFilterDialog.js

@@ -620,7 +620,7 @@ AdvancedFilterDialog.propTypes = process.env.NODE_ENV !== "production" ? {
   isOpen: _propTypes2.default.bool,
   items: _propTypes2.default.array,
   labels: _propTypes2.default.shape({
-    placeholder: _propTypes2.default.string,
+    placeholder: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.func]),
     disableItemLabel: _propTypes2.default.string,
     singleSelection: _propTypes2.default.string,
     childrenSelection: _propTypes2.default.string,

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

@@ -48,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,
@@ -63,9 +63,5 @@ NoData.propTypes = process.env.NODE_ENV !== "production" ? {
   message: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element])
 } : {};
 
-NoData.defaultProps = {
-  icon: _react2.default.createElement(_Error2.default, { color: 'primary', fontSize: 'large' })
-};
-
 exports.default = NoData;
 module.exports = exports['default'];

package/lib/Spotlight/Fields.js

@@ -40,7 +40,8 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var Field = exports.Field = function Field(_ref) {
-  var spotlight = _ref.spotlight,
+  var _ref$spotlight = _ref.spotlight,
+      spotlight = _ref$spotlight === undefined ? {} : _ref$spotlight,
       onChangeField = _ref.onChangeField,
       isRtl = _ref.isRtl,
       classes = _ref.classes;
@@ -128,8 +129,4 @@ Field.propTypes = process.env.NODE_ENV !== "production" ? {
   }),
   onChangeField: _propTypes2.default.func.isRequired,
   isRtl: _propTypes2.default.bool
-} : {};
-
-Field.defaultProps = {
-  spotlight: {}
-};
+} : {};

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

@@ -55,7 +55,7 @@ var _Done2 = _interopRequireDefault(_Done);
 
 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 +297,7 @@ var TableLayout = function TableLayout(_ref) {
       labels.wcagDragExplanation
     ),
     _react2.default.createElement(
-      _reactBeautifulDnd.DragDropContext,
+      _dnd.DragDropContext,
       {
         onDragEnd: onDragEnd(currentLayout),
         onDragStart: onDragStart,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sis-cc/dotstatsuite-visions",
-  "version": "11.0.0",
+  "version": "11.2.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"