baseui 0.0.0-next-62005d4 → 0.0.0-next-3a57782

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 (5) hide show
  1. package/es/list/list-item.js +16 -1
  2. package/esm/list/list-item.js +16 -1
  3. package/list/list-item.js +16 -1
  4. package/package.json +1 -1
  5. package/typography/index.d.ts +2 -2
package/es/list/list-item.js CHANGED
@@ -39,13 +39,28 @@ const ListItem = /*#__PURE__*/React.forwardRef((props, ref) => {
39
39
  }
40
40
  }, [props.artworkSize, props.sublist]);
41
41
  const isTapTarget = Boolean(props.onClick);
42
+
43
+ const getMainTextFromChild = child => {
44
+ if (typeof child === 'string') {
45
+ return child;
46
+ } else if ( /*#__PURE__*/React.isValidElement(child)) {
47
+ return getMainTextFromChild(child.props.children);
48
+ } else {
49
+ return 'List item';
50
+ }
51
+ };
52
+
53
+ const listItemName = React.Children.count(props.children) === 0 ? ['List item'] : React.Children.map(props.children, child => {
54
+ return getMainTextFromChild(child);
55
+ });
56
+ const ariaLabel = props.hasOwnProperty('aria-label') ? props['aria-label'] : listItemName[0];
42
57
  return /*#__PURE__*/React.createElement(Root // eslint-disable-next-line @typescript-eslint/no-explicit-any
43
58
  , _extends({
44
59
  ref: ref,
45
60
  $shape: props.shape || SHAPE.DEFAULT,
46
61
  $as: isTapTarget ? 'button' : 'li',
47
62
  $isTapTarget: isTapTarget,
48
- "aria-label": props['aria-label'],
63
+ "aria-label": props.role !== 'presentation' ? ariaLabel : null,
49
64
  "aria-selected": props['aria-selected'],
50
65
  id: props.id,
51
66
  role: props.role,
package/esm/list/list-item.js CHANGED
@@ -67,13 +67,28 @@ var ListItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
67
67
  }
68
68
  }, [props.artworkSize, props.sublist]);
69
69
  var isTapTarget = Boolean(props.onClick);
70
+
71
+ var getMainTextFromChild = function getMainTextFromChild(child) {
72
+ if (typeof child === 'string') {
73
+ return child;
74
+ } else if ( /*#__PURE__*/React.isValidElement(child)) {
75
+ return getMainTextFromChild(child.props.children);
76
+ } else {
77
+ return 'List item';
78
+ }
79
+ };
80
+
81
+ var listItemName = React.Children.count(props.children) === 0 ? ['List item'] : React.Children.map(props.children, function (child) {
82
+ return getMainTextFromChild(child);
83
+ });
84
+ var ariaLabel = props.hasOwnProperty('aria-label') ? props['aria-label'] : listItemName[0];
70
85
  return /*#__PURE__*/React.createElement(Root // eslint-disable-next-line @typescript-eslint/no-explicit-any
71
86
  , _extends({
72
87
  ref: ref,
73
88
  $shape: props.shape || SHAPE.DEFAULT,
74
89
  $as: isTapTarget ? 'button' : 'li',
75
90
  $isTapTarget: isTapTarget,
76
- "aria-label": props['aria-label'],
91
+ "aria-label": props.role !== 'presentation' ? ariaLabel : null,
77
92
  "aria-selected": props['aria-selected'],
78
93
  id: props.id,
79
94
  role: props.role,
package/list/list-item.js CHANGED
@@ -76,13 +76,28 @@ var ListItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
76
76
  }, [props.artworkSize, props.sublist]);
77
77
 
78
78
  var isTapTarget = Boolean(props.onClick);
79
+
80
+ var getMainTextFromChild = function getMainTextFromChild(child) {
81
+ if (typeof child === 'string') {
82
+ return child;
83
+ } else if ( /*#__PURE__*/_react.default.isValidElement(child)) {
84
+ return getMainTextFromChild(child.props.children);
85
+ } else {
86
+ return 'List item';
87
+ }
88
+ };
89
+
90
+ var listItemName = _react.default.Children.count(props.children) === 0 ? ['List item'] : _react.default.Children.map(props.children, function (child) {
91
+ return getMainTextFromChild(child);
92
+ });
93
+ var ariaLabel = props.hasOwnProperty('aria-label') ? props['aria-label'] : listItemName[0];
79
94
  return /*#__PURE__*/_react.default.createElement(Root // eslint-disable-next-line @typescript-eslint/no-explicit-any
80
95
  , _extends({
81
96
  ref: ref,
82
97
  $shape: props.shape || _constants.SHAPE.DEFAULT,
83
98
  $as: isTapTarget ? 'button' : 'li',
84
99
  $isTapTarget: isTapTarget,
85
- "aria-label": props['aria-label'],
100
+ "aria-label": props.role !== 'presentation' ? ariaLabel : null,
86
101
  "aria-selected": props['aria-selected'],
87
102
  id: props.id,
88
103
  role: props.role,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "baseui",
3
- "version": "0.0.0-next-62005d4",
3
+ "version": "0.0.0-next-3a57782",
4
4
  "description": "A React Component library implementing the Base design language",
5
5
  "keywords": [
6
6
  "react",
package/typography/index.d.ts CHANGED
@@ -3,9 +3,9 @@ export declare const DisplayLarge: BlockComponentType<"div">;
3
3
  export declare const DisplayMedium: BlockComponentType<"div">;
4
4
  export declare const DisplaySmall: BlockComponentType<"div">;
5
5
  export declare const DisplayXSmall: BlockComponentType<"div">;
6
- export declare const HeadingXXLarge: BlockComponentType<"div">;
6
+ export declare const HeadingXXLarge: BlockComponentType<"h1">;
7
7
  export declare const HeadingXLarge: BlockComponentType<"h2">;
8
- export declare const HeadingLarge: BlockComponentType<"div">;
8
+ export declare const HeadingLarge: BlockComponentType<"h3">;
9
9
  export declare const HeadingMedium: BlockComponentType<"h4">;
10
10
  export declare const HeadingSmall: BlockComponentType<"h5">;
11
11
  export declare const HeadingXSmall: BlockComponentType<"h6">;