@sis-cc/dotstatsuite-visions 8.8.1 → 8.9.0

package/es/AdvancedFilterDialog/AdvancedFilterDialog.js

@@ -20,6 +20,8 @@ import Typography from '@material-ui/core/Typography';
 import PlaylistAddCheckIcon from '@material-ui/icons/PlaylistAddCheck';
 import CloseIcon from '@material-ui/icons/Close';
 import HintIcon from '@material-ui/icons/EmojiObjects';
+import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
+import ExpandLessIcon from '@material-ui/icons/ExpandLess';
 import Draggable from 'react-draggable';
 import { Button, Spotlight, VirtualizedTree } from '..';
 import { withExpansionTree } from '../VirtualizedTree/withExpansionTree';
@@ -90,8 +92,8 @@ var useStyles = makeStyles(function (theme) {
     },
     narrowSelectionButton: {
       height: 32,
-      marginTop: 5,
-      marginRight: 15
+      marginTop: 15,
+      marginRight: 10
     },
     selectionMenu: {
       width: '50%',
@@ -138,6 +140,11 @@ var useStyles = makeStyles(function (theme) {
     },
     actions: {
       justifyContent: 'space-between'
+    },
+    ellipsis: {
+      whiteSpace: 'nowrap',
+      overflow: 'hidden',
+      textOverflow: 'ellipsis'
     }
   };
 });
@@ -409,9 +416,16 @@ var AdvancedFilterDialog = function AdvancedFilterDialog(props) {
                 },
                 color: 'primary',
                 variant: 'contained',
-                alternative: 'siscc'
+                alternative: 'siscc',
+                selected: isOpenSelectionMenu
               },
-              R.prop('selectionMode', labels)
+              React.createElement(
+                Typography,
+                { variant: 'body2', className: classes.ellipsis },
+                R.prop('selectionMode', labels)
+              ),
+              '\xA0',
+              isOpenSelectionMenu ? React.createElement(ExpandLessIcon, { fontSize: 'small' }) : React.createElement(ExpandMoreIcon, { fontSize: 'small' })
             ),
             '\xA0',
             R.prop(selectionMode + 'Selection', labels),

package/lib/AdvancedFilterDialog/AdvancedFilterDialog.js

@@ -75,6 +75,14 @@ var _EmojiObjects = require('@material-ui/icons/EmojiObjects');
 
 var _EmojiObjects2 = _interopRequireDefault(_EmojiObjects);
 
+var _ExpandMore = require('@material-ui/icons/ExpandMore');
+
+var _ExpandMore2 = _interopRequireDefault(_ExpandMore);
+
+var _ExpandLess = require('@material-ui/icons/ExpandLess');
+
+var _ExpandLess2 = _interopRequireDefault(_ExpandLess);
+
 var _reactDraggable = require('react-draggable');
 
 var _reactDraggable2 = _interopRequireDefault(_reactDraggable);
@@ -186,8 +194,8 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
     },
     narrowSelectionButton: {
       height: 32,
-      marginTop: 5,
-      marginRight: 15
+      marginTop: 15,
+      marginRight: 10
     },
     selectionMenu: {
       width: '50%',
@@ -234,6 +242,11 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
     },
     actions: {
       justifyContent: 'space-between'
+    },
+    ellipsis: {
+      whiteSpace: 'nowrap',
+      overflow: 'hidden',
+      textOverflow: 'ellipsis'
     }
   };
 });
@@ -505,9 +518,16 @@ var AdvancedFilterDialog = function AdvancedFilterDialog(props) {
                 },
                 color: 'primary',
                 variant: 'contained',
-                alternative: 'siscc'
+                alternative: 'siscc',
+                selected: isOpenSelectionMenu
               },
-              R.prop('selectionMode', labels)
+              _react2.default.createElement(
+                _Typography2.default,
+                { variant: 'body2', className: classes.ellipsis },
+                R.prop('selectionMode', labels)
+              ),
+              '\xA0',
+              isOpenSelectionMenu ? _react2.default.createElement(_ExpandLess2.default, { fontSize: 'small' }) : _react2.default.createElement(_ExpandMore2.default, { fontSize: 'small' })
             ),
             '\xA0',
             R.prop(selectionMode + 'Selection', labels),

package/package.json

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