@arcblock/ux 2.1.47 → 2.1.51

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.
@@ -116,6 +116,7 @@ function TableSearch(_ref) {
116
116
  className: "toolbar-search-close ".concat(searchExpand ? 'toolbar-btn-show' : ''),
117
117
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
118
118
  onClick: clickClose,
119
+ "aria-label": "click to close the search box",
119
120
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Clear.default, {})
120
121
  })
121
122
  })]
@@ -81,6 +81,7 @@ function ResponsiveHeader(_ref) {
81
81
  },
82
82
  edge: "start",
83
83
  className: "header-menu",
84
+ "aria-label": "header menu button",
84
85
  onClick: () => setDrawerOpen(!drawerOpen),
85
86
  children: drawerOpen ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Close.default, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Menu.default, {})
86
87
  })
@@ -82,6 +82,7 @@ function Header(_ref) {
82
82
  "aria-label": "open drawer",
83
83
  edge: "start",
84
84
  className: "header-menu",
85
+ "aira-label": "header menu button",
85
86
  onClick: onToggleMenu,
86
87
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Menu.default, {})
87
88
  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactRouterDom.Link, {
@@ -92,6 +92,7 @@ function SplitButton(_ref) {
92
92
  onClick: onToggle,
93
93
  color: color
94
94
  }, menuButtonProps), {}, {
95
+ "aria-label": "more functions",
95
96
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExpandMore.default, {})
96
97
  }))]
97
98
  })), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledPopper, {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@arcblock/ux",
3
- "version": "2.1.47",
3
+ "version": "2.1.51",
4
4
  "description": "Common used react components for arcblock products",
5
5
  "keywords": [
6
6
  "react",
@@ -52,10 +52,10 @@
52
52
  "react": ">=18.1.0",
53
53
  "react-ga": "^2.7.0"
54
54
  },
55
- "gitHead": "ec39f2bad16b784ed65cbf3f74bf7f32d137f4c3",
55
+ "gitHead": "fd1815a1cf5ad25d34017550fb4cd429afd7b375",
56
56
  "dependencies": {
57
- "@arcblock/icons": "^2.1.47",
58
- "@arcblock/react-hooks": "^2.1.47",
57
+ "@arcblock/icons": "^2.1.51",
58
+ "@arcblock/react-hooks": "^2.1.51",
59
59
  "@babel/plugin-syntax-dynamic-import": "^7.8.3",
60
60
  "@emotion/react": "^11.9.0",
61
61
  "@emotion/styled": "^11.8.1",
@@ -89,7 +89,7 @@ export default function TableSearch({ search, options, searchText, searchTextUpd
89
89
  </div>
90
90
  {!searchAlwaysOpen && (
91
91
  <div className={`toolbar-search-close ${searchExpand ? 'toolbar-btn-show' : ''}`}>
92
- <IconButton onClick={clickClose}>
92
+ <IconButton onClick={clickClose} aria-label="click to close the search box">
93
93
  <ClearIcon />
94
94
  </IconButton>
95
95
  </div>
@@ -35,6 +35,7 @@ function ResponsiveHeader({ menu, prepend, children, ...rest }) {
35
35
  sx={{ color: theme.palette.grey[500] }}
36
36
  edge="start"
37
37
  className="header-menu"
38
+ aria-label="header menu button"
38
39
  onClick={() => setDrawerOpen(!drawerOpen)}>
39
40
  {drawerOpen ? <CloseIcon /> : <MenuIcon />}
40
41
  </Button>
@@ -106,7 +106,13 @@ export default function Header({
106
106
  return (
107
107
  <StyledAppBar position="sticky" className="header" {...rest}>
108
108
  <Toolbar disableGutters={false} className="header-toolbar">
109
- <Button color="inherit" aria-label="open drawer" edge="start" className="header-menu" onClick={onToggleMenu}>
109
+ <Button
110
+ color="inherit"
111
+ aria-label="open drawer"
112
+ edge="start"
113
+ className="header-menu"
114
+ aira-label="header menu button"
115
+ onClick={onToggleMenu}>
110
116
  <MenuIcon />
111
117
  </Button>
112
118
  <Link to={homeUrl} className="header-link">
@@ -42,7 +42,7 @@ export default function SplitButton({ size, color, menu, children, variant, onCl
42
42
  {children}
43
43
  </Button>
44
44
  )}
45
- <Button onClick={onToggle} color={color} {...menuButtonProps}>
45
+ <Button onClick={onToggle} color={color} {...menuButtonProps} aria-label="more functions">
46
46
  <ExpandMore />
47
47
  </Button>
48
48
  </StyledButtonGroup>