@sis-cc/dotstatsuite-visions 10.17.0 → 10.18.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.
Files changed (10) hide show
  1. package/es/DataFooter/DataFooter.js +13 -1
  2. package/es/InputNumber/InputNumber.js +7 -4
  3. package/es/Mode/Mode.js +15 -1
  4. package/lib/DataFooter/DataFooter.js +16 -1
  5. package/lib/InputNumber/InputNumber.js +7 -4
  6. package/lib/Mode/Mode.js +18 -1
  7. package/package.json +1 -1
  8. package/umd/@sis-cc/dotstatsuite-visions.js +37 -8
  9. package/umd/@sis-cc/dotstatsuite-visions.min.js +3 -3
  10. package/umd/@sis-cc/dotstatsuite-visions.min.js.map +1 -1
package/es/DataFooter/DataFooter.js CHANGED
@@ -9,6 +9,7 @@ import Link from '@material-ui/core/Link';
9
9
  import { makeStyles } from '@material-ui/core/styles';
10
10
  import { Tooltip } from '../';
11
11
  import { T4_BREAKPOINTS } from '../theme';
12
+ import useKeyboardEscapeHandler from '../hooks/useKeybordEscapeHandler';
12
13
 
13
14
  var HEIGHT = 42;
14
15
 
@@ -71,6 +72,10 @@ var DataFooter = function DataFooter(_ref3) {
71
72
  var isCopyrighted = copyright && copyright.label && copyright.content;
72
73
  var classes = useStyles({ isWidthUp: isWidthUp, isSourced: isSourced });
73
74
 
75
+ var _useKeyboardEscapeHan = useKeyboardEscapeHandler(),
76
+ open = _useKeyboardEscapeHan.open,
77
+ setOpen = _useKeyboardEscapeHan.setOpen;
78
+
74
79
  if (!isWidthUp(T4_BREAKPOINTS.xs)) return React.createElement(Grid, { ref: target });
75
80
 
76
81
  return React.createElement(
@@ -121,7 +126,14 @@ var DataFooter = function DataFooter(_ref3) {
121
126
  placement: 'top',
122
127
  enterNextDelay: 100,
123
128
  interactive: true,
124
- arrow: true
129
+ arrow: true,
130
+ open: open,
131
+ onOpen: function onOpen() {
132
+ return setOpen(true);
133
+ },
134
+ onClose: function onClose() {
135
+ return setOpen(false);
136
+ }
125
137
  },
126
138
  React.createElement(
127
139
  Typography,
package/es/InputNumber/InputNumber.js CHANGED
@@ -47,7 +47,8 @@ var InputNumber = function InputNumber(_ref) {
47
47
  popperLabel = _ref.popperLabel,
48
48
  _ref$placeholder = _ref.placeholder,
49
49
  placeholder = _ref$placeholder === undefined ? '--' : _ref$placeholder,
50
- textFieldProps = _ref.textFieldProps;
50
+ textFieldProps = _ref.textFieldProps,
51
+ ariaLabel = _ref.ariaLabel;
51
52
 
52
53
  var classes = useStyles();
53
54
 
@@ -60,7 +61,7 @@ var InputNumber = function InputNumber(_ref) {
60
61
  { 'data-testid': 'input-number-test-id', className: classes.root },
61
62
  beforeLabel && React.createElement(
62
63
  Typography,
63
- { variant: 'body2', 'aria-label': beforeLabel, tabIndex: 0 },
64
+ { variant: 'body2', 'aria-label': beforeLabel, tabIndex: -1 },
64
65
  beforeLabel
65
66
  ),
66
67
  React.createElement(TextField, _extends({
@@ -68,7 +69,8 @@ var InputNumber = function InputNumber(_ref) {
68
69
  inputProps: {
69
70
  min: 0,
70
71
  step: 1,
71
- className: classes.input
72
+ className: classes.input,
73
+ 'aria-label': ariaLabel
72
74
  },
73
75
  placeholder: placeholder,
74
76
  onChange: function onChange(e) {
@@ -104,7 +106,8 @@ InputNumber.propTypes = process.env.NODE_ENV !== "production" ? {
104
106
  afterLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
105
107
  popperLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
106
108
  placeholder: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
107
- textFieldProps: PropTypes.object
109
+ textFieldProps: PropTypes.object,
110
+ ariaLabel: PropTypes.string
108
111
  } : {};
109
112
 
110
113
  export default withBlank(function (_ref2) {
package/es/Mode/Mode.js CHANGED
@@ -8,6 +8,7 @@ import RadioGroup from '@material-ui/core/RadioGroup';
8
8
  import FormControlLabel from '@material-ui/core/FormControlLabel';
9
9
  import Radio from '@material-ui/core/Radio';
10
10
  import { Tooltip } from '../';
11
+ import useKeyboardEscapeHandler from '../hooks/useKeybordEscapeHandler';
11
12
 
12
13
  var useStyles = makeStyles(function (theme) {
13
14
  return {
@@ -29,6 +30,11 @@ var Warning = function Warning(_ref) {
29
30
  children = _ref.children;
30
31
 
31
32
  var classes = useStyles();
33
+
34
+ var _useKeyboardEscapeHan = useKeyboardEscapeHandler(),
35
+ open = _useKeyboardEscapeHan.open,
36
+ setOpen = _useKeyboardEscapeHan.setOpen;
37
+
32
38
  return React.createElement(
33
39
  Tooltip,
34
40
  {
@@ -36,7 +42,15 @@ var Warning = function Warning(_ref) {
36
42
  title: title,
37
43
  variant: 'light',
38
44
  'aria-label': title,
39
- 'aria-hidden': false
45
+ 'aria-hidden': false,
46
+ interactive: true,
47
+ open: open,
48
+ onOpen: function onOpen() {
49
+ return setOpen(true);
50
+ },
51
+ onClose: function onClose() {
52
+ return setOpen(false);
53
+ }
40
54
  },
41
55
  children
42
56
  );
package/lib/DataFooter/DataFooter.js CHANGED
@@ -40,6 +40,10 @@ var _ = require('../');
40
40
 
41
41
  var _theme = require('../theme');
42
42
 
43
+ var _useKeybordEscapeHandler = require('../hooks/useKeybordEscapeHandler');
44
+
45
+ var _useKeybordEscapeHandler2 = _interopRequireDefault(_useKeybordEscapeHandler);
46
+
43
47
  function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
44
48
 
45
49
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -105,6 +109,10 @@ var DataFooter = function DataFooter(_ref3) {
105
109
  var isCopyrighted = copyright && copyright.label && copyright.content;
106
110
  var classes = useStyles({ isWidthUp: isWidthUp, isSourced: isSourced });
107
111
 
112
+ var _useKeyboardEscapeHan = (0, _useKeybordEscapeHandler2.default)(),
113
+ open = _useKeyboardEscapeHan.open,
114
+ setOpen = _useKeyboardEscapeHan.setOpen;
115
+
108
116
  if (!isWidthUp(_theme.T4_BREAKPOINTS.xs)) return _react2.default.createElement(_Grid2.default, { ref: target });
109
117
 
110
118
  return _react2.default.createElement(
@@ -155,7 +163,14 @@ var DataFooter = function DataFooter(_ref3) {
155
163
  placement: 'top',
156
164
  enterNextDelay: 100,
157
165
  interactive: true,
158
- arrow: true
166
+ arrow: true,
167
+ open: open,
168
+ onOpen: function onOpen() {
169
+ return setOpen(true);
170
+ },
171
+ onClose: function onClose() {
172
+ return setOpen(false);
173
+ }
159
174
  },
160
175
  _react2.default.createElement(
161
176
  _Typography2.default,
package/lib/InputNumber/InputNumber.js CHANGED
@@ -80,7 +80,8 @@ var InputNumber = function InputNumber(_ref) {
80
80
  popperLabel = _ref.popperLabel,
81
81
  _ref$placeholder = _ref.placeholder,
82
82
  placeholder = _ref$placeholder === undefined ? '--' : _ref$placeholder,
83
- textFieldProps = _ref.textFieldProps;
83
+ textFieldProps = _ref.textFieldProps,
84
+ ariaLabel = _ref.ariaLabel;
84
85
 
85
86
  var classes = useStyles();
86
87
 
@@ -93,7 +94,7 @@ var InputNumber = function InputNumber(_ref) {
93
94
  { 'data-testid': 'input-number-test-id', className: classes.root },
94
95
  beforeLabel && _react2.default.createElement(
95
96
  _Typography2.default,
96
- { variant: 'body2', 'aria-label': beforeLabel, tabIndex: 0 },
97
+ { variant: 'body2', 'aria-label': beforeLabel, tabIndex: -1 },
97
98
  beforeLabel
98
99
  ),
99
100
  _react2.default.createElement(_TextField2.default, _extends({
@@ -101,7 +102,8 @@ var InputNumber = function InputNumber(_ref) {
101
102
  inputProps: {
102
103
  min: 0,
103
104
  step: 1,
104
- className: classes.input
105
+ className: classes.input,
106
+ 'aria-label': ariaLabel
105
107
  },
106
108
  placeholder: placeholder,
107
109
  onChange: function onChange(e) {
@@ -137,7 +139,8 @@ InputNumber.propTypes = process.env.NODE_ENV !== "production" ? {
137
139
  afterLabel: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
138
140
  popperLabel: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
139
141
  placeholder: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
140
- textFieldProps: _propTypes2.default.object
142
+ textFieldProps: _propTypes2.default.object,
143
+ ariaLabel: _propTypes2.default.string
141
144
  } : {};
142
145
 
143
146
  exports.default = (0, _utils.withBlank)(function (_ref2) {
package/lib/Mode/Mode.js CHANGED
@@ -32,6 +32,10 @@ var _Radio2 = _interopRequireDefault(_Radio);
32
32
 
33
33
  var _ = require('../');
34
34
 
35
+ var _useKeybordEscapeHandler = require('../hooks/useKeybordEscapeHandler');
36
+
37
+ var _useKeybordEscapeHandler2 = _interopRequireDefault(_useKeybordEscapeHandler);
38
+
35
39
  function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
36
40
 
37
41
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -56,6 +60,11 @@ var Warning = function Warning(_ref) {
56
60
  children = _ref.children;
57
61
 
58
62
  var classes = useStyles();
63
+
64
+ var _useKeyboardEscapeHan = (0, _useKeybordEscapeHandler2.default)(),
65
+ open = _useKeyboardEscapeHan.open,
66
+ setOpen = _useKeyboardEscapeHan.setOpen;
67
+
59
68
  return _react2.default.createElement(
60
69
  _.Tooltip,
61
70
  {
@@ -63,7 +72,15 @@ var Warning = function Warning(_ref) {
63
72
  title: title,
64
73
  variant: 'light',
65
74
  'aria-label': title,
66
- 'aria-hidden': false
75
+ 'aria-hidden': false,
76
+ interactive: true,
77
+ open: open,
78
+ onOpen: function onOpen() {
79
+ return setOpen(true);
80
+ },
81
+ onClose: function onClose() {
82
+ return setOpen(false);
83
+ }
67
84
  },
68
85
  children
69
86
  );
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sis-cc/dotstatsuite-visions",
3
- "version": "10.17.0",
3
+ "version": "10.18.0",
4
4
  "description": "Library of visual components",
5
5
  "author": "OECD",
6
6
  "homepage": "https://visions-qa.siscc.org/#o",
package/umd/@sis-cc/dotstatsuite-visions.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @sis-cc/dotstatsuite-visions v10.17.0 - https://visions-qa.siscc.org/#o
2
+ * @sis-cc/dotstatsuite-visions v10.18.0 - 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.17.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":">=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"}};
6702
+ module.exports = {"name":"@sis-cc/dotstatsuite-visions","version":"10.18.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":">=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 */
@@ -47866,6 +47866,7 @@ DataHeader_DataHeader.propTypes = {
47866
47866
 
47867
47867
 
47868
47868
 
47869
+
47869
47870
  var HEIGHT = 42;
47870
47871
 
47871
47872
  var DataFooter_useStyles = styles_makeStyles(function (theme) {
@@ -47927,6 +47928,10 @@ var DataFooter_DataFooter = function DataFooter(_ref3) {
47927
47928
  var isCopyrighted = copyright && copyright.label && copyright.content;
47928
47929
  var classes = DataFooter_useStyles({ isWidthUp: isWidthUp, isSourced: isSourced });
47929
47930
 
47931
+ var _useKeyboardEscapeHan = useKeybordEscapeHandler(),
47932
+ open = _useKeyboardEscapeHan.open,
47933
+ setOpen = _useKeyboardEscapeHan.setOpen;
47934
+
47930
47935
  if (!isWidthUp(T4_BREAKPOINTS.xs)) return react_default.a.createElement(esm_Grid_Grid, { ref: target });
47931
47936
 
47932
47937
  return react_default.a.createElement(
@@ -47977,7 +47982,14 @@ var DataFooter_DataFooter = function DataFooter(_ref3) {
47977
47982
  placement: 'top',
47978
47983
  enterNextDelay: 100,
47979
47984
  interactive: true,
47980
- arrow: true
47985
+ arrow: true,
47986
+ open: open,
47987
+ onOpen: function onOpen() {
47988
+ return setOpen(true);
47989
+ },
47990
+ onClose: function onClose() {
47991
+ return setOpen(false);
47992
+ }
47981
47993
  },
47982
47994
  react_default.a.createElement(
47983
47995
  esm_Typography_Typography,
@@ -49207,7 +49219,8 @@ var InputNumber_InputNumber = function InputNumber(_ref) {
49207
49219
  popperLabel = _ref.popperLabel,
49208
49220
  _ref$placeholder = _ref.placeholder,
49209
49221
  placeholder = _ref$placeholder === undefined ? '--' : _ref$placeholder,
49210
- textFieldProps = _ref.textFieldProps;
49222
+ textFieldProps = _ref.textFieldProps,
49223
+ ariaLabel = _ref.ariaLabel;
49211
49224
 
49212
49225
  var classes = InputNumber_useStyles();
49213
49226
 
@@ -49220,7 +49233,7 @@ var InputNumber_InputNumber = function InputNumber(_ref) {
49220
49233
  { 'data-testid': 'input-number-test-id', className: classes.root },
49221
49234
  beforeLabel && react_default.a.createElement(
49222
49235
  esm_Typography_Typography,
49223
- { variant: 'body2', 'aria-label': beforeLabel, tabIndex: 0 },
49236
+ { variant: 'body2', 'aria-label': beforeLabel, tabIndex: -1 },
49224
49237
  beforeLabel
49225
49238
  ),
49226
49239
  react_default.a.createElement(esm_TextField_TextField, InputNumber_extends({
@@ -49228,7 +49241,8 @@ var InputNumber_InputNumber = function InputNumber(_ref) {
49228
49241
  inputProps: {
49229
49242
  min: 0,
49230
49243
  step: 1,
49231
- className: classes.input
49244
+ className: classes.input,
49245
+ 'aria-label': ariaLabel
49232
49246
  },
49233
49247
  placeholder: placeholder,
49234
49248
  onChange: function onChange(e) {
@@ -49264,7 +49278,8 @@ InputNumber_InputNumber.propTypes = {
49264
49278
  afterLabel: prop_types_default.a.oneOfType([prop_types_default.a.string, prop_types_default.a.element]),
49265
49279
  popperLabel: prop_types_default.a.oneOfType([prop_types_default.a.string, prop_types_default.a.element]),
49266
49280
  placeholder: prop_types_default.a.oneOfType([prop_types_default.a.string, prop_types_default.a.element]),
49267
- textFieldProps: prop_types_default.a.object
49281
+ textFieldProps: prop_types_default.a.object,
49282
+ ariaLabel: prop_types_default.a.string
49268
49283
  };
49269
49284
 
49270
49285
  /* harmony default export */ var src_InputNumber_InputNumber = (utils_withBlank(function (_ref2) {
@@ -49644,6 +49659,7 @@ var Mode_Mode_extends = Object.assign || function (target) { for (var i = 1; i <
49644
49659
 
49645
49660
 
49646
49661
 
49662
+
49647
49663
  var Mode_Mode_useStyles = styles_makeStyles(function (theme) {
49648
49664
  return {
49649
49665
  title: Mode_Mode_extends({
@@ -49664,6 +49680,11 @@ var Mode_Mode_Warning = function Warning(_ref) {
49664
49680
  children = _ref.children;
49665
49681
 
49666
49682
  var classes = Mode_Mode_useStyles();
49683
+
49684
+ var _useKeyboardEscapeHan = useKeybordEscapeHandler(),
49685
+ open = _useKeyboardEscapeHan.open,
49686
+ setOpen = _useKeyboardEscapeHan.setOpen;
49687
+
49667
49688
  return react_default.a.createElement(
49668
49689
  src_Tooltip_Tooltip,
49669
49690
  {
@@ -49671,7 +49692,15 @@ var Mode_Mode_Warning = function Warning(_ref) {
49671
49692
  title: title,
49672
49693
  variant: 'light',
49673
49694
  'aria-label': title,
49674
- 'aria-hidden': false
49695
+ 'aria-hidden': false,
49696
+ interactive: true,
49697
+ open: open,
49698
+ onOpen: function onOpen() {
49699
+ return setOpen(true);
49700
+ },
49701
+ onClose: function onClose() {
49702
+ return setOpen(false);
49703
+ }
49675
49704
  },
49676
49705
  children
49677
49706
  );