@sis-cc/dotstatsuite-visions 12.34.0 → 12.36.0

package/es/DynamicDrawer/DynamicDrawer.js

@@ -52,7 +52,7 @@ var useStyles = makeStyles(function (theme) {
 var getCounter = function getCounter(items, tagAccessor) {
   var selectedItemsIds = R.reduce(function (acc, item) {
     if (R.prop('isSelected', item)) {
-      return R.append(item.id, acc);
+      return R.append(R.prop('id', item), acc);
     }
     return acc;
   }, [], items);
@@ -84,8 +84,8 @@ var TabPanel = function TabPanel(props) {
     _extends({
       role: 'tabpanel',
       hidden: !open,
-      id: 'vertical-tabpanel-' + item.index,
-      'aria-labelledby': 'vertical-tab-' + item.index,
+      id: 'vertical-tabpanel-' + R.prop('index', item),
+      'aria-labelledby': 'vertical-tab-' + R.prop('index', item),
       className: isNarrow ? classes.tabPanelNarrow : classes.tabPanel,
       style: styles
     }, other),
@@ -178,7 +178,8 @@ var PaperComponent = React.forwardRef(function (_ref, ref) {
       tagValueLabel = _ref.tagValueLabel,
       rest = _objectWithoutProperties(_ref, ['label', 'selected', 'item', 'tagAccessor', 'tagValueLabel']);
 
-  var Chip = R.isNil(item.tag) ? InternalTag : item.tag;
+  var tag = R.prop('tag', item);
+  var Chip = R.isNil(tag) ? InternalTag : tag;
   var classes = useStyles();
   return React.createElement(
     Paper,
@@ -196,11 +197,11 @@ var PaperComponent = React.forwardRef(function (_ref, ref) {
         },
         label
       ),
-      R.isNil(item.tag) ? React.createElement(
+      R.isNil(tag) ? React.createElement(
         Chip,
-        { items: item.values, tagValueLabel: tagValueLabel },
-        getCounter(item.values, tagAccessor)
-      ) : item.tag
+        { items: R.prop('values', item), tagValueLabel: tagValueLabel },
+        getCounter(R.prop('values', item), tagAccessor)
+      ) : tag
     )
   );
 });
@@ -258,12 +259,13 @@ var DynamicDrawer = function DynamicDrawer(props) {
       rest = _objectWithoutProperties(props, ['list', 'labelRenderer', 'onClick', 'handleChangePanel', 'onClosePanel', 'isNarrow', 'labels', 'disableAccessor', 'isApplyHiddenNarrow', 'expandAll', 'collapseAll', 'expandedIds', 'allItems', 'periodPanel', 'classes', 'testId', 'tagAccessor', 'tagAriaLabel', 'children', 'styles']);
 
   var handleChange = function handleChange(e, item) {
-    var filterSelection = R.pipe(R.propOr([], item.id), function (arr) {
+    var id = R.prop('id', item);
+    var filterSelection = R.pipe(R.propOr([], id), function (arr) {
       return R.zipObj(arr, arr);
     })(allSelection);
     setSelection(_extends({}, filterSelection));
-    handleChangePanel(item.id, selection, allSelection);
-    setSelectedId(item.id);
+    handleChangePanel(id, selection, allSelection);
+    setSelectedId(id);
     setOpen(true);
   };
   var handleSubmit = function handleSubmit() {
@@ -285,7 +287,7 @@ var DynamicDrawer = function DynamicDrawer(props) {
   var filter = useMemo(function () {
     if (!selectedId) return {};
     return R.find(function (item) {
-      return item.id === selectedId;
+      return R.prop('id', item) === selectedId;
     })(list);
   }, [selectedId, list]);
 
@@ -342,18 +344,18 @@ var DynamicDrawer = function DynamicDrawer(props) {
       R.map(function (item) {
         var _cx2;
 
-        var tagValueLabel = R.isNil(item.tag) && getCounter(item.values, tagAriaLabel);
+        var tagValueLabel = R.isNil(R.prop('tag', item)) && getCounter(R.prop('values', item), tagAriaLabel);
 
         return React.createElement(Tab, {
-          key: item.id,
-          id: filter.id,
-          'data-testid': item.id + '-tab',
+          key: R.prop('id', item),
+          id: R.prop('id', filter),
+          'data-testid': R.prop('id', item) + '-tab',
           component: React.forwardRef(function TabPaper(tabProps, ref) {
             return React.createElement(PaperComponent, _extends({
               ref: ref
             }, tabProps, {
               label: labelRenderer(item),
-              selected: selectedId === item.id,
+              selected: selectedId === R.prop('id', item),
               item: item,
               tagAccessor: tagAccessor,
               tagValueLabel: tagValueLabel
@@ -362,8 +364,8 @@ var DynamicDrawer = function DynamicDrawer(props) {
           label: labelRenderer(item),
           'aria-label': labelRenderer(item),
           value: item,
-          'aria-selected': filter.id === item.id,
-          className: cx(classNames.tab, (_cx2 = {}, _cx2[classNames.tabSelected] = filter.id === item.id, _cx2)),
+          'aria-selected': R.prop('id', filter) === R.prop('id', item),
+          className: cx(classNames.tab, (_cx2 = {}, _cx2[classNames.tabSelected] = R.prop('id', filter) === R.prop('id', item), _cx2)),
           sx: {
             alignItems: 'start',
             maxWidth: '100%'
@@ -410,9 +412,9 @@ var DynamicDrawer = function DynamicDrawer(props) {
         labelRenderer: labelRenderer,
         styles: styles
       },
-      R.equals(filter.id, periodPanel) ? children : React.createElement(AdvancedSelection, _extends({
+      R.equals(R.prop('id', filter), periodPanel) ? children : React.createElement(AdvancedSelection, _extends({
         id: selectedId,
-        items: filter.values || [],
+        items: R.prop('values', filter) || [],
         isOpen: open,
         labelRenderer: labelRenderer,
         disableAccessor: disableAccessor ? R.pipe(R.prop('isEnabled'), R.not) : undefined,

package/es/Spotlight/Spotlight.js

@@ -9,7 +9,6 @@ import Search from '@mui/icons-material/Search';
 import Paper from '@mui/material/Paper';
 import IconButton from '@mui/material/IconButton';
 import InputBase from '@mui/material/InputBase';
-import Divider from '@mui/material/Divider';
 import { Field } from './Fields';
 import { useStyles } from './useStyles';
 import { useSpotlight } from './useSpotlight';
@@ -113,7 +112,6 @@ var Spotlight = function Spotlight(_ref) {
       hasCommit ? React.createElement(
         Fragment,
         null,
-        React.createElement(Divider, { className: classes.divider, 'aria-hidden': 'true' }),
         React.createElement(
           IconButton,
           {

package/lib/DynamicDrawer/DynamicDrawer.js

@@ -102,7 +102,7 @@ var useStyles = (0, _makeStyles2.default)(function (theme) {
 var getCounter = function getCounter(items, tagAccessor) {
   var selectedItemsIds = R.reduce(function (acc, item) {
     if (R.prop('isSelected', item)) {
-      return R.append(item.id, acc);
+      return R.append(R.prop('id', item), acc);
     }
     return acc;
   }, [], items);
@@ -134,8 +134,8 @@ var TabPanel = function TabPanel(props) {
     _extends({
       role: 'tabpanel',
       hidden: !open,
-      id: 'vertical-tabpanel-' + item.index,
-      'aria-labelledby': 'vertical-tab-' + item.index,
+      id: 'vertical-tabpanel-' + R.prop('index', item),
+      'aria-labelledby': 'vertical-tab-' + R.prop('index', item),
       className: isNarrow ? classes.tabPanelNarrow : classes.tabPanel,
       style: styles
     }, other),
@@ -228,7 +228,8 @@ var PaperComponent = _react2.default.forwardRef(function (_ref, ref) {
       tagValueLabel = _ref.tagValueLabel,
       rest = _objectWithoutProperties(_ref, ['label', 'selected', 'item', 'tagAccessor', 'tagValueLabel']);
 
-  var Chip = R.isNil(item.tag) ? _.Tag : item.tag;
+  var tag = R.prop('tag', item);
+  var Chip = R.isNil(tag) ? _.Tag : tag;
   var classes = useStyles();
   return _react2.default.createElement(
     _Paper2.default,
@@ -246,11 +247,11 @@ var PaperComponent = _react2.default.forwardRef(function (_ref, ref) {
         },
         label
       ),
-      R.isNil(item.tag) ? _react2.default.createElement(
+      R.isNil(tag) ? _react2.default.createElement(
         Chip,
-        { items: item.values, tagValueLabel: tagValueLabel },
-        getCounter(item.values, tagAccessor)
-      ) : item.tag
+        { items: R.prop('values', item), tagValueLabel: tagValueLabel },
+        getCounter(R.prop('values', item), tagAccessor)
+      ) : tag
     )
   );
 });
@@ -308,12 +309,13 @@ var DynamicDrawer = function DynamicDrawer(props) {
       rest = _objectWithoutProperties(props, ['list', 'labelRenderer', 'onClick', 'handleChangePanel', 'onClosePanel', 'isNarrow', 'labels', 'disableAccessor', 'isApplyHiddenNarrow', 'expandAll', 'collapseAll', 'expandedIds', 'allItems', 'periodPanel', 'classes', 'testId', 'tagAccessor', 'tagAriaLabel', 'children', 'styles']);
 
   var handleChange = function handleChange(e, item) {
-    var filterSelection = R.pipe(R.propOr([], item.id), function (arr) {
+    var id = R.prop('id', item);
+    var filterSelection = R.pipe(R.propOr([], id), function (arr) {
       return R.zipObj(arr, arr);
     })(allSelection);
     setSelection(_extends({}, filterSelection));
-    handleChangePanel(item.id, selection, allSelection);
-    setSelectedId(item.id);
+    handleChangePanel(id, selection, allSelection);
+    setSelectedId(id);
     setOpen(true);
   };
   var handleSubmit = function handleSubmit() {
@@ -335,7 +337,7 @@ var DynamicDrawer = function DynamicDrawer(props) {
   var filter = (0, _react.useMemo)(function () {
     if (!selectedId) return {};
     return R.find(function (item) {
-      return item.id === selectedId;
+      return R.prop('id', item) === selectedId;
     })(list);
   }, [selectedId, list]);
 
@@ -392,18 +394,18 @@ var DynamicDrawer = function DynamicDrawer(props) {
       R.map(function (item) {
         var _cx2;
 
-        var tagValueLabel = R.isNil(item.tag) && getCounter(item.values, tagAriaLabel);
+        var tagValueLabel = R.isNil(R.prop('tag', item)) && getCounter(R.prop('values', item), tagAriaLabel);
 
         return _react2.default.createElement(_Tab2.default, {
-          key: item.id,
-          id: filter.id,
-          'data-testid': item.id + '-tab',
+          key: R.prop('id', item),
+          id: R.prop('id', filter),
+          'data-testid': R.prop('id', item) + '-tab',
           component: _react2.default.forwardRef(function TabPaper(tabProps, ref) {
             return _react2.default.createElement(PaperComponent, _extends({
               ref: ref
             }, tabProps, {
               label: labelRenderer(item),
-              selected: selectedId === item.id,
+              selected: selectedId === R.prop('id', item),
               item: item,
               tagAccessor: tagAccessor,
               tagValueLabel: tagValueLabel
@@ -412,8 +414,8 @@ var DynamicDrawer = function DynamicDrawer(props) {
           label: labelRenderer(item),
           'aria-label': labelRenderer(item),
           value: item,
-          'aria-selected': filter.id === item.id,
-          className: (0, _classnames2.default)(classNames.tab, (_cx2 = {}, _cx2[classNames.tabSelected] = filter.id === item.id, _cx2)),
+          'aria-selected': R.prop('id', filter) === R.prop('id', item),
+          className: (0, _classnames2.default)(classNames.tab, (_cx2 = {}, _cx2[classNames.tabSelected] = R.prop('id', filter) === R.prop('id', item), _cx2)),
           sx: {
             alignItems: 'start',
             maxWidth: '100%'
@@ -460,9 +462,9 @@ var DynamicDrawer = function DynamicDrawer(props) {
         labelRenderer: labelRenderer,
         styles: styles
       },
-      R.equals(filter.id, periodPanel) ? children : _react2.default.createElement(_AdvancedSelection2.default, _extends({
+      R.equals(R.prop('id', filter), periodPanel) ? children : _react2.default.createElement(_AdvancedSelection2.default, _extends({
         id: selectedId,
-        items: filter.values || [],
+        items: R.prop('values', filter) || [],
         isOpen: open,
         labelRenderer: labelRenderer,
         disableAccessor: disableAccessor ? R.pipe(R.prop('isEnabled'), R.not) : undefined,

package/lib/Spotlight/Spotlight.js

@@ -44,10 +44,6 @@ var _InputBase = require('@mui/material/InputBase');
 
 var _InputBase2 = _interopRequireDefault(_InputBase);
 
-var _Divider = require('@mui/material/Divider');
-
-var _Divider2 = _interopRequireDefault(_Divider);
-
 var _Fields = require('./Fields');
 
 var _useStyles = require('./useStyles');
@@ -160,7 +156,6 @@ var Spotlight = function Spotlight(_ref) {
       hasCommit ? _react2.default.createElement(
         _react.Fragment,
         null,
-        _react2.default.createElement(_Divider2.default, { className: classes.divider, 'aria-hidden': 'true' }),
         _react2.default.createElement(
           _IconButton2.default,
           {

package/package.json

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