@react-spectrum/accordion 3.0.0-nightly.4153 → 3.0.0-nightly.4157
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/import.mjs +30 -30
- package/dist/main.css +1 -1
- package/dist/main.js +30 -30
- package/dist/main.js.map +1 -1
- package/dist/module.js +30 -30
- package/dist/module.js.map +1 -1
- package/package.json +14 -14
package/dist/import.mjs
CHANGED
|
@@ -47,36 +47,36 @@ function $parcel$export(e, n, v, s) {
|
|
|
47
47
|
|
|
48
48
|
var $cd9bb50514faf076$exports = {};
|
|
49
49
|
|
|
50
|
+
$parcel$export($cd9bb50514faf076$exports, "focus-ring", () => $cd9bb50514faf076$export$f39a09f249340e2a, (v) => $cd9bb50514faf076$export$f39a09f249340e2a = v);
|
|
51
|
+
$parcel$export($cd9bb50514faf076$exports, "is-disabled", () => $cd9bb50514faf076$export$d35bc1e505d1ebbf, (v) => $cd9bb50514faf076$export$d35bc1e505d1ebbf = v);
|
|
52
|
+
$parcel$export($cd9bb50514faf076$exports, "is-hovered", () => $cd9bb50514faf076$export$b8813cd5d7824ce7, (v) => $cd9bb50514faf076$export$b8813cd5d7824ce7 = v);
|
|
53
|
+
$parcel$export($cd9bb50514faf076$exports, "is-open", () => $cd9bb50514faf076$export$a9781837241c946d, (v) => $cd9bb50514faf076$export$a9781837241c946d = v);
|
|
50
54
|
$parcel$export($cd9bb50514faf076$exports, "spectrum-Accordion", () => $cd9bb50514faf076$export$bed6cbae852b32f0, (v) => $cd9bb50514faf076$export$bed6cbae852b32f0 = v);
|
|
51
|
-
$parcel$export($cd9bb50514faf076$exports, "spectrum-Accordion-itemIndicator", () => $cd9bb50514faf076$export$35196e2132b47abd, (v) => $cd9bb50514faf076$export$35196e2132b47abd = v);
|
|
52
55
|
$parcel$export($cd9bb50514faf076$exports, "spectrum-Accordion-item", () => $cd9bb50514faf076$export$a1947cb8adf67515, (v) => $cd9bb50514faf076$export$a1947cb8adf67515 = v);
|
|
53
|
-
$parcel$export($cd9bb50514faf076$exports, "spectrum-Accordion-itemHeading", () => $cd9bb50514faf076$export$36876b8193439034, (v) => $cd9bb50514faf076$export$36876b8193439034 = v);
|
|
54
|
-
$parcel$export($cd9bb50514faf076$exports, "spectrum-Accordion-itemHeader", () => $cd9bb50514faf076$export$4da8efb546c03356, (v) => $cd9bb50514faf076$export$4da8efb546c03356 = v);
|
|
55
56
|
$parcel$export($cd9bb50514faf076$exports, "spectrum-Accordion-itemContent", () => $cd9bb50514faf076$export$951cb9dc63743241, (v) => $cd9bb50514faf076$export$951cb9dc63743241 = v);
|
|
56
|
-
$parcel$export($cd9bb50514faf076$exports, "
|
|
57
|
-
$parcel$export($cd9bb50514faf076$exports, "
|
|
58
|
-
$parcel$export($cd9bb50514faf076$exports, "
|
|
59
|
-
|
|
57
|
+
$parcel$export($cd9bb50514faf076$exports, "spectrum-Accordion-itemHeader", () => $cd9bb50514faf076$export$4da8efb546c03356, (v) => $cd9bb50514faf076$export$4da8efb546c03356 = v);
|
|
58
|
+
$parcel$export($cd9bb50514faf076$exports, "spectrum-Accordion-itemHeading", () => $cd9bb50514faf076$export$36876b8193439034, (v) => $cd9bb50514faf076$export$36876b8193439034 = v);
|
|
59
|
+
$parcel$export($cd9bb50514faf076$exports, "spectrum-Accordion-itemIndicator", () => $cd9bb50514faf076$export$35196e2132b47abd, (v) => $cd9bb50514faf076$export$35196e2132b47abd = v);
|
|
60
|
+
var $cd9bb50514faf076$export$f39a09f249340e2a;
|
|
61
|
+
var $cd9bb50514faf076$export$d35bc1e505d1ebbf;
|
|
62
|
+
var $cd9bb50514faf076$export$b8813cd5d7824ce7;
|
|
63
|
+
var $cd9bb50514faf076$export$a9781837241c946d;
|
|
60
64
|
var $cd9bb50514faf076$export$bed6cbae852b32f0;
|
|
61
|
-
var $cd9bb50514faf076$export$35196e2132b47abd;
|
|
62
65
|
var $cd9bb50514faf076$export$a1947cb8adf67515;
|
|
63
|
-
var $cd9bb50514faf076$export$36876b8193439034;
|
|
64
|
-
var $cd9bb50514faf076$export$4da8efb546c03356;
|
|
65
66
|
var $cd9bb50514faf076$export$951cb9dc63743241;
|
|
66
|
-
var $cd9bb50514faf076$export$
|
|
67
|
-
var $cd9bb50514faf076$export$
|
|
68
|
-
var $cd9bb50514faf076$export$
|
|
69
|
-
|
|
70
|
-
$cd9bb50514faf076$export$
|
|
71
|
-
$cd9bb50514faf076$export$
|
|
72
|
-
$cd9bb50514faf076$export$
|
|
73
|
-
$cd9bb50514faf076$export$
|
|
74
|
-
$cd9bb50514faf076$export$
|
|
75
|
-
$cd9bb50514faf076$export$951cb9dc63743241 =
|
|
76
|
-
$cd9bb50514faf076$export$
|
|
77
|
-
$cd9bb50514faf076$export$
|
|
78
|
-
$cd9bb50514faf076$export$
|
|
79
|
-
$cd9bb50514faf076$export$f39a09f249340e2a = "focus-ring_b4e47f";
|
|
67
|
+
var $cd9bb50514faf076$export$4da8efb546c03356;
|
|
68
|
+
var $cd9bb50514faf076$export$36876b8193439034;
|
|
69
|
+
var $cd9bb50514faf076$export$35196e2132b47abd;
|
|
70
|
+
$cd9bb50514faf076$export$f39a09f249340e2a = `_7gO6Sq_focus-ring`;
|
|
71
|
+
$cd9bb50514faf076$export$d35bc1e505d1ebbf = `_7gO6Sq_is-disabled`;
|
|
72
|
+
$cd9bb50514faf076$export$b8813cd5d7824ce7 = `_7gO6Sq_is-hovered`;
|
|
73
|
+
$cd9bb50514faf076$export$a9781837241c946d = `_7gO6Sq_is-open`;
|
|
74
|
+
$cd9bb50514faf076$export$bed6cbae852b32f0 = `_7gO6Sq_spectrum-Accordion`;
|
|
75
|
+
$cd9bb50514faf076$export$a1947cb8adf67515 = `_7gO6Sq_spectrum-Accordion-item`;
|
|
76
|
+
$cd9bb50514faf076$export$951cb9dc63743241 = `_7gO6Sq_spectrum-Accordion-itemContent`;
|
|
77
|
+
$cd9bb50514faf076$export$4da8efb546c03356 = `_7gO6Sq_spectrum-Accordion-itemHeader`;
|
|
78
|
+
$cd9bb50514faf076$export$36876b8193439034 = `_7gO6Sq_spectrum-Accordion-itemHeading`;
|
|
79
|
+
$cd9bb50514faf076$export$35196e2132b47abd = `_7gO6Sq_spectrum-Accordion-itemIndicator`;
|
|
80
80
|
|
|
81
81
|
|
|
82
82
|
|
|
@@ -87,9 +87,9 @@ $cd9bb50514faf076$export$f39a09f249340e2a = "focus-ring_b4e47f";
|
|
|
87
87
|
function $2a5a5b7faca81754$var$Accordion(props, ref) {
|
|
88
88
|
props = (0, $3Uu4R$useProviderProps)(props);
|
|
89
89
|
let state = (0, $3Uu4R$useTreeState)(props);
|
|
90
|
-
let { styleProps: styleProps
|
|
90
|
+
let { styleProps: styleProps } = (0, $3Uu4R$useStyleProps)(props);
|
|
91
91
|
let domRef = (0, $3Uu4R$useDOMRef)(ref);
|
|
92
|
-
let { accordionProps: accordionProps
|
|
92
|
+
let { accordionProps: accordionProps } = (0, $3Uu4R$useAccordion)(props, state, domRef);
|
|
93
93
|
return /*#__PURE__*/ (0, $3Uu4R$react).createElement("div", {
|
|
94
94
|
...(0, $3Uu4R$filterDOMProps)(props),
|
|
95
95
|
...accordionProps,
|
|
@@ -107,14 +107,14 @@ function $2a5a5b7faca81754$var$Accordion(props, ref) {
|
|
|
107
107
|
function $2a5a5b7faca81754$var$AccordionItem(props) {
|
|
108
108
|
props = (0, $3Uu4R$useProviderProps)(props);
|
|
109
109
|
let ref = (0, $3Uu4R$useRef)(null);
|
|
110
|
-
let { state: state
|
|
111
|
-
let { buttonProps: buttonProps
|
|
110
|
+
let { state: state, item: item } = props;
|
|
111
|
+
let { buttonProps: buttonProps, regionProps: regionProps } = (0, $3Uu4R$useAccordionItem)(props, state, ref);
|
|
112
112
|
let isOpen = state.expandedKeys.has(item.key);
|
|
113
113
|
let isDisabled = state.disabledKeys.has(item.key);
|
|
114
|
-
let { isHovered: isHovered
|
|
114
|
+
let { isHovered: isHovered, hoverProps: hoverProps } = (0, $3Uu4R$useHover)({
|
|
115
115
|
isDisabled: isDisabled
|
|
116
116
|
});
|
|
117
|
-
let { direction: direction
|
|
117
|
+
let { direction: direction } = (0, $3Uu4R$useLocale)();
|
|
118
118
|
return /*#__PURE__*/ (0, $3Uu4R$react).createElement("div", {
|
|
119
119
|
className: (0, $3Uu4R$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($cd9bb50514faf076$exports))), "spectrum-Accordion-item", {
|
|
120
120
|
"is-open": isOpen,
|
package/dist/main.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._7gO6Sq_spectrum-Accordion{margin:0;padding:0;list-style:none;display:block}._7gO6Sq_spectrum-Accordion-itemIndicator{transition:transform ease var(--spectrum-global-animation-duration-100,.13s);display:block}._7gO6Sq_spectrum-Accordion-itemIndicator:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:var(--spectrum-accordion-icon-spacing,16px);padding-right:var(--spectrum-accordion-icon-gap,var(--spectrum-global-dimension-size-100))}._7gO6Sq_spectrum-Accordion-itemIndicator:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:var(--spectrum-accordion-icon-spacing,16px);padding-right:var(--spectrum-accordion-icon-gap,var(--spectrum-global-dimension-size-100))}._7gO6Sq_spectrum-Accordion-itemIndicator:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:var(--spectrum-accordion-icon-spacing,16px);padding-right:var(--spectrum-accordion-icon-gap,var(--spectrum-global-dimension-size-100))}._7gO6Sq_spectrum-Accordion-itemIndicator:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:var(--spectrum-accordion-icon-spacing,16px);padding-left:var(--spectrum-accordion-icon-gap,var(--spectrum-global-dimension-size-100))}._7gO6Sq_spectrum-Accordion-itemIndicator:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:var(--spectrum-accordion-icon-spacing,16px);padding-left:var(--spectrum-accordion-icon-gap,var(--spectrum-global-dimension-size-100))}._7gO6Sq_spectrum-Accordion-item{z-index:inherit;border-bottom:var(--spectrum-accordion-item-border-size,var(--spectrum-alias-border-size-thin))solid transparent;margin:0;display:list-item;position:relative}._7gO6Sq_spectrum-Accordion-item:first-of-type{border-top:var(--spectrum-accordion-item-border-size,var(--spectrum-alias-border-size-thin))solid transparent}._7gO6Sq_spectrum-Accordion-itemHeading{margin:0}._7gO6Sq_spectrum-Accordion-itemHeader{box-sizing:border-box;padding-block:var(--spectrum-global-dimension-size-150);min-height:calc(var(--spectrum-accordion-item-height,40px) - var(--spectrum-accordion-item-border-size,var(--spectrum-alias-border-size-thin)));font-size:var(--spectrum-global-dimension-font-size-300);text-overflow:ellipsis;cursor:default;line-height:1.3;font-weight:var(--spectrum-global-font-weight-bold,700);-webkit-appearance:none;appearance:none;background-color:inherit;text-align:start;border:0;justify-content:flex-start;align-items:center;width:100%;margin:0;font-family:inherit;display:flex;position:relative}._7gO6Sq_spectrum-Accordion-itemHeader:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:2px;padding-right:var(--spectrum-accordion-item-padding,16px)}._7gO6Sq_spectrum-Accordion-itemHeader:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:2px;padding-right:var(--spectrum-accordion-item-padding,16px)}._7gO6Sq_spectrum-Accordion-itemHeader:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:2px;padding-right:var(--spectrum-accordion-item-padding,16px)}._7gO6Sq_spectrum-Accordion-itemHeader:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:2px;padding-left:var(--spectrum-accordion-item-padding,16px)}._7gO6Sq_spectrum-Accordion-itemHeader:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:2px;padding-left:var(--spectrum-accordion-item-padding,16px)}._7gO6Sq_spectrum-Accordion-itemHeader:focus{outline:none}._7gO6Sq_spectrum-Accordion-itemHeader:focus:after{content:"";top:calc(var(--spectrum-accordion-item-border-size,var(--spectrum-alias-border-size-thin))*-1);bottom:calc(var(--spectrum-accordion-item-border-size,var(--spectrum-alias-border-size-thin))*-1);width:var(--spectrum-accordion-item-border-size-key-focus,2px);position:absolute}._7gO6Sq_spectrum-Accordion-itemHeader:focus:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{left:0}._7gO6Sq_spectrum-Accordion-itemHeader:focus:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{left:0}._7gO6Sq_spectrum-Accordion-itemHeader:focus:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{left:0}._7gO6Sq_spectrum-Accordion-itemHeader:focus:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{right:0}._7gO6Sq_spectrum-Accordion-itemHeader:focus:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{right:0}._7gO6Sq_spectrum-Accordion-itemContent{padding:0 var(--spectrum-accordion-item-content-padding,var(--spectrum-global-dimension-size-200))var(--spectrum-accordion-item-content-padding,var(--spectrum-global-dimension-size-200))var(--spectrum-accordion-item-content-padding,var(--spectrum-global-dimension-size-200));display:none}[dir=ltr] :is(._7gO6Sq_spectrum-Accordion-item._7gO6Sq_is-open>._7gO6Sq_spectrum-Accordion-itemHeading>._7gO6Sq_spectrum-Accordion-itemHeader>._7gO6Sq_spectrum-Accordion-itemIndicator){transform:rotate(90deg)}[dir=rtl] :is(._7gO6Sq_spectrum-Accordion-item._7gO6Sq_is-open>._7gO6Sq_spectrum-Accordion-itemHeading>._7gO6Sq_spectrum-Accordion-itemHeader>._7gO6Sq_spectrum-Accordion-itemIndicator){transform:rotate(-90deg)}._7gO6Sq_spectrum-Accordion-item._7gO6Sq_is-open>._7gO6Sq_spectrum-Accordion-itemHeader:after{height:calc(var(--spectrum-accordion-item-height,40px) - var(--spectrum-accordion-item-border-size,var(--spectrum-alias-border-size-thin)))}._7gO6Sq_spectrum-Accordion-item._7gO6Sq_is-open>._7gO6Sq_spectrum-Accordion-itemContent{display:block}._7gO6Sq_spectrum-Accordion-item._7gO6Sq_is-disabled ._7gO6Sq_spectrum-Accordion-itemHeader{cursor:default}._7gO6Sq_spectrum-Accordion-item{border-color:var(--spectrum-accordion-border-color,var(--spectrum-global-color-gray-300))}._7gO6Sq_spectrum-Accordion-item:first-of-type{border-top-color:var(--spectrum-accordion-border-color,var(--spectrum-global-color-gray-300))}._7gO6Sq_spectrum-Accordion-itemHeader{color:var(--spectrum-alias-text-color,var(--spectrum-global-color-gray-800))}._7gO6Sq_spectrum-Accordion-itemHeader._7gO6Sq_is-hovered{color:var(--spectrum-alias-text-color-hover,var(--spectrum-global-color-gray-900));background-color:var(--spectrum-accordion-background-color-hover,var(--spectrum-global-color-gray-200))}._7gO6Sq_spectrum-Accordion-itemHeader._7gO6Sq_focus-ring:after{background-color:var(--spectrum-accordion-border-left-color-key-focus,var(--spectrum-alias-border-color-focus))}._7gO6Sq_spectrum-Accordion-item._7gO6Sq_is-open ._7gO6Sq_spectrum-Accordion-itemHeader._7gO6Sq_is-hovered{background-color:#0000}._7gO6Sq_spectrum-Accordion-item._7gO6Sq_is-disabled ._7gO6Sq_spectrum-Accordion-itemHeader,._7gO6Sq_spectrum-Accordion-item._7gO6Sq_is-disabled ._7gO6Sq_spectrum-Accordion-itemHeader._7gO6Sq_is-hovered,._7gO6Sq_spectrum-Accordion-item._7gO6Sq_is-disabled ._7gO6Sq_spectrum-Accordion-itemHeader._7gO6Sq_focus-ring{color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500));background-color:#0000}@media (forced-colors:active){._7gO6Sq_spectrum-Accordion-itemHeader._7gO6Sq_focus-ring{outline:3px solid CanvasText}}
|
package/dist/main.js
CHANGED
|
@@ -50,36 +50,36 @@ $parcel$export(module.exports, "Item", () => $6boyC$reactstatelycollections.Item
|
|
|
50
50
|
|
|
51
51
|
var $5ab573b23bc1d039$exports = {};
|
|
52
52
|
|
|
53
|
+
$parcel$export($5ab573b23bc1d039$exports, "focus-ring", () => $5ab573b23bc1d039$export$f39a09f249340e2a, (v) => $5ab573b23bc1d039$export$f39a09f249340e2a = v);
|
|
54
|
+
$parcel$export($5ab573b23bc1d039$exports, "is-disabled", () => $5ab573b23bc1d039$export$d35bc1e505d1ebbf, (v) => $5ab573b23bc1d039$export$d35bc1e505d1ebbf = v);
|
|
55
|
+
$parcel$export($5ab573b23bc1d039$exports, "is-hovered", () => $5ab573b23bc1d039$export$b8813cd5d7824ce7, (v) => $5ab573b23bc1d039$export$b8813cd5d7824ce7 = v);
|
|
56
|
+
$parcel$export($5ab573b23bc1d039$exports, "is-open", () => $5ab573b23bc1d039$export$a9781837241c946d, (v) => $5ab573b23bc1d039$export$a9781837241c946d = v);
|
|
53
57
|
$parcel$export($5ab573b23bc1d039$exports, "spectrum-Accordion", () => $5ab573b23bc1d039$export$bed6cbae852b32f0, (v) => $5ab573b23bc1d039$export$bed6cbae852b32f0 = v);
|
|
54
|
-
$parcel$export($5ab573b23bc1d039$exports, "spectrum-Accordion-itemIndicator", () => $5ab573b23bc1d039$export$35196e2132b47abd, (v) => $5ab573b23bc1d039$export$35196e2132b47abd = v);
|
|
55
58
|
$parcel$export($5ab573b23bc1d039$exports, "spectrum-Accordion-item", () => $5ab573b23bc1d039$export$a1947cb8adf67515, (v) => $5ab573b23bc1d039$export$a1947cb8adf67515 = v);
|
|
56
|
-
$parcel$export($5ab573b23bc1d039$exports, "spectrum-Accordion-itemHeading", () => $5ab573b23bc1d039$export$36876b8193439034, (v) => $5ab573b23bc1d039$export$36876b8193439034 = v);
|
|
57
|
-
$parcel$export($5ab573b23bc1d039$exports, "spectrum-Accordion-itemHeader", () => $5ab573b23bc1d039$export$4da8efb546c03356, (v) => $5ab573b23bc1d039$export$4da8efb546c03356 = v);
|
|
58
59
|
$parcel$export($5ab573b23bc1d039$exports, "spectrum-Accordion-itemContent", () => $5ab573b23bc1d039$export$951cb9dc63743241, (v) => $5ab573b23bc1d039$export$951cb9dc63743241 = v);
|
|
59
|
-
$parcel$export($5ab573b23bc1d039$exports, "
|
|
60
|
-
$parcel$export($5ab573b23bc1d039$exports, "
|
|
61
|
-
$parcel$export($5ab573b23bc1d039$exports, "
|
|
62
|
-
|
|
60
|
+
$parcel$export($5ab573b23bc1d039$exports, "spectrum-Accordion-itemHeader", () => $5ab573b23bc1d039$export$4da8efb546c03356, (v) => $5ab573b23bc1d039$export$4da8efb546c03356 = v);
|
|
61
|
+
$parcel$export($5ab573b23bc1d039$exports, "spectrum-Accordion-itemHeading", () => $5ab573b23bc1d039$export$36876b8193439034, (v) => $5ab573b23bc1d039$export$36876b8193439034 = v);
|
|
62
|
+
$parcel$export($5ab573b23bc1d039$exports, "spectrum-Accordion-itemIndicator", () => $5ab573b23bc1d039$export$35196e2132b47abd, (v) => $5ab573b23bc1d039$export$35196e2132b47abd = v);
|
|
63
|
+
var $5ab573b23bc1d039$export$f39a09f249340e2a;
|
|
64
|
+
var $5ab573b23bc1d039$export$d35bc1e505d1ebbf;
|
|
65
|
+
var $5ab573b23bc1d039$export$b8813cd5d7824ce7;
|
|
66
|
+
var $5ab573b23bc1d039$export$a9781837241c946d;
|
|
63
67
|
var $5ab573b23bc1d039$export$bed6cbae852b32f0;
|
|
64
|
-
var $5ab573b23bc1d039$export$35196e2132b47abd;
|
|
65
68
|
var $5ab573b23bc1d039$export$a1947cb8adf67515;
|
|
66
|
-
var $5ab573b23bc1d039$export$36876b8193439034;
|
|
67
|
-
var $5ab573b23bc1d039$export$4da8efb546c03356;
|
|
68
69
|
var $5ab573b23bc1d039$export$951cb9dc63743241;
|
|
69
|
-
var $5ab573b23bc1d039$export$
|
|
70
|
-
var $5ab573b23bc1d039$export$
|
|
71
|
-
var $5ab573b23bc1d039$export$
|
|
72
|
-
|
|
73
|
-
$5ab573b23bc1d039$export$
|
|
74
|
-
$5ab573b23bc1d039$export$
|
|
75
|
-
$5ab573b23bc1d039$export$
|
|
76
|
-
$5ab573b23bc1d039$export$
|
|
77
|
-
$5ab573b23bc1d039$export$
|
|
78
|
-
$5ab573b23bc1d039$export$951cb9dc63743241 =
|
|
79
|
-
$5ab573b23bc1d039$export$
|
|
80
|
-
$5ab573b23bc1d039$export$
|
|
81
|
-
$5ab573b23bc1d039$export$
|
|
82
|
-
$5ab573b23bc1d039$export$f39a09f249340e2a = "focus-ring_b4e47f";
|
|
70
|
+
var $5ab573b23bc1d039$export$4da8efb546c03356;
|
|
71
|
+
var $5ab573b23bc1d039$export$36876b8193439034;
|
|
72
|
+
var $5ab573b23bc1d039$export$35196e2132b47abd;
|
|
73
|
+
$5ab573b23bc1d039$export$f39a09f249340e2a = `_7gO6Sq_focus-ring`;
|
|
74
|
+
$5ab573b23bc1d039$export$d35bc1e505d1ebbf = `_7gO6Sq_is-disabled`;
|
|
75
|
+
$5ab573b23bc1d039$export$b8813cd5d7824ce7 = `_7gO6Sq_is-hovered`;
|
|
76
|
+
$5ab573b23bc1d039$export$a9781837241c946d = `_7gO6Sq_is-open`;
|
|
77
|
+
$5ab573b23bc1d039$export$bed6cbae852b32f0 = `_7gO6Sq_spectrum-Accordion`;
|
|
78
|
+
$5ab573b23bc1d039$export$a1947cb8adf67515 = `_7gO6Sq_spectrum-Accordion-item`;
|
|
79
|
+
$5ab573b23bc1d039$export$951cb9dc63743241 = `_7gO6Sq_spectrum-Accordion-itemContent`;
|
|
80
|
+
$5ab573b23bc1d039$export$4da8efb546c03356 = `_7gO6Sq_spectrum-Accordion-itemHeader`;
|
|
81
|
+
$5ab573b23bc1d039$export$36876b8193439034 = `_7gO6Sq_spectrum-Accordion-itemHeading`;
|
|
82
|
+
$5ab573b23bc1d039$export$35196e2132b47abd = `_7gO6Sq_spectrum-Accordion-itemIndicator`;
|
|
83
83
|
|
|
84
84
|
|
|
85
85
|
|
|
@@ -90,9 +90,9 @@ $5ab573b23bc1d039$export$f39a09f249340e2a = "focus-ring_b4e47f";
|
|
|
90
90
|
function $d8f45715b3ce327a$var$Accordion(props, ref) {
|
|
91
91
|
props = (0, $6boyC$reactspectrumprovider.useProviderProps)(props);
|
|
92
92
|
let state = (0, $6boyC$reactstatelytree.useTreeState)(props);
|
|
93
|
-
let { styleProps: styleProps
|
|
93
|
+
let { styleProps: styleProps } = (0, $6boyC$reactspectrumutils.useStyleProps)(props);
|
|
94
94
|
let domRef = (0, $6boyC$reactspectrumutils.useDOMRef)(ref);
|
|
95
|
-
let { accordionProps: accordionProps
|
|
95
|
+
let { accordionProps: accordionProps } = (0, $6boyC$reactariaaccordion.useAccordion)(props, state, domRef);
|
|
96
96
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($6boyC$react))).createElement("div", {
|
|
97
97
|
...(0, $6boyC$reactariautils.filterDOMProps)(props),
|
|
98
98
|
...accordionProps,
|
|
@@ -110,14 +110,14 @@ function $d8f45715b3ce327a$var$Accordion(props, ref) {
|
|
|
110
110
|
function $d8f45715b3ce327a$var$AccordionItem(props) {
|
|
111
111
|
props = (0, $6boyC$reactspectrumprovider.useProviderProps)(props);
|
|
112
112
|
let ref = (0, $6boyC$react.useRef)(null);
|
|
113
|
-
let { state: state
|
|
114
|
-
let { buttonProps: buttonProps
|
|
113
|
+
let { state: state, item: item } = props;
|
|
114
|
+
let { buttonProps: buttonProps, regionProps: regionProps } = (0, $6boyC$reactariaaccordion.useAccordionItem)(props, state, ref);
|
|
115
115
|
let isOpen = state.expandedKeys.has(item.key);
|
|
116
116
|
let isDisabled = state.disabledKeys.has(item.key);
|
|
117
|
-
let { isHovered: isHovered
|
|
117
|
+
let { isHovered: isHovered, hoverProps: hoverProps } = (0, $6boyC$reactariainteractions.useHover)({
|
|
118
118
|
isDisabled: isDisabled
|
|
119
119
|
});
|
|
120
|
-
let { direction: direction
|
|
120
|
+
let { direction: direction } = (0, $6boyC$reactariai18n.useLocale)();
|
|
121
121
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($6boyC$react))).createElement("div", {
|
|
122
122
|
className: (0, $6boyC$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($5ab573b23bc1d039$exports))), "spectrum-Accordion-item", {
|
|
123
123
|
"is-open": isOpen,
|
package/dist/main.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC,GACD,0CAA0C;ACX1C;;;;;;;;;;CAUC;;;;;;;;;;;;;;;;;;ACVD,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AATA,
|
|
1
|
+
{"mappings":"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","sources":["packages/@react-spectrum/accordion/src/index.ts","packages/@react-spectrum/accordion/src/Accordion.tsx","packages/@adobe/spectrum-css-temp/components/accordion/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n/// <reference types=\"css-module-types\" />\nexport {Accordion} from './Accordion';\nexport {Item} from '@react-stately/collections';\nexport type {SpectrumAccordionProps} from '@react-types/accordion';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport ChevronLeftMedium from '@spectrum-icons/ui/ChevronLeftMedium';\nimport ChevronRightMedium from '@spectrum-icons/ui/ChevronRightMedium';\nimport {classNames, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef, Node} from '@react-types/shared';\nimport {filterDOMProps, mergeProps} from '@react-aria/utils';\nimport {FocusRing} from '@react-aria/focus';\nimport React, {forwardRef, useRef} from 'react';\nimport {SpectrumAccordionProps} from '@react-types/accordion';\nimport styles from '@adobe/spectrum-css-temp/components/accordion/vars.css';\nimport {TreeState, useTreeState} from '@react-stately/tree';\nimport {useAccordion, useAccordionItem} from '@react-aria/accordion';\nimport {useHover} from '@react-aria/interactions';\nimport {useLocale} from '@react-aria/i18n';\nimport {useProviderProps} from '@react-spectrum/provider';\n\n\nfunction Accordion<T extends object>(props: SpectrumAccordionProps<T>, ref: DOMRef<HTMLDivElement>) {\n props = useProviderProps(props);\n let state = useTreeState<T>(props);\n let {styleProps} = useStyleProps(props);\n let domRef = useDOMRef(ref);\n let {accordionProps} = useAccordion(props, state, domRef);\n\n return (\n <div\n {...filterDOMProps(props)}\n {...accordionProps}\n {...styleProps}\n ref={domRef}\n className={classNames(styles, 'spectrum-Accordion', styleProps.className)}>\n {[...state.collection].map(item => (\n <AccordionItem<T> key={item.key} item={item} state={state} />\n ))}\n </div>\n );\n}\n\ninterface AccordionItemProps<T> {\n item: Node<T>,\n state: TreeState<T>\n}\n\nfunction AccordionItem<T>(props: AccordionItemProps<T>) {\n props = useProviderProps(props);\n let ref = useRef<HTMLButtonElement>(null);\n let {state, item} = props;\n let {buttonProps, regionProps} = useAccordionItem<T>(props, state, ref);\n let isOpen = state.expandedKeys.has(item.key);\n let isDisabled = state.disabledKeys.has(item.key);\n let {isHovered, hoverProps} = useHover({isDisabled});\n let {direction} = useLocale();\n\n return (\n <div\n className={classNames(styles, 'spectrum-Accordion-item', {\n 'is-open': isOpen,\n 'is-disabled': isDisabled\n })}>\n <h3 className={classNames(styles, 'spectrum-Accordion-itemHeading')}>\n <FocusRing within focusRingClass={classNames(styles, 'focus-ring')}>\n <button\n {...mergeProps(buttonProps, hoverProps)}\n ref={ref}\n className={classNames(styles, 'spectrum-Accordion-itemHeader', {\n 'is-hovered': isHovered\n })}>\n {direction === 'ltr' ? (\n <ChevronRightMedium\n aria-hidden=\"true\"\n UNSAFE_className={classNames(styles, 'spectrum-Accordion-itemIndicator')} />\n ) : (\n <ChevronLeftMedium\n aria-hidden=\"true\"\n UNSAFE_className={classNames(styles, 'spectrum-Accordion-itemIndicator')} />\n )}\n {item.props.title}\n </button>\n </FocusRing>\n </h3>\n <div {...regionProps} className={classNames(styles, 'spectrum-Accordion-itemContent')}>\n {item.props.children}\n </div>\n </div>\n );\n}\n\nconst _Accordion = forwardRef(Accordion) as <T>(props: SpectrumAccordionProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReturnType<typeof Accordion>;\nexport {_Accordion as Accordion};\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"main.js.map"}
|
package/dist/module.js
CHANGED
|
@@ -47,36 +47,36 @@ function $parcel$export(e, n, v, s) {
|
|
|
47
47
|
|
|
48
48
|
var $cd9bb50514faf076$exports = {};
|
|
49
49
|
|
|
50
|
+
$parcel$export($cd9bb50514faf076$exports, "focus-ring", () => $cd9bb50514faf076$export$f39a09f249340e2a, (v) => $cd9bb50514faf076$export$f39a09f249340e2a = v);
|
|
51
|
+
$parcel$export($cd9bb50514faf076$exports, "is-disabled", () => $cd9bb50514faf076$export$d35bc1e505d1ebbf, (v) => $cd9bb50514faf076$export$d35bc1e505d1ebbf = v);
|
|
52
|
+
$parcel$export($cd9bb50514faf076$exports, "is-hovered", () => $cd9bb50514faf076$export$b8813cd5d7824ce7, (v) => $cd9bb50514faf076$export$b8813cd5d7824ce7 = v);
|
|
53
|
+
$parcel$export($cd9bb50514faf076$exports, "is-open", () => $cd9bb50514faf076$export$a9781837241c946d, (v) => $cd9bb50514faf076$export$a9781837241c946d = v);
|
|
50
54
|
$parcel$export($cd9bb50514faf076$exports, "spectrum-Accordion", () => $cd9bb50514faf076$export$bed6cbae852b32f0, (v) => $cd9bb50514faf076$export$bed6cbae852b32f0 = v);
|
|
51
|
-
$parcel$export($cd9bb50514faf076$exports, "spectrum-Accordion-itemIndicator", () => $cd9bb50514faf076$export$35196e2132b47abd, (v) => $cd9bb50514faf076$export$35196e2132b47abd = v);
|
|
52
55
|
$parcel$export($cd9bb50514faf076$exports, "spectrum-Accordion-item", () => $cd9bb50514faf076$export$a1947cb8adf67515, (v) => $cd9bb50514faf076$export$a1947cb8adf67515 = v);
|
|
53
|
-
$parcel$export($cd9bb50514faf076$exports, "spectrum-Accordion-itemHeading", () => $cd9bb50514faf076$export$36876b8193439034, (v) => $cd9bb50514faf076$export$36876b8193439034 = v);
|
|
54
|
-
$parcel$export($cd9bb50514faf076$exports, "spectrum-Accordion-itemHeader", () => $cd9bb50514faf076$export$4da8efb546c03356, (v) => $cd9bb50514faf076$export$4da8efb546c03356 = v);
|
|
55
56
|
$parcel$export($cd9bb50514faf076$exports, "spectrum-Accordion-itemContent", () => $cd9bb50514faf076$export$951cb9dc63743241, (v) => $cd9bb50514faf076$export$951cb9dc63743241 = v);
|
|
56
|
-
$parcel$export($cd9bb50514faf076$exports, "
|
|
57
|
-
$parcel$export($cd9bb50514faf076$exports, "
|
|
58
|
-
$parcel$export($cd9bb50514faf076$exports, "
|
|
59
|
-
|
|
57
|
+
$parcel$export($cd9bb50514faf076$exports, "spectrum-Accordion-itemHeader", () => $cd9bb50514faf076$export$4da8efb546c03356, (v) => $cd9bb50514faf076$export$4da8efb546c03356 = v);
|
|
58
|
+
$parcel$export($cd9bb50514faf076$exports, "spectrum-Accordion-itemHeading", () => $cd9bb50514faf076$export$36876b8193439034, (v) => $cd9bb50514faf076$export$36876b8193439034 = v);
|
|
59
|
+
$parcel$export($cd9bb50514faf076$exports, "spectrum-Accordion-itemIndicator", () => $cd9bb50514faf076$export$35196e2132b47abd, (v) => $cd9bb50514faf076$export$35196e2132b47abd = v);
|
|
60
|
+
var $cd9bb50514faf076$export$f39a09f249340e2a;
|
|
61
|
+
var $cd9bb50514faf076$export$d35bc1e505d1ebbf;
|
|
62
|
+
var $cd9bb50514faf076$export$b8813cd5d7824ce7;
|
|
63
|
+
var $cd9bb50514faf076$export$a9781837241c946d;
|
|
60
64
|
var $cd9bb50514faf076$export$bed6cbae852b32f0;
|
|
61
|
-
var $cd9bb50514faf076$export$35196e2132b47abd;
|
|
62
65
|
var $cd9bb50514faf076$export$a1947cb8adf67515;
|
|
63
|
-
var $cd9bb50514faf076$export$36876b8193439034;
|
|
64
|
-
var $cd9bb50514faf076$export$4da8efb546c03356;
|
|
65
66
|
var $cd9bb50514faf076$export$951cb9dc63743241;
|
|
66
|
-
var $cd9bb50514faf076$export$
|
|
67
|
-
var $cd9bb50514faf076$export$
|
|
68
|
-
var $cd9bb50514faf076$export$
|
|
69
|
-
|
|
70
|
-
$cd9bb50514faf076$export$
|
|
71
|
-
$cd9bb50514faf076$export$
|
|
72
|
-
$cd9bb50514faf076$export$
|
|
73
|
-
$cd9bb50514faf076$export$
|
|
74
|
-
$cd9bb50514faf076$export$
|
|
75
|
-
$cd9bb50514faf076$export$951cb9dc63743241 =
|
|
76
|
-
$cd9bb50514faf076$export$
|
|
77
|
-
$cd9bb50514faf076$export$
|
|
78
|
-
$cd9bb50514faf076$export$
|
|
79
|
-
$cd9bb50514faf076$export$f39a09f249340e2a = "focus-ring_b4e47f";
|
|
67
|
+
var $cd9bb50514faf076$export$4da8efb546c03356;
|
|
68
|
+
var $cd9bb50514faf076$export$36876b8193439034;
|
|
69
|
+
var $cd9bb50514faf076$export$35196e2132b47abd;
|
|
70
|
+
$cd9bb50514faf076$export$f39a09f249340e2a = `_7gO6Sq_focus-ring`;
|
|
71
|
+
$cd9bb50514faf076$export$d35bc1e505d1ebbf = `_7gO6Sq_is-disabled`;
|
|
72
|
+
$cd9bb50514faf076$export$b8813cd5d7824ce7 = `_7gO6Sq_is-hovered`;
|
|
73
|
+
$cd9bb50514faf076$export$a9781837241c946d = `_7gO6Sq_is-open`;
|
|
74
|
+
$cd9bb50514faf076$export$bed6cbae852b32f0 = `_7gO6Sq_spectrum-Accordion`;
|
|
75
|
+
$cd9bb50514faf076$export$a1947cb8adf67515 = `_7gO6Sq_spectrum-Accordion-item`;
|
|
76
|
+
$cd9bb50514faf076$export$951cb9dc63743241 = `_7gO6Sq_spectrum-Accordion-itemContent`;
|
|
77
|
+
$cd9bb50514faf076$export$4da8efb546c03356 = `_7gO6Sq_spectrum-Accordion-itemHeader`;
|
|
78
|
+
$cd9bb50514faf076$export$36876b8193439034 = `_7gO6Sq_spectrum-Accordion-itemHeading`;
|
|
79
|
+
$cd9bb50514faf076$export$35196e2132b47abd = `_7gO6Sq_spectrum-Accordion-itemIndicator`;
|
|
80
80
|
|
|
81
81
|
|
|
82
82
|
|
|
@@ -87,9 +87,9 @@ $cd9bb50514faf076$export$f39a09f249340e2a = "focus-ring_b4e47f";
|
|
|
87
87
|
function $2a5a5b7faca81754$var$Accordion(props, ref) {
|
|
88
88
|
props = (0, $3Uu4R$useProviderProps)(props);
|
|
89
89
|
let state = (0, $3Uu4R$useTreeState)(props);
|
|
90
|
-
let { styleProps: styleProps
|
|
90
|
+
let { styleProps: styleProps } = (0, $3Uu4R$useStyleProps)(props);
|
|
91
91
|
let domRef = (0, $3Uu4R$useDOMRef)(ref);
|
|
92
|
-
let { accordionProps: accordionProps
|
|
92
|
+
let { accordionProps: accordionProps } = (0, $3Uu4R$useAccordion)(props, state, domRef);
|
|
93
93
|
return /*#__PURE__*/ (0, $3Uu4R$react).createElement("div", {
|
|
94
94
|
...(0, $3Uu4R$filterDOMProps)(props),
|
|
95
95
|
...accordionProps,
|
|
@@ -107,14 +107,14 @@ function $2a5a5b7faca81754$var$Accordion(props, ref) {
|
|
|
107
107
|
function $2a5a5b7faca81754$var$AccordionItem(props) {
|
|
108
108
|
props = (0, $3Uu4R$useProviderProps)(props);
|
|
109
109
|
let ref = (0, $3Uu4R$useRef)(null);
|
|
110
|
-
let { state: state
|
|
111
|
-
let { buttonProps: buttonProps
|
|
110
|
+
let { state: state, item: item } = props;
|
|
111
|
+
let { buttonProps: buttonProps, regionProps: regionProps } = (0, $3Uu4R$useAccordionItem)(props, state, ref);
|
|
112
112
|
let isOpen = state.expandedKeys.has(item.key);
|
|
113
113
|
let isDisabled = state.disabledKeys.has(item.key);
|
|
114
|
-
let { isHovered: isHovered
|
|
114
|
+
let { isHovered: isHovered, hoverProps: hoverProps } = (0, $3Uu4R$useHover)({
|
|
115
115
|
isDisabled: isDisabled
|
|
116
116
|
});
|
|
117
|
-
let { direction: direction
|
|
117
|
+
let { direction: direction } = (0, $3Uu4R$useLocale)();
|
|
118
118
|
return /*#__PURE__*/ (0, $3Uu4R$react).createElement("div", {
|
|
119
119
|
className: (0, $3Uu4R$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($cd9bb50514faf076$exports))), "spectrum-Accordion-item", {
|
|
120
120
|
"is-open": isOpen,
|
package/dist/module.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC,GACD,0CAA0C;ACX1C;;;;;;;;;;CAUC;;;;;;;;;;;;;;;;;;ACVD,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AATA,
|
|
1
|
+
{"mappings":"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","sources":["packages/@react-spectrum/accordion/src/index.ts","packages/@react-spectrum/accordion/src/Accordion.tsx","packages/@adobe/spectrum-css-temp/components/accordion/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n/// <reference types=\"css-module-types\" />\nexport {Accordion} from './Accordion';\nexport {Item} from '@react-stately/collections';\nexport type {SpectrumAccordionProps} from '@react-types/accordion';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport ChevronLeftMedium from '@spectrum-icons/ui/ChevronLeftMedium';\nimport ChevronRightMedium from '@spectrum-icons/ui/ChevronRightMedium';\nimport {classNames, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef, Node} from '@react-types/shared';\nimport {filterDOMProps, mergeProps} from '@react-aria/utils';\nimport {FocusRing} from '@react-aria/focus';\nimport React, {forwardRef, useRef} from 'react';\nimport {SpectrumAccordionProps} from '@react-types/accordion';\nimport styles from '@adobe/spectrum-css-temp/components/accordion/vars.css';\nimport {TreeState, useTreeState} from '@react-stately/tree';\nimport {useAccordion, useAccordionItem} from '@react-aria/accordion';\nimport {useHover} from '@react-aria/interactions';\nimport {useLocale} from '@react-aria/i18n';\nimport {useProviderProps} from '@react-spectrum/provider';\n\n\nfunction Accordion<T extends object>(props: SpectrumAccordionProps<T>, ref: DOMRef<HTMLDivElement>) {\n props = useProviderProps(props);\n let state = useTreeState<T>(props);\n let {styleProps} = useStyleProps(props);\n let domRef = useDOMRef(ref);\n let {accordionProps} = useAccordion(props, state, domRef);\n\n return (\n <div\n {...filterDOMProps(props)}\n {...accordionProps}\n {...styleProps}\n ref={domRef}\n className={classNames(styles, 'spectrum-Accordion', styleProps.className)}>\n {[...state.collection].map(item => (\n <AccordionItem<T> key={item.key} item={item} state={state} />\n ))}\n </div>\n );\n}\n\ninterface AccordionItemProps<T> {\n item: Node<T>,\n state: TreeState<T>\n}\n\nfunction AccordionItem<T>(props: AccordionItemProps<T>) {\n props = useProviderProps(props);\n let ref = useRef<HTMLButtonElement>(null);\n let {state, item} = props;\n let {buttonProps, regionProps} = useAccordionItem<T>(props, state, ref);\n let isOpen = state.expandedKeys.has(item.key);\n let isDisabled = state.disabledKeys.has(item.key);\n let {isHovered, hoverProps} = useHover({isDisabled});\n let {direction} = useLocale();\n\n return (\n <div\n className={classNames(styles, 'spectrum-Accordion-item', {\n 'is-open': isOpen,\n 'is-disabled': isDisabled\n })}>\n <h3 className={classNames(styles, 'spectrum-Accordion-itemHeading')}>\n <FocusRing within focusRingClass={classNames(styles, 'focus-ring')}>\n <button\n {...mergeProps(buttonProps, hoverProps)}\n ref={ref}\n className={classNames(styles, 'spectrum-Accordion-itemHeader', {\n 'is-hovered': isHovered\n })}>\n {direction === 'ltr' ? (\n <ChevronRightMedium\n aria-hidden=\"true\"\n UNSAFE_className={classNames(styles, 'spectrum-Accordion-itemIndicator')} />\n ) : (\n <ChevronLeftMedium\n aria-hidden=\"true\"\n UNSAFE_className={classNames(styles, 'spectrum-Accordion-itemIndicator')} />\n )}\n {item.props.title}\n </button>\n </FocusRing>\n </h3>\n <div {...regionProps} className={classNames(styles, 'spectrum-Accordion-itemContent')}>\n {item.props.children}\n </div>\n </div>\n );\n}\n\nconst _Accordion = forwardRef(Accordion) as <T>(props: SpectrumAccordionProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReturnType<typeof Accordion>;\nexport {_Accordion as Accordion};\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"module.js.map"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-spectrum/accordion",
|
|
3
|
-
"version": "3.0.0-nightly.
|
|
3
|
+
"version": "3.0.0-nightly.4157+633bb4fb6",
|
|
4
4
|
"description": "Spectrum UI components in React",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "dist/main.js",
|
|
@@ -36,21 +36,21 @@
|
|
|
36
36
|
"url": "https://github.com/adobe/react-spectrum"
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
|
-
"@react-aria/accordion": "3.0.0-nightly.
|
|
40
|
-
"@react-aria/focus": "3.0.0-nightly.
|
|
41
|
-
"@react-aria/i18n": "3.0.0-nightly.
|
|
42
|
-
"@react-aria/interactions": "3.0.0-nightly.
|
|
43
|
-
"@react-aria/utils": "3.0.0-nightly.
|
|
44
|
-
"@react-spectrum/utils": "3.0.0-nightly.
|
|
45
|
-
"@react-stately/collections": "3.0.0-nightly.
|
|
46
|
-
"@react-stately/tree": "3.0.0-nightly.
|
|
47
|
-
"@react-types/accordion": "3.0.0-nightly.
|
|
48
|
-
"@react-types/shared": "3.0.0-nightly.
|
|
49
|
-
"@spectrum-icons/ui": "3.0.0-nightly.
|
|
39
|
+
"@react-aria/accordion": "3.0.0-nightly.4157+633bb4fb6",
|
|
40
|
+
"@react-aria/focus": "3.0.0-nightly.2448+633bb4fb6",
|
|
41
|
+
"@react-aria/i18n": "3.0.0-nightly.2448+633bb4fb6",
|
|
42
|
+
"@react-aria/interactions": "3.0.0-nightly.2448+633bb4fb6",
|
|
43
|
+
"@react-aria/utils": "3.0.0-nightly.2448+633bb4fb6",
|
|
44
|
+
"@react-spectrum/utils": "3.0.0-nightly.2448+633bb4fb6",
|
|
45
|
+
"@react-stately/collections": "3.0.0-nightly.2448+633bb4fb6",
|
|
46
|
+
"@react-stately/tree": "3.0.0-nightly.2448+633bb4fb6",
|
|
47
|
+
"@react-types/accordion": "3.0.0-nightly.4157+633bb4fb6",
|
|
48
|
+
"@react-types/shared": "3.0.0-nightly.2448+633bb4fb6",
|
|
49
|
+
"@spectrum-icons/ui": "3.0.0-nightly.2448+633bb4fb6",
|
|
50
50
|
"@swc/helpers": "^0.5.0"
|
|
51
51
|
},
|
|
52
52
|
"devDependencies": {
|
|
53
|
-
"@adobe/spectrum-css-temp": "3.0.0-nightly.
|
|
53
|
+
"@adobe/spectrum-css-temp": "3.0.0-nightly.2448+633bb4fb6"
|
|
54
54
|
},
|
|
55
55
|
"peerDependencies": {
|
|
56
56
|
"@react-spectrum/provider": "^3.0.0",
|
|
@@ -60,5 +60,5 @@
|
|
|
60
60
|
"publishConfig": {
|
|
61
61
|
"access": "public"
|
|
62
62
|
},
|
|
63
|
-
"gitHead": "
|
|
63
|
+
"gitHead": "633bb4fb6cc205b9911a21fb81a7a70c662ec0ce"
|
|
64
64
|
}
|