@react-spectrum/accordion 3.0.0-alpha.5 → 3.0.0-alpha.6
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/main.js +79 -79
- package/dist/module.js +78 -78
- package/package.json +13 -13
package/dist/main.js
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
require("./main.css");
|
|
2
|
-
var $
|
|
3
|
-
var $
|
|
4
|
-
var $
|
|
5
|
-
var $
|
|
6
|
-
var $
|
|
7
|
-
var $
|
|
8
|
-
var $
|
|
9
|
-
var $
|
|
10
|
-
var $
|
|
11
|
-
var $
|
|
12
|
-
var $
|
|
13
|
-
var $
|
|
2
|
+
var $6boyC$reactstatelycollections = require("@react-stately/collections");
|
|
3
|
+
var $6boyC$spectrumiconsuiChevronLeftMedium = require("@spectrum-icons/ui/ChevronLeftMedium");
|
|
4
|
+
var $6boyC$spectrumiconsuiChevronRightMedium = require("@spectrum-icons/ui/ChevronRightMedium");
|
|
5
|
+
var $6boyC$reactspectrumutils = require("@react-spectrum/utils");
|
|
6
|
+
var $6boyC$reactariautils = require("@react-aria/utils");
|
|
7
|
+
var $6boyC$reactariafocus = require("@react-aria/focus");
|
|
8
|
+
var $6boyC$react = require("react");
|
|
9
|
+
var $6boyC$reactstatelytree = require("@react-stately/tree");
|
|
10
|
+
var $6boyC$reactariaaccordion = require("@react-aria/accordion");
|
|
11
|
+
var $6boyC$reactariainteractions = require("@react-aria/interactions");
|
|
12
|
+
var $6boyC$reactariai18n = require("@react-aria/i18n");
|
|
13
|
+
var $6boyC$reactspectrumprovider = require("@react-spectrum/provider");
|
|
14
14
|
|
|
15
15
|
function $parcel$export(e, n, v, s) {
|
|
16
16
|
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
@@ -35,48 +35,48 @@ function $parcel$interopDefault(a) {
|
|
|
35
35
|
return a && a.__esModule ? a.default : a;
|
|
36
36
|
}
|
|
37
37
|
|
|
38
|
-
$parcel$export(module.exports, "Item", () => $
|
|
39
|
-
var $
|
|
38
|
+
$parcel$export(module.exports, "Item", () => $6boyC$reactstatelycollections.Item);
|
|
39
|
+
var $d8f45715b3ce327a$exports = {};
|
|
40
40
|
|
|
41
|
-
$parcel$export($
|
|
41
|
+
$parcel$export($d8f45715b3ce327a$exports, "Accordion", () => $d8f45715b3ce327a$export$a766cd26d0d69044);
|
|
42
42
|
|
|
43
43
|
|
|
44
44
|
|
|
45
45
|
|
|
46
46
|
|
|
47
47
|
|
|
48
|
-
var $
|
|
48
|
+
var $5ab573b23bc1d039$exports = {};
|
|
49
49
|
|
|
50
|
-
$parcel$export($
|
|
51
|
-
$parcel$export($
|
|
52
|
-
$parcel$export($
|
|
53
|
-
$parcel$export($
|
|
54
|
-
$parcel$export($
|
|
55
|
-
$parcel$export($
|
|
56
|
-
$parcel$export($
|
|
57
|
-
$parcel$export($
|
|
58
|
-
$parcel$export($
|
|
59
|
-
$parcel$export($
|
|
60
|
-
var $
|
|
61
|
-
var $
|
|
62
|
-
var $
|
|
63
|
-
var $
|
|
64
|
-
var $
|
|
65
|
-
var $
|
|
66
|
-
var $
|
|
67
|
-
var $
|
|
68
|
-
var $
|
|
69
|
-
var $
|
|
70
|
-
$
|
|
71
|
-
$
|
|
72
|
-
$
|
|
73
|
-
$
|
|
74
|
-
$
|
|
75
|
-
$
|
|
76
|
-
$
|
|
77
|
-
$
|
|
78
|
-
$
|
|
79
|
-
$
|
|
50
|
+
$parcel$export($5ab573b23bc1d039$exports, "spectrum-Accordion", () => $5ab573b23bc1d039$export$bed6cbae852b32f0, (v) => $5ab573b23bc1d039$export$bed6cbae852b32f0 = v);
|
|
51
|
+
$parcel$export($5ab573b23bc1d039$exports, "spectrum-Accordion-itemIndicator", () => $5ab573b23bc1d039$export$35196e2132b47abd, (v) => $5ab573b23bc1d039$export$35196e2132b47abd = v);
|
|
52
|
+
$parcel$export($5ab573b23bc1d039$exports, "spectrum-Accordion-item", () => $5ab573b23bc1d039$export$a1947cb8adf67515, (v) => $5ab573b23bc1d039$export$a1947cb8adf67515 = v);
|
|
53
|
+
$parcel$export($5ab573b23bc1d039$exports, "spectrum-Accordion-itemHeading", () => $5ab573b23bc1d039$export$36876b8193439034, (v) => $5ab573b23bc1d039$export$36876b8193439034 = v);
|
|
54
|
+
$parcel$export($5ab573b23bc1d039$exports, "spectrum-Accordion-itemHeader", () => $5ab573b23bc1d039$export$4da8efb546c03356, (v) => $5ab573b23bc1d039$export$4da8efb546c03356 = v);
|
|
55
|
+
$parcel$export($5ab573b23bc1d039$exports, "spectrum-Accordion-itemContent", () => $5ab573b23bc1d039$export$951cb9dc63743241, (v) => $5ab573b23bc1d039$export$951cb9dc63743241 = v);
|
|
56
|
+
$parcel$export($5ab573b23bc1d039$exports, "is-open", () => $5ab573b23bc1d039$export$a9781837241c946d, (v) => $5ab573b23bc1d039$export$a9781837241c946d = v);
|
|
57
|
+
$parcel$export($5ab573b23bc1d039$exports, "is-disabled", () => $5ab573b23bc1d039$export$d35bc1e505d1ebbf, (v) => $5ab573b23bc1d039$export$d35bc1e505d1ebbf = v);
|
|
58
|
+
$parcel$export($5ab573b23bc1d039$exports, "is-hovered", () => $5ab573b23bc1d039$export$b8813cd5d7824ce7, (v) => $5ab573b23bc1d039$export$b8813cd5d7824ce7 = v);
|
|
59
|
+
$parcel$export($5ab573b23bc1d039$exports, "focus-ring", () => $5ab573b23bc1d039$export$f39a09f249340e2a, (v) => $5ab573b23bc1d039$export$f39a09f249340e2a = v);
|
|
60
|
+
var $5ab573b23bc1d039$export$bed6cbae852b32f0;
|
|
61
|
+
var $5ab573b23bc1d039$export$35196e2132b47abd;
|
|
62
|
+
var $5ab573b23bc1d039$export$a1947cb8adf67515;
|
|
63
|
+
var $5ab573b23bc1d039$export$36876b8193439034;
|
|
64
|
+
var $5ab573b23bc1d039$export$4da8efb546c03356;
|
|
65
|
+
var $5ab573b23bc1d039$export$951cb9dc63743241;
|
|
66
|
+
var $5ab573b23bc1d039$export$a9781837241c946d;
|
|
67
|
+
var $5ab573b23bc1d039$export$d35bc1e505d1ebbf;
|
|
68
|
+
var $5ab573b23bc1d039$export$b8813cd5d7824ce7;
|
|
69
|
+
var $5ab573b23bc1d039$export$f39a09f249340e2a;
|
|
70
|
+
$5ab573b23bc1d039$export$bed6cbae852b32f0 = "spectrum-Accordion_b4e47f";
|
|
71
|
+
$5ab573b23bc1d039$export$35196e2132b47abd = "spectrum-Accordion-itemIndicator_b4e47f";
|
|
72
|
+
$5ab573b23bc1d039$export$a1947cb8adf67515 = "spectrum-Accordion-item_b4e47f";
|
|
73
|
+
$5ab573b23bc1d039$export$36876b8193439034 = "spectrum-Accordion-itemHeading_b4e47f";
|
|
74
|
+
$5ab573b23bc1d039$export$4da8efb546c03356 = "spectrum-Accordion-itemHeader_b4e47f";
|
|
75
|
+
$5ab573b23bc1d039$export$951cb9dc63743241 = "spectrum-Accordion-itemContent_b4e47f";
|
|
76
|
+
$5ab573b23bc1d039$export$a9781837241c946d = "is-open_b4e47f";
|
|
77
|
+
$5ab573b23bc1d039$export$d35bc1e505d1ebbf = "is-disabled_b4e47f";
|
|
78
|
+
$5ab573b23bc1d039$export$b8813cd5d7824ce7 = "is-hovered_b4e47f";
|
|
79
|
+
$5ab573b23bc1d039$export$f39a09f249340e2a = "focus-ring_b4e47f";
|
|
80
80
|
|
|
81
81
|
|
|
82
82
|
|
|
@@ -84,70 +84,70 @@ $ac831407313fd6b9$export$f39a09f249340e2a = "focus-ring_b4e47f";
|
|
|
84
84
|
|
|
85
85
|
|
|
86
86
|
|
|
87
|
-
function $
|
|
88
|
-
props = $
|
|
89
|
-
let state = $
|
|
90
|
-
let { styleProps: styleProps } = $
|
|
91
|
-
let domRef = $
|
|
92
|
-
let { accordionProps: accordionProps } = $
|
|
93
|
-
return(/*#__PURE__*/ ($parcel$interopDefault($
|
|
94
|
-
...$
|
|
87
|
+
function $d8f45715b3ce327a$var$Accordion(props, ref) {
|
|
88
|
+
props = $6boyC$reactspectrumprovider.useProviderProps(props);
|
|
89
|
+
let state = $6boyC$reactstatelytree.useTreeState(props);
|
|
90
|
+
let { styleProps: styleProps } = $6boyC$reactspectrumutils.useStyleProps(props);
|
|
91
|
+
let domRef = $6boyC$reactspectrumutils.useDOMRef(ref);
|
|
92
|
+
let { accordionProps: accordionProps } = $6boyC$reactariaaccordion.useAccordion(props, state, domRef);
|
|
93
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($6boyC$react)).createElement("div", {
|
|
94
|
+
...$6boyC$reactariautils.filterDOMProps(props),
|
|
95
95
|
...accordionProps,
|
|
96
96
|
...styleProps,
|
|
97
97
|
ref: domRef,
|
|
98
|
-
className: $
|
|
98
|
+
className: $6boyC$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($5ab573b23bc1d039$exports)), 'spectrum-Accordion', styleProps.className)
|
|
99
99
|
}, [
|
|
100
100
|
...state.collection
|
|
101
|
-
].map((item)=>/*#__PURE__*/ ($parcel$interopDefault($
|
|
101
|
+
].map((item)=>/*#__PURE__*/ ($parcel$interopDefault($6boyC$react)).createElement($d8f45715b3ce327a$var$AccordionItem, {
|
|
102
102
|
key: item.key,
|
|
103
103
|
item: item,
|
|
104
104
|
state: state
|
|
105
105
|
})
|
|
106
106
|
)));
|
|
107
107
|
}
|
|
108
|
-
function $
|
|
109
|
-
props = $
|
|
110
|
-
let ref = $
|
|
108
|
+
function $d8f45715b3ce327a$var$AccordionItem(props) {
|
|
109
|
+
props = $6boyC$reactspectrumprovider.useProviderProps(props);
|
|
110
|
+
let ref = $6boyC$react.useRef();
|
|
111
111
|
let { state: state , item: item } = props;
|
|
112
|
-
let { buttonProps: buttonProps , regionProps: regionProps } = $
|
|
112
|
+
let { buttonProps: buttonProps , regionProps: regionProps } = $6boyC$reactariaaccordion.useAccordionItem(props, state, ref);
|
|
113
113
|
let isOpen = state.expandedKeys.has(item.key);
|
|
114
114
|
let isDisabled = state.disabledKeys.has(item.key);
|
|
115
|
-
let { isHovered: isHovered , hoverProps: hoverProps } = $
|
|
115
|
+
let { isHovered: isHovered , hoverProps: hoverProps } = $6boyC$reactariainteractions.useHover({
|
|
116
116
|
isDisabled: isDisabled
|
|
117
117
|
});
|
|
118
|
-
let { direction: direction } = $
|
|
119
|
-
return(/*#__PURE__*/ ($parcel$interopDefault($
|
|
120
|
-
className: $
|
|
118
|
+
let { direction: direction } = $6boyC$reactariai18n.useLocale();
|
|
119
|
+
return(/*#__PURE__*/ ($parcel$interopDefault($6boyC$react)).createElement("div", {
|
|
120
|
+
className: $6boyC$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($5ab573b23bc1d039$exports)), 'spectrum-Accordion-item', {
|
|
121
121
|
'is-open': isOpen,
|
|
122
122
|
'is-disabled': isDisabled
|
|
123
123
|
})
|
|
124
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($
|
|
125
|
-
className: $
|
|
126
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($
|
|
124
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($6boyC$react)).createElement("h3", {
|
|
125
|
+
className: $6boyC$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($5ab573b23bc1d039$exports)), 'spectrum-Accordion-itemHeading')
|
|
126
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($6boyC$react)).createElement($6boyC$reactariafocus.FocusRing, {
|
|
127
127
|
within: true,
|
|
128
|
-
focusRingClass: $
|
|
129
|
-
}, /*#__PURE__*/ ($parcel$interopDefault($
|
|
130
|
-
...$
|
|
128
|
+
focusRingClass: $6boyC$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($5ab573b23bc1d039$exports)), 'focus-ring')
|
|
129
|
+
}, /*#__PURE__*/ ($parcel$interopDefault($6boyC$react)).createElement("button", {
|
|
130
|
+
...$6boyC$reactariautils.mergeProps(buttonProps, hoverProps),
|
|
131
131
|
ref: ref,
|
|
132
|
-
className: $
|
|
132
|
+
className: $6boyC$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($5ab573b23bc1d039$exports)), 'spectrum-Accordion-itemHeader', {
|
|
133
133
|
'is-hovered': isHovered
|
|
134
134
|
})
|
|
135
|
-
}, direction === 'ltr' ? /*#__PURE__*/ ($parcel$interopDefault($
|
|
135
|
+
}, direction === 'ltr' ? /*#__PURE__*/ ($parcel$interopDefault($6boyC$react)).createElement(($parcel$interopDefault($6boyC$spectrumiconsuiChevronRightMedium)), {
|
|
136
136
|
"aria-hidden": "true",
|
|
137
|
-
UNSAFE_className: $
|
|
138
|
-
}) : /*#__PURE__*/ ($parcel$interopDefault($
|
|
137
|
+
UNSAFE_className: $6boyC$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($5ab573b23bc1d039$exports)), 'spectrum-Accordion-itemIndicator')
|
|
138
|
+
}) : /*#__PURE__*/ ($parcel$interopDefault($6boyC$react)).createElement(($parcel$interopDefault($6boyC$spectrumiconsuiChevronLeftMedium)), {
|
|
139
139
|
"aria-hidden": "true",
|
|
140
|
-
UNSAFE_className: $
|
|
141
|
-
}), item.props.title))), /*#__PURE__*/ ($parcel$interopDefault($
|
|
140
|
+
UNSAFE_className: $6boyC$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($5ab573b23bc1d039$exports)), 'spectrum-Accordion-itemIndicator')
|
|
141
|
+
}), item.props.title))), /*#__PURE__*/ ($parcel$interopDefault($6boyC$react)).createElement("div", {
|
|
142
142
|
...regionProps,
|
|
143
|
-
className: $
|
|
143
|
+
className: $6boyC$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($5ab573b23bc1d039$exports)), 'spectrum-Accordion-itemContent')
|
|
144
144
|
}, item.props.children)));
|
|
145
145
|
}
|
|
146
|
-
const $
|
|
146
|
+
const $d8f45715b3ce327a$export$a766cd26d0d69044 = /*#__PURE__*/ $6boyC$react.forwardRef($d8f45715b3ce327a$var$Accordion);
|
|
147
147
|
|
|
148
148
|
|
|
149
149
|
|
|
150
|
-
$parcel$exportWildcard(module.exports, $
|
|
150
|
+
$parcel$exportWildcard(module.exports, $d8f45715b3ce327a$exports);
|
|
151
151
|
|
|
152
152
|
|
|
153
153
|
//# sourceMappingURL=main.js.map
|
package/dist/module.js
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import "./main.css";
|
|
2
|
-
import {Item as $
|
|
3
|
-
import $
|
|
4
|
-
import $
|
|
5
|
-
import {useStyleProps as $
|
|
6
|
-
import {filterDOMProps as $
|
|
7
|
-
import {FocusRing as $
|
|
8
|
-
import $
|
|
9
|
-
import {useTreeState as $
|
|
10
|
-
import {useAccordion as $
|
|
11
|
-
import {useHover as $
|
|
12
|
-
import {useLocale as $
|
|
13
|
-
import {useProviderProps as $
|
|
2
|
+
import {Item as $8ae4d4d1aa0c5e03$re_export$Item} from "@react-stately/collections";
|
|
3
|
+
import $3Uu4R$spectrumiconsuiChevronLeftMedium from "@spectrum-icons/ui/ChevronLeftMedium";
|
|
4
|
+
import $3Uu4R$spectrumiconsuiChevronRightMedium from "@spectrum-icons/ui/ChevronRightMedium";
|
|
5
|
+
import {useStyleProps as $3Uu4R$useStyleProps, useDOMRef as $3Uu4R$useDOMRef, classNames as $3Uu4R$classNames} from "@react-spectrum/utils";
|
|
6
|
+
import {filterDOMProps as $3Uu4R$filterDOMProps, mergeProps as $3Uu4R$mergeProps} from "@react-aria/utils";
|
|
7
|
+
import {FocusRing as $3Uu4R$FocusRing} from "@react-aria/focus";
|
|
8
|
+
import $3Uu4R$react, {useRef as $3Uu4R$useRef, forwardRef as $3Uu4R$forwardRef} from "react";
|
|
9
|
+
import {useTreeState as $3Uu4R$useTreeState} from "@react-stately/tree";
|
|
10
|
+
import {useAccordion as $3Uu4R$useAccordion, useAccordionItem as $3Uu4R$useAccordionItem} from "@react-aria/accordion";
|
|
11
|
+
import {useHover as $3Uu4R$useHover} from "@react-aria/interactions";
|
|
12
|
+
import {useLocale as $3Uu4R$useLocale} from "@react-aria/i18n";
|
|
13
|
+
import {useProviderProps as $3Uu4R$useProviderProps} from "@react-spectrum/provider";
|
|
14
14
|
|
|
15
15
|
function $parcel$interopDefault(a) {
|
|
16
16
|
return a && a.__esModule ? a.default : a;
|
|
@@ -18,47 +18,47 @@ function $parcel$interopDefault(a) {
|
|
|
18
18
|
function $parcel$export(e, n, v, s) {
|
|
19
19
|
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
20
20
|
}
|
|
21
|
-
var $
|
|
21
|
+
var $2a5a5b7faca81754$exports = {};
|
|
22
22
|
|
|
23
|
-
$parcel$export($
|
|
23
|
+
$parcel$export($2a5a5b7faca81754$exports, "Accordion", () => $2a5a5b7faca81754$export$a766cd26d0d69044);
|
|
24
24
|
|
|
25
25
|
|
|
26
26
|
|
|
27
27
|
|
|
28
28
|
|
|
29
29
|
|
|
30
|
-
var $
|
|
30
|
+
var $cd9bb50514faf076$exports = {};
|
|
31
31
|
|
|
32
|
-
$parcel$export($
|
|
33
|
-
$parcel$export($
|
|
34
|
-
$parcel$export($
|
|
35
|
-
$parcel$export($
|
|
36
|
-
$parcel$export($
|
|
37
|
-
$parcel$export($
|
|
38
|
-
$parcel$export($
|
|
39
|
-
$parcel$export($
|
|
40
|
-
$parcel$export($
|
|
41
|
-
$parcel$export($
|
|
42
|
-
var $
|
|
43
|
-
var $
|
|
44
|
-
var $
|
|
45
|
-
var $
|
|
46
|
-
var $
|
|
47
|
-
var $
|
|
48
|
-
var $
|
|
49
|
-
var $
|
|
50
|
-
var $
|
|
51
|
-
var $
|
|
52
|
-
$
|
|
53
|
-
$
|
|
54
|
-
$
|
|
55
|
-
$
|
|
56
|
-
$
|
|
57
|
-
$
|
|
58
|
-
$
|
|
59
|
-
$
|
|
60
|
-
$
|
|
61
|
-
$
|
|
32
|
+
$parcel$export($cd9bb50514faf076$exports, "spectrum-Accordion", () => $cd9bb50514faf076$export$bed6cbae852b32f0, (v) => $cd9bb50514faf076$export$bed6cbae852b32f0 = v);
|
|
33
|
+
$parcel$export($cd9bb50514faf076$exports, "spectrum-Accordion-itemIndicator", () => $cd9bb50514faf076$export$35196e2132b47abd, (v) => $cd9bb50514faf076$export$35196e2132b47abd = v);
|
|
34
|
+
$parcel$export($cd9bb50514faf076$exports, "spectrum-Accordion-item", () => $cd9bb50514faf076$export$a1947cb8adf67515, (v) => $cd9bb50514faf076$export$a1947cb8adf67515 = v);
|
|
35
|
+
$parcel$export($cd9bb50514faf076$exports, "spectrum-Accordion-itemHeading", () => $cd9bb50514faf076$export$36876b8193439034, (v) => $cd9bb50514faf076$export$36876b8193439034 = v);
|
|
36
|
+
$parcel$export($cd9bb50514faf076$exports, "spectrum-Accordion-itemHeader", () => $cd9bb50514faf076$export$4da8efb546c03356, (v) => $cd9bb50514faf076$export$4da8efb546c03356 = v);
|
|
37
|
+
$parcel$export($cd9bb50514faf076$exports, "spectrum-Accordion-itemContent", () => $cd9bb50514faf076$export$951cb9dc63743241, (v) => $cd9bb50514faf076$export$951cb9dc63743241 = v);
|
|
38
|
+
$parcel$export($cd9bb50514faf076$exports, "is-open", () => $cd9bb50514faf076$export$a9781837241c946d, (v) => $cd9bb50514faf076$export$a9781837241c946d = v);
|
|
39
|
+
$parcel$export($cd9bb50514faf076$exports, "is-disabled", () => $cd9bb50514faf076$export$d35bc1e505d1ebbf, (v) => $cd9bb50514faf076$export$d35bc1e505d1ebbf = v);
|
|
40
|
+
$parcel$export($cd9bb50514faf076$exports, "is-hovered", () => $cd9bb50514faf076$export$b8813cd5d7824ce7, (v) => $cd9bb50514faf076$export$b8813cd5d7824ce7 = v);
|
|
41
|
+
$parcel$export($cd9bb50514faf076$exports, "focus-ring", () => $cd9bb50514faf076$export$f39a09f249340e2a, (v) => $cd9bb50514faf076$export$f39a09f249340e2a = v);
|
|
42
|
+
var $cd9bb50514faf076$export$bed6cbae852b32f0;
|
|
43
|
+
var $cd9bb50514faf076$export$35196e2132b47abd;
|
|
44
|
+
var $cd9bb50514faf076$export$a1947cb8adf67515;
|
|
45
|
+
var $cd9bb50514faf076$export$36876b8193439034;
|
|
46
|
+
var $cd9bb50514faf076$export$4da8efb546c03356;
|
|
47
|
+
var $cd9bb50514faf076$export$951cb9dc63743241;
|
|
48
|
+
var $cd9bb50514faf076$export$a9781837241c946d;
|
|
49
|
+
var $cd9bb50514faf076$export$d35bc1e505d1ebbf;
|
|
50
|
+
var $cd9bb50514faf076$export$b8813cd5d7824ce7;
|
|
51
|
+
var $cd9bb50514faf076$export$f39a09f249340e2a;
|
|
52
|
+
$cd9bb50514faf076$export$bed6cbae852b32f0 = "spectrum-Accordion_b4e47f";
|
|
53
|
+
$cd9bb50514faf076$export$35196e2132b47abd = "spectrum-Accordion-itemIndicator_b4e47f";
|
|
54
|
+
$cd9bb50514faf076$export$a1947cb8adf67515 = "spectrum-Accordion-item_b4e47f";
|
|
55
|
+
$cd9bb50514faf076$export$36876b8193439034 = "spectrum-Accordion-itemHeading_b4e47f";
|
|
56
|
+
$cd9bb50514faf076$export$4da8efb546c03356 = "spectrum-Accordion-itemHeader_b4e47f";
|
|
57
|
+
$cd9bb50514faf076$export$951cb9dc63743241 = "spectrum-Accordion-itemContent_b4e47f";
|
|
58
|
+
$cd9bb50514faf076$export$a9781837241c946d = "is-open_b4e47f";
|
|
59
|
+
$cd9bb50514faf076$export$d35bc1e505d1ebbf = "is-disabled_b4e47f";
|
|
60
|
+
$cd9bb50514faf076$export$b8813cd5d7824ce7 = "is-hovered_b4e47f";
|
|
61
|
+
$cd9bb50514faf076$export$f39a09f249340e2a = "focus-ring_b4e47f";
|
|
62
62
|
|
|
63
63
|
|
|
64
64
|
|
|
@@ -66,70 +66,70 @@ $785f4e203172fe35$export$f39a09f249340e2a = "focus-ring_b4e47f";
|
|
|
66
66
|
|
|
67
67
|
|
|
68
68
|
|
|
69
|
-
function $
|
|
70
|
-
props = $
|
|
71
|
-
let state = $
|
|
72
|
-
let { styleProps: styleProps } = $
|
|
73
|
-
let domRef = $
|
|
74
|
-
let { accordionProps: accordionProps } = $
|
|
75
|
-
return(/*#__PURE__*/ $
|
|
76
|
-
...$
|
|
69
|
+
function $2a5a5b7faca81754$var$Accordion(props, ref) {
|
|
70
|
+
props = $3Uu4R$useProviderProps(props);
|
|
71
|
+
let state = $3Uu4R$useTreeState(props);
|
|
72
|
+
let { styleProps: styleProps } = $3Uu4R$useStyleProps(props);
|
|
73
|
+
let domRef = $3Uu4R$useDOMRef(ref);
|
|
74
|
+
let { accordionProps: accordionProps } = $3Uu4R$useAccordion(props, state, domRef);
|
|
75
|
+
return(/*#__PURE__*/ $3Uu4R$react.createElement("div", {
|
|
76
|
+
...$3Uu4R$filterDOMProps(props),
|
|
77
77
|
...accordionProps,
|
|
78
78
|
...styleProps,
|
|
79
79
|
ref: domRef,
|
|
80
|
-
className: $
|
|
80
|
+
className: $3Uu4R$classNames((/*@__PURE__*/$parcel$interopDefault($cd9bb50514faf076$exports)), 'spectrum-Accordion', styleProps.className)
|
|
81
81
|
}, [
|
|
82
82
|
...state.collection
|
|
83
|
-
].map((item)=>/*#__PURE__*/ $
|
|
83
|
+
].map((item)=>/*#__PURE__*/ $3Uu4R$react.createElement($2a5a5b7faca81754$var$AccordionItem, {
|
|
84
84
|
key: item.key,
|
|
85
85
|
item: item,
|
|
86
86
|
state: state
|
|
87
87
|
})
|
|
88
88
|
)));
|
|
89
89
|
}
|
|
90
|
-
function $
|
|
91
|
-
props = $
|
|
92
|
-
let ref = $
|
|
90
|
+
function $2a5a5b7faca81754$var$AccordionItem(props) {
|
|
91
|
+
props = $3Uu4R$useProviderProps(props);
|
|
92
|
+
let ref = $3Uu4R$useRef();
|
|
93
93
|
let { state: state , item: item } = props;
|
|
94
|
-
let { buttonProps: buttonProps , regionProps: regionProps } = $
|
|
94
|
+
let { buttonProps: buttonProps , regionProps: regionProps } = $3Uu4R$useAccordionItem(props, state, ref);
|
|
95
95
|
let isOpen = state.expandedKeys.has(item.key);
|
|
96
96
|
let isDisabled = state.disabledKeys.has(item.key);
|
|
97
|
-
let { isHovered: isHovered , hoverProps: hoverProps } = $
|
|
97
|
+
let { isHovered: isHovered , hoverProps: hoverProps } = $3Uu4R$useHover({
|
|
98
98
|
isDisabled: isDisabled
|
|
99
99
|
});
|
|
100
|
-
let { direction: direction } = $
|
|
101
|
-
return(/*#__PURE__*/ $
|
|
102
|
-
className: $
|
|
100
|
+
let { direction: direction } = $3Uu4R$useLocale();
|
|
101
|
+
return(/*#__PURE__*/ $3Uu4R$react.createElement("div", {
|
|
102
|
+
className: $3Uu4R$classNames((/*@__PURE__*/$parcel$interopDefault($cd9bb50514faf076$exports)), 'spectrum-Accordion-item', {
|
|
103
103
|
'is-open': isOpen,
|
|
104
104
|
'is-disabled': isDisabled
|
|
105
105
|
})
|
|
106
|
-
}, /*#__PURE__*/ $
|
|
107
|
-
className: $
|
|
108
|
-
}, /*#__PURE__*/ $
|
|
106
|
+
}, /*#__PURE__*/ $3Uu4R$react.createElement("h3", {
|
|
107
|
+
className: $3Uu4R$classNames((/*@__PURE__*/$parcel$interopDefault($cd9bb50514faf076$exports)), 'spectrum-Accordion-itemHeading')
|
|
108
|
+
}, /*#__PURE__*/ $3Uu4R$react.createElement($3Uu4R$FocusRing, {
|
|
109
109
|
within: true,
|
|
110
|
-
focusRingClass: $
|
|
111
|
-
}, /*#__PURE__*/ $
|
|
112
|
-
...$
|
|
110
|
+
focusRingClass: $3Uu4R$classNames((/*@__PURE__*/$parcel$interopDefault($cd9bb50514faf076$exports)), 'focus-ring')
|
|
111
|
+
}, /*#__PURE__*/ $3Uu4R$react.createElement("button", {
|
|
112
|
+
...$3Uu4R$mergeProps(buttonProps, hoverProps),
|
|
113
113
|
ref: ref,
|
|
114
|
-
className: $
|
|
114
|
+
className: $3Uu4R$classNames((/*@__PURE__*/$parcel$interopDefault($cd9bb50514faf076$exports)), 'spectrum-Accordion-itemHeader', {
|
|
115
115
|
'is-hovered': isHovered
|
|
116
116
|
})
|
|
117
|
-
}, direction === 'ltr' ? /*#__PURE__*/ $
|
|
117
|
+
}, direction === 'ltr' ? /*#__PURE__*/ $3Uu4R$react.createElement($3Uu4R$spectrumiconsuiChevronRightMedium, {
|
|
118
118
|
"aria-hidden": "true",
|
|
119
|
-
UNSAFE_className: $
|
|
120
|
-
}) : /*#__PURE__*/ $
|
|
119
|
+
UNSAFE_className: $3Uu4R$classNames((/*@__PURE__*/$parcel$interopDefault($cd9bb50514faf076$exports)), 'spectrum-Accordion-itemIndicator')
|
|
120
|
+
}) : /*#__PURE__*/ $3Uu4R$react.createElement($3Uu4R$spectrumiconsuiChevronLeftMedium, {
|
|
121
121
|
"aria-hidden": "true",
|
|
122
|
-
UNSAFE_className: $
|
|
123
|
-
}), item.props.title))), /*#__PURE__*/ $
|
|
122
|
+
UNSAFE_className: $3Uu4R$classNames((/*@__PURE__*/$parcel$interopDefault($cd9bb50514faf076$exports)), 'spectrum-Accordion-itemIndicator')
|
|
123
|
+
}), item.props.title))), /*#__PURE__*/ $3Uu4R$react.createElement("div", {
|
|
124
124
|
...regionProps,
|
|
125
|
-
className: $
|
|
125
|
+
className: $3Uu4R$classNames((/*@__PURE__*/$parcel$interopDefault($cd9bb50514faf076$exports)), 'spectrum-Accordion-itemContent')
|
|
126
126
|
}, item.props.children)));
|
|
127
127
|
}
|
|
128
|
-
const $
|
|
128
|
+
const $2a5a5b7faca81754$export$a766cd26d0d69044 = /*#__PURE__*/ $3Uu4R$forwardRef($2a5a5b7faca81754$var$Accordion);
|
|
129
129
|
|
|
130
130
|
|
|
131
131
|
|
|
132
132
|
|
|
133
133
|
|
|
134
|
-
export {$
|
|
134
|
+
export {$8ae4d4d1aa0c5e03$re_export$Item as Item, $2a5a5b7faca81754$export$a766cd26d0d69044 as Accordion};
|
|
135
135
|
//# sourceMappingURL=module.js.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-spectrum/accordion",
|
|
3
|
-
"version": "3.0.0-alpha.
|
|
3
|
+
"version": "3.0.0-alpha.6",
|
|
4
4
|
"description": "Spectrum UI components in React",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "dist/main.js",
|
|
@@ -32,17 +32,17 @@
|
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
34
|
"@babel/runtime": "^7.6.2",
|
|
35
|
-
"@react-aria/accordion": "3.0.0-alpha.
|
|
36
|
-
"@react-aria/focus": "^3.5.
|
|
37
|
-
"@react-aria/i18n": "^3.3.
|
|
38
|
-
"@react-aria/interactions": "^3.8.
|
|
39
|
-
"@react-aria/utils": "^3.11.
|
|
40
|
-
"@react-spectrum/utils": "^3.6.
|
|
41
|
-
"@react-stately/collections": "^3.3.
|
|
42
|
-
"@react-stately/tree": "^3.2.
|
|
43
|
-
"@react-types/accordion": "3.0.0-alpha.
|
|
44
|
-
"@react-types/shared": "^3.11.
|
|
45
|
-
"@spectrum-icons/ui": "^3.2.
|
|
35
|
+
"@react-aria/accordion": "3.0.0-alpha.5",
|
|
36
|
+
"@react-aria/focus": "^3.5.3",
|
|
37
|
+
"@react-aria/i18n": "^3.3.7",
|
|
38
|
+
"@react-aria/interactions": "^3.8.2",
|
|
39
|
+
"@react-aria/utils": "^3.11.3",
|
|
40
|
+
"@react-spectrum/utils": "^3.6.6",
|
|
41
|
+
"@react-stately/collections": "^3.3.7",
|
|
42
|
+
"@react-stately/tree": "^3.2.3",
|
|
43
|
+
"@react-types/accordion": "3.0.0-alpha.4",
|
|
44
|
+
"@react-types/shared": "^3.11.2",
|
|
45
|
+
"@spectrum-icons/ui": "^3.2.4"
|
|
46
46
|
},
|
|
47
47
|
"devDependencies": {
|
|
48
48
|
"@adobe/spectrum-css-temp": "3.0.0-alpha.1"
|
|
@@ -54,5 +54,5 @@
|
|
|
54
54
|
"publishConfig": {
|
|
55
55
|
"access": "public"
|
|
56
56
|
},
|
|
57
|
-
"gitHead": "
|
|
57
|
+
"gitHead": "ed8d8d984c2f7f2c31e8b18795b97858a95e4729"
|
|
58
58
|
}
|