@sis-cc/dotstatsuite-visions 10.13.1 → 10.14.1
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.
- package/es/TableHtml5/cell.js +2 -1
- package/es/TableHtml5/header.js +9 -2
- package/es/TableHtml5/section.js +5 -1
- package/es/TableHtml5/sectionHeader.js +2 -1
- package/es/TableHtml5/subHeader.js +2 -1
- package/es/TablePreview/TablePreview.js +3 -1
- package/lib/TableHtml5/cell.js +2 -1
- package/lib/TableHtml5/header.js +9 -2
- package/lib/TableHtml5/section.js +5 -1
- package/lib/TableHtml5/sectionHeader.js +2 -1
- package/lib/TableHtml5/subHeader.js +2 -1
- package/lib/TablePreview/TablePreview.js +3 -1
- package/package.json +1 -1
- package/umd/@sis-cc/dotstatsuite-visions.js +25 -9
- package/umd/@sis-cc/dotstatsuite-visions.min.js +3 -3
- package/umd/@sis-cc/dotstatsuite-visions.min.js.map +1 -1
package/es/TableHtml5/cell.js
CHANGED
|
@@ -88,9 +88,10 @@ var Cell = function Cell(_ref) {
|
|
|
88
88
|
TableCell,
|
|
89
89
|
{
|
|
90
90
|
align: isValidNumber(intValue) ? 'right' : textAlign,
|
|
91
|
-
component: isOne ? 'div' :
|
|
91
|
+
component: isOne ? 'div' : 'td',
|
|
92
92
|
className: cx(classes.cell, (_cx = {}, _cx[classes.oneCell] = isOne, _cx[classes.active] = isActive, _cx[classes.highlight] = isHighlight, _cx[classes.rightAlign] = isRtl && R.isNil(textAlign), _cx)),
|
|
93
93
|
headers: headers,
|
|
94
|
+
'aria-describedby': headers,
|
|
94
95
|
onClick: activeCellHandler,
|
|
95
96
|
tabIndex: 0,
|
|
96
97
|
style: { textAlign: textAlign }
|
package/es/TableHtml5/header.js
CHANGED
|
@@ -81,6 +81,8 @@ var Header = function Header(_ref) {
|
|
|
81
81
|
colSpan: R.inc(xLayoutDataLength),
|
|
82
82
|
id: id,
|
|
83
83
|
tabIndex: 0,
|
|
84
|
+
scope: 'row',
|
|
85
|
+
title: R.pipe(R.path([-1, 'data', index, 'dimension']), labelAccessor)(headerData),
|
|
84
86
|
style: isRtl ? { position: 'sticky', zIndex: 1, right: 0 } : { position: 'sticky', zIndex: 1, left: 0 }
|
|
85
87
|
},
|
|
86
88
|
React.createElement(
|
|
@@ -88,7 +90,8 @@ var Header = function Header(_ref) {
|
|
|
88
90
|
{
|
|
89
91
|
className: classes.cellContentRight,
|
|
90
92
|
'aria-label': R.path([0, 'data', index, 'dimension', 'id'], headerData),
|
|
91
|
-
'data-testid': 'header-dim'
|
|
93
|
+
'data-testid': 'header-dim',
|
|
94
|
+
role: 'row'
|
|
92
95
|
},
|
|
93
96
|
React.createElement(
|
|
94
97
|
Typography,
|
|
@@ -120,7 +123,11 @@ var Header = function Header(_ref) {
|
|
|
120
123
|
id: idx + '_' + index,
|
|
121
124
|
headers: 'header_' + index,
|
|
122
125
|
colSpan: R.prop('spanCount', headerItem),
|
|
123
|
-
tabIndex: 0
|
|
126
|
+
tabIndex: 0,
|
|
127
|
+
title: R.prop('label', value),
|
|
128
|
+
'aria-label': R.prop('label', value),
|
|
129
|
+
'aria-describedby': id,
|
|
130
|
+
scope: 'col'
|
|
124
131
|
},
|
|
125
132
|
React.createElement(
|
|
126
133
|
'div',
|
package/es/TableHtml5/section.js
CHANGED
|
@@ -150,7 +150,11 @@ var Section = function Section(_ref) {
|
|
|
150
150
|
),
|
|
151
151
|
React.createElement(
|
|
152
152
|
Typography,
|
|
153
|
-
{
|
|
153
|
+
{
|
|
154
|
+
variant: 'body1',
|
|
155
|
+
tabIndex: 0,
|
|
156
|
+
'aria-describedby': 'subHeader_' + index + ' ' + currentSection
|
|
157
|
+
},
|
|
154
158
|
R.prop('label', value),
|
|
155
159
|
React.createElement(Flags, {
|
|
156
160
|
HTMLRenderer: HTMLRenderer,
|
|
@@ -81,7 +81,8 @@ var SectionHeader = function SectionHeader(_ref) {
|
|
|
81
81
|
component: 'th',
|
|
82
82
|
className: classes.section,
|
|
83
83
|
colSpan: R.pipe(R.length, R.inc, R.add(xLayoutDataLength))(headerData),
|
|
84
|
-
id: currentSection
|
|
84
|
+
id: currentSection,
|
|
85
|
+
scope: 'col'
|
|
85
86
|
},
|
|
86
87
|
React.createElement(
|
|
87
88
|
Grid,
|
|
@@ -72,7 +72,8 @@ var SubHeader = React.forwardRef(function (_ref, refs) {
|
|
|
72
72
|
style: isRtl ? { right: subHeadCellsWidth[index] } : { left: subHeadCellsWidth[index] },
|
|
73
73
|
ref: function ref(element) {
|
|
74
74
|
return refs.current[index] = element;
|
|
75
|
-
}
|
|
75
|
+
},
|
|
76
|
+
scope: 'col'
|
|
76
77
|
},
|
|
77
78
|
React.createElement(
|
|
78
79
|
'div',
|
|
@@ -38,6 +38,7 @@ var Header = function Header(_ref) {
|
|
|
38
38
|
tabIndex: 0,
|
|
39
39
|
className: cx(classes.cell, classes.headerTitleCell),
|
|
40
40
|
colSpan: colSpan,
|
|
41
|
+
scope: 'row',
|
|
41
42
|
title: label
|
|
42
43
|
},
|
|
43
44
|
label
|
|
@@ -50,7 +51,8 @@ var Header = function Header(_ref) {
|
|
|
50
51
|
{
|
|
51
52
|
key: id,
|
|
52
53
|
className: cx(classes.border, classes.cell, classes.headerCell),
|
|
53
|
-
title: label
|
|
54
|
+
title: label,
|
|
55
|
+
scope: 'col'
|
|
54
56
|
},
|
|
55
57
|
label
|
|
56
58
|
);
|
package/lib/TableHtml5/cell.js
CHANGED
|
@@ -118,9 +118,10 @@ var Cell = function Cell(_ref) {
|
|
|
118
118
|
_TableCell2.default,
|
|
119
119
|
{
|
|
120
120
|
align: isValidNumber(intValue) ? 'right' : textAlign,
|
|
121
|
-
component: isOne ? 'div' :
|
|
121
|
+
component: isOne ? 'div' : 'td',
|
|
122
122
|
className: (0, _classnames2.default)(classes.cell, (_cx = {}, _cx[classes.oneCell] = isOne, _cx[classes.active] = isActive, _cx[classes.highlight] = isHighlight, _cx[classes.rightAlign] = isRtl && R.isNil(textAlign), _cx)),
|
|
123
123
|
headers: headers,
|
|
124
|
+
'aria-describedby': headers,
|
|
124
125
|
onClick: activeCellHandler,
|
|
125
126
|
tabIndex: 0,
|
|
126
127
|
style: { textAlign: textAlign }
|
package/lib/TableHtml5/header.js
CHANGED
|
@@ -115,6 +115,8 @@ var Header = function Header(_ref) {
|
|
|
115
115
|
colSpan: R.inc(xLayoutDataLength),
|
|
116
116
|
id: id,
|
|
117
117
|
tabIndex: 0,
|
|
118
|
+
scope: 'row',
|
|
119
|
+
title: R.pipe(R.path([-1, 'data', index, 'dimension']), labelAccessor)(headerData),
|
|
118
120
|
style: isRtl ? { position: 'sticky', zIndex: 1, right: 0 } : { position: 'sticky', zIndex: 1, left: 0 }
|
|
119
121
|
},
|
|
120
122
|
_react2.default.createElement(
|
|
@@ -122,7 +124,8 @@ var Header = function Header(_ref) {
|
|
|
122
124
|
{
|
|
123
125
|
className: classes.cellContentRight,
|
|
124
126
|
'aria-label': R.path([0, 'data', index, 'dimension', 'id'], headerData),
|
|
125
|
-
'data-testid': 'header-dim'
|
|
127
|
+
'data-testid': 'header-dim',
|
|
128
|
+
role: 'row'
|
|
126
129
|
},
|
|
127
130
|
_react2.default.createElement(
|
|
128
131
|
_Typography2.default,
|
|
@@ -154,7 +157,11 @@ var Header = function Header(_ref) {
|
|
|
154
157
|
id: idx + '_' + index,
|
|
155
158
|
headers: 'header_' + index,
|
|
156
159
|
colSpan: R.prop('spanCount', headerItem),
|
|
157
|
-
tabIndex: 0
|
|
160
|
+
tabIndex: 0,
|
|
161
|
+
title: R.prop('label', value),
|
|
162
|
+
'aria-label': R.prop('label', value),
|
|
163
|
+
'aria-describedby': id,
|
|
164
|
+
scope: 'col'
|
|
158
165
|
},
|
|
159
166
|
_react2.default.createElement(
|
|
160
167
|
'div',
|
|
@@ -192,7 +192,11 @@ var Section = function Section(_ref) {
|
|
|
192
192
|
),
|
|
193
193
|
_react2.default.createElement(
|
|
194
194
|
_Typography2.default,
|
|
195
|
-
{
|
|
195
|
+
{
|
|
196
|
+
variant: 'body1',
|
|
197
|
+
tabIndex: 0,
|
|
198
|
+
'aria-describedby': 'subHeader_' + index + ' ' + currentSection
|
|
199
|
+
},
|
|
196
200
|
R.prop('label', value),
|
|
197
201
|
_react2.default.createElement(_flags2.default, {
|
|
198
202
|
HTMLRenderer: HTMLRenderer,
|
|
@@ -118,7 +118,8 @@ var SectionHeader = function SectionHeader(_ref) {
|
|
|
118
118
|
component: 'th',
|
|
119
119
|
className: classes.section,
|
|
120
120
|
colSpan: R.pipe(R.length, R.inc, R.add(xLayoutDataLength))(headerData),
|
|
121
|
-
id: currentSection
|
|
121
|
+
id: currentSection,
|
|
122
|
+
scope: 'col'
|
|
122
123
|
},
|
|
123
124
|
_react2.default.createElement(
|
|
124
125
|
_Grid2.default,
|
|
@@ -105,7 +105,8 @@ var SubHeader = _react2.default.forwardRef(function (_ref, refs) {
|
|
|
105
105
|
style: isRtl ? { right: subHeadCellsWidth[index] } : { left: subHeadCellsWidth[index] },
|
|
106
106
|
ref: function ref(element) {
|
|
107
107
|
return refs.current[index] = element;
|
|
108
|
-
}
|
|
108
|
+
},
|
|
109
|
+
scope: 'col'
|
|
109
110
|
},
|
|
110
111
|
_react2.default.createElement(
|
|
111
112
|
'div',
|
|
@@ -69,6 +69,7 @@ var Header = function Header(_ref) {
|
|
|
69
69
|
tabIndex: 0,
|
|
70
70
|
className: (0, _classnames2.default)(classes.cell, classes.headerTitleCell),
|
|
71
71
|
colSpan: colSpan,
|
|
72
|
+
scope: 'row',
|
|
72
73
|
title: label
|
|
73
74
|
},
|
|
74
75
|
label
|
|
@@ -81,7 +82,8 @@ var Header = function Header(_ref) {
|
|
|
81
82
|
{
|
|
82
83
|
key: id,
|
|
83
84
|
className: (0, _classnames2.default)(classes.border, classes.cell, classes.headerCell),
|
|
84
|
-
title: label
|
|
85
|
+
title: label,
|
|
86
|
+
scope: 'col'
|
|
85
87
|
},
|
|
86
88
|
label
|
|
87
89
|
);
|
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @sis-cc/dotstatsuite-visions v10.
|
|
2
|
+
* @sis-cc/dotstatsuite-visions v10.14.1 - https://visions-qa.siscc.org/#o
|
|
3
3
|
* MIT Licensed
|
|
4
4
|
*/
|
|
5
5
|
(function webpackUniversalModuleDefinition(root, factory) {
|
|
@@ -6699,7 +6699,7 @@ function removeClassName(el
|
|
|
6699
6699
|
/* 121 */
|
|
6700
6700
|
/***/ (function(module) {
|
|
6701
6701
|
|
|
6702
|
-
module.exports = {"name":"@sis-cc/dotstatsuite-visions","version":"10.
|
|
6702
|
+
module.exports = {"name":"@sis-cc/dotstatsuite-visions","version":"10.14.1","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":">=14"},"files":["css","es","lib","umd"],"scripts":{"build":"nwb build-react-component --copy-files --no-demo && node scripts/doc && nwb build-demo","build:dev":"nwb build-react-component --copy-files --no-demo","clean":"nwb clean-module && nwb clean-demo","prepublishOnly":"npm run build","start":"nwb serve-react-demo","test":"jest","test:watch":"jest --watch --no-cache","lint":"eslint src/ --color","precommit":"lint-staged"},"dependencies":{"@react-hook/size":"^2.1.1","classnames":"^2.2.6","date-fns":"^1.30.1","isemail":"^3.2.0","numeral":"^2.0.6","prop-types":"^15.7.2","ramda":"^0.27.0","react-beautiful-dnd":"^13.0.0","react-draggable":"^4.4.5","react-error-boundary":"^4.0.10","react-virtualized":"^9.21.2"},"peerDependencies":{"@material-ui/core":"^4","@material-ui/icons":"^4","@sis-cc/dotstatsuite-sdmxjs":"^8.x","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","@material-ui/core":"^4","@material-ui/icons":"^4","@sis-cc/dotstatsuite-sdmxjs":"*","@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","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","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":"^18","react-a11y":"^1.1.0","react-dom":"^18","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-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"}};
|
|
6703
6703
|
|
|
6704
6704
|
/***/ }),
|
|
6705
6705
|
/* 122 */
|
|
@@ -53723,6 +53723,8 @@ var header_Header = function Header(_ref) {
|
|
|
53723
53723
|
colSpan: es_inc(xLayoutDataLength),
|
|
53724
53724
|
id: id,
|
|
53725
53725
|
tabIndex: 0,
|
|
53726
|
+
scope: 'row',
|
|
53727
|
+
title: pipe(es_path([-1, 'data', index, 'dimension']), labelAccessor)(headerData),
|
|
53726
53728
|
style: isRtl ? { position: 'sticky', zIndex: 1, right: 0 } : { position: 'sticky', zIndex: 1, left: 0 }
|
|
53727
53729
|
},
|
|
53728
53730
|
react_default.a.createElement(
|
|
@@ -53730,7 +53732,8 @@ var header_Header = function Header(_ref) {
|
|
|
53730
53732
|
{
|
|
53731
53733
|
className: classes.cellContentRight,
|
|
53732
53734
|
'aria-label': es_path([0, 'data', index, 'dimension', 'id'], headerData),
|
|
53733
|
-
'data-testid': 'header-dim'
|
|
53735
|
+
'data-testid': 'header-dim',
|
|
53736
|
+
role: 'row'
|
|
53734
53737
|
},
|
|
53735
53738
|
react_default.a.createElement(
|
|
53736
53739
|
esm_Typography_Typography,
|
|
@@ -53762,7 +53765,11 @@ var header_Header = function Header(_ref) {
|
|
|
53762
53765
|
id: idx + '_' + index,
|
|
53763
53766
|
headers: 'header_' + index,
|
|
53764
53767
|
colSpan: es_prop('spanCount', headerItem),
|
|
53765
|
-
tabIndex: 0
|
|
53768
|
+
tabIndex: 0,
|
|
53769
|
+
title: es_prop('label', value),
|
|
53770
|
+
'aria-label': es_prop('label', value),
|
|
53771
|
+
'aria-describedby': id,
|
|
53772
|
+
scope: 'col'
|
|
53766
53773
|
},
|
|
53767
53774
|
react_default.a.createElement(
|
|
53768
53775
|
'div',
|
|
@@ -53884,7 +53891,8 @@ var SubHeader = react_default.a.forwardRef(function (_ref, refs) {
|
|
|
53884
53891
|
style: isRtl ? { right: subHeadCellsWidth[index] } : { left: subHeadCellsWidth[index] },
|
|
53885
53892
|
ref: function ref(element) {
|
|
53886
53893
|
return refs.current[index] = element;
|
|
53887
|
-
}
|
|
53894
|
+
},
|
|
53895
|
+
scope: 'col'
|
|
53888
53896
|
},
|
|
53889
53897
|
react_default.a.createElement(
|
|
53890
53898
|
'div',
|
|
@@ -54094,7 +54102,8 @@ var sectionHeader_SectionHeader = function SectionHeader(_ref) {
|
|
|
54094
54102
|
component: 'th',
|
|
54095
54103
|
className: classes.section,
|
|
54096
54104
|
colSpan: pipe(es_length, es_inc, es_add(xLayoutDataLength))(headerData),
|
|
54097
|
-
id: currentSection
|
|
54105
|
+
id: currentSection,
|
|
54106
|
+
scope: 'col'
|
|
54098
54107
|
},
|
|
54099
54108
|
react_default.a.createElement(
|
|
54100
54109
|
esm_Grid_Grid,
|
|
@@ -54270,9 +54279,10 @@ var cell_Cell = function Cell(_ref) {
|
|
|
54270
54279
|
esm_TableCell_TableCell,
|
|
54271
54280
|
{
|
|
54272
54281
|
align: cell_isValidNumber(intValue) ? 'right' : textAlign,
|
|
54273
|
-
component: isOne ? 'div' :
|
|
54282
|
+
component: isOne ? 'div' : 'td',
|
|
54274
54283
|
className: classnames_default()(classes.cell, (_cx = {}, _cx[classes.oneCell] = isOne, _cx[classes.active] = isActive, _cx[classes.highlight] = isHighlight, _cx[classes.rightAlign] = isRtl && es_isNil(textAlign), _cx)),
|
|
54275
54284
|
headers: headers,
|
|
54285
|
+
'aria-describedby': headers,
|
|
54276
54286
|
onClick: activeCellHandler,
|
|
54277
54287
|
tabIndex: 0,
|
|
54278
54288
|
style: { textAlign: textAlign }
|
|
@@ -54455,7 +54465,11 @@ var section_Section = function Section(_ref) {
|
|
|
54455
54465
|
),
|
|
54456
54466
|
react_default.a.createElement(
|
|
54457
54467
|
esm_Typography_Typography,
|
|
54458
|
-
{
|
|
54468
|
+
{
|
|
54469
|
+
variant: 'body1',
|
|
54470
|
+
tabIndex: 0,
|
|
54471
|
+
'aria-describedby': 'subHeader_' + index + ' ' + currentSection
|
|
54472
|
+
},
|
|
54459
54473
|
es_prop('label', value),
|
|
54460
54474
|
react_default.a.createElement(TableHtml5_flags, {
|
|
54461
54475
|
HTMLRenderer: HTMLRenderer,
|
|
@@ -65782,6 +65796,7 @@ var TablePreview_Header = function Header(_ref) {
|
|
|
65782
65796
|
tabIndex: 0,
|
|
65783
65797
|
className: classnames_default()(classes.cell, classes.headerTitleCell),
|
|
65784
65798
|
colSpan: colSpan,
|
|
65799
|
+
scope: 'row',
|
|
65785
65800
|
title: label
|
|
65786
65801
|
},
|
|
65787
65802
|
label
|
|
@@ -65794,7 +65809,8 @@ var TablePreview_Header = function Header(_ref) {
|
|
|
65794
65809
|
{
|
|
65795
65810
|
key: id,
|
|
65796
65811
|
className: classnames_default()(classes.border, classes.cell, classes.headerCell),
|
|
65797
|
-
title: label
|
|
65812
|
+
title: label,
|
|
65813
|
+
scope: 'col'
|
|
65798
65814
|
},
|
|
65799
65815
|
label
|
|
65800
65816
|
);
|