@sis-cc/dotstatsuite-visions 12.42.0 → 12.43.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -53,6 +53,10 @@ var useStyles = makeStyles(function (theme) {
53
53
  padding: theme.spacing(0.5),
54
54
  lineHeight: 1.5
55
55
  }, R.pathOr({}, ['mixins', 'dataHeader', 'disclaimer'], theme)),
56
+ pagination: _extends({
57
+ padding: theme.spacing(0.5),
58
+ lineHeight: 1.5
59
+ }, R.pathOr({}, ['mixins', 'dataHeader', 'subtitle'], theme)),
56
60
  infoIcon: {
57
61
  height: '0.8em',
58
62
  color: theme.palette.grey[600]
@@ -115,7 +119,8 @@ var DataHeader = function DataHeader(_ref2) {
115
119
  _ref2$isSticky = _ref2.isSticky,
116
120
  isSticky = _ref2$isSticky === undefined ? false : _ref2$isSticky,
117
121
  _ref2$HTMLRenderer = _ref2.HTMLRenderer,
118
- HTMLRenderer = _ref2$HTMLRenderer === undefined ? BasicHTMLRenderer : _ref2$HTMLRenderer;
122
+ HTMLRenderer = _ref2$HTMLRenderer === undefined ? BasicHTMLRenderer : _ref2$HTMLRenderer,
123
+ pagination = _ref2.pagination;
119
124
 
120
125
  var target = React.useRef(null);
121
126
 
@@ -247,6 +252,15 @@ var DataHeader = function DataHeader(_ref2) {
247
252
  style: { fontSize: fontSizeSubtitle }
248
253
  },
249
254
  disclaimer
255
+ ),
256
+ pagination && React.createElement(
257
+ Typography,
258
+ {
259
+ 'data-testid': 'data-header-pagination',
260
+ className: classes.pagination,
261
+ style: { fontSize: fontSizeSubtitle }
262
+ },
263
+ pagination
250
264
  )
251
265
  ),
252
266
  React.createElement(
@@ -293,7 +307,8 @@ DataHeader.propTypes = process.env.NODE_ENV !== "production" ? {
293
307
  disclaimer: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
294
308
  children: PropTypes.node,
295
309
  isSticky: PropTypes.bool,
296
- HTMLRenderer: PropTypes.func
310
+ HTMLRenderer: PropTypes.func,
311
+ pagination: PropTypes.element
297
312
  } : {};
298
313
 
299
314
  export default DataHeader;
@@ -96,6 +96,10 @@ var useStyles = (0, _makeStyles2.default)(function (theme) {
96
96
  padding: theme.spacing(0.5),
97
97
  lineHeight: 1.5
98
98
  }, R.pathOr({}, ['mixins', 'dataHeader', 'disclaimer'], theme)),
99
+ pagination: _extends({
100
+ padding: theme.spacing(0.5),
101
+ lineHeight: 1.5
102
+ }, R.pathOr({}, ['mixins', 'dataHeader', 'subtitle'], theme)),
99
103
  infoIcon: {
100
104
  height: '0.8em',
101
105
  color: theme.palette.grey[600]
@@ -158,7 +162,8 @@ var DataHeader = function DataHeader(_ref2) {
158
162
  _ref2$isSticky = _ref2.isSticky,
159
163
  isSticky = _ref2$isSticky === undefined ? false : _ref2$isSticky,
160
164
  _ref2$HTMLRenderer = _ref2.HTMLRenderer,
161
- HTMLRenderer = _ref2$HTMLRenderer === undefined ? BasicHTMLRenderer : _ref2$HTMLRenderer;
165
+ HTMLRenderer = _ref2$HTMLRenderer === undefined ? BasicHTMLRenderer : _ref2$HTMLRenderer,
166
+ pagination = _ref2.pagination;
162
167
 
163
168
  var target = _react2.default.useRef(null);
164
169
 
@@ -290,6 +295,15 @@ var DataHeader = function DataHeader(_ref2) {
290
295
  style: { fontSize: fontSizeSubtitle }
291
296
  },
292
297
  disclaimer
298
+ ),
299
+ pagination && _react2.default.createElement(
300
+ _Typography2.default,
301
+ {
302
+ 'data-testid': 'data-header-pagination',
303
+ className: classes.pagination,
304
+ style: { fontSize: fontSizeSubtitle }
305
+ },
306
+ pagination
293
307
  )
294
308
  ),
295
309
  _react2.default.createElement(
@@ -336,7 +350,8 @@ DataHeader.propTypes = process.env.NODE_ENV !== "production" ? {
336
350
  disclaimer: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
337
351
  children: _propTypes2.default.node,
338
352
  isSticky: _propTypes2.default.bool,
339
- HTMLRenderer: _propTypes2.default.func
353
+ HTMLRenderer: _propTypes2.default.func,
354
+ pagination: _propTypes2.default.element
340
355
  } : {};
341
356
 
342
357
  exports.default = DataHeader;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sis-cc/dotstatsuite-visions",
3
- "version": "12.42.0",
3
+ "version": "12.43.0",
4
4
  "description": "Library of visual components",
5
5
  "author": "OECD",
6
6
  "homepage": "https://visions-qa.siscc.org/#o",
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @sis-cc/dotstatsuite-visions v12.42.0 - https://visions-qa.siscc.org/#o
2
+ * @sis-cc/dotstatsuite-visions v12.43.0 - https://visions-qa.siscc.org/#o
3
3
  * MIT Licensed
4
4
  */
5
5
  (function webpackUniversalModuleDefinition(root, factory) {
@@ -8865,7 +8865,7 @@ if (true) {
8865
8865
  /* 158 */
8866
8866
  /***/ (function(module) {
8867
8867
 
8868
- module.exports = {"name":"@sis-cc/dotstatsuite-visions","version":"12.42.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/"},"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":"^1.30.1","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"}};
8868
+ module.exports = {"name":"@sis-cc/dotstatsuite-visions","version":"12.43.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/"},"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":"^1.30.1","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"}};
8869
8869
 
8870
8870
  /***/ }),
8871
8871
  /* 159 */
@@ -58390,6 +58390,10 @@ var DataHeader_useStyles = makeStyles(function (theme) {
58390
58390
  padding: theme.spacing(0.5),
58391
58391
  lineHeight: 1.5
58392
58392
  }, es_pathOr({}, ['mixins', 'dataHeader', 'disclaimer'], theme)),
58393
+ pagination: DataHeader_extends({
58394
+ padding: theme.spacing(0.5),
58395
+ lineHeight: 1.5
58396
+ }, es_pathOr({}, ['mixins', 'dataHeader', 'subtitle'], theme)),
58393
58397
  infoIcon: {
58394
58398
  height: '0.8em',
58395
58399
  color: theme.palette.grey[600]
@@ -58452,7 +58456,8 @@ var DataHeader_DataHeader = function DataHeader(_ref2) {
58452
58456
  _ref2$isSticky = _ref2.isSticky,
58453
58457
  isSticky = _ref2$isSticky === undefined ? false : _ref2$isSticky,
58454
58458
  _ref2$HTMLRenderer = _ref2.HTMLRenderer,
58455
- HTMLRenderer = _ref2$HTMLRenderer === undefined ? DataHeader_BasicHTMLRenderer : _ref2$HTMLRenderer;
58459
+ HTMLRenderer = _ref2$HTMLRenderer === undefined ? DataHeader_BasicHTMLRenderer : _ref2$HTMLRenderer,
58460
+ pagination = _ref2.pagination;
58456
58461
 
58457
58462
  var target = react_default.a.useRef(null);
58458
58463
 
@@ -58584,6 +58589,15 @@ var DataHeader_DataHeader = function DataHeader(_ref2) {
58584
58589
  style: { fontSize: fontSizeSubtitle }
58585
58590
  },
58586
58591
  disclaimer
58592
+ ),
58593
+ pagination && react_default.a.createElement(
58594
+ material_Typography_Typography,
58595
+ {
58596
+ 'data-testid': 'data-header-pagination',
58597
+ className: classes.pagination,
58598
+ style: { fontSize: fontSizeSubtitle }
58599
+ },
58600
+ pagination
58587
58601
  )
58588
58602
  ),
58589
58603
  react_default.a.createElement(
@@ -58630,7 +58644,8 @@ DataHeader_DataHeader.propTypes = {
58630
58644
  disclaimer: prop_types_default.a.oneOfType([prop_types_default.a.string, prop_types_default.a.element]),
58631
58645
  children: prop_types_default.a.node,
58632
58646
  isSticky: prop_types_default.a.bool,
58633
- HTMLRenderer: prop_types_default.a.func
58647
+ HTMLRenderer: prop_types_default.a.func,
58648
+ pagination: prop_types_default.a.element
58634
58649
  };
58635
58650
 
58636
58651
  /* harmony default export */ var src_DataHeader_DataHeader = (DataHeader_DataHeader);