@react-aria/dnd 3.6.1-nightly.4623 → 3.6.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/dist/DragManager.main.js +68 -68
- package/dist/DragManager.mjs +68 -68
- package/dist/DragManager.module.js +68 -68
- package/dist/DragPreview.main.js +1 -1
- package/dist/DragPreview.mjs +1 -1
- package/dist/DragPreview.module.js +1 -1
- package/dist/ListDropTargetDelegate.main.js +31 -31
- package/dist/ListDropTargetDelegate.mjs +31 -31
- package/dist/ListDropTargetDelegate.module.js +31 -31
- package/dist/constants.main.js +10 -10
- package/dist/constants.mjs +10 -10
- package/dist/constants.module.js +10 -10
- package/dist/useClipboard.main.js +1 -1
- package/dist/useClipboard.mjs +1 -1
- package/dist/useClipboard.module.js +1 -1
- package/dist/useDrag.main.js +38 -38
- package/dist/useDrag.mjs +38 -38
- package/dist/useDrag.module.js +38 -38
- package/dist/useDraggableItem.main.js +17 -17
- package/dist/useDraggableItem.mjs +17 -17
- package/dist/useDraggableItem.module.js +17 -17
- package/dist/useDrop.main.js +30 -30
- package/dist/useDrop.mjs +30 -30
- package/dist/useDrop.module.js +30 -30
- package/dist/useDropIndicator.main.js +17 -17
- package/dist/useDropIndicator.mjs +17 -17
- package/dist/useDropIndicator.module.js +17 -17
- package/dist/useDroppableCollection.main.js +83 -83
- package/dist/useDroppableCollection.mjs +83 -83
- package/dist/useDroppableCollection.module.js +83 -83
- package/dist/useDroppableItem.main.js +2 -2
- package/dist/useDroppableItem.mjs +2 -2
- package/dist/useDroppableItem.module.js +2 -2
- package/dist/useVirtualDrop.main.js +5 -5
- package/dist/useVirtualDrop.mjs +5 -5
- package/dist/useVirtualDrop.module.js +5 -5
- package/dist/utils.main.js +20 -20
- package/dist/utils.mjs +20 -20
- package/dist/utils.module.js +20 -20
- package/package.json +11 -11
|
@@ -34,7 +34,7 @@ $parcel$export(module.exports, "useDropIndicator", () => $c5557edbed563ebf$expor
|
|
|
34
34
|
function $c5557edbed563ebf$export$8d0e41d2815afac5(props, state, ref) {
|
|
35
35
|
let { target: target } = props;
|
|
36
36
|
let { collection: collection } = state;
|
|
37
|
-
let stringFormatter = (0, $Zlq1e$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($7c8adf3925a26206$exports))),
|
|
37
|
+
let stringFormatter = (0, $Zlq1e$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($7c8adf3925a26206$exports))), '@react-aria/dnd');
|
|
38
38
|
let dragSession = $28e10663603f5ea1$exports.useDragSession();
|
|
39
39
|
let { dropProps: dropProps } = (0, $fc1876157e07bcec$exports.useDroppableItem)(props, state, ref);
|
|
40
40
|
let id = (0, $Zlq1e$reactariautils.useId)();
|
|
@@ -43,42 +43,42 @@ function $c5557edbed563ebf$export$8d0e41d2815afac5(props, state, ref) {
|
|
|
43
43
|
var _collection_getTextValue1;
|
|
44
44
|
return (_collection_getTextValue1 = (_collection_getTextValue = collection.getTextValue) === null || _collection_getTextValue === void 0 ? void 0 : _collection_getTextValue.call(collection, key)) !== null && _collection_getTextValue1 !== void 0 ? _collection_getTextValue1 : (_collection_getItem = collection.getItem(key)) === null || _collection_getItem === void 0 ? void 0 : _collection_getItem.textValue;
|
|
45
45
|
};
|
|
46
|
-
let label =
|
|
46
|
+
let label = '';
|
|
47
47
|
let labelledBy;
|
|
48
|
-
if (target.type ===
|
|
49
|
-
label = stringFormatter.format(
|
|
48
|
+
if (target.type === 'root') {
|
|
49
|
+
label = stringFormatter.format('dropOnRoot');
|
|
50
50
|
labelledBy = `${id} ${(0, $4620ae0dc40f0031$exports.getDroppableCollectionId)(state)}`;
|
|
51
|
-
} else if (target.dropPosition ===
|
|
51
|
+
} else if (target.dropPosition === 'on') label = stringFormatter.format('dropOnItem', {
|
|
52
52
|
itemText: getText(target.key)
|
|
53
53
|
});
|
|
54
54
|
else {
|
|
55
55
|
let before;
|
|
56
56
|
let after;
|
|
57
|
-
if (collection.getFirstKey() === target.key && target.dropPosition ===
|
|
58
|
-
else before = target.dropPosition ===
|
|
59
|
-
if (collection.getLastKey() === target.key && target.dropPosition ===
|
|
60
|
-
else after = target.dropPosition ===
|
|
61
|
-
if (before && after) label = stringFormatter.format(
|
|
57
|
+
if (collection.getFirstKey() === target.key && target.dropPosition === 'before') before = null;
|
|
58
|
+
else before = target.dropPosition === 'before' ? collection.getKeyBefore(target.key) : target.key;
|
|
59
|
+
if (collection.getLastKey() === target.key && target.dropPosition === 'after') after = null;
|
|
60
|
+
else after = target.dropPosition === 'after' ? collection.getKeyAfter(target.key) : target.key;
|
|
61
|
+
if (before && after) label = stringFormatter.format('insertBetween', {
|
|
62
62
|
beforeItemText: getText(before),
|
|
63
63
|
afterItemText: getText(after)
|
|
64
64
|
});
|
|
65
|
-
else if (before) label = stringFormatter.format(
|
|
65
|
+
else if (before) label = stringFormatter.format('insertAfter', {
|
|
66
66
|
itemText: getText(before)
|
|
67
67
|
});
|
|
68
|
-
else if (after) label = stringFormatter.format(
|
|
68
|
+
else if (after) label = stringFormatter.format('insertBefore', {
|
|
69
69
|
itemText: getText(after)
|
|
70
70
|
});
|
|
71
71
|
}
|
|
72
72
|
let isDropTarget = state.isDropTarget(target);
|
|
73
|
-
let ariaHidden = !dragSession ?
|
|
73
|
+
let ariaHidden = !dragSession ? 'true' : dropProps['aria-hidden'];
|
|
74
74
|
return {
|
|
75
75
|
dropIndicatorProps: {
|
|
76
76
|
...dropProps,
|
|
77
77
|
id: id,
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
78
|
+
'aria-roledescription': stringFormatter.format('dropIndicator'),
|
|
79
|
+
'aria-label': label,
|
|
80
|
+
'aria-labelledby': labelledBy,
|
|
81
|
+
'aria-hidden': ariaHidden,
|
|
82
82
|
tabIndex: -1
|
|
83
83
|
},
|
|
84
84
|
isDropTarget: isDropTarget,
|
|
@@ -28,7 +28,7 @@ function $parcel$interopDefault(a) {
|
|
|
28
28
|
function $ddf25448c71fc93a$export$8d0e41d2815afac5(props, state, ref) {
|
|
29
29
|
let { target: target } = props;
|
|
30
30
|
let { collection: collection } = state;
|
|
31
|
-
let stringFormatter = (0, $8HwJV$useLocalizedStringFormatter)((0, ($parcel$interopDefault($8HwJV$intlStringsmodulejs))),
|
|
31
|
+
let stringFormatter = (0, $8HwJV$useLocalizedStringFormatter)((0, ($parcel$interopDefault($8HwJV$intlStringsmodulejs))), '@react-aria/dnd');
|
|
32
32
|
let dragSession = $67560de7c78cb232$export$418e185dd3f1b968();
|
|
33
33
|
let { dropProps: dropProps } = (0, $bfaab576ce1c580e$export$f7b0c5d28b66b6a5)(props, state, ref);
|
|
34
34
|
let id = (0, $8HwJV$useId)();
|
|
@@ -37,42 +37,42 @@ function $ddf25448c71fc93a$export$8d0e41d2815afac5(props, state, ref) {
|
|
|
37
37
|
var _collection_getTextValue1;
|
|
38
38
|
return (_collection_getTextValue1 = (_collection_getTextValue = collection.getTextValue) === null || _collection_getTextValue === void 0 ? void 0 : _collection_getTextValue.call(collection, key)) !== null && _collection_getTextValue1 !== void 0 ? _collection_getTextValue1 : (_collection_getItem = collection.getItem(key)) === null || _collection_getItem === void 0 ? void 0 : _collection_getItem.textValue;
|
|
39
39
|
};
|
|
40
|
-
let label =
|
|
40
|
+
let label = '';
|
|
41
41
|
let labelledBy;
|
|
42
|
-
if (target.type ===
|
|
43
|
-
label = stringFormatter.format(
|
|
42
|
+
if (target.type === 'root') {
|
|
43
|
+
label = stringFormatter.format('dropOnRoot');
|
|
44
44
|
labelledBy = `${id} ${(0, $7252cd45fc48c07c$export$3093291712f09a77)(state)}`;
|
|
45
|
-
} else if (target.dropPosition ===
|
|
45
|
+
} else if (target.dropPosition === 'on') label = stringFormatter.format('dropOnItem', {
|
|
46
46
|
itemText: getText(target.key)
|
|
47
47
|
});
|
|
48
48
|
else {
|
|
49
49
|
let before;
|
|
50
50
|
let after;
|
|
51
|
-
if (collection.getFirstKey() === target.key && target.dropPosition ===
|
|
52
|
-
else before = target.dropPosition ===
|
|
53
|
-
if (collection.getLastKey() === target.key && target.dropPosition ===
|
|
54
|
-
else after = target.dropPosition ===
|
|
55
|
-
if (before && after) label = stringFormatter.format(
|
|
51
|
+
if (collection.getFirstKey() === target.key && target.dropPosition === 'before') before = null;
|
|
52
|
+
else before = target.dropPosition === 'before' ? collection.getKeyBefore(target.key) : target.key;
|
|
53
|
+
if (collection.getLastKey() === target.key && target.dropPosition === 'after') after = null;
|
|
54
|
+
else after = target.dropPosition === 'after' ? collection.getKeyAfter(target.key) : target.key;
|
|
55
|
+
if (before && after) label = stringFormatter.format('insertBetween', {
|
|
56
56
|
beforeItemText: getText(before),
|
|
57
57
|
afterItemText: getText(after)
|
|
58
58
|
});
|
|
59
|
-
else if (before) label = stringFormatter.format(
|
|
59
|
+
else if (before) label = stringFormatter.format('insertAfter', {
|
|
60
60
|
itemText: getText(before)
|
|
61
61
|
});
|
|
62
|
-
else if (after) label = stringFormatter.format(
|
|
62
|
+
else if (after) label = stringFormatter.format('insertBefore', {
|
|
63
63
|
itemText: getText(after)
|
|
64
64
|
});
|
|
65
65
|
}
|
|
66
66
|
let isDropTarget = state.isDropTarget(target);
|
|
67
|
-
let ariaHidden = !dragSession ?
|
|
67
|
+
let ariaHidden = !dragSession ? 'true' : dropProps['aria-hidden'];
|
|
68
68
|
return {
|
|
69
69
|
dropIndicatorProps: {
|
|
70
70
|
...dropProps,
|
|
71
71
|
id: id,
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
72
|
+
'aria-roledescription': stringFormatter.format('dropIndicator'),
|
|
73
|
+
'aria-label': label,
|
|
74
|
+
'aria-labelledby': labelledBy,
|
|
75
|
+
'aria-hidden': ariaHidden,
|
|
76
76
|
tabIndex: -1
|
|
77
77
|
},
|
|
78
78
|
isDropTarget: isDropTarget,
|
|
@@ -28,7 +28,7 @@ function $parcel$interopDefault(a) {
|
|
|
28
28
|
function $ddf25448c71fc93a$export$8d0e41d2815afac5(props, state, ref) {
|
|
29
29
|
let { target: target } = props;
|
|
30
30
|
let { collection: collection } = state;
|
|
31
|
-
let stringFormatter = (0, $8HwJV$useLocalizedStringFormatter)((0, ($parcel$interopDefault($8HwJV$intlStringsmodulejs))),
|
|
31
|
+
let stringFormatter = (0, $8HwJV$useLocalizedStringFormatter)((0, ($parcel$interopDefault($8HwJV$intlStringsmodulejs))), '@react-aria/dnd');
|
|
32
32
|
let dragSession = $67560de7c78cb232$export$418e185dd3f1b968();
|
|
33
33
|
let { dropProps: dropProps } = (0, $bfaab576ce1c580e$export$f7b0c5d28b66b6a5)(props, state, ref);
|
|
34
34
|
let id = (0, $8HwJV$useId)();
|
|
@@ -37,42 +37,42 @@ function $ddf25448c71fc93a$export$8d0e41d2815afac5(props, state, ref) {
|
|
|
37
37
|
var _collection_getTextValue1;
|
|
38
38
|
return (_collection_getTextValue1 = (_collection_getTextValue = collection.getTextValue) === null || _collection_getTextValue === void 0 ? void 0 : _collection_getTextValue.call(collection, key)) !== null && _collection_getTextValue1 !== void 0 ? _collection_getTextValue1 : (_collection_getItem = collection.getItem(key)) === null || _collection_getItem === void 0 ? void 0 : _collection_getItem.textValue;
|
|
39
39
|
};
|
|
40
|
-
let label =
|
|
40
|
+
let label = '';
|
|
41
41
|
let labelledBy;
|
|
42
|
-
if (target.type ===
|
|
43
|
-
label = stringFormatter.format(
|
|
42
|
+
if (target.type === 'root') {
|
|
43
|
+
label = stringFormatter.format('dropOnRoot');
|
|
44
44
|
labelledBy = `${id} ${(0, $7252cd45fc48c07c$export$3093291712f09a77)(state)}`;
|
|
45
|
-
} else if (target.dropPosition ===
|
|
45
|
+
} else if (target.dropPosition === 'on') label = stringFormatter.format('dropOnItem', {
|
|
46
46
|
itemText: getText(target.key)
|
|
47
47
|
});
|
|
48
48
|
else {
|
|
49
49
|
let before;
|
|
50
50
|
let after;
|
|
51
|
-
if (collection.getFirstKey() === target.key && target.dropPosition ===
|
|
52
|
-
else before = target.dropPosition ===
|
|
53
|
-
if (collection.getLastKey() === target.key && target.dropPosition ===
|
|
54
|
-
else after = target.dropPosition ===
|
|
55
|
-
if (before && after) label = stringFormatter.format(
|
|
51
|
+
if (collection.getFirstKey() === target.key && target.dropPosition === 'before') before = null;
|
|
52
|
+
else before = target.dropPosition === 'before' ? collection.getKeyBefore(target.key) : target.key;
|
|
53
|
+
if (collection.getLastKey() === target.key && target.dropPosition === 'after') after = null;
|
|
54
|
+
else after = target.dropPosition === 'after' ? collection.getKeyAfter(target.key) : target.key;
|
|
55
|
+
if (before && after) label = stringFormatter.format('insertBetween', {
|
|
56
56
|
beforeItemText: getText(before),
|
|
57
57
|
afterItemText: getText(after)
|
|
58
58
|
});
|
|
59
|
-
else if (before) label = stringFormatter.format(
|
|
59
|
+
else if (before) label = stringFormatter.format('insertAfter', {
|
|
60
60
|
itemText: getText(before)
|
|
61
61
|
});
|
|
62
|
-
else if (after) label = stringFormatter.format(
|
|
62
|
+
else if (after) label = stringFormatter.format('insertBefore', {
|
|
63
63
|
itemText: getText(after)
|
|
64
64
|
});
|
|
65
65
|
}
|
|
66
66
|
let isDropTarget = state.isDropTarget(target);
|
|
67
|
-
let ariaHidden = !dragSession ?
|
|
67
|
+
let ariaHidden = !dragSession ? 'true' : dropProps['aria-hidden'];
|
|
68
68
|
return {
|
|
69
69
|
dropIndicatorProps: {
|
|
70
70
|
...dropProps,
|
|
71
71
|
id: id,
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
72
|
+
'aria-roledescription': stringFormatter.format('dropIndicator'),
|
|
73
|
+
'aria-label': label,
|
|
74
|
+
'aria-labelledby': labelledBy,
|
|
75
|
+
'aria-hidden': ariaHidden,
|
|
76
76
|
tabIndex: -1
|
|
77
77
|
},
|
|
78
78
|
isDropTarget: isDropTarget,
|