@elliemae/ds-accordion 1.56.1 → 1.57.0-rc.11
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/cjs/DSAccordion.js +1 -4
- package/cjs/DSAccordion.js.map +1 -1
- package/cjs/DSAccordionHeader.js +2 -5
- package/cjs/DSAccordionHeader.js.map +1 -1
- package/cjs/DSAccordionItem.js +3 -8
- package/cjs/DSAccordionItem.js.map +1 -1
- package/cjs/index.js +1 -4
- package/cjs/index.js.map +1 -1
- package/esm/DSAccordion.js +1 -4
- package/esm/DSAccordion.js.map +1 -1
- package/esm/DSAccordionHeader.js +1 -2
- package/esm/DSAccordionHeader.js.map +1 -1
- package/esm/DSAccordionItem.js +1 -4
- package/esm/DSAccordionItem.js.map +1 -1
- package/esm/index.js +1 -4
- package/esm/index.js.map +1 -1
- package/package.json +7 -7
package/cjs/DSAccordion.js
CHANGED
|
@@ -16,13 +16,10 @@ require('@babel/runtime/helpers/inherits');
|
|
|
16
16
|
require('@babel/runtime/helpers/possibleConstructorReturn');
|
|
17
17
|
require('@babel/runtime/helpers/getPrototypeOf');
|
|
18
18
|
require('@babel/runtime/helpers/defineProperty');
|
|
19
|
-
require('@elliemae/ds-icons
|
|
20
|
-
require('@elliemae/ds-icons/ArrowheadDown');
|
|
19
|
+
require('@elliemae/ds-icons');
|
|
21
20
|
require('@elliemae/ds-shared/GroupContext/GroupItem');
|
|
22
21
|
require('./DSAccordionHeader.js');
|
|
23
22
|
require('@elliemae/ds-system');
|
|
24
|
-
require('@elliemae/ds-icons/ChevronDown');
|
|
25
|
-
require('@elliemae/ds-icons/ChevronRight');
|
|
26
23
|
require('@elliemae/ds-button');
|
|
27
24
|
require('./DSAccordionHeaderActions.js');
|
|
28
25
|
require('@babel/runtime/helpers/objectWithoutProperties');
|
package/cjs/DSAccordion.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DSAccordion.js","sources":["../../src/DSAccordion.tsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport Group from '@elliemae/ds-shared/GroupContext/Group';\nimport { TooltipTextProvider } from '@elliemae/ds-truncated-tooltip-text';\nimport DSAccordionItem from './DSAccordionItem';\n\nconst DSAccordion = ({\n containerProps = {},\n activeValue = '',\n children,\n allowMultipleOpen = false,\n contentExpandable = false,\n onChange = () => {},\n}) => {\n const { cssClassName } = convertPropToCssClassName('accordion');\n const tabsRef = {};\n const handleKeyPress = (index, e) => {\n if (e.keyCode === 39 || e.keyCode === 40) {\n const nextTab = tabsRef[index + 1];\n if (!nextTab) return;\n tabsRef[index + 1].focus();\n }\n if (e.keyCode === 37 || e.keyCode === 38) {\n const nextTab = tabsRef[index - 1];\n if (!nextTab) return;\n tabsRef[index - 1].focus();\n }\n };\n return (\n <TooltipTextProvider>\n <Group\n activeValue={activeValue}\n multiple={allowMultipleOpen}\n onChange={onChange}\n >\n <section className={cssClassName} {...containerProps}>\n {React.Children.map(\n children,\n (child, idx) =>\n React.cloneElement(child, {\n key: idx,\n idx,\n expandable: contentExpandable,\n setTabRef: (ref) => {\n tabsRef[idx] = ref;\n },\n handleKeyPress,\n }),\n null,\n )}\n </section>\n </Group>\n </TooltipTextProvider>\n );\n};\n\nconst props = {\n /** inject props to wrapper */\n containerProps: PropTypes.object.description('inject props to wrapper'),\n /**\n * Selected default active value\n */\n activeValue: PropTypes.oneOfType([\n PropTypes.arrayOf(\n PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n ),\n PropTypes.string,\n PropTypes.number,\n ]).description('Selected default active value'),\n /**\n * Accordion items to show\n */\n children: PropTypes.arrayOf(\n PropTypes.shape({\n type: PropTypes.instanceOf(DSAccordionItem),\n }),\n ).isRequired.description('Accordion items to show'),\n /**\n * Allows multiple accordion items to be open at the same time\n */\n allowMultipleOpen: PropTypes.bool.description(\n 'Allows multiple accordion items to be open at the same time',\n ),\n /**\n * Whether content is expandable or not\n */\n contentExpandable: PropTypes.bool.description(\n 'Whether content is expandable or not',\n ),\n /**\n * Allows a function that is triggered once the accordion changes\n */\n onChange: PropTypes.func.description(\n 'Allows a function that is triggered once the accordion changes',\n ),\n};\n\nDSAccordion.propTypes = props;\nconst DSAccordionWithSchema = describe(DSAccordion);\nDSAccordionWithSchema.propTypes = props;\n\nexport { DSAccordion, DSAccordionWithSchema };\nexport default DSAccordion;\n"],"names":["DSAccordion","containerProps","activeValue","children","allowMultipleOpen","contentExpandable","onChange","convertPropToCssClassName","cssClassName","tabsRef","handleKeyPress","index","e","keyCode","nextTab","focus","React","TooltipTextProvider","Group","Children","map","child","idx","cloneElement","key","expandable","setTabRef","ref","props","PropTypes","object","description","oneOfType","arrayOf","string","number","shape","type","instanceOf","DSAccordionItem","isRequired","bool","func","propTypes","DSAccordionWithSchema","describe"],"mappings":"
|
|
1
|
+
{"version":3,"file":"DSAccordion.js","sources":["../../src/DSAccordion.tsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport Group from '@elliemae/ds-shared/GroupContext/Group';\nimport { TooltipTextProvider } from '@elliemae/ds-truncated-tooltip-text';\nimport DSAccordionItem from './DSAccordionItem';\n\nconst DSAccordion = ({\n containerProps = {},\n activeValue = '',\n children,\n allowMultipleOpen = false,\n contentExpandable = false,\n onChange = () => {},\n}) => {\n const { cssClassName } = convertPropToCssClassName('accordion');\n const tabsRef = {};\n const handleKeyPress = (index, e) => {\n if (e.keyCode === 39 || e.keyCode === 40) {\n const nextTab = tabsRef[index + 1];\n if (!nextTab) return;\n tabsRef[index + 1].focus();\n }\n if (e.keyCode === 37 || e.keyCode === 38) {\n const nextTab = tabsRef[index - 1];\n if (!nextTab) return;\n tabsRef[index - 1].focus();\n }\n };\n return (\n <TooltipTextProvider>\n <Group\n activeValue={activeValue}\n multiple={allowMultipleOpen}\n onChange={onChange}\n >\n <section className={cssClassName} {...containerProps}>\n {React.Children.map(\n children,\n (child, idx) =>\n React.cloneElement(child, {\n key: idx,\n idx,\n expandable: contentExpandable,\n setTabRef: (ref) => {\n tabsRef[idx] = ref;\n },\n handleKeyPress,\n }),\n null,\n )}\n </section>\n </Group>\n </TooltipTextProvider>\n );\n};\n\nconst props = {\n /** inject props to wrapper */\n containerProps: PropTypes.object.description('inject props to wrapper'),\n /**\n * Selected default active value\n */\n activeValue: PropTypes.oneOfType([\n PropTypes.arrayOf(\n PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n ),\n PropTypes.string,\n PropTypes.number,\n ]).description('Selected default active value'),\n /**\n * Accordion items to show\n */\n children: PropTypes.arrayOf(\n PropTypes.shape({\n type: PropTypes.instanceOf(DSAccordionItem),\n }),\n ).isRequired.description('Accordion items to show'),\n /**\n * Allows multiple accordion items to be open at the same time\n */\n allowMultipleOpen: PropTypes.bool.description(\n 'Allows multiple accordion items to be open at the same time',\n ),\n /**\n * Whether content is expandable or not\n */\n contentExpandable: PropTypes.bool.description(\n 'Whether content is expandable or not',\n ),\n /**\n * Allows a function that is triggered once the accordion changes\n */\n onChange: PropTypes.func.description(\n 'Allows a function that is triggered once the accordion changes',\n ),\n};\n\nDSAccordion.propTypes = props;\nconst DSAccordionWithSchema = describe(DSAccordion);\nDSAccordionWithSchema.propTypes = props;\n\nexport { DSAccordion, DSAccordionWithSchema };\nexport default DSAccordion;\n"],"names":["DSAccordion","containerProps","activeValue","children","allowMultipleOpen","contentExpandable","onChange","convertPropToCssClassName","cssClassName","tabsRef","handleKeyPress","index","e","keyCode","nextTab","focus","React","TooltipTextProvider","Group","Children","map","child","idx","cloneElement","key","expandable","setTabRef","ref","props","PropTypes","object","description","oneOfType","arrayOf","string","number","shape","type","instanceOf","DSAccordionItem","isRequired","bool","func","propTypes","DSAccordionWithSchema","describe"],"mappings":"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"}
|
package/cjs/DSAccordionHeader.js
CHANGED
|
@@ -2,8 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var React = require('react');
|
|
4
4
|
var dsSystem = require('@elliemae/ds-system');
|
|
5
|
-
var
|
|
6
|
-
var ChevronRight = require('@elliemae/ds-icons/ChevronRight');
|
|
5
|
+
var dsIcons = require('@elliemae/ds-icons');
|
|
7
6
|
var DSButton = require('@elliemae/ds-button');
|
|
8
7
|
var DSAccordionHeaderActions = require('./DSAccordionHeaderActions.js');
|
|
9
8
|
var DSAccordionHeaderTitle = require('./DSAccordionHeaderTitle.js');
|
|
@@ -16,8 +15,6 @@ require('@elliemae/ds-classnames');
|
|
|
16
15
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
17
16
|
|
|
18
17
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
19
|
-
var ChevronDown__default = /*#__PURE__*/_interopDefaultLegacy(ChevronDown);
|
|
20
|
-
var ChevronRight__default = /*#__PURE__*/_interopDefaultLegacy(ChevronRight);
|
|
21
18
|
var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
|
|
22
19
|
|
|
23
20
|
var DSAccordionHeader = dsSystem.withTheme(function (_ref) {
|
|
@@ -34,7 +31,7 @@ var DSAccordionHeader = dsSystem.withTheme(function (_ref) {
|
|
|
34
31
|
var hasSecondaryTitle = Boolean(secondaryTitle);
|
|
35
32
|
var selectedClass = selected ? 'selected' : '';
|
|
36
33
|
var labelClass = hasSecondaryTitle ? 'secondary-title' : '';
|
|
37
|
-
var IconMobile = selected ?
|
|
34
|
+
var IconMobile = selected ? dsIcons.ChevronDown : dsIcons.ChevronRight;
|
|
38
35
|
return /*#__PURE__*/React__default['default'].createElement(DSButton__default['default'], {
|
|
39
36
|
"aria-controls": "sec".concat(idx),
|
|
40
37
|
"aria-expanded": selected,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DSAccordionHeader.js","sources":["../../src/DSAccordionHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { withTheme, useIsMobile } from '@elliemae/ds-system';\nimport
|
|
1
|
+
{"version":3,"file":"DSAccordionHeader.js","sources":["../../src/DSAccordionHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { withTheme, useIsMobile } from '@elliemae/ds-system';\nimport { ChevronDown, ChevronRight } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport DSAccordionHeaderActions from './DSAccordionHeaderActions';\nimport DSAccordionHeaderTitle from './DSAccordionHeaderTitle';\nimport { accordionTitle, accordionButton } from './blocks';\n\nconst DSAccordionHeader = withTheme(\n ({ title, secondaryTitle, customActions, idx, icon, selected, setTabRef, onClick, onKeyDown }) => {\n const mobile = useIsMobile();\n const hasSecondaryTitle = Boolean(secondaryTitle);\n const selectedClass = selected ? 'selected' : '';\n const labelClass = hasSecondaryTitle ? 'secondary-title' : '';\n const IconMobile = selected ? ChevronDown : ChevronRight;\n return (\n <DSButton\n aria-controls={`sec${idx}`}\n aria-expanded={selected}\n aria-label={title}\n as=\"div\"\n buttonType=\"secondary\"\n className={`${accordionButton} ${selectedClass} ${hasSecondaryTitle ? 'with-secondary-title' : ''}`}\n data-testid=\"ds-accordion_item-header\"\n innerRef={setTabRef}\n labelText={\n <div className={`${accordionTitle} ${selectedClass} ${labelClass}`}>\n {!mobile && icon}\n <DSAccordionHeaderTitle idx={idx} secondaryTitle={secondaryTitle} title={title} />\n {!mobile && <DSAccordionHeaderActions customActions={customActions} />}\n {mobile && <IconMobile />}\n </div>\n }\n onClick={onClick}\n onKeyDown={onKeyDown}\n />\n );\n },\n);\n\nexport default DSAccordionHeader;\n"],"names":["DSAccordionHeader","withTheme","title","secondaryTitle","customActions","idx","icon","selected","setTabRef","onClick","onKeyDown","mobile","useIsMobile","hasSecondaryTitle","Boolean","selectedClass","labelClass","IconMobile","ChevronDown","ChevronRight","React","DSButton","accordionButton","accordionTitle"],"mappings":";;;;;;;;;;;;;;;;;;;IAQMA,iBAAiB,GAAGC,kBAAS,CACjC,gBAAkG;AAAA,MAA/FC,KAA+F,QAA/FA,KAA+F;AAAA,MAAxFC,cAAwF,QAAxFA,cAAwF;AAAA,MAAxEC,aAAwE,QAAxEA,aAAwE;AAAA,MAAzDC,GAAyD,QAAzDA,GAAyD;AAAA,MAApDC,IAAoD,QAApDA,IAAoD;AAAA,MAA9CC,QAA8C,QAA9CA,QAA8C;AAAA,MAApCC,SAAoC,QAApCA,SAAoC;AAAA,MAAzBC,OAAyB,QAAzBA,OAAyB;AAAA,MAAhBC,SAAgB,QAAhBA,SAAgB;AAChG,MAAMC,MAAM,GAAGC,oBAAW,EAA1B;AACA,MAAMC,iBAAiB,GAAGC,OAAO,CAACX,cAAD,CAAjC;AACA,MAAMY,aAAa,GAAGR,QAAQ,GAAG,UAAH,GAAgB,EAA9C;AACA,MAAMS,UAAU,GAAGH,iBAAiB,GAAG,iBAAH,GAAuB,EAA3D;AACA,MAAMI,UAAU,GAAGV,QAAQ,GAAGW,mBAAH,GAAiBC,oBAA5C;AACA,sBACEC,wCAACC,4BAAD;AACE,kCAAqBhB,GAArB,CADF;AAEE,qBAAeE,QAFjB;AAGE,kBAAYL,KAHd;AAIE,IAAA,EAAE,EAAC,KAJL;AAKE,IAAA,UAAU,EAAC,WALb;AAME,IAAA,SAAS,YAAKoB,sBAAL,cAAwBP,aAAxB,cAAyCF,iBAAiB,GAAG,sBAAH,GAA4B,EAAtF,CANX;AAOE,mBAAY,0BAPd;AAQE,IAAA,QAAQ,EAAEL,SARZ;AASE,IAAA,SAAS,eACPY;AAAK,MAAA,SAAS,YAAKG,qBAAL,cAAuBR,aAAvB,cAAwCC,UAAxC;AAAd,OACG,CAACL,MAAD,IAAWL,IADd,eAEEc,wCAAC,sBAAD;AAAwB,MAAA,GAAG,EAAEf,GAA7B;AAAkC,MAAA,cAAc,EAAEF,cAAlD;AAAkE,MAAA,KAAK,EAAED;AAAzE,MAFF,EAGG,CAACS,MAAD,iBAAWS,wCAAC,wBAAD;AAA0B,MAAA,aAAa,EAAEhB;AAAzC,MAHd,EAIGO,MAAM,iBAAIS,wCAAC,UAAD,OAJb,CAVJ;AAiBE,IAAA,OAAO,EAAEX,OAjBX;AAkBE,IAAA,SAAS,EAAEC;AAlBb,IADF;AAsBD,CA7BgC;;;;"}
|
package/cjs/DSAccordionItem.js
CHANGED
|
@@ -10,15 +10,12 @@ var _possibleConstructorReturn = require('@babel/runtime/helpers/possibleConstru
|
|
|
10
10
|
var _getPrototypeOf = require('@babel/runtime/helpers/getPrototypeOf');
|
|
11
11
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
12
12
|
var React = require('react');
|
|
13
|
-
var
|
|
14
|
-
var ArrowheadDown = require('@elliemae/ds-icons/ArrowheadDown');
|
|
13
|
+
var dsIcons = require('@elliemae/ds-icons');
|
|
15
14
|
var GroupItem = require('@elliemae/ds-shared/GroupContext/GroupItem');
|
|
16
15
|
var dsClassnames = require('@elliemae/ds-classnames');
|
|
17
16
|
var reactDesc = require('react-desc');
|
|
18
17
|
var DSAccordionHeader = require('./DSAccordionHeader.js');
|
|
19
18
|
require('@elliemae/ds-system');
|
|
20
|
-
require('@elliemae/ds-icons/ChevronDown');
|
|
21
|
-
require('@elliemae/ds-icons/ChevronRight');
|
|
22
19
|
require('@elliemae/ds-button');
|
|
23
20
|
require('./DSAccordionHeaderActions.js');
|
|
24
21
|
require('@babel/runtime/helpers/extends');
|
|
@@ -37,8 +34,6 @@ var _possibleConstructorReturn__default = /*#__PURE__*/_interopDefaultLegacy(_po
|
|
|
37
34
|
var _getPrototypeOf__default = /*#__PURE__*/_interopDefaultLegacy(_getPrototypeOf);
|
|
38
35
|
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
39
36
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
40
|
-
var ArrowheadRight__default = /*#__PURE__*/_interopDefaultLegacy(ArrowheadRight);
|
|
41
|
-
var ArrowheadDown__default = /*#__PURE__*/_interopDefaultLegacy(ArrowheadDown);
|
|
42
37
|
var GroupItem__default = /*#__PURE__*/_interopDefaultLegacy(GroupItem);
|
|
43
38
|
|
|
44
39
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
|
|
@@ -192,13 +187,13 @@ var props = {
|
|
|
192
187
|
DSAccordionItem.propTypes = props;
|
|
193
188
|
DSAccordionItem.defaultProps = {
|
|
194
189
|
iconClosed: function iconClosed() {
|
|
195
|
-
return /*#__PURE__*/React__default['default'].createElement(
|
|
190
|
+
return /*#__PURE__*/React__default['default'].createElement(dsIcons.ArrowheadRight, {
|
|
196
191
|
width: "20px",
|
|
197
192
|
color: ['brand-primary', 800]
|
|
198
193
|
});
|
|
199
194
|
},
|
|
200
195
|
iconOpened: function iconOpened() {
|
|
201
|
-
return /*#__PURE__*/React__default['default'].createElement(
|
|
196
|
+
return /*#__PURE__*/React__default['default'].createElement(dsIcons.ArrowheadDown, {
|
|
202
197
|
width: "20px",
|
|
203
198
|
color: ['brand-primary', 800]
|
|
204
199
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DSAccordionItem.js","sources":["../../src/DSAccordionItem.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React, { Component } from 'react';\nimport
|
|
1
|
+
{"version":3,"file":"DSAccordionItem.js","sources":["../../src/DSAccordionItem.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React, { Component } from 'react';\nimport { ArrowheadRight, ArrowheadDown } from '@elliemae/ds-icons';\nimport GroupItem from '@elliemae/ds-shared/GroupContext/GroupItem';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { PropTypes, describe } from 'react-desc';\nimport DSAccordionHeader from './DSAccordionHeader';\n\nconst ICON_SIZE = 's';\nconst INCREMENT = 8;\nconst QTY_PADDING = 40;\nconst { cssClassName, classNameElement } = convertPropToCssClassName('accordion-item');\n\nclass DSAccordionItem extends Component {\n constructor(props) {\n super(props);\n this.childElements = React.createRef();\n this.state = {\n actualHeight: null,\n };\n }\n\n componentDidMount() {\n this.setHeight(this.childElements.current);\n }\n\n componentDidUpdate() {\n const { expandable } = this.props;\n if (expandable) {\n this.setHeight(this.childElements.current);\n }\n }\n\n setHeight = (element) => {\n const { actualHeight } = this.state;\n setTimeout(() => {\n const { height } = element.getBoundingClientRect();\n if (height) {\n const newHeight = INCREMENT * QTY_PADDING + height;\n if (actualHeight === newHeight) return;\n this.setState({\n actualHeight: 'auto', // newHeight,\n });\n }\n }, 0);\n };\n\n render() {\n const {\n children,\n title,\n secondaryTitle,\n customActions,\n value,\n idx,\n iconOpened,\n iconClosed,\n setTabRef,\n handleKeyPress,\n } = this.props;\n const { actualHeight } = this.state;\n return (\n <GroupItem\n render={(context) => {\n const { activeValue } = context;\n const selected =\n activeValue !== undefined &&\n (activeValue === value || (activeValue.length && activeValue.indexOf(value) > -1));\n const OpenedCloseIcon = selected ? iconOpened : iconClosed;\n return (\n <div className={cssClassName} data-testid=\"ds-accordion_item\">\n <DSAccordionHeader\n customActions={customActions}\n icon={<OpenedCloseIcon size={ICON_SIZE} />}\n idx={idx}\n onClick={() => context.onChange(value)}\n onKeyDown={(e) => handleKeyPress(idx, e)}\n secondaryTitle={secondaryTitle}\n selected={selected}\n setTabRef={setTabRef}\n title={title}\n />\n <div\n data-testid=\"ds-accordion_item-content\"\n aria-hidden={!selected}\n aria-labelledby={`accordion_${idx}id`}\n className={`${classNameElement('container')} ${selected ? 'expanded' : 'closed'}`}\n data-testid=\"ds-accordion_item-content\"\n id={`sec${idx}`}\n role=\"region\"\n style={{ height: selected ? actualHeight : 0 }}\n >\n <div ref={this.childElements} className={classNameElement('expand-zone')}>\n <div className={classNameElement('expand-zone-space')}>{selected && children}</div>\n </div>\n </div>\n </div>\n );\n }}\n />\n );\n }\n}\n\nconst props = {\n /** accordion content */\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired.description(\n 'accordion content',\n ),\n /** accordion title */\n title: PropTypes.string.description('accordion title'),\n /** accordion item value, for selected */\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired.description(\n 'accordion item value, for selected',\n ),\n /** icon for closed accordion */\n iconClosed: PropTypes.node.description('icon for closed accordion'),\n /** icon for open accordion */\n iconOpened: PropTypes.node.description('icon for open accordion'),\n /** secondary title */\n secondaryTitle: PropTypes.string.description('secondary title'),\n /** accordion item custom actions */\n customActions: PropTypes.arrayOf(PropTypes.object).description('accordion item custom actions'),\n};\n\nDSAccordionItem.propTypes = props;\n\nDSAccordionItem.defaultProps = {\n iconClosed: () => <ArrowheadRight width=\"20px\" color={['brand-primary', 800]} />,\n iconOpened: () => <ArrowheadDown width=\"20px\" color={['brand-primary', 800]} />,\n title: '',\n secondaryTitle: null,\n customActions: null,\n};\n\nconst DSAccordionItemWithSchema = describe(DSAccordionItem);\nDSAccordionItemWithSchema.propTypes = props;\nexport { DSAccordionItem, DSAccordionItemWithSchema };\nexport default DSAccordionItem;\n"],"names":["ICON_SIZE","INCREMENT","QTY_PADDING","convertPropToCssClassName","cssClassName","classNameElement","DSAccordionItem","props","element","actualHeight","state","setTimeout","getBoundingClientRect","height","newHeight","setState","childElements","React","createRef","setHeight","current","expandable","children","title","secondaryTitle","customActions","value","idx","iconOpened","iconClosed","setTabRef","handleKeyPress","GroupItem","context","activeValue","selected","undefined","length","indexOf","OpenedCloseIcon","onChange","e","Component","PropTypes","oneOfType","arrayOf","node","isRequired","description","string","number","object","propTypes","defaultProps","ArrowheadRight","ArrowheadDown","DSAccordionItemWithSchema","describe"],"mappings":"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"}
|
package/cjs/index.js
CHANGED
|
@@ -17,13 +17,10 @@ require('@babel/runtime/helpers/inherits');
|
|
|
17
17
|
require('@babel/runtime/helpers/possibleConstructorReturn');
|
|
18
18
|
require('@babel/runtime/helpers/getPrototypeOf');
|
|
19
19
|
require('@babel/runtime/helpers/defineProperty');
|
|
20
|
-
require('@elliemae/ds-icons
|
|
21
|
-
require('@elliemae/ds-icons/ArrowheadDown');
|
|
20
|
+
require('@elliemae/ds-icons');
|
|
22
21
|
require('@elliemae/ds-shared/GroupContext/GroupItem');
|
|
23
22
|
require('./DSAccordionHeader.js');
|
|
24
23
|
require('@elliemae/ds-system');
|
|
25
|
-
require('@elliemae/ds-icons/ChevronDown');
|
|
26
|
-
require('@elliemae/ds-icons/ChevronRight');
|
|
27
24
|
require('@elliemae/ds-button');
|
|
28
25
|
require('./DSAccordionHeaderActions.js');
|
|
29
26
|
require('@babel/runtime/helpers/objectWithoutProperties');
|
package/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/esm/DSAccordion.js
CHANGED
|
@@ -12,13 +12,10 @@ import '@babel/runtime/helpers/esm/inherits';
|
|
|
12
12
|
import '@babel/runtime/helpers/esm/possibleConstructorReturn';
|
|
13
13
|
import '@babel/runtime/helpers/esm/getPrototypeOf';
|
|
14
14
|
import '@babel/runtime/helpers/esm/defineProperty';
|
|
15
|
-
import '@elliemae/ds-icons
|
|
16
|
-
import '@elliemae/ds-icons/ArrowheadDown';
|
|
15
|
+
import '@elliemae/ds-icons';
|
|
17
16
|
import '@elliemae/ds-shared/GroupContext/GroupItem';
|
|
18
17
|
import './DSAccordionHeader.js';
|
|
19
18
|
import '@elliemae/ds-system';
|
|
20
|
-
import '@elliemae/ds-icons/ChevronDown';
|
|
21
|
-
import '@elliemae/ds-icons/ChevronRight';
|
|
22
19
|
import '@elliemae/ds-button';
|
|
23
20
|
import './DSAccordionHeaderActions.js';
|
|
24
21
|
import '@babel/runtime/helpers/esm/objectWithoutProperties';
|
package/esm/DSAccordion.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DSAccordion.js","sources":["../../src/DSAccordion.tsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport Group from '@elliemae/ds-shared/GroupContext/Group';\nimport { TooltipTextProvider } from '@elliemae/ds-truncated-tooltip-text';\nimport DSAccordionItem from './DSAccordionItem';\n\nconst DSAccordion = ({\n containerProps = {},\n activeValue = '',\n children,\n allowMultipleOpen = false,\n contentExpandable = false,\n onChange = () => {},\n}) => {\n const { cssClassName } = convertPropToCssClassName('accordion');\n const tabsRef = {};\n const handleKeyPress = (index, e) => {\n if (e.keyCode === 39 || e.keyCode === 40) {\n const nextTab = tabsRef[index + 1];\n if (!nextTab) return;\n tabsRef[index + 1].focus();\n }\n if (e.keyCode === 37 || e.keyCode === 38) {\n const nextTab = tabsRef[index - 1];\n if (!nextTab) return;\n tabsRef[index - 1].focus();\n }\n };\n return (\n <TooltipTextProvider>\n <Group\n activeValue={activeValue}\n multiple={allowMultipleOpen}\n onChange={onChange}\n >\n <section className={cssClassName} {...containerProps}>\n {React.Children.map(\n children,\n (child, idx) =>\n React.cloneElement(child, {\n key: idx,\n idx,\n expandable: contentExpandable,\n setTabRef: (ref) => {\n tabsRef[idx] = ref;\n },\n handleKeyPress,\n }),\n null,\n )}\n </section>\n </Group>\n </TooltipTextProvider>\n );\n};\n\nconst props = {\n /** inject props to wrapper */\n containerProps: PropTypes.object.description('inject props to wrapper'),\n /**\n * Selected default active value\n */\n activeValue: PropTypes.oneOfType([\n PropTypes.arrayOf(\n PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n ),\n PropTypes.string,\n PropTypes.number,\n ]).description('Selected default active value'),\n /**\n * Accordion items to show\n */\n children: PropTypes.arrayOf(\n PropTypes.shape({\n type: PropTypes.instanceOf(DSAccordionItem),\n }),\n ).isRequired.description('Accordion items to show'),\n /**\n * Allows multiple accordion items to be open at the same time\n */\n allowMultipleOpen: PropTypes.bool.description(\n 'Allows multiple accordion items to be open at the same time',\n ),\n /**\n * Whether content is expandable or not\n */\n contentExpandable: PropTypes.bool.description(\n 'Whether content is expandable or not',\n ),\n /**\n * Allows a function that is triggered once the accordion changes\n */\n onChange: PropTypes.func.description(\n 'Allows a function that is triggered once the accordion changes',\n ),\n};\n\nDSAccordion.propTypes = props;\nconst DSAccordionWithSchema = describe(DSAccordion);\nDSAccordionWithSchema.propTypes = props;\n\nexport { DSAccordion, DSAccordionWithSchema };\nexport default DSAccordion;\n"],"names":["DSAccordion","containerProps","activeValue","children","allowMultipleOpen","contentExpandable","onChange","convertPropToCssClassName","cssClassName","tabsRef","handleKeyPress","index","e","keyCode","nextTab","focus","React","Children","map","child","idx","cloneElement","key","expandable","setTabRef","ref","props","PropTypes","object","description","oneOfType","arrayOf","string","number","shape","type","instanceOf","DSAccordionItem","isRequired","bool","func","propTypes","DSAccordionWithSchema","describe"],"mappings":"
|
|
1
|
+
{"version":3,"file":"DSAccordion.js","sources":["../../src/DSAccordion.tsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport Group from '@elliemae/ds-shared/GroupContext/Group';\nimport { TooltipTextProvider } from '@elliemae/ds-truncated-tooltip-text';\nimport DSAccordionItem from './DSAccordionItem';\n\nconst DSAccordion = ({\n containerProps = {},\n activeValue = '',\n children,\n allowMultipleOpen = false,\n contentExpandable = false,\n onChange = () => {},\n}) => {\n const { cssClassName } = convertPropToCssClassName('accordion');\n const tabsRef = {};\n const handleKeyPress = (index, e) => {\n if (e.keyCode === 39 || e.keyCode === 40) {\n const nextTab = tabsRef[index + 1];\n if (!nextTab) return;\n tabsRef[index + 1].focus();\n }\n if (e.keyCode === 37 || e.keyCode === 38) {\n const nextTab = tabsRef[index - 1];\n if (!nextTab) return;\n tabsRef[index - 1].focus();\n }\n };\n return (\n <TooltipTextProvider>\n <Group\n activeValue={activeValue}\n multiple={allowMultipleOpen}\n onChange={onChange}\n >\n <section className={cssClassName} {...containerProps}>\n {React.Children.map(\n children,\n (child, idx) =>\n React.cloneElement(child, {\n key: idx,\n idx,\n expandable: contentExpandable,\n setTabRef: (ref) => {\n tabsRef[idx] = ref;\n },\n handleKeyPress,\n }),\n null,\n )}\n </section>\n </Group>\n </TooltipTextProvider>\n );\n};\n\nconst props = {\n /** inject props to wrapper */\n containerProps: PropTypes.object.description('inject props to wrapper'),\n /**\n * Selected default active value\n */\n activeValue: PropTypes.oneOfType([\n PropTypes.arrayOf(\n PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n ),\n PropTypes.string,\n PropTypes.number,\n ]).description('Selected default active value'),\n /**\n * Accordion items to show\n */\n children: PropTypes.arrayOf(\n PropTypes.shape({\n type: PropTypes.instanceOf(DSAccordionItem),\n }),\n ).isRequired.description('Accordion items to show'),\n /**\n * Allows multiple accordion items to be open at the same time\n */\n allowMultipleOpen: PropTypes.bool.description(\n 'Allows multiple accordion items to be open at the same time',\n ),\n /**\n * Whether content is expandable or not\n */\n contentExpandable: PropTypes.bool.description(\n 'Whether content is expandable or not',\n ),\n /**\n * Allows a function that is triggered once the accordion changes\n */\n onChange: PropTypes.func.description(\n 'Allows a function that is triggered once the accordion changes',\n ),\n};\n\nDSAccordion.propTypes = props;\nconst DSAccordionWithSchema = describe(DSAccordion);\nDSAccordionWithSchema.propTypes = props;\n\nexport { DSAccordion, DSAccordionWithSchema };\nexport default DSAccordion;\n"],"names":["DSAccordion","containerProps","activeValue","children","allowMultipleOpen","contentExpandable","onChange","convertPropToCssClassName","cssClassName","tabsRef","handleKeyPress","index","e","keyCode","nextTab","focus","React","Children","map","child","idx","cloneElement","key","expandable","setTabRef","ref","props","PropTypes","object","description","oneOfType","arrayOf","string","number","shape","type","instanceOf","DSAccordionItem","isRequired","bool","func","propTypes","DSAccordionWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;IAOMA,WAAW,GAAG,SAAdA,WAAc,OAOd;AAAA,iCANJC,cAMI;AAAA,MANJA,cAMI,oCANa,EAMb;AAAA,8BALJC,WAKI;AAAA,MALJA,WAKI,iCALU,EAKV;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,mCAHJC,iBAGI;AAAA,MAHJA,iBAGI,sCAHgB,KAGhB;AAAA,mCAFJC,iBAEI;AAAA,MAFJA,iBAEI,sCAFgB,KAEhB;AAAA,2BADJC,QACI;AAAA,MADJA,QACI,8BADO,YAAM,EACb;;AACJ,8BAAyBC,yBAAyB,CAAC,WAAD,CAAlD;AAAA,MAAQC,YAAR,yBAAQA,YAAR;;AACA,MAAMC,OAAO,GAAG,EAAhB;;AACA,MAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAAQC,CAAR,EAAc;AACnC,QAAIA,CAAC,CAACC,OAAF,KAAc,EAAd,IAAoBD,CAAC,CAACC,OAAF,KAAc,EAAtC,EAA0C;AACxC,UAAMC,OAAO,GAAGL,OAAO,CAACE,KAAK,GAAG,CAAT,CAAvB;AACA,UAAI,CAACG,OAAL,EAAc;AACdL,MAAAA,OAAO,CAACE,KAAK,GAAG,CAAT,CAAP,CAAmBI,KAAnB;AACD;;AACD,QAAIH,CAAC,CAACC,OAAF,KAAc,EAAd,IAAoBD,CAAC,CAACC,OAAF,KAAc,EAAtC,EAA0C;AACxC,UAAMC,QAAO,GAAGL,OAAO,CAACE,KAAK,GAAG,CAAT,CAAvB;AACA,UAAI,CAACG,QAAL,EAAc;AACdL,MAAAA,OAAO,CAACE,KAAK,GAAG,CAAT,CAAP,CAAmBI,KAAnB;AACD;AACF,GAXD;;AAYA,sBACE,oBAAC,mBAAD,qBACE,oBAAC,KAAD;AACE,IAAA,WAAW,EAAEb,WADf;AAEE,IAAA,QAAQ,EAAEE,iBAFZ;AAGE,IAAA,QAAQ,EAAEE;AAHZ,kBAKE;AAAS,IAAA,SAAS,EAAEE;AAApB,KAAsCP,cAAtC,GACGe,KAAK,CAACC,QAAN,CAAeC,GAAf,CACCf,QADD,EAEC,UAACgB,KAAD,EAAQC,GAAR;AAAA,wBACEJ,KAAK,CAACK,YAAN,CAAmBF,KAAnB,EAA0B;AACxBG,MAAAA,GAAG,EAAEF,GADmB;AAExBA,MAAAA,GAAG,EAAHA,GAFwB;AAGxBG,MAAAA,UAAU,EAAElB,iBAHY;AAIxBmB,MAAAA,SAAS,EAAE,mBAACC,GAAD,EAAS;AAClBhB,QAAAA,OAAO,CAACW,GAAD,CAAP,GAAeK,GAAf;AACD,OANuB;AAOxBf,MAAAA,cAAc,EAAdA;AAPwB,KAA1B,CADF;AAAA,GAFD,EAYC,IAZD,CADH,CALF,CADF,CADF;AA0BD;;AAED,IAAMgB,KAAK,GAAG;AACZ;AACAzB,EAAAA,cAAc,EAAE0B,SAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,yBAA7B,CAFJ;;AAGZ;AACF;AACA;AACE3B,EAAAA,WAAW,EAAEyB,SAAS,CAACG,SAAV,CAAoB,CAC/BH,SAAS,CAACI,OAAV,CACEJ,SAAS,CAACG,SAAV,CAAoB,CAACH,SAAS,CAACK,MAAX,EAAmBL,SAAS,CAACM,MAA7B,CAApB,CADF,CAD+B,EAI/BN,SAAS,CAACK,MAJqB,EAK/BL,SAAS,CAACM,MALqB,CAApB,EAMVJ,WANU,CAME,+BANF,CAND;;AAaZ;AACF;AACA;AACE1B,EAAAA,QAAQ,EAAEwB,SAAS,CAACI,OAAV,CACRJ,SAAS,CAACO,KAAV,CAAgB;AACdC,IAAAA,IAAI,EAAER,SAAS,CAACS,UAAV,CAAqBC,eAArB;AADQ,GAAhB,CADQ,EAIRC,UAJQ,CAIGT,WAJH,CAIe,yBAJf,CAhBE;;AAqBZ;AACF;AACA;AACEzB,EAAAA,iBAAiB,EAAEuB,SAAS,CAACY,IAAV,CAAeV,WAAf,CACjB,6DADiB,CAxBP;;AA2BZ;AACF;AACA;AACExB,EAAAA,iBAAiB,EAAEsB,SAAS,CAACY,IAAV,CAAeV,WAAf,CACjB,sCADiB,CA9BP;;AAiCZ;AACF;AACA;AACEvB,EAAAA,QAAQ,EAAEqB,SAAS,CAACa,IAAV,CAAeX,WAAf,CACR,gEADQ;AApCE,CAAd;AAyCA7B,WAAW,CAACyC,SAAZ,GAAwBf,KAAxB;IACMgB,qBAAqB,GAAGC,QAAQ,CAAC3C,WAAD;AACtC0C,qBAAqB,CAACD,SAAtB,GAAkCf,KAAlC;;;;"}
|
package/esm/DSAccordionHeader.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { withTheme, useIsMobile } from '@elliemae/ds-system';
|
|
3
|
-
import ChevronDown from '@elliemae/ds-icons
|
|
4
|
-
import ChevronRight from '@elliemae/ds-icons/ChevronRight';
|
|
3
|
+
import { ChevronDown, ChevronRight } from '@elliemae/ds-icons';
|
|
5
4
|
import DSButton from '@elliemae/ds-button';
|
|
6
5
|
import DSAccordionHeaderActions from './DSAccordionHeaderActions.js';
|
|
7
6
|
import DSAccordionHeader$1 from './DSAccordionHeaderTitle.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DSAccordionHeader.js","sources":["../../src/DSAccordionHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { withTheme, useIsMobile } from '@elliemae/ds-system';\nimport
|
|
1
|
+
{"version":3,"file":"DSAccordionHeader.js","sources":["../../src/DSAccordionHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { withTheme, useIsMobile } from '@elliemae/ds-system';\nimport { ChevronDown, ChevronRight } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport DSAccordionHeaderActions from './DSAccordionHeaderActions';\nimport DSAccordionHeaderTitle from './DSAccordionHeaderTitle';\nimport { accordionTitle, accordionButton } from './blocks';\n\nconst DSAccordionHeader = withTheme(\n ({ title, secondaryTitle, customActions, idx, icon, selected, setTabRef, onClick, onKeyDown }) => {\n const mobile = useIsMobile();\n const hasSecondaryTitle = Boolean(secondaryTitle);\n const selectedClass = selected ? 'selected' : '';\n const labelClass = hasSecondaryTitle ? 'secondary-title' : '';\n const IconMobile = selected ? ChevronDown : ChevronRight;\n return (\n <DSButton\n aria-controls={`sec${idx}`}\n aria-expanded={selected}\n aria-label={title}\n as=\"div\"\n buttonType=\"secondary\"\n className={`${accordionButton} ${selectedClass} ${hasSecondaryTitle ? 'with-secondary-title' : ''}`}\n data-testid=\"ds-accordion_item-header\"\n innerRef={setTabRef}\n labelText={\n <div className={`${accordionTitle} ${selectedClass} ${labelClass}`}>\n {!mobile && icon}\n <DSAccordionHeaderTitle idx={idx} secondaryTitle={secondaryTitle} title={title} />\n {!mobile && <DSAccordionHeaderActions customActions={customActions} />}\n {mobile && <IconMobile />}\n </div>\n }\n onClick={onClick}\n onKeyDown={onKeyDown}\n />\n );\n },\n);\n\nexport default DSAccordionHeader;\n"],"names":["DSAccordionHeader","withTheme","title","secondaryTitle","customActions","idx","icon","selected","setTabRef","onClick","onKeyDown","mobile","useIsMobile","hasSecondaryTitle","Boolean","selectedClass","labelClass","IconMobile","ChevronDown","ChevronRight","accordionButton","accordionTitle","DSAccordionHeaderTitle"],"mappings":";;;;;;;;;;;;IAQMA,iBAAiB,GAAGC,SAAS,CACjC,gBAAkG;AAAA,MAA/FC,KAA+F,QAA/FA,KAA+F;AAAA,MAAxFC,cAAwF,QAAxFA,cAAwF;AAAA,MAAxEC,aAAwE,QAAxEA,aAAwE;AAAA,MAAzDC,GAAyD,QAAzDA,GAAyD;AAAA,MAApDC,IAAoD,QAApDA,IAAoD;AAAA,MAA9CC,QAA8C,QAA9CA,QAA8C;AAAA,MAApCC,SAAoC,QAApCA,SAAoC;AAAA,MAAzBC,OAAyB,QAAzBA,OAAyB;AAAA,MAAhBC,SAAgB,QAAhBA,SAAgB;AAChG,MAAMC,MAAM,GAAGC,WAAW,EAA1B;AACA,MAAMC,iBAAiB,GAAGC,OAAO,CAACX,cAAD,CAAjC;AACA,MAAMY,aAAa,GAAGR,QAAQ,GAAG,UAAH,GAAgB,EAA9C;AACA,MAAMS,UAAU,GAAGH,iBAAiB,GAAG,iBAAH,GAAuB,EAA3D;AACA,MAAMI,UAAU,GAAGV,QAAQ,GAAGW,WAAH,GAAiBC,YAA5C;AACA,sBACE,oBAAC,QAAD;AACE,kCAAqBd,GAArB,CADF;AAEE,qBAAeE,QAFjB;AAGE,kBAAYL,KAHd;AAIE,IAAA,EAAE,EAAC,KAJL;AAKE,IAAA,UAAU,EAAC,WALb;AAME,IAAA,SAAS,YAAKkB,eAAL,cAAwBL,aAAxB,cAAyCF,iBAAiB,GAAG,sBAAH,GAA4B,EAAtF,CANX;AAOE,mBAAY,0BAPd;AAQE,IAAA,QAAQ,EAAEL,SARZ;AASE,IAAA,SAAS,eACP;AAAK,MAAA,SAAS,YAAKa,cAAL,cAAuBN,aAAvB,cAAwCC,UAAxC;AAAd,OACG,CAACL,MAAD,IAAWL,IADd,eAEE,oBAACgB,mBAAD;AAAwB,MAAA,GAAG,EAAEjB,GAA7B;AAAkC,MAAA,cAAc,EAAEF,cAAlD;AAAkE,MAAA,KAAK,EAAED;AAAzE,MAFF,EAGG,CAACS,MAAD,iBAAW,oBAAC,wBAAD;AAA0B,MAAA,aAAa,EAAEP;AAAzC,MAHd,EAIGO,MAAM,iBAAI,oBAAC,UAAD,OAJb,CAVJ;AAiBE,IAAA,OAAO,EAAEF,OAjBX;AAkBE,IAAA,SAAS,EAAEC;AAlBb,IADF;AAsBD,CA7BgC;;;;"}
|
package/esm/DSAccordionItem.js
CHANGED
|
@@ -6,15 +6,12 @@ import _possibleConstructorReturn from '@babel/runtime/helpers/esm/possibleConst
|
|
|
6
6
|
import _getPrototypeOf from '@babel/runtime/helpers/esm/getPrototypeOf';
|
|
7
7
|
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
8
8
|
import React, { Component } from 'react';
|
|
9
|
-
import ArrowheadRight from '@elliemae/ds-icons
|
|
10
|
-
import ArrowheadDown from '@elliemae/ds-icons/ArrowheadDown';
|
|
9
|
+
import { ArrowheadRight, ArrowheadDown } from '@elliemae/ds-icons';
|
|
11
10
|
import GroupItem from '@elliemae/ds-shared/GroupContext/GroupItem';
|
|
12
11
|
import { convertPropToCssClassName } from '@elliemae/ds-classnames';
|
|
13
12
|
import { PropTypes, describe } from 'react-desc';
|
|
14
13
|
import DSAccordionHeader from './DSAccordionHeader.js';
|
|
15
14
|
import '@elliemae/ds-system';
|
|
16
|
-
import '@elliemae/ds-icons/ChevronDown';
|
|
17
|
-
import '@elliemae/ds-icons/ChevronRight';
|
|
18
15
|
import '@elliemae/ds-button';
|
|
19
16
|
import './DSAccordionHeaderActions.js';
|
|
20
17
|
import '@babel/runtime/helpers/esm/extends';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DSAccordionItem.js","sources":["../../src/DSAccordionItem.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React, { Component } from 'react';\nimport
|
|
1
|
+
{"version":3,"file":"DSAccordionItem.js","sources":["../../src/DSAccordionItem.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React, { Component } from 'react';\nimport { ArrowheadRight, ArrowheadDown } from '@elliemae/ds-icons';\nimport GroupItem from '@elliemae/ds-shared/GroupContext/GroupItem';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { PropTypes, describe } from 'react-desc';\nimport DSAccordionHeader from './DSAccordionHeader';\n\nconst ICON_SIZE = 's';\nconst INCREMENT = 8;\nconst QTY_PADDING = 40;\nconst { cssClassName, classNameElement } = convertPropToCssClassName('accordion-item');\n\nclass DSAccordionItem extends Component {\n constructor(props) {\n super(props);\n this.childElements = React.createRef();\n this.state = {\n actualHeight: null,\n };\n }\n\n componentDidMount() {\n this.setHeight(this.childElements.current);\n }\n\n componentDidUpdate() {\n const { expandable } = this.props;\n if (expandable) {\n this.setHeight(this.childElements.current);\n }\n }\n\n setHeight = (element) => {\n const { actualHeight } = this.state;\n setTimeout(() => {\n const { height } = element.getBoundingClientRect();\n if (height) {\n const newHeight = INCREMENT * QTY_PADDING + height;\n if (actualHeight === newHeight) return;\n this.setState({\n actualHeight: 'auto', // newHeight,\n });\n }\n }, 0);\n };\n\n render() {\n const {\n children,\n title,\n secondaryTitle,\n customActions,\n value,\n idx,\n iconOpened,\n iconClosed,\n setTabRef,\n handleKeyPress,\n } = this.props;\n const { actualHeight } = this.state;\n return (\n <GroupItem\n render={(context) => {\n const { activeValue } = context;\n const selected =\n activeValue !== undefined &&\n (activeValue === value || (activeValue.length && activeValue.indexOf(value) > -1));\n const OpenedCloseIcon = selected ? iconOpened : iconClosed;\n return (\n <div className={cssClassName} data-testid=\"ds-accordion_item\">\n <DSAccordionHeader\n customActions={customActions}\n icon={<OpenedCloseIcon size={ICON_SIZE} />}\n idx={idx}\n onClick={() => context.onChange(value)}\n onKeyDown={(e) => handleKeyPress(idx, e)}\n secondaryTitle={secondaryTitle}\n selected={selected}\n setTabRef={setTabRef}\n title={title}\n />\n <div\n data-testid=\"ds-accordion_item-content\"\n aria-hidden={!selected}\n aria-labelledby={`accordion_${idx}id`}\n className={`${classNameElement('container')} ${selected ? 'expanded' : 'closed'}`}\n data-testid=\"ds-accordion_item-content\"\n id={`sec${idx}`}\n role=\"region\"\n style={{ height: selected ? actualHeight : 0 }}\n >\n <div ref={this.childElements} className={classNameElement('expand-zone')}>\n <div className={classNameElement('expand-zone-space')}>{selected && children}</div>\n </div>\n </div>\n </div>\n );\n }}\n />\n );\n }\n}\n\nconst props = {\n /** accordion content */\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired.description(\n 'accordion content',\n ),\n /** accordion title */\n title: PropTypes.string.description('accordion title'),\n /** accordion item value, for selected */\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired.description(\n 'accordion item value, for selected',\n ),\n /** icon for closed accordion */\n iconClosed: PropTypes.node.description('icon for closed accordion'),\n /** icon for open accordion */\n iconOpened: PropTypes.node.description('icon for open accordion'),\n /** secondary title */\n secondaryTitle: PropTypes.string.description('secondary title'),\n /** accordion item custom actions */\n customActions: PropTypes.arrayOf(PropTypes.object).description('accordion item custom actions'),\n};\n\nDSAccordionItem.propTypes = props;\n\nDSAccordionItem.defaultProps = {\n iconClosed: () => <ArrowheadRight width=\"20px\" color={['brand-primary', 800]} />,\n iconOpened: () => <ArrowheadDown width=\"20px\" color={['brand-primary', 800]} />,\n title: '',\n secondaryTitle: null,\n customActions: null,\n};\n\nconst DSAccordionItemWithSchema = describe(DSAccordionItem);\nDSAccordionItemWithSchema.propTypes = props;\nexport { DSAccordionItem, DSAccordionItemWithSchema };\nexport default DSAccordionItem;\n"],"names":["ICON_SIZE","INCREMENT","QTY_PADDING","convertPropToCssClassName","cssClassName","classNameElement","DSAccordionItem","props","element","actualHeight","state","setTimeout","getBoundingClientRect","height","newHeight","setState","childElements","React","createRef","setHeight","current","expandable","children","title","secondaryTitle","customActions","value","idx","iconOpened","iconClosed","setTabRef","handleKeyPress","context","activeValue","selected","undefined","length","indexOf","OpenedCloseIcon","onChange","e","Component","PropTypes","oneOfType","arrayOf","node","isRequired","description","string","number","object","propTypes","defaultProps","DSAccordionItemWithSchema","describe"],"mappings":"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"}
|
package/esm/index.js
CHANGED
|
@@ -13,13 +13,10 @@ import '@babel/runtime/helpers/esm/inherits';
|
|
|
13
13
|
import '@babel/runtime/helpers/esm/possibleConstructorReturn';
|
|
14
14
|
import '@babel/runtime/helpers/esm/getPrototypeOf';
|
|
15
15
|
import '@babel/runtime/helpers/esm/defineProperty';
|
|
16
|
-
import '@elliemae/ds-icons
|
|
17
|
-
import '@elliemae/ds-icons/ArrowheadDown';
|
|
16
|
+
import '@elliemae/ds-icons';
|
|
18
17
|
import '@elliemae/ds-shared/GroupContext/GroupItem';
|
|
19
18
|
import './DSAccordionHeader.js';
|
|
20
19
|
import '@elliemae/ds-system';
|
|
21
|
-
import '@elliemae/ds-icons/ChevronDown';
|
|
22
|
-
import '@elliemae/ds-icons/ChevronRight';
|
|
23
20
|
import '@elliemae/ds-button';
|
|
24
21
|
import './DSAccordionHeaderActions.js';
|
|
25
22
|
import '@babel/runtime/helpers/esm/objectWithoutProperties';
|
package/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-accordion",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.57.0-rc.11",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "Ellie Mae - Dim Sum - Accordion",
|
|
6
6
|
"module": "esm/index.js",
|
|
@@ -16,12 +16,12 @@
|
|
|
16
16
|
"build": "node ../../scripts/build/build.js"
|
|
17
17
|
},
|
|
18
18
|
"dependencies": {
|
|
19
|
-
"@elliemae/ds-button": "1.
|
|
20
|
-
"@elliemae/ds-classnames": "1.
|
|
21
|
-
"@elliemae/ds-icons": "1.
|
|
22
|
-
"@elliemae/ds-shared": "1.
|
|
23
|
-
"@elliemae/ds-system": "1.
|
|
24
|
-
"@elliemae/ds-truncated-tooltip-text": "1.
|
|
19
|
+
"@elliemae/ds-button": "1.57.0-rc.11",
|
|
20
|
+
"@elliemae/ds-classnames": "1.57.0-rc.11",
|
|
21
|
+
"@elliemae/ds-icons": "1.57.0-rc.11",
|
|
22
|
+
"@elliemae/ds-shared": "1.57.0-rc.11",
|
|
23
|
+
"@elliemae/ds-system": "1.57.0-rc.11",
|
|
24
|
+
"@elliemae/ds-truncated-tooltip-text": "1.57.0-rc.11",
|
|
25
25
|
"react-desc": "^4.1.2"
|
|
26
26
|
},
|
|
27
27
|
"peerDependencies": {
|