@elliemae/ds-accordion 2.0.0-next.8 → 2.0.0-rc.3
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 +16 -8
- package/cjs/DSAccordionHeader.js +14 -16
- package/cjs/DSAccordionHeaderActions.js +14 -6
- package/cjs/DSAccordionHeaderTitle.js +6 -5
- package/cjs/DSAccordionItem.js +3 -6
- package/esm/DSAccordion.js +16 -8
- package/esm/DSAccordionHeader.js +13 -13
- package/esm/DSAccordionHeaderActions.js +14 -6
- package/esm/DSAccordionHeaderTitle.js +6 -5
- package/esm/DSAccordionItem.js +1 -2
- package/package.json +7 -7
package/cjs/DSAccordion.js
CHANGED
|
@@ -4,6 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
6
6
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
7
|
+
require('core-js/modules/esnext.async-iterator.map.js');
|
|
8
|
+
require('core-js/modules/esnext.iterator.map.js');
|
|
9
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
10
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
11
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
12
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
13
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
7
14
|
var React = require('react');
|
|
8
15
|
var reactDesc = require('react-desc');
|
|
9
16
|
var dsClassnames = require('@elliemae/ds-classnames');
|
|
@@ -23,14 +30,15 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
|
|
|
23
30
|
|
|
24
31
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
25
32
|
|
|
26
|
-
const DSAccordion =
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
33
|
+
const DSAccordion = _ref => {
|
|
34
|
+
let {
|
|
35
|
+
containerProps = {},
|
|
36
|
+
activeValue = '',
|
|
37
|
+
children,
|
|
38
|
+
allowMultipleOpen = false,
|
|
39
|
+
contentExpandable = false,
|
|
40
|
+
onChange = () => {}
|
|
41
|
+
} = _ref;
|
|
34
42
|
const {
|
|
35
43
|
cssClassName
|
|
36
44
|
} = dsClassnames.convertPropToCssClassName('accordion');
|
package/cjs/DSAccordionHeader.js
CHANGED
|
@@ -3,8 +3,7 @@
|
|
|
3
3
|
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
4
4
|
require('react');
|
|
5
5
|
var dsSystem = require('@elliemae/ds-system');
|
|
6
|
-
var
|
|
7
|
-
var ChevronRight = require('@elliemae/ds-icons/ChevronRight');
|
|
6
|
+
var dsIcons = require('@elliemae/ds-icons');
|
|
8
7
|
var DSButton = require('@elliemae/ds-button');
|
|
9
8
|
var DSAccordionHeaderActions = require('./DSAccordionHeaderActions.js');
|
|
10
9
|
var DSAccordionHeaderTitle = require('./DSAccordionHeaderTitle.js');
|
|
@@ -13,26 +12,25 @@ var blocks = require('./blocks.js');
|
|
|
13
12
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
14
13
|
|
|
15
14
|
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
16
|
-
var ChevronDown__default = /*#__PURE__*/_interopDefaultLegacy(ChevronDown);
|
|
17
|
-
var ChevronRight__default = /*#__PURE__*/_interopDefaultLegacy(ChevronRight);
|
|
18
15
|
var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
|
|
19
16
|
|
|
20
|
-
const DSAccordionHeader = dsSystem.withTheme(
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
17
|
+
const DSAccordionHeader = dsSystem.withTheme(_ref => {
|
|
18
|
+
let {
|
|
19
|
+
title,
|
|
20
|
+
secondaryTitle,
|
|
21
|
+
customActions,
|
|
22
|
+
idx,
|
|
23
|
+
icon,
|
|
24
|
+
selected,
|
|
25
|
+
setTabRef,
|
|
26
|
+
onClick,
|
|
27
|
+
onKeyDown
|
|
28
|
+
} = _ref;
|
|
31
29
|
const mobile = dsSystem.useIsMobile();
|
|
32
30
|
const hasSecondaryTitle = Boolean(secondaryTitle);
|
|
33
31
|
const selectedClass = selected ? 'selected' : '';
|
|
34
32
|
const labelClass = hasSecondaryTitle ? 'secondary-title' : '';
|
|
35
|
-
const IconMobile = selected ?
|
|
33
|
+
const IconMobile = selected ? dsIcons.ChevronDown : dsIcons.ChevronRight;
|
|
36
34
|
return /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
|
|
37
35
|
"aria-controls": "sec".concat(idx),
|
|
38
36
|
"aria-expanded": selected,
|
|
@@ -3,6 +3,13 @@
|
|
|
3
3
|
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
4
4
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
5
5
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
6
|
+
require('core-js/modules/esnext.async-iterator.map.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.map.js');
|
|
8
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
9
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
10
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
11
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
12
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
6
13
|
require('react');
|
|
7
14
|
var DSButton = require('@elliemae/ds-button');
|
|
8
15
|
var blocks = require('./blocks.js');
|
|
@@ -21,17 +28,18 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
|
|
|
21
28
|
|
|
22
29
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
23
30
|
|
|
24
|
-
const DSAccordionHeaderActions =
|
|
25
|
-
|
|
26
|
-
|
|
31
|
+
const DSAccordionHeaderActions = _ref => {
|
|
32
|
+
let {
|
|
33
|
+
customActions
|
|
34
|
+
} = _ref;
|
|
27
35
|
if (!customActions) return null;
|
|
28
36
|
return /*#__PURE__*/_jsx__default["default"]("div", {
|
|
29
37
|
className: "".concat(blocks.accordionActions)
|
|
30
|
-
}, void 0, customActions.map((
|
|
38
|
+
}, void 0, customActions.map((_ref2, key) => {
|
|
31
39
|
let {
|
|
32
40
|
onClick
|
|
33
|
-
} =
|
|
34
|
-
rest = _objectWithoutProperties__default["default"](
|
|
41
|
+
} = _ref2,
|
|
42
|
+
rest = _objectWithoutProperties__default["default"](_ref2, _excluded);
|
|
35
43
|
|
|
36
44
|
return /*#__PURE__*/jsxRuntime.jsx(DSButton__default["default"], _objectSpread(_objectSpread({
|
|
37
45
|
onClick: e => {
|
|
@@ -12,11 +12,12 @@ var DSTruncatedTooltipText__default = /*#__PURE__*/_interopDefaultLegacy(DSTrunc
|
|
|
12
12
|
|
|
13
13
|
var _div;
|
|
14
14
|
|
|
15
|
-
const DSAccordionHeader =
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
15
|
+
const DSAccordionHeader = _ref => {
|
|
16
|
+
let {
|
|
17
|
+
title,
|
|
18
|
+
secondaryTitle,
|
|
19
|
+
idx
|
|
20
|
+
} = _ref;
|
|
20
21
|
const hasSecondaryTitle = Boolean(secondaryTitle);
|
|
21
22
|
return /*#__PURE__*/_jsx__default["default"]("div", {
|
|
22
23
|
className: "".concat(blocks.accordionTitleWrapper, " ").concat(hasSecondaryTitle ? 'with-secondary-title' : '')
|
package/cjs/DSAccordionItem.js
CHANGED
|
@@ -5,8 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
6
6
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
7
7
|
var React = require('react');
|
|
8
|
-
var
|
|
9
|
-
var ArrowheadDown = require('@elliemae/ds-icons/ArrowheadDown');
|
|
8
|
+
var dsIcons = require('@elliemae/ds-icons');
|
|
10
9
|
var GroupItem = require('@elliemae/ds-shared/GroupContext/GroupItem');
|
|
11
10
|
var dsClassnames = require('@elliemae/ds-classnames');
|
|
12
11
|
var reactDesc = require('react-desc');
|
|
@@ -18,8 +17,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
18
17
|
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
19
18
|
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
20
19
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
21
|
-
var ArrowheadRight__default = /*#__PURE__*/_interopDefaultLegacy(ArrowheadRight);
|
|
22
|
-
var ArrowheadDown__default = /*#__PURE__*/_interopDefaultLegacy(ArrowheadDown);
|
|
23
20
|
var GroupItem__default = /*#__PURE__*/_interopDefaultLegacy(GroupItem);
|
|
24
21
|
|
|
25
22
|
const ICON_SIZE = 's';
|
|
@@ -159,11 +156,11 @@ const props = {
|
|
|
159
156
|
customActions: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.object).description('accordion item custom actions')
|
|
160
157
|
};
|
|
161
158
|
DSAccordionItem.defaultProps = {
|
|
162
|
-
iconClosed: () => /*#__PURE__*/_jsx__default["default"](
|
|
159
|
+
iconClosed: () => /*#__PURE__*/_jsx__default["default"](dsIcons.ArrowheadRight, {
|
|
163
160
|
width: "20px",
|
|
164
161
|
color: ['brand-primary', 800]
|
|
165
162
|
}),
|
|
166
|
-
iconOpened: () => /*#__PURE__*/_jsx__default["default"](
|
|
163
|
+
iconOpened: () => /*#__PURE__*/_jsx__default["default"](dsIcons.ArrowheadDown, {
|
|
167
164
|
width: "20px",
|
|
168
165
|
color: ['brand-primary', 800]
|
|
169
166
|
}),
|
package/esm/DSAccordion.js
CHANGED
|
@@ -1,5 +1,12 @@
|
|
|
1
1
|
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
2
2
|
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
3
|
+
import 'core-js/modules/esnext.async-iterator.map.js';
|
|
4
|
+
import 'core-js/modules/esnext.iterator.map.js';
|
|
5
|
+
import 'core-js/modules/esnext.async-iterator.filter.js';
|
|
6
|
+
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
7
|
+
import 'core-js/modules/esnext.iterator.filter.js';
|
|
8
|
+
import 'core-js/modules/esnext.async-iterator.for-each.js';
|
|
9
|
+
import 'core-js/modules/esnext.iterator.for-each.js';
|
|
3
10
|
import React from 'react';
|
|
4
11
|
import { PropTypes, describe } from 'react-desc';
|
|
5
12
|
import { convertPropToCssClassName } from '@elliemae/ds-classnames';
|
|
@@ -12,14 +19,15 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
|
|
|
12
19
|
|
|
13
20
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
14
21
|
|
|
15
|
-
const DSAccordion =
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
22
|
+
const DSAccordion = _ref => {
|
|
23
|
+
let {
|
|
24
|
+
containerProps = {},
|
|
25
|
+
activeValue = '',
|
|
26
|
+
children,
|
|
27
|
+
allowMultipleOpen = false,
|
|
28
|
+
contentExpandable = false,
|
|
29
|
+
onChange = () => {}
|
|
30
|
+
} = _ref;
|
|
23
31
|
const {
|
|
24
32
|
cssClassName
|
|
25
33
|
} = convertPropToCssClassName('accordion');
|
package/esm/DSAccordionHeader.js
CHANGED
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
2
2
|
import 'react';
|
|
3
3
|
import { withTheme, useIsMobile } from '@elliemae/ds-system';
|
|
4
|
-
import ChevronDown from '@elliemae/ds-icons
|
|
5
|
-
import ChevronRight from '@elliemae/ds-icons/ChevronRight';
|
|
4
|
+
import { ChevronDown, ChevronRight } from '@elliemae/ds-icons';
|
|
6
5
|
import DSButton from '@elliemae/ds-button';
|
|
7
6
|
import DSAccordionHeaderActions from './DSAccordionHeaderActions.js';
|
|
8
7
|
import DSAccordionHeader$1 from './DSAccordionHeaderTitle.js';
|
|
9
8
|
import { accordionButton, accordionTitle } from './blocks.js';
|
|
10
9
|
|
|
11
|
-
const DSAccordionHeader = withTheme(
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
10
|
+
const DSAccordionHeader = withTheme(_ref => {
|
|
11
|
+
let {
|
|
12
|
+
title,
|
|
13
|
+
secondaryTitle,
|
|
14
|
+
customActions,
|
|
15
|
+
idx,
|
|
16
|
+
icon,
|
|
17
|
+
selected,
|
|
18
|
+
setTabRef,
|
|
19
|
+
onClick,
|
|
20
|
+
onKeyDown
|
|
21
|
+
} = _ref;
|
|
22
22
|
const mobile = useIsMobile();
|
|
23
23
|
const hasSecondaryTitle = Boolean(secondaryTitle);
|
|
24
24
|
const selectedClass = selected ? 'selected' : '';
|
|
@@ -1,6 +1,13 @@
|
|
|
1
1
|
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
2
2
|
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
3
3
|
import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
|
|
4
|
+
import 'core-js/modules/esnext.async-iterator.map.js';
|
|
5
|
+
import 'core-js/modules/esnext.iterator.map.js';
|
|
6
|
+
import 'core-js/modules/esnext.async-iterator.filter.js';
|
|
7
|
+
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
8
|
+
import 'core-js/modules/esnext.iterator.filter.js';
|
|
9
|
+
import 'core-js/modules/esnext.async-iterator.for-each.js';
|
|
10
|
+
import 'core-js/modules/esnext.iterator.for-each.js';
|
|
4
11
|
import 'react';
|
|
5
12
|
import DSButton, { BUTTON_TYPE } from '@elliemae/ds-button';
|
|
6
13
|
import { accordionActions } from './blocks.js';
|
|
@@ -12,17 +19,18 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
|
|
|
12
19
|
|
|
13
20
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
14
21
|
|
|
15
|
-
const DSAccordionHeaderActions =
|
|
16
|
-
|
|
17
|
-
|
|
22
|
+
const DSAccordionHeaderActions = _ref => {
|
|
23
|
+
let {
|
|
24
|
+
customActions
|
|
25
|
+
} = _ref;
|
|
18
26
|
if (!customActions) return null;
|
|
19
27
|
return /*#__PURE__*/_jsx("div", {
|
|
20
28
|
className: "".concat(accordionActions)
|
|
21
|
-
}, void 0, customActions.map((
|
|
29
|
+
}, void 0, customActions.map((_ref2, key) => {
|
|
22
30
|
let {
|
|
23
31
|
onClick
|
|
24
|
-
} =
|
|
25
|
-
rest = _objectWithoutProperties(
|
|
32
|
+
} = _ref2,
|
|
33
|
+
rest = _objectWithoutProperties(_ref2, _excluded);
|
|
26
34
|
|
|
27
35
|
return /*#__PURE__*/jsx(DSButton, _objectSpread(_objectSpread({
|
|
28
36
|
onClick: e => {
|
|
@@ -5,11 +5,12 @@ import { accordionTitleWrapper, accordionH2Title, accordionSecondaryTitle } from
|
|
|
5
5
|
|
|
6
6
|
var _div;
|
|
7
7
|
|
|
8
|
-
const DSAccordionHeader =
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
8
|
+
const DSAccordionHeader = _ref => {
|
|
9
|
+
let {
|
|
10
|
+
title,
|
|
11
|
+
secondaryTitle,
|
|
12
|
+
idx
|
|
13
|
+
} = _ref;
|
|
13
14
|
const hasSecondaryTitle = Boolean(secondaryTitle);
|
|
14
15
|
return /*#__PURE__*/_jsx("div", {
|
|
15
16
|
className: "".concat(accordionTitleWrapper, " ").concat(hasSecondaryTitle ? 'with-secondary-title' : '')
|
package/esm/DSAccordionItem.js
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
2
2
|
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
3
3
|
import React, { Component } from 'react';
|
|
4
|
-
import ArrowheadRight from '@elliemae/ds-icons
|
|
5
|
-
import ArrowheadDown from '@elliemae/ds-icons/ArrowheadDown';
|
|
4
|
+
import { ArrowheadRight, ArrowheadDown } from '@elliemae/ds-icons';
|
|
6
5
|
import GroupItem from '@elliemae/ds-shared/GroupContext/GroupItem';
|
|
7
6
|
import { convertPropToCssClassName } from '@elliemae/ds-classnames';
|
|
8
7
|
import { PropTypes, describe } from 'react-desc';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-accordion",
|
|
3
|
-
"version": "2.0.0-
|
|
3
|
+
"version": "2.0.0-rc.3",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Accordion",
|
|
6
6
|
"module": "./esm/index.js",
|
|
@@ -56,12 +56,12 @@
|
|
|
56
56
|
"build": "node ../../scripts/build/build.js"
|
|
57
57
|
},
|
|
58
58
|
"dependencies": {
|
|
59
|
-
"@elliemae/ds-button": "2.0.0-
|
|
60
|
-
"@elliemae/ds-classnames": "2.0.0-
|
|
61
|
-
"@elliemae/ds-icons": "2.0.0-
|
|
62
|
-
"@elliemae/ds-shared": "2.0.0-
|
|
63
|
-
"@elliemae/ds-system": "2.0.0-
|
|
64
|
-
"@elliemae/ds-truncated-tooltip-text": "2.0.0-
|
|
59
|
+
"@elliemae/ds-button": "2.0.0-rc.3",
|
|
60
|
+
"@elliemae/ds-classnames": "2.0.0-rc.3",
|
|
61
|
+
"@elliemae/ds-icons": "2.0.0-rc.3",
|
|
62
|
+
"@elliemae/ds-shared": "2.0.0-rc.3",
|
|
63
|
+
"@elliemae/ds-system": "2.0.0-rc.3",
|
|
64
|
+
"@elliemae/ds-truncated-tooltip-text": "2.0.0-rc.3",
|
|
65
65
|
"react-desc": "^4.1.3"
|
|
66
66
|
},
|
|
67
67
|
"peerDependencies": {
|