@zendeskgarden/react-accordions 8.40.1 → 8.41.0
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/index.cjs.js +28 -26
- package/dist/index.esm.js +28 -27
- package/package.json +5 -4
package/dist/index.cjs.js
CHANGED
|
@@ -14,9 +14,10 @@ var styled = require('styled-components');
|
|
|
14
14
|
var reactTheming = require('@zendeskgarden/react-theming');
|
|
15
15
|
var polished = require('polished');
|
|
16
16
|
var PropTypes = require('prop-types');
|
|
17
|
-
var
|
|
17
|
+
var mergeRefs = require('react-merge-refs');
|
|
18
18
|
var debounce = require('lodash.debounce');
|
|
19
19
|
var containerAccordion = require('@zendeskgarden/container-accordion');
|
|
20
|
+
var containerUtilities = require('@zendeskgarden/container-utilities');
|
|
20
21
|
|
|
21
22
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
22
23
|
|
|
@@ -44,6 +45,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
44
45
|
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
45
46
|
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
46
47
|
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
48
|
+
var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
|
|
47
49
|
var debounce__default = /*#__PURE__*/_interopDefaultLegacy(debounce);
|
|
48
50
|
|
|
49
51
|
function ownKeys(object, enumerableOnly) {
|
|
@@ -227,7 +229,7 @@ var sizeStyles$1 = function sizeStyles(props) {
|
|
|
227
229
|
};
|
|
228
230
|
var StyledContent = styled__default['default'].div.attrs({
|
|
229
231
|
'data-garden-id': COMPONENT_ID$k,
|
|
230
|
-
'data-garden-version': '8.
|
|
232
|
+
'data-garden-version': '8.41.0'
|
|
231
233
|
}).withConfig({
|
|
232
234
|
displayName: "StyledContent",
|
|
233
235
|
componentId: "sc-mazvvo-0"
|
|
@@ -243,7 +245,7 @@ StyledContent.defaultProps = {
|
|
|
243
245
|
var COMPONENT_ID$j = 'accordions.step_line';
|
|
244
246
|
var StyledLine = styled__default['default'].div.attrs({
|
|
245
247
|
'data-garden-id': COMPONENT_ID$j,
|
|
246
|
-
'data-garden-version': '8.
|
|
248
|
+
'data-garden-version': '8.41.0'
|
|
247
249
|
}).withConfig({
|
|
248
250
|
displayName: "StyledLine",
|
|
249
251
|
componentId: "sc-1gkpjbr-0"
|
|
@@ -265,7 +267,7 @@ StyledLine.defaultProps = {
|
|
|
265
267
|
var COMPONENT_ID$i = 'accordions.step';
|
|
266
268
|
var StyledStep = styled__default['default'].li.attrs({
|
|
267
269
|
'data-garden-id': COMPONENT_ID$i,
|
|
268
|
-
'data-garden-version': '8.
|
|
270
|
+
'data-garden-version': '8.41.0'
|
|
269
271
|
}).withConfig({
|
|
270
272
|
displayName: "StyledStep",
|
|
271
273
|
componentId: "sc-12fiwtz-0"
|
|
@@ -295,7 +297,7 @@ StyledStep.defaultProps = {
|
|
|
295
297
|
var COMPONENT_ID$h = 'accordions.step_inner_content';
|
|
296
298
|
var StyledInnerContent = styled__default['default'].div.attrs({
|
|
297
299
|
'data-garden-id': COMPONENT_ID$h,
|
|
298
|
-
'data-garden-version': '8.
|
|
300
|
+
'data-garden-version': '8.41.0'
|
|
299
301
|
}).withConfig({
|
|
300
302
|
displayName: "StyledInnerContent",
|
|
301
303
|
componentId: "sc-1xs9fh7-0"
|
|
@@ -317,7 +319,7 @@ StyledInnerContent.defaultProps = {
|
|
|
317
319
|
var COMPONENT_ID$g = 'accordions.stepper';
|
|
318
320
|
var StyledStepper = styled__default['default'].ol.attrs({
|
|
319
321
|
'data-garden-id': COMPONENT_ID$g,
|
|
320
|
-
'data-garden-version': '8.
|
|
322
|
+
'data-garden-version': '8.41.0'
|
|
321
323
|
}).withConfig({
|
|
322
324
|
displayName: "StyledStepper",
|
|
323
325
|
componentId: "sc-dsxw0f-0"
|
|
@@ -345,7 +347,7 @@ var colorStyles$2 = function colorStyles(props) {
|
|
|
345
347
|
};
|
|
346
348
|
var StyledIcon = styled__default['default'].div.attrs({
|
|
347
349
|
'data-garden-id': COMPONENT_ID$f,
|
|
348
|
-
'data-garden-version': '8.
|
|
350
|
+
'data-garden-version': '8.41.0'
|
|
349
351
|
}).withConfig({
|
|
350
352
|
displayName: "StyledIcon",
|
|
351
353
|
componentId: "sc-v20nz9-1"
|
|
@@ -362,7 +364,7 @@ StyledIcon.defaultProps = {
|
|
|
362
364
|
var COMPONENT_ID$e = 'accordions.step_label';
|
|
363
365
|
var StyledLabel = styled__default['default'].div.attrs({
|
|
364
366
|
'data-garden-id': COMPONENT_ID$e,
|
|
365
|
-
'data-garden-version': '8.
|
|
367
|
+
'data-garden-version': '8.41.0'
|
|
366
368
|
}).withConfig({
|
|
367
369
|
displayName: "StyledLabel",
|
|
368
370
|
componentId: "sc-1o82llj-0"
|
|
@@ -390,7 +392,7 @@ StyledLabel.defaultProps = {
|
|
|
390
392
|
var COMPONENT_ID$d = 'accordions.step_label_text';
|
|
391
393
|
var StyledLabelText = styled__default['default'].div.attrs({
|
|
392
394
|
'data-garden-id': COMPONENT_ID$d,
|
|
393
|
-
'data-garden-version': '8.
|
|
395
|
+
'data-garden-version': '8.41.0'
|
|
394
396
|
}).withConfig({
|
|
395
397
|
displayName: "StyledLabelText",
|
|
396
398
|
componentId: "sc-111m5zo-0"
|
|
@@ -408,7 +410,7 @@ StyledLabelText.defaultProps = {
|
|
|
408
410
|
var COMPONENT_ID$c = 'accordions.accordion';
|
|
409
411
|
var StyledAccordion = styled__default['default'].div.attrs({
|
|
410
412
|
'data-garden-id': COMPONENT_ID$c,
|
|
411
|
-
'data-garden-version': '8.
|
|
413
|
+
'data-garden-version': '8.41.0'
|
|
412
414
|
}).withConfig({
|
|
413
415
|
displayName: "StyledAccordion",
|
|
414
416
|
componentId: "sc-niv9ic-0"
|
|
@@ -438,7 +440,7 @@ var paddingStyles = function paddingStyles(props) {
|
|
|
438
440
|
};
|
|
439
441
|
var StyledPanel = styled__default['default'].section.attrs({
|
|
440
442
|
'data-garden-id': COMPONENT_ID$b,
|
|
441
|
-
'data-garden-version': '8.
|
|
443
|
+
'data-garden-version': '8.41.0'
|
|
442
444
|
}).withConfig({
|
|
443
445
|
displayName: "StyledPanel",
|
|
444
446
|
componentId: "sc-1piryze-0"
|
|
@@ -455,7 +457,7 @@ StyledPanel.defaultProps = {
|
|
|
455
457
|
var COMPONENT_ID$a = 'accordions.section';
|
|
456
458
|
var StyledSection = styled__default['default'].div.attrs({
|
|
457
459
|
'data-garden-id': COMPONENT_ID$a,
|
|
458
|
-
'data-garden-version': '8.
|
|
460
|
+
'data-garden-version': '8.41.0'
|
|
459
461
|
}).withConfig({
|
|
460
462
|
displayName: "StyledSection",
|
|
461
463
|
componentId: "sc-v2t9bd-0"
|
|
@@ -469,7 +471,7 @@ StyledSection.defaultProps = {
|
|
|
469
471
|
var COMPONENT_ID$9 = 'accordions.header';
|
|
470
472
|
var StyledHeader = styled__default['default'].div.attrs({
|
|
471
473
|
'data-garden-id': COMPONENT_ID$9,
|
|
472
|
-
'data-garden-version': '8.
|
|
474
|
+
'data-garden-version': '8.41.0'
|
|
473
475
|
}).withConfig({
|
|
474
476
|
displayName: "StyledHeader",
|
|
475
477
|
componentId: "sc-2c6rbr-0"
|
|
@@ -497,7 +499,7 @@ var colorStyles$1 = function colorStyles(props) {
|
|
|
497
499
|
};
|
|
498
500
|
var StyledButton = styled__default['default'].button.attrs({
|
|
499
501
|
'data-garden-id': COMPONENT_ID$8,
|
|
500
|
-
'data-garden-version': '8.
|
|
502
|
+
'data-garden-version': '8.41.0'
|
|
501
503
|
}).withConfig({
|
|
502
504
|
displayName: "StyledButton",
|
|
503
505
|
componentId: "sc-xj3hy7-0"
|
|
@@ -523,7 +525,7 @@ StyledButton.defaultProps = {
|
|
|
523
525
|
var COMPONENT_ID$7 = 'accordions.step_inner_panel';
|
|
524
526
|
var StyledInnerPanel = styled__default['default'].div.attrs({
|
|
525
527
|
'data-garden-id': COMPONENT_ID$7,
|
|
526
|
-
'data-garden-version': '8.
|
|
528
|
+
'data-garden-version': '8.41.0'
|
|
527
529
|
}).withConfig({
|
|
528
530
|
displayName: "StyledInnerPanel",
|
|
529
531
|
componentId: "sc-8nbueg-0"
|
|
@@ -564,7 +566,7 @@ function (_ref) {
|
|
|
564
566
|
return React.cloneElement(React.Children.only(children), props);
|
|
565
567
|
}).attrs({
|
|
566
568
|
'data-garden-id': COMPONENT_ID$6,
|
|
567
|
-
'data-garden-version': '8.
|
|
569
|
+
'data-garden-version': '8.41.0'
|
|
568
570
|
}).withConfig({
|
|
569
571
|
displayName: "StyledRotateIcon",
|
|
570
572
|
componentId: "sc-hp435q-0"
|
|
@@ -586,7 +588,7 @@ StyledRotateIcon.defaultProps = {
|
|
|
586
588
|
var COMPONENT_ID$5 = 'timeline';
|
|
587
589
|
var StyledTimeline = styled__default['default'].ol.attrs({
|
|
588
590
|
'data-garden-id': COMPONENT_ID$5,
|
|
589
|
-
'data-garden-version': '8.
|
|
591
|
+
'data-garden-version': '8.41.0'
|
|
590
592
|
}).withConfig({
|
|
591
593
|
displayName: "StyledTimeline",
|
|
592
594
|
componentId: "sc-pig5kv-0"
|
|
@@ -600,7 +602,7 @@ StyledTimeline.defaultProps = {
|
|
|
600
602
|
var COMPONENT_ID$4 = 'timeline.content.separator';
|
|
601
603
|
var StyledSeparator = styled__default['default'].div.attrs({
|
|
602
604
|
'data-garden-id': COMPONENT_ID$4,
|
|
603
|
-
'data-garden-version': '8.
|
|
605
|
+
'data-garden-version': '8.41.0'
|
|
604
606
|
}).withConfig({
|
|
605
607
|
displayName: "StyledSeparator",
|
|
606
608
|
componentId: "sc-fki51e-0"
|
|
@@ -618,7 +620,7 @@ StyledSeparator.defaultProps = {
|
|
|
618
620
|
var COMPONENT_ID$3 = 'timeline.content';
|
|
619
621
|
var StyledTimelineContent = styled__default['default'].div.attrs({
|
|
620
622
|
'data-garden-id': COMPONENT_ID$3,
|
|
621
|
-
'data-garden-version': '8.
|
|
623
|
+
'data-garden-version': '8.41.0'
|
|
622
624
|
}).withConfig({
|
|
623
625
|
displayName: "StyledContent__StyledTimelineContent",
|
|
624
626
|
componentId: "sc-19phgu1-0"
|
|
@@ -634,7 +636,7 @@ StyledTimelineContent.defaultProps = {
|
|
|
634
636
|
var COMPONENT_ID$2 = 'timeline.opposite.content';
|
|
635
637
|
var StyledOppositeContent = styled__default['default'].div.attrs({
|
|
636
638
|
'data-garden-id': COMPONENT_ID$2,
|
|
637
|
-
'data-garden-version': '8.
|
|
639
|
+
'data-garden-version': '8.41.0'
|
|
638
640
|
}).withConfig({
|
|
639
641
|
displayName: "StyledOppositeContent",
|
|
640
642
|
componentId: "sc-jurh2k-0"
|
|
@@ -652,7 +654,7 @@ StyledOppositeContent.defaultProps = {
|
|
|
652
654
|
var COMPONENT_ID$1 = 'timeline.item';
|
|
653
655
|
var StyledTimelineItem = styled__default['default'].li.attrs({
|
|
654
656
|
'data-garden-id': COMPONENT_ID$1,
|
|
655
|
-
'data-garden-version': '8.
|
|
657
|
+
'data-garden-version': '8.41.0'
|
|
656
658
|
}).withConfig({
|
|
657
659
|
displayName: "StyledItem__StyledTimelineItem",
|
|
658
660
|
componentId: "sc-5mcnzm-0"
|
|
@@ -676,7 +678,7 @@ var StyledItemIcon = styled__default['default'](function (_ref) {
|
|
|
676
678
|
return React.cloneElement(React.Children.only(children), props);
|
|
677
679
|
}).attrs({
|
|
678
680
|
'data-garden-id': COMPONENT_ID,
|
|
679
|
-
'data-garden-version': '8.
|
|
681
|
+
'data-garden-version': '8.41.0'
|
|
680
682
|
}).withConfig({
|
|
681
683
|
displayName: "StyledItemIcon",
|
|
682
684
|
componentId: "sc-vz2l6e-0"
|
|
@@ -842,7 +844,7 @@ Label$1.propTypes = {
|
|
|
842
844
|
};
|
|
843
845
|
|
|
844
846
|
var Content$1 = React.forwardRef(function (props, ref) {
|
|
845
|
-
var contentRef =
|
|
847
|
+
var contentRef = React.useRef();
|
|
846
848
|
var _useStepperContext = useStepperContext(),
|
|
847
849
|
activeIndex = _useStepperContext.activeIndex,
|
|
848
850
|
isHorizontal = _useStepperContext.isHorizontal;
|
|
@@ -866,7 +868,7 @@ var Content$1 = React.forwardRef(function (props, ref) {
|
|
|
866
868
|
return undefined;
|
|
867
869
|
}, [isActive, isHorizontal, props.children, updateMaxHeight]);
|
|
868
870
|
return isHorizontal === false ? React__default['default'].createElement(StyledContent, _extends$3({
|
|
869
|
-
ref: contentRef,
|
|
871
|
+
ref: mergeRefs__default['default']([contentRef, ref]),
|
|
870
872
|
isActive: isActive
|
|
871
873
|
}, props), React__default['default'].createElement(StyledInnerContent, {
|
|
872
874
|
isActive: isActive
|
|
@@ -1049,7 +1051,7 @@ var Panel = React.forwardRef(function (props, ref) {
|
|
|
1049
1051
|
isAnimated = _useAccordionContext.isAnimated,
|
|
1050
1052
|
getPanelProps = _useAccordionContext.getPanelProps,
|
|
1051
1053
|
expandedSections = _useAccordionContext.expandedSections;
|
|
1052
|
-
var panelRef =
|
|
1054
|
+
var panelRef = React.useRef();
|
|
1053
1055
|
var index = useSectionContext();
|
|
1054
1056
|
var isExpanded = expandedSections.includes(index);
|
|
1055
1057
|
var updateMaxHeight = React.useCallback(debounce__default['default'](function () {
|
|
@@ -1070,7 +1072,7 @@ var Panel = React.forwardRef(function (props, ref) {
|
|
|
1070
1072
|
}, [isAnimated, isExpanded, updateMaxHeight, props.children]);
|
|
1071
1073
|
return React__default['default'].createElement(StyledPanel, getPanelProps(_objectSpread2({
|
|
1072
1074
|
role: null,
|
|
1073
|
-
ref: panelRef,
|
|
1075
|
+
ref: mergeRefs__default['default']([panelRef, ref]),
|
|
1074
1076
|
index: index,
|
|
1075
1077
|
isBare: isBare,
|
|
1076
1078
|
isCompact: isCompact,
|
package/dist/index.esm.js
CHANGED
|
@@ -6,14 +6,15 @@
|
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
import * as React from 'react';
|
|
9
|
-
import React__default, { cloneElement, Children, createContext, useContext, forwardRef, useState, useEffect, useMemo,
|
|
9
|
+
import React__default, { cloneElement, Children, createContext, useContext, forwardRef, useState, useEffect, useMemo, useRef, useCallback } from 'react';
|
|
10
10
|
import styled, { css } from 'styled-components';
|
|
11
11
|
import { retrieveComponentStyles, DEFAULT_THEME, getColor, getLineHeight } from '@zendeskgarden/react-theming';
|
|
12
12
|
import { math } from 'polished';
|
|
13
13
|
import PropTypes from 'prop-types';
|
|
14
|
-
import
|
|
14
|
+
import mergeRefs from 'react-merge-refs';
|
|
15
15
|
import debounce from 'lodash.debounce';
|
|
16
16
|
import { useAccordion } from '@zendeskgarden/container-accordion';
|
|
17
|
+
import { composeEventHandlers } from '@zendeskgarden/container-utilities';
|
|
17
18
|
|
|
18
19
|
function ownKeys(object, enumerableOnly) {
|
|
19
20
|
var keys = Object.keys(object);
|
|
@@ -196,7 +197,7 @@ var sizeStyles$1 = function sizeStyles(props) {
|
|
|
196
197
|
};
|
|
197
198
|
var StyledContent = styled.div.attrs({
|
|
198
199
|
'data-garden-id': COMPONENT_ID$k,
|
|
199
|
-
'data-garden-version': '8.
|
|
200
|
+
'data-garden-version': '8.41.0'
|
|
200
201
|
}).withConfig({
|
|
201
202
|
displayName: "StyledContent",
|
|
202
203
|
componentId: "sc-mazvvo-0"
|
|
@@ -212,7 +213,7 @@ StyledContent.defaultProps = {
|
|
|
212
213
|
var COMPONENT_ID$j = 'accordions.step_line';
|
|
213
214
|
var StyledLine = styled.div.attrs({
|
|
214
215
|
'data-garden-id': COMPONENT_ID$j,
|
|
215
|
-
'data-garden-version': '8.
|
|
216
|
+
'data-garden-version': '8.41.0'
|
|
216
217
|
}).withConfig({
|
|
217
218
|
displayName: "StyledLine",
|
|
218
219
|
componentId: "sc-1gkpjbr-0"
|
|
@@ -234,7 +235,7 @@ StyledLine.defaultProps = {
|
|
|
234
235
|
var COMPONENT_ID$i = 'accordions.step';
|
|
235
236
|
var StyledStep = styled.li.attrs({
|
|
236
237
|
'data-garden-id': COMPONENT_ID$i,
|
|
237
|
-
'data-garden-version': '8.
|
|
238
|
+
'data-garden-version': '8.41.0'
|
|
238
239
|
}).withConfig({
|
|
239
240
|
displayName: "StyledStep",
|
|
240
241
|
componentId: "sc-12fiwtz-0"
|
|
@@ -264,7 +265,7 @@ StyledStep.defaultProps = {
|
|
|
264
265
|
var COMPONENT_ID$h = 'accordions.step_inner_content';
|
|
265
266
|
var StyledInnerContent = styled.div.attrs({
|
|
266
267
|
'data-garden-id': COMPONENT_ID$h,
|
|
267
|
-
'data-garden-version': '8.
|
|
268
|
+
'data-garden-version': '8.41.0'
|
|
268
269
|
}).withConfig({
|
|
269
270
|
displayName: "StyledInnerContent",
|
|
270
271
|
componentId: "sc-1xs9fh7-0"
|
|
@@ -286,7 +287,7 @@ StyledInnerContent.defaultProps = {
|
|
|
286
287
|
var COMPONENT_ID$g = 'accordions.stepper';
|
|
287
288
|
var StyledStepper = styled.ol.attrs({
|
|
288
289
|
'data-garden-id': COMPONENT_ID$g,
|
|
289
|
-
'data-garden-version': '8.
|
|
290
|
+
'data-garden-version': '8.41.0'
|
|
290
291
|
}).withConfig({
|
|
291
292
|
displayName: "StyledStepper",
|
|
292
293
|
componentId: "sc-dsxw0f-0"
|
|
@@ -314,7 +315,7 @@ var colorStyles$2 = function colorStyles(props) {
|
|
|
314
315
|
};
|
|
315
316
|
var StyledIcon = styled.div.attrs({
|
|
316
317
|
'data-garden-id': COMPONENT_ID$f,
|
|
317
|
-
'data-garden-version': '8.
|
|
318
|
+
'data-garden-version': '8.41.0'
|
|
318
319
|
}).withConfig({
|
|
319
320
|
displayName: "StyledIcon",
|
|
320
321
|
componentId: "sc-v20nz9-1"
|
|
@@ -331,7 +332,7 @@ StyledIcon.defaultProps = {
|
|
|
331
332
|
var COMPONENT_ID$e = 'accordions.step_label';
|
|
332
333
|
var StyledLabel = styled.div.attrs({
|
|
333
334
|
'data-garden-id': COMPONENT_ID$e,
|
|
334
|
-
'data-garden-version': '8.
|
|
335
|
+
'data-garden-version': '8.41.0'
|
|
335
336
|
}).withConfig({
|
|
336
337
|
displayName: "StyledLabel",
|
|
337
338
|
componentId: "sc-1o82llj-0"
|
|
@@ -359,7 +360,7 @@ StyledLabel.defaultProps = {
|
|
|
359
360
|
var COMPONENT_ID$d = 'accordions.step_label_text';
|
|
360
361
|
var StyledLabelText = styled.div.attrs({
|
|
361
362
|
'data-garden-id': COMPONENT_ID$d,
|
|
362
|
-
'data-garden-version': '8.
|
|
363
|
+
'data-garden-version': '8.41.0'
|
|
363
364
|
}).withConfig({
|
|
364
365
|
displayName: "StyledLabelText",
|
|
365
366
|
componentId: "sc-111m5zo-0"
|
|
@@ -377,7 +378,7 @@ StyledLabelText.defaultProps = {
|
|
|
377
378
|
var COMPONENT_ID$c = 'accordions.accordion';
|
|
378
379
|
var StyledAccordion = styled.div.attrs({
|
|
379
380
|
'data-garden-id': COMPONENT_ID$c,
|
|
380
|
-
'data-garden-version': '8.
|
|
381
|
+
'data-garden-version': '8.41.0'
|
|
381
382
|
}).withConfig({
|
|
382
383
|
displayName: "StyledAccordion",
|
|
383
384
|
componentId: "sc-niv9ic-0"
|
|
@@ -407,7 +408,7 @@ var paddingStyles = function paddingStyles(props) {
|
|
|
407
408
|
};
|
|
408
409
|
var StyledPanel = styled.section.attrs({
|
|
409
410
|
'data-garden-id': COMPONENT_ID$b,
|
|
410
|
-
'data-garden-version': '8.
|
|
411
|
+
'data-garden-version': '8.41.0'
|
|
411
412
|
}).withConfig({
|
|
412
413
|
displayName: "StyledPanel",
|
|
413
414
|
componentId: "sc-1piryze-0"
|
|
@@ -424,7 +425,7 @@ StyledPanel.defaultProps = {
|
|
|
424
425
|
var COMPONENT_ID$a = 'accordions.section';
|
|
425
426
|
var StyledSection = styled.div.attrs({
|
|
426
427
|
'data-garden-id': COMPONENT_ID$a,
|
|
427
|
-
'data-garden-version': '8.
|
|
428
|
+
'data-garden-version': '8.41.0'
|
|
428
429
|
}).withConfig({
|
|
429
430
|
displayName: "StyledSection",
|
|
430
431
|
componentId: "sc-v2t9bd-0"
|
|
@@ -438,7 +439,7 @@ StyledSection.defaultProps = {
|
|
|
438
439
|
var COMPONENT_ID$9 = 'accordions.header';
|
|
439
440
|
var StyledHeader = styled.div.attrs({
|
|
440
441
|
'data-garden-id': COMPONENT_ID$9,
|
|
441
|
-
'data-garden-version': '8.
|
|
442
|
+
'data-garden-version': '8.41.0'
|
|
442
443
|
}).withConfig({
|
|
443
444
|
displayName: "StyledHeader",
|
|
444
445
|
componentId: "sc-2c6rbr-0"
|
|
@@ -466,7 +467,7 @@ var colorStyles$1 = function colorStyles(props) {
|
|
|
466
467
|
};
|
|
467
468
|
var StyledButton = styled.button.attrs({
|
|
468
469
|
'data-garden-id': COMPONENT_ID$8,
|
|
469
|
-
'data-garden-version': '8.
|
|
470
|
+
'data-garden-version': '8.41.0'
|
|
470
471
|
}).withConfig({
|
|
471
472
|
displayName: "StyledButton",
|
|
472
473
|
componentId: "sc-xj3hy7-0"
|
|
@@ -492,7 +493,7 @@ StyledButton.defaultProps = {
|
|
|
492
493
|
var COMPONENT_ID$7 = 'accordions.step_inner_panel';
|
|
493
494
|
var StyledInnerPanel = styled.div.attrs({
|
|
494
495
|
'data-garden-id': COMPONENT_ID$7,
|
|
495
|
-
'data-garden-version': '8.
|
|
496
|
+
'data-garden-version': '8.41.0'
|
|
496
497
|
}).withConfig({
|
|
497
498
|
displayName: "StyledInnerPanel",
|
|
498
499
|
componentId: "sc-8nbueg-0"
|
|
@@ -533,7 +534,7 @@ function (_ref) {
|
|
|
533
534
|
return cloneElement(Children.only(children), props);
|
|
534
535
|
}).attrs({
|
|
535
536
|
'data-garden-id': COMPONENT_ID$6,
|
|
536
|
-
'data-garden-version': '8.
|
|
537
|
+
'data-garden-version': '8.41.0'
|
|
537
538
|
}).withConfig({
|
|
538
539
|
displayName: "StyledRotateIcon",
|
|
539
540
|
componentId: "sc-hp435q-0"
|
|
@@ -555,7 +556,7 @@ StyledRotateIcon.defaultProps = {
|
|
|
555
556
|
var COMPONENT_ID$5 = 'timeline';
|
|
556
557
|
var StyledTimeline = styled.ol.attrs({
|
|
557
558
|
'data-garden-id': COMPONENT_ID$5,
|
|
558
|
-
'data-garden-version': '8.
|
|
559
|
+
'data-garden-version': '8.41.0'
|
|
559
560
|
}).withConfig({
|
|
560
561
|
displayName: "StyledTimeline",
|
|
561
562
|
componentId: "sc-pig5kv-0"
|
|
@@ -569,7 +570,7 @@ StyledTimeline.defaultProps = {
|
|
|
569
570
|
var COMPONENT_ID$4 = 'timeline.content.separator';
|
|
570
571
|
var StyledSeparator = styled.div.attrs({
|
|
571
572
|
'data-garden-id': COMPONENT_ID$4,
|
|
572
|
-
'data-garden-version': '8.
|
|
573
|
+
'data-garden-version': '8.41.0'
|
|
573
574
|
}).withConfig({
|
|
574
575
|
displayName: "StyledSeparator",
|
|
575
576
|
componentId: "sc-fki51e-0"
|
|
@@ -587,7 +588,7 @@ StyledSeparator.defaultProps = {
|
|
|
587
588
|
var COMPONENT_ID$3 = 'timeline.content';
|
|
588
589
|
var StyledTimelineContent = styled.div.attrs({
|
|
589
590
|
'data-garden-id': COMPONENT_ID$3,
|
|
590
|
-
'data-garden-version': '8.
|
|
591
|
+
'data-garden-version': '8.41.0'
|
|
591
592
|
}).withConfig({
|
|
592
593
|
displayName: "StyledContent__StyledTimelineContent",
|
|
593
594
|
componentId: "sc-19phgu1-0"
|
|
@@ -603,7 +604,7 @@ StyledTimelineContent.defaultProps = {
|
|
|
603
604
|
var COMPONENT_ID$2 = 'timeline.opposite.content';
|
|
604
605
|
var StyledOppositeContent = styled.div.attrs({
|
|
605
606
|
'data-garden-id': COMPONENT_ID$2,
|
|
606
|
-
'data-garden-version': '8.
|
|
607
|
+
'data-garden-version': '8.41.0'
|
|
607
608
|
}).withConfig({
|
|
608
609
|
displayName: "StyledOppositeContent",
|
|
609
610
|
componentId: "sc-jurh2k-0"
|
|
@@ -621,7 +622,7 @@ StyledOppositeContent.defaultProps = {
|
|
|
621
622
|
var COMPONENT_ID$1 = 'timeline.item';
|
|
622
623
|
var StyledTimelineItem = styled.li.attrs({
|
|
623
624
|
'data-garden-id': COMPONENT_ID$1,
|
|
624
|
-
'data-garden-version': '8.
|
|
625
|
+
'data-garden-version': '8.41.0'
|
|
625
626
|
}).withConfig({
|
|
626
627
|
displayName: "StyledItem__StyledTimelineItem",
|
|
627
628
|
componentId: "sc-5mcnzm-0"
|
|
@@ -645,7 +646,7 @@ var StyledItemIcon = styled(function (_ref) {
|
|
|
645
646
|
return cloneElement(Children.only(children), props);
|
|
646
647
|
}).attrs({
|
|
647
648
|
'data-garden-id': COMPONENT_ID,
|
|
648
|
-
'data-garden-version': '8.
|
|
649
|
+
'data-garden-version': '8.41.0'
|
|
649
650
|
}).withConfig({
|
|
650
651
|
displayName: "StyledItemIcon",
|
|
651
652
|
componentId: "sc-vz2l6e-0"
|
|
@@ -811,7 +812,7 @@ Label$1.propTypes = {
|
|
|
811
812
|
};
|
|
812
813
|
|
|
813
814
|
var Content$1 = forwardRef(function (props, ref) {
|
|
814
|
-
var contentRef =
|
|
815
|
+
var contentRef = useRef();
|
|
815
816
|
var _useStepperContext = useStepperContext(),
|
|
816
817
|
activeIndex = _useStepperContext.activeIndex,
|
|
817
818
|
isHorizontal = _useStepperContext.isHorizontal;
|
|
@@ -835,7 +836,7 @@ var Content$1 = forwardRef(function (props, ref) {
|
|
|
835
836
|
return undefined;
|
|
836
837
|
}, [isActive, isHorizontal, props.children, updateMaxHeight]);
|
|
837
838
|
return isHorizontal === false ? React__default.createElement(StyledContent, _extends$3({
|
|
838
|
-
ref: contentRef,
|
|
839
|
+
ref: mergeRefs([contentRef, ref]),
|
|
839
840
|
isActive: isActive
|
|
840
841
|
}, props), React__default.createElement(StyledInnerContent, {
|
|
841
842
|
isActive: isActive
|
|
@@ -1018,7 +1019,7 @@ var Panel = forwardRef(function (props, ref) {
|
|
|
1018
1019
|
isAnimated = _useAccordionContext.isAnimated,
|
|
1019
1020
|
getPanelProps = _useAccordionContext.getPanelProps,
|
|
1020
1021
|
expandedSections = _useAccordionContext.expandedSections;
|
|
1021
|
-
var panelRef =
|
|
1022
|
+
var panelRef = useRef();
|
|
1022
1023
|
var index = useSectionContext();
|
|
1023
1024
|
var isExpanded = expandedSections.includes(index);
|
|
1024
1025
|
var updateMaxHeight = useCallback(debounce(function () {
|
|
@@ -1039,7 +1040,7 @@ var Panel = forwardRef(function (props, ref) {
|
|
|
1039
1040
|
}, [isAnimated, isExpanded, updateMaxHeight, props.children]);
|
|
1040
1041
|
return React__default.createElement(StyledPanel, getPanelProps(_objectSpread2({
|
|
1041
1042
|
role: null,
|
|
1042
|
-
ref: panelRef,
|
|
1043
|
+
ref: mergeRefs([panelRef, ref]),
|
|
1043
1044
|
index: index,
|
|
1044
1045
|
isBare: isBare,
|
|
1045
1046
|
isCompact: isCompact,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zendeskgarden/react-accordions",
|
|
3
|
-
"version": "8.
|
|
3
|
+
"version": "8.41.0",
|
|
4
4
|
"description": "Components related to accordions in the Garden Design System",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "Zendesk Garden <garden@zendesk.com>",
|
|
@@ -25,7 +25,8 @@
|
|
|
25
25
|
"@zendeskgarden/container-utilities": "^0.6.0",
|
|
26
26
|
"lodash.debounce": "^4.0.8",
|
|
27
27
|
"polished": "^4.0.0",
|
|
28
|
-
"prop-types": "^15.5.7"
|
|
28
|
+
"prop-types": "^15.5.7",
|
|
29
|
+
"react-merge-refs": "^1.1.0"
|
|
29
30
|
},
|
|
30
31
|
"peerDependencies": {
|
|
31
32
|
"@zendeskgarden/react-theming": "^8.1.0",
|
|
@@ -35,7 +36,7 @@
|
|
|
35
36
|
},
|
|
36
37
|
"devDependencies": {
|
|
37
38
|
"@types/lodash.debounce": "4.0.6",
|
|
38
|
-
"@zendeskgarden/react-theming": "^8.
|
|
39
|
+
"@zendeskgarden/react-theming": "^8.41.0",
|
|
39
40
|
"@zendeskgarden/svg-icons": "6.30.2"
|
|
40
41
|
},
|
|
41
42
|
"keywords": [
|
|
@@ -49,5 +50,5 @@
|
|
|
49
50
|
"access": "public"
|
|
50
51
|
},
|
|
51
52
|
"zendeskgarden:src": "src/index.ts",
|
|
52
|
-
"gitHead": "
|
|
53
|
+
"gitHead": "723c0bf1f98b1fcc0de3f7c005fbbfa5005a2fa9"
|
|
53
54
|
}
|