@sis-cc/dotstatsuite-visions 12.52.0 → 12.54.0

package/umd/@sis-cc/dotstatsuite-visions.js

@@ -1,5 +1,5 @@
 /*!
- * @sis-cc/dotstatsuite-visions v12.52.0 - https://visions-qa.siscc.org/#o
+ * @sis-cc/dotstatsuite-visions v12.54.0 - https://visions-qa.siscc.org/#o
  * MIT Licensed
  */
 (function webpackUniversalModuleDefinition(root, factory) {
@@ -7675,7 +7675,7 @@ if (true) {
 /* 138 */
 /***/ (function(module) {
 
-module.exports = {"name":"@sis-cc/dotstatsuite-visions","version":"12.52.0","description":"Library of visual components","author":"OECD","homepage":"https://visions-qa.siscc.org/#o","license":"MIT","repository":"https://gitlab.com/sis-cc/.stat-suite/dotstatsuite-visions","main":"lib/index.js","module":"es/index.js","engines":{"node":">=18"},"files":["css","es","lib","umd"],"scripts":{"peers":"install-peers --force-run","build":"cross-env NODE_OPTIONS=--openssl-legacy-provider nwb build-react-component --copy-files --no-demo && node scripts/doc && cross-env NODE_OPTIONS=--openssl-legacy-provider nwb build-demo","build:dev":"cross-env NODE_OPTIONS=--openssl-legacy-provider nwb build-react-component --copy-files --no-demo","clean":"nwb clean-module && nwb clean-demo","prepublishOnly":"npm run build","start":"cross-env NODE_OPTIONS=--openssl-legacy-provider nwb serve-react-demo","test":"jest","test:watch":"jest --watch --no-cache","lint":"eslint src/ --color","precommit":"lint-staged","transform":"npx jscodeshift -t scripts/transform-mui-imports.js demo/","upgrade-date-fns":"npx jscodeshift -t scripts/upgrade-date-fns.js src/"},"dependencies":{"@hello-pangea/dnd":"^16.6.0","@react-hook/size":"^2.1.1","classnames":"^2.2.6","diacritics":"^1.3.0","isemail":"^3.2.0","prop-types":"^15.7.2","ramda":"^0.27.0","react-draggable":"4.4.5","react-error-boundary":"^4.0.10","react-virtualized":"^9.21.2"},"peerDependencies":{"@emotion/react":"^11","@emotion/styled":"^11","@mui/icons-material":"^5","@mui/material":"^5","@mui/styles":"^5","date-fns":"^2.23.0","numeral":"^2.0.6","react":"^18","react-dom":"^18"},"devDependencies":{"@babel/eslint-parser":"^7.5.4","@babel/plugin-syntax-dynamic-import":"^7.2.0","@cfaester/enzyme-adapter-react-18":"^0.7.0","@testing-library/jest-dom":"^5.16.5","@testing-library/react":"^14.0.0","babel-jest":"^24.8.0","babel-preset-react-app":"^9.0.0","cross-env":"^7.0.3","dox":"^0.9.0","eslint":"^8.39.0","eslint-plugin-import":"^2.27.5","eslint-plugin-jsx-a11y":"^6.7.1","eslint-plugin-prettier":"^4.2.1","eslint-plugin-react":"^7.32.2","eslint-plugin-react-hooks":"^4.6.0","husky":"^2.7.0","identity-obj-proxy":"^3.0.0","install-peers-cli":"^2.2.0","jest":"^24.8.0","jss":"^10.10.0","jss-rtl":"^0.2.3","lint-staged":"^8.2.1","mutationobserver-shim":"^0.3.7","nwb":"0.23.0","prettier":"^2.8.8","pretty-quick":"^3.1.3","react-a11y":"^1.1.0","react-helmet":"^5.2.1","react-scrollable-anchor":"^0.6.1","react-syntax-highlighter":"^10.2.1","sanitize-html":"2.7.0","webpack":"^5.68.0","webpack-cli":"^4.9.2","webpack-dev-server":"^4.7.4"},"jest":{"verbose":true,"coverageDirectory":"coverage","collectCoverageFrom":["src/**/*.{js,jsx,ts,tsx}","!src/ScopeList/*.{js,jsx,ts,tsx}","!src/**/*.d.ts"],"setupFilesAfterEnv":["<rootDir>/tests/setup.js"],"testMatch":["**/tests/**/*.{spec,test}.{js,jsx,ts,tsx}","!**/tests/ScopeList.test.js"],"testEnvironment":"jsdom","transform":{"^.+\\.(js|jsx|ts|tsx)$":"<rootDir>/node_modules/babel-jest"},"transformIgnorePatterns":["[/\\\\]node_modules[/\\\\].+\\.(js|jsx|ts|tsx)$","^.+\\.module\\.(css|sass|scss)$"],"modulePaths":[],"moduleNameMapper":{"^react-native$":"react-native-web","^.+\\.module\\.(css|sass|scss)$":"identity-obj-proxy","\\.(jpg|jpeg|png)$":"identity-obj-proxy"},"moduleFileExtensions":["web.js","js","web.ts","ts","web.tsx","tsx","json","web.jsx","jsx","node"]},"babel":{"presets":["react-app"],"plugins":["@babel/plugin-syntax-dynamic-import"]},"eslintConfig":{"env":{"browser":true,"jest":true,"node":true,"es6":true},"extends":["eslint:recommended","plugin:react/recommended","plugin:jsx-a11y/recommended"],"parser":"@babel/eslint-parser","parserOptions":{"babelOptions":{"presets":[["babel-preset-react-app",false],"babel-preset-react-app/test"]},"ecmaFeatures":{"experimentalObjectRestSpread":true,"jsx":true},"sourceType":"module"},"plugins":["prettier","react","import","react-hooks","jsx-a11y"],"rules":{"no-console":"warn","no-unused-vars":"error","react/display-name":"off","react/prop-types":"off","react-hooks/rules-of-hooks":"error","react-hooks/exhaustive-deps":"warn","no-use-before-define":"error"}},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"src/**/*.{js,css}":["prettier --write","git add","yarn lint"]},"prettier":{"endOfLine":"lf","useTabs":false,"printWidth":100,"tabWidth":2,"singleQuote":true,"trailingComma":"all","bracketSameLine":false,"bracketSpacing":true,"parser":"babel","semi":true,"arrowParens":"avoid"}};
+module.exports = {"name":"@sis-cc/dotstatsuite-visions","version":"12.54.0","description":"Library of visual components","author":"OECD","homepage":"https://visions-qa.siscc.org/#o","license":"MIT","repository":"https://gitlab.com/sis-cc/.stat-suite/dotstatsuite-visions","main":"lib/index.js","module":"es/index.js","engines":{"node":">=18"},"files":["css","es","lib","umd"],"scripts":{"peers":"install-peers --force-run","build":"cross-env NODE_OPTIONS=--openssl-legacy-provider nwb build-react-component --copy-files --no-demo && node scripts/doc && cross-env NODE_OPTIONS=--openssl-legacy-provider nwb build-demo","build:dev":"cross-env NODE_OPTIONS=--openssl-legacy-provider nwb build-react-component --copy-files --no-demo","clean":"nwb clean-module && nwb clean-demo","prepublishOnly":"npm run build","start":"cross-env NODE_OPTIONS=--openssl-legacy-provider nwb serve-react-demo","test":"jest","test:watch":"jest --watch --no-cache","lint":"eslint src/ --color","precommit":"lint-staged","transform":"npx jscodeshift -t scripts/transform-mui-imports.js demo/","upgrade-date-fns":"npx jscodeshift -t scripts/upgrade-date-fns.js src/"},"dependencies":{"@hello-pangea/dnd":"^16.6.0","@react-hook/size":"^2.1.1","classnames":"^2.2.6","diacritics":"^1.3.0","isemail":"^3.2.0","prop-types":"^15.7.2","ramda":"^0.27.0","react-draggable":"4.4.5","react-error-boundary":"^4.0.10","react-virtualized":"^9.21.2"},"peerDependencies":{"@emotion/react":"^11","@emotion/styled":"^11","@mui/icons-material":"^5","@mui/material":"^5","@mui/styles":"^5","date-fns":"^2.23.0","numeral":"^2.0.6","react":"^18","react-dom":"^18"},"devDependencies":{"@babel/eslint-parser":"^7.5.4","@babel/plugin-syntax-dynamic-import":"^7.2.0","@cfaester/enzyme-adapter-react-18":"^0.7.0","@testing-library/jest-dom":"^5.16.5","@testing-library/react":"^14.0.0","babel-jest":"^24.8.0","babel-preset-react-app":"^9.0.0","cross-env":"^7.0.3","dox":"^0.9.0","eslint":"^8.39.0","eslint-plugin-import":"^2.27.5","eslint-plugin-jsx-a11y":"^6.7.1","eslint-plugin-prettier":"^4.2.1","eslint-plugin-react":"^7.32.2","eslint-plugin-react-hooks":"^4.6.0","husky":"^2.7.0","identity-obj-proxy":"^3.0.0","install-peers-cli":"^2.2.0","jest":"^24.8.0","jss":"^10.10.0","jss-rtl":"^0.2.3","lint-staged":"^8.2.1","mutationobserver-shim":"^0.3.7","nwb":"0.23.0","prettier":"^2.8.8","pretty-quick":"^3.1.3","react-a11y":"^1.1.0","react-helmet":"^5.2.1","react-scrollable-anchor":"^0.6.1","react-syntax-highlighter":"^10.2.1","sanitize-html":"2.7.0","webpack":"^5.68.0","webpack-cli":"^4.9.2","webpack-dev-server":"^4.7.4"},"jest":{"verbose":true,"coverageDirectory":"coverage","collectCoverageFrom":["src/**/*.{js,jsx,ts,tsx}","!src/ScopeList/*.{js,jsx,ts,tsx}","!src/**/*.d.ts"],"setupFilesAfterEnv":["<rootDir>/tests/setup.js"],"testMatch":["**/tests/**/*.{spec,test}.{js,jsx,ts,tsx}","!**/tests/ScopeList.test.js"],"testEnvironment":"jsdom","transform":{"^.+\\.(js|jsx|ts|tsx)$":"<rootDir>/node_modules/babel-jest"},"transformIgnorePatterns":["[/\\\\]node_modules[/\\\\].+\\.(js|jsx|ts|tsx)$","^.+\\.module\\.(css|sass|scss)$"],"modulePaths":[],"moduleNameMapper":{"^react-native$":"react-native-web","^.+\\.module\\.(css|sass|scss)$":"identity-obj-proxy","\\.(jpg|jpeg|png)$":"identity-obj-proxy"},"moduleFileExtensions":["web.js","js","web.ts","ts","web.tsx","tsx","json","web.jsx","jsx","node"]},"babel":{"presets":["react-app"],"plugins":["@babel/plugin-syntax-dynamic-import"]},"eslintConfig":{"env":{"browser":true,"jest":true,"node":true,"es6":true},"extends":["eslint:recommended","plugin:react/recommended","plugin:jsx-a11y/recommended"],"parser":"@babel/eslint-parser","parserOptions":{"babelOptions":{"presets":[["babel-preset-react-app",false],"babel-preset-react-app/test"]},"ecmaFeatures":{"experimentalObjectRestSpread":true,"jsx":true},"sourceType":"module"},"plugins":["prettier","react","import","react-hooks","jsx-a11y"],"rules":{"no-console":"warn","no-unused-vars":"error","react/display-name":"off","react/prop-types":"off","react-hooks/rules-of-hooks":"error","react-hooks/exhaustive-deps":"warn","no-use-before-define":"error"}},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"src/**/*.{js,css}":["prettier --write","git add","yarn lint"]},"prettier":{"endOfLine":"lf","useTabs":false,"printWidth":100,"tabWidth":2,"singleQuote":true,"trailingComma":"all","bracketSameLine":false,"bracketSpacing":true,"parser":"babel","semi":true,"arrowParens":"avoid"}};
 
 /***/ }),
 /* 139 */
@@ -40701,9 +40701,18 @@ var DataEdit_extends = Object.assign || function (target) { for (var i = 1; i <
 
 
 
+
+var DataEdit_useStyles = makeStyles(function (theme) {
+  return {
+    title: es_pathOr({}, ['mixins', 'chartsConfig', 'title'], theme)
+  };
+});
+
 var DataEdit_DataEdit = function DataEdit(_ref) {
   var labels = _ref.labels,
       properties = _ref.properties;
+
+  var classes = DataEdit_useStyles();
   var _properties$title = properties.title,
       title = _properties$title === undefined ? {} : _properties$title,
       _properties$subtitle = properties.subtitle,
@@ -40725,8 +40734,8 @@ var DataEdit_DataEdit = function DataEdit(_ref) {
       { item: true, xs: 12 },
       react_default.a.createElement(
         material_Typography_Typography,
-        { variant: 'h6' },
-        'Information'
+        { className: classes.title },
+        es_prop('information', labels)
       )
     ),
     es_prop('isActive', title) && react_default.a.createElement(
@@ -48579,7 +48588,7 @@ var Mode_Mode = function Mode(_ref2) {
       { className: classes.content },
       react_default.a.createElement(
         material_Typography_Typography,
-        { variant: 'h6', className: classes.title, 'aria-label': title, tabIndex: 0 },
+        { className: classes.title, 'aria-label': title, tabIndex: 0 },
         title
       ),
       react_default.a.createElement(
@@ -48836,8 +48845,14 @@ var Contact_useStyles = makeStyles(function (theme) {
       padding: theme.spacing(2),
       margin: theme.spacing(2, 0)
     },
-    label: {
-      color: theme.palette.primary.main
+    agreement: {
+      fontSize: '1.0625rem',
+      lineHeight: '1.6'
+    },
+    policy: {
+      color: theme.palette.primary.main,
+      fontSize: '1.0625rem',
+      lineHeight: '1.6'
     },
     textarea: {
       width: '100%',
@@ -49090,7 +49105,7 @@ var Contact_Contact = function Contact(_ref) {
           control: react_default.a.createElement(material_Checkbox_Checkbox, { name: 'checkedB', color: 'primary' }),
           label: react_default.a.createElement(
             material_Typography_Typography,
-            { variant: 'h6' },
+            { className: classes.agreement },
             es_prop('checkbox')(labels)
           ),
           checked: checked,
@@ -49104,7 +49119,7 @@ var Contact_Contact = function Contact(_ref) {
         { item: true },
         react_default.a.createElement(
           material_Typography_Typography,
-          { variant: 'h6', className: classes.label, style: { paddingTop: 8 } },
+          { className: classes.policy, style: { paddingTop: 8 } },
           es_prop('organisationPrivacyPolicy')(labels)
         )
       )
@@ -51155,7 +51170,9 @@ var sisccTheme = function sisccTheme(_ref) {
       share: {
         title: {
           fontWeight: 400,
-          fontFamily: "'Roboto Slab', serif"
+          fontFamily: "'Roboto Slab', serif",
+          fontSize: '1.0625rem',
+          lineHeight: '1.6'
         }
       },
       spotlight: {
@@ -62535,7 +62552,7 @@ var Share_Mode_Mode = function Mode(_ref2) {
       { className: classes.content },
       react_default.a.createElement(
         material_Typography_Typography,
-        { variant: 'h6', className: classes.title },
+        { className: classes.title },
         title
       ),
       react_default.a.createElement(
@@ -64840,21 +64857,41 @@ header_Header.propTypes = {
 var subHeader_useStyles = makeStyles(function (theme) {
   return {
     columnsTitle: {
+      position: 'sticky',
+      zIndex: 1,
+      boxSizing: 'border-box',
       backgroundColor: getLight(theme) || theme.palette.secondary.light,
-      border: 'inherit',
-      borderBottom: 'thin solid ' + theme.palette.grey[500],
-      borderRight: 'thin solid ' + theme.palette.grey[500],
-      padding: theme.spacing(0.5) + ' ' + theme.spacing(1),
+      border: 'none',
+      borderBottom: '1px solid ' + theme.palette.grey[500],
       color: theme.palette.grey['A700'],
       verticalAlign: 'middle',
-      position: 'sticky',
-      zIndex: 1
+      '&::after': {
+        content: '""',
+        position: 'absolute',
+        top: 0,
+        right: 0,
+        width: '1px',
+        height: '100%',
+        backgroundColor: theme.palette.grey[500]
+      }
+      // backgroundColor: getLight(theme) || theme.palette.secondary.light,
+      // border: 'inherit',
+      // borderBottom: `1.5px solid ${theme.palette.grey[500]}`,
+      // borderRight: `1.5px solid ${theme.palette.grey[500]}`,
+      // padding: `${theme.spacing(0.5)} ${theme.spacing(1)}`,
+      // color: theme.palette.grey['A700'],
+      // verticalAlign: 'middle',
+      // position: 'sticky',
+      // zIndex: 1,
+      // outline: `1px solid ${theme.palette.grey[500]}`,
+      // borderCollapse: 'collapse',
+      // borderSpacing: 0
     },
     fillerCell: {
       backgroundColor: theme.palette.grey[200],
       border: 'inherit',
-      borderBottom: 'thin solid ' + theme.palette.grey[500],
-      borderRight: 'thin solid ' + theme.palette.grey[500],
+      borderBottom: '1.5px solid ' + theme.palette.grey[500],
+      borderRight: '1.5px solid ' + theme.palette.grey[500],
       padding: theme.spacing(0.5) + ' ' + theme.spacing(1),
       verticalAlign: 'middle',
       textAlign: 'center',
@@ -65079,10 +65116,11 @@ const TableBody_TableBody = /*#__PURE__*/react["forwardRef"](function TableBody(
 var sectionHeader_useStyles = makeStyles(function (theme) {
   return {
     section: {
+      borderCollapse: 'collapse',
       backgroundColor: getDark(theme) || theme.palette.secondary.dark,
       border: 'inherit',
-      borderBottom: 'thin solid ' + theme.palette.grey[500],
-      borderRight: 'thin solid ' + theme.palette.grey[500],
+      borderBottom: '1px solid ' + theme.palette.grey[500],
+      borderRight: '1px solid ' + theme.palette.grey[500],
       padding: theme.spacing(0, 1),
       color: theme.palette.grey['A700'],
       verticalAlign: 'middle',
@@ -65247,15 +65285,16 @@ sectionHeader_SectionHeader.propTypes = {
 var cell_useStyles = makeStyles(function (theme) {
   return {
     cell: {
-      borderBottom: 'thin solid ' + theme.palette.grey[500],
-      borderRight: 'thin solid ' + theme.palette.grey[500],
+      borderBottom: '1.5px solid ' + theme.palette.grey[500],
+      borderRight: '1.5px solid ' + theme.palette.grey[500],
       padding: theme.spacing(0.5) + ' ' + theme.spacing(1),
       verticalAlign: 'baseline',
       color: theme.palette.grey['A700'],
       '&:hover': {
         boxShadow: 'inset 0 0 0 2px ' + theme.palette.primary.main
       },
-      whiteSpace: 'pre-wrap'
+      whiteSpace: 'pre-wrap',
+      borderCollapse: 'collapse'
     },
     active: {
       boxShadow: 'inset 0 0 0 2px ' + theme.palette.primary.main
@@ -65387,12 +65426,14 @@ var section_useStyles = makeStyles(function (theme) {
     rowTitle: {
       backgroundColor: getLight(theme) || theme.palette.secondary.light,
       border: 'inherit',
-      borderBottom: 'thin solid ' + theme.palette.grey[500],
-      borderRight: 'thin solid ' + theme.palette.grey[500],
+      borderBottom: '1.5px solid ' + theme.palette.grey[500],
+      borderRight: '1.5px solid ' + theme.palette.grey[500],
       padding: theme.spacing(0.5) + ' ' + theme.spacing(1),
       color: theme.palette.grey['A700'],
       verticalAlign: 'top',
-      align: 'left'
+      align: 'left',
+      borderCollapse: 'collapse',
+      borderSpacing: 0
     },
     timePeriodCells: {
       whiteSpace: 'nowrap'
@@ -65402,8 +65443,8 @@ var section_useStyles = makeStyles(function (theme) {
       backgroundColor: theme.palette.grey[200],
       verticalAlign: 'top',
       border: 'inherit',
-      borderBottom: 'thin solid ' + theme.palette.grey[500],
-      borderRight: 'thin solid ' + theme.palette.grey[500],
+      borderBottom: '1.5px solid ' + theme.palette.grey[500],
+      borderRight: '1.5px solid ' + theme.palette.grey[500],
       padding: theme.spacing(0.5) + ' ' + theme.spacing(1),
       position: 'sticky',
       zIndex: 1
@@ -65632,8 +65673,8 @@ var TableHtml5_useStyles = makeStyles(function (theme) {
       outline: '1px solid transparent',
       transform: 'translateZ(0)',
       borderCollapse: 'separate',
-      borderLeft: 'thin solid ' + theme.palette.grey[500],
-      borderTop: 'thin solid ' + theme.palette.grey[500],
+      borderLeft: '1px solid ' + theme.palette.grey[500],
+      borderTop: '1px solid ' + theme.palette.grey[500],
       padding: '0px 0px'
     },
     stickyHeader: {
@@ -77343,6 +77384,10 @@ var PermsissionsTabs_useStyles = makeStyles(function (theme) {
       '& .Mui-selected': {
         fontWeight: 'bold'
       }
+    },
+    label: {
+      fontSize: '1.0625rem',
+      lineHeight: '1.6'
     }
   };
 });
@@ -77384,11 +77429,7 @@ var PermsissionsTabs_PermissionsTabs = function PermissionsTabs(_ref) {
     null,
     react_default.a.createElement(
       material_Typography_Typography,
-      {
-        variant: 'h6',
-        className: classes.label,
-        style: { marginTop: 10, marginBottom: 10 }
-      },
+      { className: classes.label, style: { marginTop: 10, marginBottom: 10 } },
       es_prop('title')(labels)
     ),
     react_default.a.createElement(