@react-aria/steplist 3.0.0-nightly.4623 → 3.0.0-nightly.4629
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/dist/useStepList.main.js
CHANGED
|
@@ -28,19 +28,19 @@ $parcel$export(module.exports, "useStepList", () => $900a30dd63582698$export$c51
|
|
|
28
28
|
|
|
29
29
|
|
|
30
30
|
function $900a30dd63582698$export$c51c7b7354499d04(props, state, ref) {
|
|
31
|
-
let {
|
|
31
|
+
let { 'aria-label': ariaLabel } = props;
|
|
32
32
|
let { listProps: listProps } = (0, $7WRFn$reactariaselection.useSelectableList)({
|
|
33
33
|
...props,
|
|
34
34
|
...state,
|
|
35
35
|
allowsTabNavigation: true,
|
|
36
36
|
ref: ref
|
|
37
37
|
});
|
|
38
|
-
const strings = (0, $7WRFn$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($819d2f6398427998$exports))),
|
|
38
|
+
const strings = (0, $7WRFn$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($819d2f6398427998$exports))), '@react-aria/steplist');
|
|
39
39
|
const stepListProps = {
|
|
40
40
|
...(0, $7WRFn$reactariautils.mergeProps)(listProps, (0, $7WRFn$reactariautils.filterDOMProps)(props, {
|
|
41
41
|
labelable: true
|
|
42
42
|
})),
|
|
43
|
-
|
|
43
|
+
'aria-label': ariaLabel || strings.format('steplist')
|
|
44
44
|
};
|
|
45
45
|
return {
|
|
46
46
|
listProps: {
|
package/dist/useStepList.mjs
CHANGED
|
@@ -22,19 +22,19 @@ function $parcel$interopDefault(a) {
|
|
|
22
22
|
|
|
23
23
|
|
|
24
24
|
function $8ca870e256ef9d32$export$c51c7b7354499d04(props, state, ref) {
|
|
25
|
-
let {
|
|
25
|
+
let { 'aria-label': ariaLabel } = props;
|
|
26
26
|
let { listProps: listProps } = (0, $lejUC$useSelectableList)({
|
|
27
27
|
...props,
|
|
28
28
|
...state,
|
|
29
29
|
allowsTabNavigation: true,
|
|
30
30
|
ref: ref
|
|
31
31
|
});
|
|
32
|
-
const strings = (0, $lejUC$useLocalizedStringFormatter)((0, ($parcel$interopDefault($lejUC$intlStringsmodulejs))),
|
|
32
|
+
const strings = (0, $lejUC$useLocalizedStringFormatter)((0, ($parcel$interopDefault($lejUC$intlStringsmodulejs))), '@react-aria/steplist');
|
|
33
33
|
const stepListProps = {
|
|
34
34
|
...(0, $lejUC$mergeProps)(listProps, (0, $lejUC$filterDOMProps)(props, {
|
|
35
35
|
labelable: true
|
|
36
36
|
})),
|
|
37
|
-
|
|
37
|
+
'aria-label': ariaLabel || strings.format('steplist')
|
|
38
38
|
};
|
|
39
39
|
return {
|
|
40
40
|
listProps: {
|
|
@@ -22,19 +22,19 @@ function $parcel$interopDefault(a) {
|
|
|
22
22
|
|
|
23
23
|
|
|
24
24
|
function $8ca870e256ef9d32$export$c51c7b7354499d04(props, state, ref) {
|
|
25
|
-
let {
|
|
25
|
+
let { 'aria-label': ariaLabel } = props;
|
|
26
26
|
let { listProps: listProps } = (0, $lejUC$useSelectableList)({
|
|
27
27
|
...props,
|
|
28
28
|
...state,
|
|
29
29
|
allowsTabNavigation: true,
|
|
30
30
|
ref: ref
|
|
31
31
|
});
|
|
32
|
-
const strings = (0, $lejUC$useLocalizedStringFormatter)((0, ($parcel$interopDefault($lejUC$intlStringsmodulejs))),
|
|
32
|
+
const strings = (0, $lejUC$useLocalizedStringFormatter)((0, ($parcel$interopDefault($lejUC$intlStringsmodulejs))), '@react-aria/steplist');
|
|
33
33
|
const stepListProps = {
|
|
34
34
|
...(0, $lejUC$mergeProps)(listProps, (0, $lejUC$filterDOMProps)(props, {
|
|
35
35
|
labelable: true
|
|
36
36
|
})),
|
|
37
|
-
|
|
37
|
+
'aria-label': ariaLabel || strings.format('steplist')
|
|
38
38
|
};
|
|
39
39
|
return {
|
|
40
40
|
listProps: {
|
|
@@ -31,7 +31,7 @@ function $0246bc8e841080a9$export$fd9dc107b7325b53(props, state, ref) {
|
|
|
31
31
|
let onKeyDown = (event)=>{
|
|
32
32
|
var _itemProps_onKeyDown;
|
|
33
33
|
const { key: eventKey } = event;
|
|
34
|
-
if (eventKey ===
|
|
34
|
+
if (eventKey === 'ArrowDown' || eventKey === 'ArrowUp') {
|
|
35
35
|
event.preventDefault();
|
|
36
36
|
event.stopPropagation();
|
|
37
37
|
}
|
|
@@ -41,9 +41,9 @@ function $0246bc8e841080a9$export$fd9dc107b7325b53(props, state, ref) {
|
|
|
41
41
|
stepProps: {
|
|
42
42
|
...itemProps,
|
|
43
43
|
onKeyDown: onKeyDown,
|
|
44
|
-
role:
|
|
45
|
-
|
|
46
|
-
|
|
44
|
+
role: 'link',
|
|
45
|
+
'aria-current': isSelected ? 'step' : undefined,
|
|
46
|
+
'aria-disabled': isDisabled ? true : undefined,
|
|
47
47
|
tabIndex: !isDisabled ? 0 : undefined
|
|
48
48
|
}
|
|
49
49
|
};
|
package/dist/useStepListItem.mjs
CHANGED
|
@@ -25,7 +25,7 @@ function $dd7f9f4bee5b11b8$export$fd9dc107b7325b53(props, state, ref) {
|
|
|
25
25
|
let onKeyDown = (event)=>{
|
|
26
26
|
var _itemProps_onKeyDown;
|
|
27
27
|
const { key: eventKey } = event;
|
|
28
|
-
if (eventKey ===
|
|
28
|
+
if (eventKey === 'ArrowDown' || eventKey === 'ArrowUp') {
|
|
29
29
|
event.preventDefault();
|
|
30
30
|
event.stopPropagation();
|
|
31
31
|
}
|
|
@@ -35,9 +35,9 @@ function $dd7f9f4bee5b11b8$export$fd9dc107b7325b53(props, state, ref) {
|
|
|
35
35
|
stepProps: {
|
|
36
36
|
...itemProps,
|
|
37
37
|
onKeyDown: onKeyDown,
|
|
38
|
-
role:
|
|
39
|
-
|
|
40
|
-
|
|
38
|
+
role: 'link',
|
|
39
|
+
'aria-current': isSelected ? 'step' : undefined,
|
|
40
|
+
'aria-disabled': isDisabled ? true : undefined,
|
|
41
41
|
tabIndex: !isDisabled ? 0 : undefined
|
|
42
42
|
}
|
|
43
43
|
};
|
|
@@ -25,7 +25,7 @@ function $dd7f9f4bee5b11b8$export$fd9dc107b7325b53(props, state, ref) {
|
|
|
25
25
|
let onKeyDown = (event)=>{
|
|
26
26
|
var _itemProps_onKeyDown;
|
|
27
27
|
const { key: eventKey } = event;
|
|
28
|
-
if (eventKey ===
|
|
28
|
+
if (eventKey === 'ArrowDown' || eventKey === 'ArrowUp') {
|
|
29
29
|
event.preventDefault();
|
|
30
30
|
event.stopPropagation();
|
|
31
31
|
}
|
|
@@ -35,9 +35,9 @@ function $dd7f9f4bee5b11b8$export$fd9dc107b7325b53(props, state, ref) {
|
|
|
35
35
|
stepProps: {
|
|
36
36
|
...itemProps,
|
|
37
37
|
onKeyDown: onKeyDown,
|
|
38
|
-
role:
|
|
39
|
-
|
|
40
|
-
|
|
38
|
+
role: 'link',
|
|
39
|
+
'aria-current': isSelected ? 'step' : undefined,
|
|
40
|
+
'aria-disabled': isDisabled ? true : undefined,
|
|
41
41
|
tabIndex: !isDisabled ? 0 : undefined
|
|
42
42
|
}
|
|
43
43
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-aria/steplist",
|
|
3
|
-
"version": "3.0.0-nightly.
|
|
3
|
+
"version": "3.0.0-nightly.4629+c34886769",
|
|
4
4
|
"description": "Spectrum UI components in React",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "dist/main.js",
|
|
@@ -22,11 +22,11 @@
|
|
|
22
22
|
"url": "https://github.com/adobe/react-spectrum"
|
|
23
23
|
},
|
|
24
24
|
"dependencies": {
|
|
25
|
-
"@react-aria/i18n": "3.0.0-nightly.
|
|
26
|
-
"@react-aria/selection": "3.0.0-nightly.
|
|
27
|
-
"@react-aria/utils": "3.0.0-nightly.
|
|
28
|
-
"@react-stately/steplist": "3.0.0-nightly.
|
|
29
|
-
"@react-types/shared": "3.0.0-nightly.
|
|
25
|
+
"@react-aria/i18n": "3.0.0-nightly.2917+c34886769",
|
|
26
|
+
"@react-aria/selection": "3.0.0-nightly.2917+c34886769",
|
|
27
|
+
"@react-aria/utils": "3.0.0-nightly.2917+c34886769",
|
|
28
|
+
"@react-stately/steplist": "3.0.0-nightly.4629+c34886769",
|
|
29
|
+
"@react-types/shared": "3.0.0-nightly.2917+c34886769",
|
|
30
30
|
"@swc/helpers": "^0.5.0"
|
|
31
31
|
},
|
|
32
32
|
"peerDependencies": {
|
|
@@ -36,5 +36,5 @@
|
|
|
36
36
|
"publishConfig": {
|
|
37
37
|
"access": "public"
|
|
38
38
|
},
|
|
39
|
-
"gitHead": "
|
|
39
|
+
"gitHead": "c34886769d3e69bb56553a02eead6a0fd877e754"
|
|
40
40
|
}
|