@sis-cc/dotstatsuite-visions 12.50.0 → 12.52.0

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright © OECD 2019-2025
+Copyright © OECD 2019-2026
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/es/ApiQueries/ApiQueries.js

@@ -34,7 +34,7 @@ var ApiQueries = function ApiQueries(_ref) {
       { item: true, xs: 12 },
       React.createElement(
         Typography,
-        { className: classes.title, variant: 'h6' },
+        { className: classes.title },
         R.prop('title')(labels)
       ),
       R.map(function (description) {

package/es/ApiQueries/Query.js

@@ -77,7 +77,7 @@ var Query = function Query(_ref) {
         { item: true },
         React.createElement(
           Typography,
-          { className: classes.title, variant: 'h6' },
+          { className: classes.title },
           title
         )
       ),

package/es/ChartsConfig/Title.js

@@ -5,11 +5,9 @@ import makeStyles from '@mui/styles/makeStyles';
 import Grid from '@mui/material/Grid';
 import Typography from '@mui/material/Typography';
 
-export var useStyles = makeStyles(function () {
+export var useStyles = makeStyles(function (theme) {
   return {
-    title: {
-      fontFamily: 'inherit'
-    }
+    title: R.pathOr({}, ['mixins', 'chartsConfig', 'title'], theme)
   };
 });
 
@@ -25,7 +23,7 @@ var Title = function Title(_ref) {
     !R.isNil(icon) && icon,
     React.createElement(
       Typography,
-      { variant: 'h6', className: classes.title, inline: 'true' },
+      { className: classes.title, inline: 'true' },
       label
     )
   );

package/es/DynamicDrawer/DynamicDrawer.js

@@ -86,7 +86,7 @@ var TabPanel = function TabPanel(props) {
       id: 'vertical-tabpanel-' + R.prop('index', item),
       'aria-labelledby': 'vertical-tab-' + R.prop('index', item),
       className: isNarrow ? classes.tabPanelNarrow : classes.tabPanel,
-      style: styles
+      style: { width: R.prop('width', styles) }
     }, other),
     open && React.createElement(
       Box,
@@ -273,8 +273,9 @@ var DynamicDrawer = function DynamicDrawer(props) {
 
   var isHidden = open && isNarrow;
   var isNotHiddenButton = (!R.isEmpty(allSelection) || !isApplyHiddenNarrow) && isNarrow;
+  var isApplyButtonShown = open && !isNarrow;
   useEffect(function () {
-    if (open && !isNarrow) {
+    if (isApplyButtonShown) {
       document.body.style.overflow = 'hidden';
     } else {
       document.body.style.overflow = '';
@@ -287,7 +288,7 @@ var DynamicDrawer = function DynamicDrawer(props) {
   return React.createElement(
     'div',
     { style: { display: 'flex', flexDirection: 'row' } },
-    open && !isNarrow && React.createElement(Box, {
+    isApplyButtonShown && React.createElement(Box, {
       onClick: function onClick() {
         return handleClose();
       },
@@ -306,7 +307,7 @@ var DynamicDrawer = function DynamicDrawer(props) {
         orientation: 'vertical',
         variant: 'scrollable',
         TabIndicatorProps: { style: { transition: 'none' } },
-        scrollButtons: false,
+        scrollButtons: isApplyButtonShown,
         value: false,
         onChange: handleChange,
         'aria-label': 'filters',
@@ -314,11 +315,10 @@ var DynamicDrawer = function DynamicDrawer(props) {
         sx: {
           display: isHidden ? 'none' : 'flex',
           width: '100%',
-          height: '100%',
+          height: isApplyButtonShown ? R.prop('height', styles) : '100%',
           borderRight: 1,
           borderColor: 'divider',
-          zIndex: 1000,
-          overflow: 'auto'
+          zIndex: 1000
         }
       },
       R.map(function (item) {
@@ -355,7 +355,7 @@ var DynamicDrawer = function DynamicDrawer(props) {
           disableFocusRipple: true
         });
       })(list),
-      open && !isNarrow && React.createElement(
+      isApplyButtonShown && React.createElement(
         Button,
         {
           style: { float: 'bottom', margin: '10px' },

package/es/theme.js

@@ -249,7 +249,9 @@ export var sisccTheme = function sisccTheme(_ref) {
       apiQueries: {
         title: {
           fontWeight: 400,
-          fontFamily: "'Roboto Slab', serif"
+          fontFamily: "'Roboto Slab', serif",
+          fontSize: '1.0625rem',
+          lineHeight: '1.6'
         }
       },
       chart: {
@@ -271,6 +273,10 @@ export var sisccTheme = function sisccTheme(_ref) {
         root: {
           fontWeight: 400,
           fontFamily: "'Roboto Slab', serif"
+        },
+        title: {
+          fontSize: '1.0625rem',
+          lineHeight: '1.6'
         }
       },
       collapsibleTree: {

package/lib/ApiQueries/ApiQueries.js

@@ -65,7 +65,7 @@ var ApiQueries = function ApiQueries(_ref) {
       { item: true, xs: 12 },
       _react2.default.createElement(
         _Typography2.default,
-        { className: classes.title, variant: 'h6' },
+        { className: classes.title },
         R.prop('title')(labels)
       ),
       R.map(function (description) {

package/lib/ApiQueries/Query.js

@@ -106,7 +106,7 @@ var Query = function Query(_ref) {
         { item: true },
         _react2.default.createElement(
           _Typography2.default,
-          { className: classes.title, variant: 'h6' },
+          { className: classes.title },
           title
         )
       ),

package/lib/ChartsConfig/Title.js

@@ -31,11 +31,9 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var useStyles = exports.useStyles = (0, _makeStyles2.default)(function () {
+var useStyles = exports.useStyles = (0, _makeStyles2.default)(function (theme) {
   return {
-    title: {
-      fontFamily: 'inherit'
-    }
+    title: R.pathOr({}, ['mixins', 'chartsConfig', 'title'], theme)
   };
 });
 
@@ -51,7 +49,7 @@ var Title = function Title(_ref) {
     !R.isNil(icon) && icon,
     _react2.default.createElement(
       _Typography2.default,
-      { variant: 'h6', className: classes.title, inline: 'true' },
+      { className: classes.title, inline: 'true' },
       label
     )
   );

package/lib/DynamicDrawer/DynamicDrawer.js

@@ -133,7 +133,7 @@ var TabPanel = function TabPanel(props) {
       id: 'vertical-tabpanel-' + R.prop('index', item),
       'aria-labelledby': 'vertical-tab-' + R.prop('index', item),
       className: isNarrow ? classes.tabPanelNarrow : classes.tabPanel,
-      style: styles
+      style: { width: R.prop('width', styles) }
     }, other),
     open && _react2.default.createElement(
       _Box2.default,
@@ -320,8 +320,9 @@ var DynamicDrawer = function DynamicDrawer(props) {
 
   var isHidden = open && isNarrow;
   var isNotHiddenButton = (!R.isEmpty(allSelection) || !isApplyHiddenNarrow) && isNarrow;
+  var isApplyButtonShown = open && !isNarrow;
   (0, _react.useEffect)(function () {
-    if (open && !isNarrow) {
+    if (isApplyButtonShown) {
       document.body.style.overflow = 'hidden';
     } else {
       document.body.style.overflow = '';
@@ -334,7 +335,7 @@ var DynamicDrawer = function DynamicDrawer(props) {
   return _react2.default.createElement(
     'div',
     { style: { display: 'flex', flexDirection: 'row' } },
-    open && !isNarrow && _react2.default.createElement(_Box2.default, {
+    isApplyButtonShown && _react2.default.createElement(_Box2.default, {
       onClick: function onClick() {
         return handleClose();
       },
@@ -353,7 +354,7 @@ var DynamicDrawer = function DynamicDrawer(props) {
         orientation: 'vertical',
         variant: 'scrollable',
         TabIndicatorProps: { style: { transition: 'none' } },
-        scrollButtons: false,
+        scrollButtons: isApplyButtonShown,
         value: false,
         onChange: handleChange,
         'aria-label': 'filters',
@@ -361,11 +362,10 @@ var DynamicDrawer = function DynamicDrawer(props) {
         sx: {
           display: isHidden ? 'none' : 'flex',
           width: '100%',
-          height: '100%',
+          height: isApplyButtonShown ? R.prop('height', styles) : '100%',
           borderRight: 1,
           borderColor: 'divider',
-          zIndex: 1000,
-          overflow: 'auto'
+          zIndex: 1000
         }
       },
       R.map(function (item) {
@@ -402,7 +402,7 @@ var DynamicDrawer = function DynamicDrawer(props) {
           disableFocusRipple: true
         });
       })(list),
-      open && !isNarrow && _react2.default.createElement(
+      isApplyButtonShown && _react2.default.createElement(
         _.Button,
         {
           style: { float: 'bottom', margin: '10px' },

package/lib/theme.js

@@ -253,7 +253,9 @@ var sisccTheme = exports.sisccTheme = function sisccTheme(_ref) {
       apiQueries: {
         title: {
           fontWeight: 400,
-          fontFamily: "'Roboto Slab', serif"
+          fontFamily: "'Roboto Slab', serif",
+          fontSize: '1.0625rem',
+          lineHeight: '1.6'
         }
       },
       chart: {
@@ -275,6 +277,10 @@ var sisccTheme = exports.sisccTheme = function sisccTheme(_ref) {
         root: {
           fontWeight: 400,
           fontFamily: "'Roboto Slab', serif"
+        },
+        title: {
+          fontSize: '1.0625rem',
+          lineHeight: '1.6'
         }
       },
       collapsibleTree: {

package/package.json

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