@elliemae/ds-accordion 2.3.0-alpha.9 → 2.3.0-next.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 +31 -0
- package/cjs/DSAccordionCTX.js +20 -0
- package/cjs/DSAccordionDatatestid.js +14 -0
- package/cjs/DSAccordionTypes.js +2 -0
- package/cjs/config/useAccordion.js +50 -0
- package/cjs/config/useAccordionRefs.js +40 -0
- package/cjs/defaultProps.js +54 -0
- package/cjs/index.js +14 -0
- package/cjs/parts/accordionContent/AccordionContent.js +41 -0
- package/cjs/parts/accordionItem/DSAccordionItem.js +206 -0
- package/cjs/parts/accordionItem/styles.js +149 -0
- package/cjs/parts/accordionItem/useAccordionItem.js +53 -0
- package/cjs/propTypes.js +26 -0
- package/esm/DSAccordion.js +21 -0
- package/esm/DSAccordionCTX.js +16 -0
- package/esm/DSAccordionDatatestid.js +10 -0
- package/esm/DSAccordionTypes.js +1 -0
- package/esm/config/useAccordion.js +46 -0
- package/esm/config/useAccordionRefs.js +32 -0
- package/esm/defaultProps.js +45 -0
- package/esm/index.js +2 -0
- package/esm/parts/accordionContent/AccordionContent.js +32 -0
- package/esm/parts/accordionItem/DSAccordionItem.js +193 -0
- package/esm/parts/accordionItem/styles.js +133 -0
- package/esm/parts/accordionItem/useAccordionItem.js +49 -0
- package/esm/propTypes.js +21 -0
- package/package.json +47 -52
- package/{dist/types → types}/DSAccordion.d.ts +0 -0
- package/{dist/types → types}/DSAccordionCTX.d.ts +0 -0
- package/{dist/types → types}/DSAccordionDatatestid.d.ts +0 -0
- package/{dist/types → types}/DSAccordionTypes.d.ts +0 -0
- package/{dist/types → types}/config/useAccordion.d.ts +0 -0
- package/{dist/types → types}/config/useAccordionRefs.d.ts +0 -0
- package/{dist/types → types}/defaultProps.d.ts +0 -0
- package/{dist/types → types}/index.d.ts +0 -0
- package/{dist/types → types}/parts/accordionContent/AccordionContent.d.ts +0 -0
- package/{dist/types → types}/parts/accordionItem/DSAccordionItem.d.ts +0 -0
- package/{dist/types → types}/parts/accordionItem/styles.d.ts +0 -0
- package/{dist/types → types}/parts/accordionItem/useAccordionItem.d.ts +0 -0
- package/{dist/types → types}/propTypes.d.ts +0 -0
- package/{dist/types → types}/tests/Accordion.test.d.ts +0 -0
- package/dist/cjs/DSAccordion.js +0 -52
- package/dist/cjs/DSAccordion.js.map +0 -7
- package/dist/cjs/DSAccordionCTX.js +0 -46
- package/dist/cjs/DSAccordionCTX.js.map +0 -7
- package/dist/cjs/DSAccordionDatatestid.js +0 -42
- package/dist/cjs/DSAccordionDatatestid.js.map +0 -7
- package/dist/cjs/DSAccordionTypes.js +0 -27
- package/dist/cjs/DSAccordionTypes.js.map +0 -7
- package/dist/cjs/config/useAccordion.js +0 -73
- package/dist/cjs/config/useAccordion.js.map +0 -7
- package/dist/cjs/config/useAccordionRefs.js +0 -47
- package/dist/cjs/config/useAccordionRefs.js.map +0 -7
- package/dist/cjs/defaultProps.js +0 -64
- package/dist/cjs/defaultProps.js.map +0 -7
- package/dist/cjs/index.js +0 -37
- package/dist/cjs/index.js.map +0 -7
- package/dist/cjs/parts/accordionContent/AccordionContent.js +0 -50
- package/dist/cjs/parts/accordionContent/AccordionContent.js.map +0 -7
- package/dist/cjs/parts/accordionItem/DSAccordionItem.js +0 -179
- package/dist/cjs/parts/accordionItem/DSAccordionItem.js.map +0 -7
- package/dist/cjs/parts/accordionItem/styles.js +0 -143
- package/dist/cjs/parts/accordionItem/styles.js.map +0 -7
- package/dist/cjs/parts/accordionItem/useAccordionItem.js +0 -66
- package/dist/cjs/parts/accordionItem/useAccordionItem.js.map +0 -7
- package/dist/cjs/propTypes.js +0 -57
- package/dist/cjs/propTypes.js.map +0 -7
- package/dist/esm/DSAccordion.js +0 -23
- package/dist/esm/DSAccordion.js.map +0 -7
- package/dist/esm/DSAccordionCTX.js +0 -17
- package/dist/esm/DSAccordionCTX.js.map +0 -7
- package/dist/esm/DSAccordionDatatestid.js +0 -13
- package/dist/esm/DSAccordionDatatestid.js.map +0 -7
- package/dist/esm/DSAccordionTypes.js +0 -2
- package/dist/esm/DSAccordionTypes.js.map +0 -7
- package/dist/esm/config/useAccordion.js +0 -44
- package/dist/esm/config/useAccordion.js.map +0 -7
- package/dist/esm/config/useAccordionRefs.js +0 -18
- package/dist/esm/config/useAccordionRefs.js.map +0 -7
- package/dist/esm/defaultProps.js +0 -35
- package/dist/esm/defaultProps.js.map +0 -7
- package/dist/esm/index.js +0 -8
- package/dist/esm/index.js.map +0 -7
- package/dist/esm/parts/accordionContent/AccordionContent.js +0 -21
- package/dist/esm/parts/accordionContent/AccordionContent.js.map +0 -7
- package/dist/esm/parts/accordionItem/DSAccordionItem.js +0 -160
- package/dist/esm/parts/accordionItem/DSAccordionItem.js.map +0 -7
- package/dist/esm/parts/accordionItem/styles.js +0 -114
- package/dist/esm/parts/accordionItem/styles.js.map +0 -7
- package/dist/esm/parts/accordionItem/useAccordionItem.js +0 -37
- package/dist/esm/parts/accordionItem/useAccordionItem.js.map +0 -7
- package/dist/esm/propTypes.js +0 -28
- package/dist/esm/propTypes.js.map +0 -7
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import 'core-js/modules/esnext.async-iterator.some.js';
|
|
2
|
+
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
3
|
+
import 'core-js/modules/esnext.iterator.some.js';
|
|
4
|
+
import { useContext, useMemo, useCallback } from 'react';
|
|
5
|
+
import { DSAccordionContext } from '../../DSAccordionCTX.js';
|
|
6
|
+
|
|
7
|
+
const useAccordionItem = _ref => {
|
|
8
|
+
let {
|
|
9
|
+
value,
|
|
10
|
+
disabled
|
|
11
|
+
} = _ref;
|
|
12
|
+
const {
|
|
13
|
+
actualActiveValue,
|
|
14
|
+
setActiveValues,
|
|
15
|
+
focusableChildrenReferences
|
|
16
|
+
} = useContext(DSAccordionContext);
|
|
17
|
+
const selected = useMemo(() => {
|
|
18
|
+
if (Array.isArray(actualActiveValue)) {
|
|
19
|
+
return actualActiveValue.some(currentValue => currentValue === value);
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
return value === actualActiveValue;
|
|
23
|
+
}, [actualActiveValue, value]);
|
|
24
|
+
const handleOnClick = useCallback(e => {
|
|
25
|
+
if (!disabled) setActiveValues(value, e);
|
|
26
|
+
}, [disabled, setActiveValues, value]);
|
|
27
|
+
const handleOnKeyDown = useCallback((e, _dsIndex) => {
|
|
28
|
+
if (!disabled && e.key === 'ArrowDown') {
|
|
29
|
+
var _focusableChildrenRef, _focusableChildrenRef2, _focusableChildrenRef3, _focusableChildrenRef4, _focusableChildrenRef5;
|
|
30
|
+
|
|
31
|
+
const currentIndex = focusableChildrenReferences.findIndex(item => item.index === _dsIndex);
|
|
32
|
+
if ((_focusableChildrenRef = focusableChildrenReferences[currentIndex + 1]) !== null && _focusableChildrenRef !== void 0 && (_focusableChildrenRef2 = _focusableChildrenRef.ref) !== null && _focusableChildrenRef2 !== void 0 && _focusableChildrenRef2.current) (_focusableChildrenRef3 = focusableChildrenReferences[currentIndex + 1]) === null || _focusableChildrenRef3 === void 0 ? void 0 : (_focusableChildrenRef4 = _focusableChildrenRef3.ref) === null || _focusableChildrenRef4 === void 0 ? void 0 : (_focusableChildrenRef5 = _focusableChildrenRef4.current) === null || _focusableChildrenRef5 === void 0 ? void 0 : _focusableChildrenRef5.focus();
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
if (!disabled && e.key === 'ArrowUp') {
|
|
36
|
+
var _focusableChildrenRef6, _focusableChildrenRef7, _focusableChildrenRef8, _focusableChildrenRef9, _focusableChildrenRef10;
|
|
37
|
+
|
|
38
|
+
const currentIndex = focusableChildrenReferences.findIndex(item => item.index === _dsIndex);
|
|
39
|
+
if ((_focusableChildrenRef6 = focusableChildrenReferences[currentIndex - 1]) !== null && _focusableChildrenRef6 !== void 0 && (_focusableChildrenRef7 = _focusableChildrenRef6.ref) !== null && _focusableChildrenRef7 !== void 0 && _focusableChildrenRef7.current) (_focusableChildrenRef8 = focusableChildrenReferences[currentIndex - 1]) === null || _focusableChildrenRef8 === void 0 ? void 0 : (_focusableChildrenRef9 = _focusableChildrenRef8.ref) === null || _focusableChildrenRef9 === void 0 ? void 0 : (_focusableChildrenRef10 = _focusableChildrenRef9.current) === null || _focusableChildrenRef10 === void 0 ? void 0 : _focusableChildrenRef10.focus();
|
|
40
|
+
}
|
|
41
|
+
}, [disabled, focusableChildrenReferences]);
|
|
42
|
+
return {
|
|
43
|
+
handleOnClick,
|
|
44
|
+
handleOnKeyDown,
|
|
45
|
+
selected
|
|
46
|
+
};
|
|
47
|
+
};
|
|
48
|
+
|
|
49
|
+
export { useAccordionItem };
|
package/esm/propTypes.js
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { PropTypes } from 'react-desc';
|
|
2
|
+
|
|
3
|
+
const accordionItemPropTypes = {
|
|
4
|
+
children: PropTypes.node.description('Dimsum AccordionItem content.').isRequired,
|
|
5
|
+
title: PropTypes.string.description('Set a primary title.'),
|
|
6
|
+
value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('Dimsum AccordionItem value, this value should be unique.').isRequired,
|
|
7
|
+
iconClosed: PropTypes.node.description('Custom Dimsum Icon when it is closed.'),
|
|
8
|
+
iconOpened: PropTypes.node.description('Custom Dimsum Icon when it is open.'),
|
|
9
|
+
secondaryTitle: PropTypes.string.description('Set a secondary title'),
|
|
10
|
+
customActions: PropTypes.arrayOf(PropTypes.object).description('Set Dimsum AccordionItem custom actions.'),
|
|
11
|
+
renderCustomActions: PropTypes.func.description('This property will render any JSX in the custom actions area. You can access to all references and active values within the props.')
|
|
12
|
+
};
|
|
13
|
+
const accordionPropTypes = {
|
|
14
|
+
containerProps: PropTypes.object.description('Adds props to the container.'),
|
|
15
|
+
activeValue: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])), PropTypes.string, PropTypes.number]).description('Selected active value. This property makes the component a controlled one.'),
|
|
16
|
+
children: PropTypes.node.description('Dimsum AccordionItems to show.'),
|
|
17
|
+
allowMultipleOpen: PropTypes.bool.description('Allows multiple Dimsum AccordionItems to be open at the same time.'),
|
|
18
|
+
onChange: PropTypes.func.description('Callback function once the Dimsum Accordion changes.')
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
export { accordionItemPropTypes, accordionPropTypes };
|
package/package.json
CHANGED
|
@@ -1,66 +1,63 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-accordion",
|
|
3
|
-
"version": "2.3.0-
|
|
3
|
+
"version": "2.3.0-next.3",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Accordion",
|
|
6
|
-
"
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
"module": "./dist/esm/index.js",
|
|
10
|
-
"main": "./dist/cjs/index.js",
|
|
11
|
-
"types": "./dist/types/index.d.ts",
|
|
6
|
+
"module": "./esm/index.js",
|
|
7
|
+
"main": "./cjs/index.js",
|
|
8
|
+
"types": "./types/index.d.ts",
|
|
12
9
|
"exports": {
|
|
13
10
|
".": {
|
|
14
|
-
"import": "./
|
|
15
|
-
"require": "./
|
|
11
|
+
"import": "./esm/index.js",
|
|
12
|
+
"require": "./cjs/index.js"
|
|
16
13
|
},
|
|
17
14
|
"./propTypes": {
|
|
18
|
-
"import": "./
|
|
19
|
-
"require": "./
|
|
15
|
+
"import": "./esm/propTypes.js",
|
|
16
|
+
"require": "./cjs/propTypes.js"
|
|
20
17
|
},
|
|
21
18
|
"./parts/accordionItem/useAccordionItem": {
|
|
22
|
-
"import": "./
|
|
23
|
-
"require": "./
|
|
19
|
+
"import": "./esm/parts/accordionItem/useAccordionItem.js",
|
|
20
|
+
"require": "./cjs/parts/accordionItem/useAccordionItem.js"
|
|
24
21
|
},
|
|
25
22
|
"./parts/accordionItem/styles": {
|
|
26
|
-
"import": "./
|
|
27
|
-
"require": "./
|
|
23
|
+
"import": "./esm/parts/accordionItem/styles.js",
|
|
24
|
+
"require": "./cjs/parts/accordionItem/styles.js"
|
|
28
25
|
},
|
|
29
26
|
"./parts/accordionItem/DSAccordionItem": {
|
|
30
|
-
"import": "./
|
|
31
|
-
"require": "./
|
|
27
|
+
"import": "./esm/parts/accordionItem/DSAccordionItem.js",
|
|
28
|
+
"require": "./cjs/parts/accordionItem/DSAccordionItem.js"
|
|
32
29
|
},
|
|
33
30
|
"./parts/accordionContent/AccordionContent": {
|
|
34
|
-
"import": "./
|
|
35
|
-
"require": "./
|
|
31
|
+
"import": "./esm/parts/accordionContent/AccordionContent.js",
|
|
32
|
+
"require": "./cjs/parts/accordionContent/AccordionContent.js"
|
|
36
33
|
},
|
|
37
34
|
"./DSAccordionTypes": {
|
|
38
|
-
"import": "./
|
|
39
|
-
"require": "./
|
|
35
|
+
"import": "./esm/DSAccordionTypes.js",
|
|
36
|
+
"require": "./cjs/DSAccordionTypes.js"
|
|
40
37
|
},
|
|
41
38
|
"./DSAccordionDatatestid": {
|
|
42
|
-
"import": "./
|
|
43
|
-
"require": "./
|
|
39
|
+
"import": "./esm/DSAccordionDatatestid.js",
|
|
40
|
+
"require": "./cjs/DSAccordionDatatestid.js"
|
|
44
41
|
},
|
|
45
42
|
"./DSAccordionCTX": {
|
|
46
|
-
"import": "./
|
|
47
|
-
"require": "./
|
|
43
|
+
"import": "./esm/DSAccordionCTX.js",
|
|
44
|
+
"require": "./cjs/DSAccordionCTX.js"
|
|
48
45
|
},
|
|
49
46
|
"./DSAccordion": {
|
|
50
|
-
"import": "./
|
|
51
|
-
"require": "./
|
|
47
|
+
"import": "./esm/DSAccordion.js",
|
|
48
|
+
"require": "./cjs/DSAccordion.js"
|
|
52
49
|
},
|
|
53
50
|
"./defaultProps": {
|
|
54
|
-
"import": "./
|
|
55
|
-
"require": "./
|
|
51
|
+
"import": "./esm/defaultProps.js",
|
|
52
|
+
"require": "./cjs/defaultProps.js"
|
|
56
53
|
},
|
|
57
54
|
"./config/useAccordionRefs": {
|
|
58
|
-
"import": "./
|
|
59
|
-
"require": "./
|
|
55
|
+
"import": "./esm/config/useAccordionRefs.js",
|
|
56
|
+
"require": "./cjs/config/useAccordionRefs.js"
|
|
60
57
|
},
|
|
61
58
|
"./config/useAccordion": {
|
|
62
|
-
"import": "./
|
|
63
|
-
"require": "./
|
|
59
|
+
"import": "./esm/config/useAccordion.js",
|
|
60
|
+
"require": "./cjs/config/useAccordion.js"
|
|
64
61
|
}
|
|
65
62
|
},
|
|
66
63
|
"sideEffects": [
|
|
@@ -72,24 +69,27 @@
|
|
|
72
69
|
"url": "https://git.elliemae.io/platform-ui/dimsum.git"
|
|
73
70
|
},
|
|
74
71
|
"engines": {
|
|
75
|
-
"
|
|
76
|
-
"node": ">=
|
|
72
|
+
"npm": ">=7",
|
|
73
|
+
"node": ">=14"
|
|
77
74
|
},
|
|
78
75
|
"author": "ICE MT",
|
|
76
|
+
"scripts": {
|
|
77
|
+
"dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
|
|
78
|
+
"prebuild": "exit 0",
|
|
79
|
+
"predev": "exit 0",
|
|
80
|
+
"build": "node ../../scripts/build/build.js"
|
|
81
|
+
},
|
|
79
82
|
"dependencies": {
|
|
80
|
-
"@elliemae/ds-button": "2.3.0-
|
|
81
|
-
"@elliemae/ds-classnames": "2.3.0-
|
|
82
|
-
"@elliemae/ds-icons": "2.3.0-
|
|
83
|
-
"@elliemae/ds-
|
|
84
|
-
"@elliemae/ds-
|
|
85
|
-
"@elliemae/ds-
|
|
86
|
-
"@elliemae/ds-system": "2.3.0-alpha.9",
|
|
87
|
-
"@elliemae/ds-truncated-tooltip-text": "2.3.0-alpha.9",
|
|
88
|
-
"@elliemae/ds-utilities": "2.3.0-alpha.9",
|
|
83
|
+
"@elliemae/ds-button": "2.3.0-next.3",
|
|
84
|
+
"@elliemae/ds-classnames": "2.3.0-next.3",
|
|
85
|
+
"@elliemae/ds-icons": "2.3.0-next.3",
|
|
86
|
+
"@elliemae/ds-shared": "2.3.0-next.3",
|
|
87
|
+
"@elliemae/ds-system": "2.3.0-next.1",
|
|
88
|
+
"@elliemae/ds-truncated-tooltip-text": "2.3.0-next.3",
|
|
89
89
|
"react-desc": "^4.1.3"
|
|
90
90
|
},
|
|
91
91
|
"devDependencies": {
|
|
92
|
-
"@testing-library/jest-dom": "~5.
|
|
92
|
+
"@testing-library/jest-dom": "~5.15.0",
|
|
93
93
|
"@testing-library/react": "~12.1.2",
|
|
94
94
|
"react": "^17.0.2",
|
|
95
95
|
"react-dom": "^17.0.2"
|
|
@@ -100,12 +100,7 @@
|
|
|
100
100
|
},
|
|
101
101
|
"publishConfig": {
|
|
102
102
|
"access": "public",
|
|
103
|
-
"
|
|
104
|
-
|
|
105
|
-
"scripts": {
|
|
106
|
-
"dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
|
|
107
|
-
"prebuild": "exit 0",
|
|
108
|
-
"predev": "exit 0",
|
|
109
|
-
"build": "node ../../scripts/build/build.js"
|
|
103
|
+
"directory": "dist",
|
|
104
|
+
"generateSubmodules": true
|
|
110
105
|
}
|
|
111
106
|
}
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
package/dist/cjs/DSAccordion.js
DELETED
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var DSAccordion_exports = {};
|
|
29
|
-
__export(DSAccordion_exports, {
|
|
30
|
-
DSAccordion: () => DSAccordion,
|
|
31
|
-
DSAccordionWithSchema: () => DSAccordionWithSchema,
|
|
32
|
-
default: () => DSAccordion_default
|
|
33
|
-
});
|
|
34
|
-
var React = __toESM(require("react"));
|
|
35
|
-
var import_react = __toESM(require("react"));
|
|
36
|
-
var import_react_desc = require("react-desc");
|
|
37
|
-
var import_AccordionContent = require("./parts/accordionContent/AccordionContent");
|
|
38
|
-
var import_useAccordion = require("./config/useAccordion");
|
|
39
|
-
var import_DSAccordionCTX = require("./DSAccordionCTX");
|
|
40
|
-
var import_propTypes = require("./propTypes");
|
|
41
|
-
const DSAccordion = (props) => {
|
|
42
|
-
const ctx = (0, import_useAccordion.useAccordion)(props);
|
|
43
|
-
return /* @__PURE__ */ import_react.default.createElement(import_DSAccordionCTX.DSAccordionContext.Provider, {
|
|
44
|
-
value: ctx
|
|
45
|
-
}, /* @__PURE__ */ import_react.default.createElement(import_AccordionContent.AccordionContent, null));
|
|
46
|
-
};
|
|
47
|
-
DSAccordion.propTypes = import_propTypes.accordionPropTypes;
|
|
48
|
-
const DSAccordionWithSchema = (0, import_react_desc.describe)(DSAccordion);
|
|
49
|
-
DSAccordionWithSchema.propTypes = import_propTypes.accordionPropTypes;
|
|
50
|
-
var DSAccordion_default = DSAccordion;
|
|
51
|
-
module.exports = __toCommonJS(DSAccordion_exports);
|
|
52
|
-
//# sourceMappingURL=DSAccordion.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/DSAccordion.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport { describe } from 'react-desc';\nimport { AccordionContent } from './parts/accordionContent/AccordionContent';\nimport { useAccordion } from './config/useAccordion';\nimport { DSAccordionContext } from './DSAccordionCTX';\nimport { accordionPropTypes } from './propTypes';\nimport type { DSAccordionPropsT } from './DSAccordionTypes';\n\nconst DSAccordion = (props: DSAccordionPropsT): JSX.Element => {\n const ctx = useAccordion(props);\n\n return (\n <DSAccordionContext.Provider value={ctx}>\n <AccordionContent />\n </DSAccordionContext.Provider>\n );\n};\n\nDSAccordion.propTypes = accordionPropTypes;\nconst DSAccordionWithSchema = describe(DSAccordion);\nDSAccordionWithSchema.propTypes = accordionPropTypes;\n\nexport { DSAccordion, DSAccordionWithSchema };\n\nexport default DSAccordion;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAyB;AACzB,8BAAiC;AACjC,0BAA6B;AAC7B,4BAAmC;AACnC,uBAAmC;AAGnC,MAAM,cAAc,CAAC,UAA0C;AAC7D,QAAM,MAAM,sCAAa;AAEzB,SACE,mDAAC,yCAAmB,UAApB;AAAA,IAA6B,OAAO;AAAA,KAClC,mDAAC,0CAAD;AAAA;AAKN,YAAY,YAAY;AACxB,MAAM,wBAAwB,gCAAS;AACvC,sBAAsB,YAAY;AAIlC,IAAO,sBAAQ;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var DSAccordionCTX_exports = {};
|
|
29
|
-
__export(DSAccordionCTX_exports, {
|
|
30
|
-
DSAccordionContext: () => DSAccordionContext
|
|
31
|
-
});
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
var import_react = require("react");
|
|
34
|
-
var import_defaultProps = require("./defaultProps");
|
|
35
|
-
const noop = () => {
|
|
36
|
-
};
|
|
37
|
-
const defaultContext = {
|
|
38
|
-
props: import_defaultProps.defaultProps,
|
|
39
|
-
actualActiveValue: [],
|
|
40
|
-
setActiveValues: noop,
|
|
41
|
-
focusableChildrenReferences: [],
|
|
42
|
-
allChildrenReferences: {}
|
|
43
|
-
};
|
|
44
|
-
const DSAccordionContext = (0, import_react.createContext)(defaultContext);
|
|
45
|
-
module.exports = __toCommonJS(DSAccordionCTX_exports);
|
|
46
|
-
//# sourceMappingURL=DSAccordionCTX.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/DSAccordionCTX.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import { createContext } from 'react';\nimport { defaultProps } from './defaultProps';\nimport type { DSAccordionContextT } from './DSAccordionTypes';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = (): void => {};\n\nconst defaultContext = {\n props: defaultProps,\n actualActiveValue: [],\n setActiveValues: noop,\n focusableChildrenReferences: [],\n allChildrenReferences: {},\n};\n\nexport const DSAccordionContext = createContext<DSAccordionContextT>(defaultContext);\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA8B;AAC9B,0BAA6B;AAI7B,MAAM,OAAO,MAAY;AAAA;AAEzB,MAAM,iBAAiB;AAAA,EACrB,OAAO;AAAA,EACP,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,6BAA6B;AAAA,EAC7B,uBAAuB;AAAA;AAGlB,MAAM,qBAAqB,gCAAmC;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var DSAccordionDatatestid_exports = {};
|
|
29
|
-
__export(DSAccordionDatatestid_exports, {
|
|
30
|
-
DSAccordionDataTestid: () => DSAccordionDataTestid
|
|
31
|
-
});
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
const DSAccordionDataTestid = {
|
|
34
|
-
ITEM: {
|
|
35
|
-
CONTENT: "ds-accordion_item-content",
|
|
36
|
-
HEADER: "ds-accordion_item-header",
|
|
37
|
-
CONTAINER: "ds-accordion_item"
|
|
38
|
-
},
|
|
39
|
-
GROUP: "ds-accordion_group"
|
|
40
|
-
};
|
|
41
|
-
module.exports = __toCommonJS(DSAccordionDatatestid_exports);
|
|
42
|
-
//# sourceMappingURL=DSAccordionDatatestid.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/DSAccordionDatatestid.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["export const DSAccordionDataTestid = {\n ITEM: {\n CONTENT: 'ds-accordion_item-content',\n HEADER: 'ds-accordion_item-header',\n CONTAINER: 'ds-accordion_item',\n },\n GROUP: 'ds-accordion_group',\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,wBAAwB;AAAA,EACnC,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,WAAW;AAAA;AAAA,EAEb,OAAO;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
9
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
10
|
-
for (let key of __getOwnPropNames(module2))
|
|
11
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
12
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
13
|
-
}
|
|
14
|
-
return target;
|
|
15
|
-
};
|
|
16
|
-
var __toESM = (module2, isNodeMode) => {
|
|
17
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
18
|
-
};
|
|
19
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
20
|
-
return (module2, temp) => {
|
|
21
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
22
|
-
};
|
|
23
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
24
|
-
var DSAccordionTypes_exports = {};
|
|
25
|
-
var React = __toESM(require("react"));
|
|
26
|
-
module.exports = __toCommonJS(DSAccordionTypes_exports);
|
|
27
|
-
//# sourceMappingURL=DSAccordionTypes.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/DSAccordionTypes.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\n\n/* ****************************************** Misc Types ********************************************** */\n\nexport type InternalActiveValueT = (string | number)[] | string | number | null | undefined;\n\nexport interface DefaultIconPropsT {\n isDSMobile: boolean;\n}\n\nexport interface CustomActionsT {\n onClick: (e: React.MouseEvent) => void;\n id: string;\n}\n\nexport interface FocusableChildrenReferences {\n index: number;\n value: string | number;\n ref: React.MutableRefObject<HTMLButtonElement | null>;\n}\n\nexport interface AllChildrenReferences {\n [index: string]: React.MutableRefObject<HTMLButtonElement | null>;\n}\n\n/* ****************************************** Component Types ********************************************** */\n\nexport interface DSAccordionPropsT {\n containerProps?: Record<string, unknown>;\n activeValue?: (string | number)[] | string | number | null;\n children?: React.ReactElement<DSAccordionItemPropsT>[];\n allowMultipleOpen?: boolean;\n contentExpandable?: boolean;\n onChange?: (value: (string | number)[] | string | number | null, e: React.MouseEvent | React.KeyboardEvent) => void;\n disabled?: boolean;\n isDSMobile?: boolean;\n}\n\nexport interface DSAccordionDefaultPropsT {\n containerProps: Record<string, unknown>;\n allowMultipleOpen: boolean;\n contentExpandable: boolean;\n onChange: (value: (string | number)[] | string | number | null, e: React.MouseEvent | React.KeyboardEvent) => void;\n children: React.ReactElement<DSAccordionItemPropsT>[];\n isDSMobile: boolean;\n}\n\nexport interface DSAccordionPropsWithDefaultsT {\n containerProps: Record<string, unknown>;\n activeValue?: (string | number)[] | string | number | null;\n children: React.ReactElement<DSAccordionItemPropsT>[];\n allowMultipleOpen: boolean;\n contentExpandable: boolean;\n onChange: (value: (string | number)[] | string | number | null, e: React.MouseEvent | React.KeyboardEvent) => void;\n isDSMobile: boolean;\n}\n\nexport interface DSAccordionItemPropsT {\n title?: string;\n value: string | number;\n iconClosed?: React.FunctionComponent<DefaultIconPropsT>;\n iconOpened?: React.FunctionComponent<DefaultIconPropsT>;\n children?: React.ReactNode;\n secondaryTitle?: string;\n customActions?: CustomActionsT[];\n disabled?: boolean;\n dsIndex: number;\n renderCustomActions?: (props: {\n allRefs: AllChildrenReferences;\n actualActiveValue: InternalActiveValueT;\n }) => JSX.Element;\n}\n\nexport interface DSAccordionItemDefaultPropsT {\n iconClosed: React.MemoExoticComponent<React.FunctionComponent<DefaultIconPropsT>>;\n iconOpened: React.MemoExoticComponent<React.FunctionComponent<DefaultIconPropsT>>;\n title: string;\n customActions: CustomActionsT[];\n disabled: boolean;\n}\n\nexport interface DSAccordionItemPropsWithDefaultsT {\n title: string;\n value: string | number;\n iconClosed:\n | React.MemoExoticComponent<React.FunctionComponent<DefaultIconPropsT>>\n | React.FunctionComponent<DefaultIconPropsT>;\n iconOpened:\n | React.MemoExoticComponent<React.FunctionComponent<DefaultIconPropsT>>\n | React.FunctionComponent<DefaultIconPropsT>;\n children?: React.ReactNode;\n secondaryTitle?: string;\n customActions: CustomActionsT[];\n disabled: boolean;\n dsIndex: number;\n renderCustomActions?: (props: {\n allRefs: AllChildrenReferences;\n actualActiveValue: InternalActiveValueT;\n }) => JSX.Element;\n}\n\n/* ****************************************** Context Types ********************************************** */\n\nexport interface DSAccordionContextT {\n props: DSAccordionPropsWithDefaultsT;\n actualActiveValue: InternalActiveValueT;\n setActiveValues: (value: string | number, e: React.MouseEvent | React.KeyboardEvent) => void;\n focusableChildrenReferences: FocusableChildrenReferences[];\n allChildrenReferences: AllChildrenReferences;\n}\nexport interface DSAccordionUseAccordionContextT {\n props: DSAccordionPropsWithDefaultsT;\n actualActiveValue: InternalActiveValueT;\n setActiveValues: (value: string | number, e: React.MouseEvent | React.KeyboardEvent) => void;\n focusableChildrenReferences: FocusableChildrenReferences[];\n allChildrenReferences: AllChildrenReferences;\n}\n\n/* ****************************************** Hooks Types ********************************************** */\n\nexport interface UseAccordionPropsT {\n value: string | number;\n disabled: boolean;\n}\n\nexport interface UseAccordionItemReturnTypeT {\n handleOnClick: (e: React.MouseEvent) => void;\n handleOnKeyDown: (e: React.KeyboardEvent, dsIndex: number) => void;\n selected: boolean;\n}\n\nexport interface UseAccordionRefsPropsT {\n children: React.ReactElement<DSAccordionItemPropsT>[];\n}\n\nexport interface UseAccordionRefsReturnTypeT {\n focusableChildrenReferences: FocusableChildrenReferences[];\n allChildrenReferences: AllChildrenReferences;\n}\n\n/* ****************************************** Styled Types ********************************************** */\n\nexport interface StyledItemHeaderPropsT {\n withCustomActions: boolean;\n withSecondaryTitle?: string;\n isDSMobile: boolean;\n}\n\nexport interface StyledItemTitlesPropsT {\n withSecondaryTitle?: string;\n isDSMobile: boolean;\n}\n\nexport interface StyledPrimaryTitlePropsT {\n disabled: boolean;\n isDSMobile: boolean;\n}\n\nexport interface StyledItemContentPropsT {\n isDSMobile: boolean;\n}\n\nexport interface StyledSecondaryTitlePropsT {\n disabled: boolean;\n}\n\nexport interface StyledItemAddonPropsT {\n disabled: boolean;\n isDSMobile: boolean;\n}\n\nexport interface StyledItemHeaderContainerPropsT {\n disabled: boolean;\n}\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var useAccordion_exports = {};
|
|
29
|
-
__export(useAccordion_exports, {
|
|
30
|
-
useAccordion: () => useAccordion
|
|
31
|
-
});
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
var import_react = require("react");
|
|
34
|
-
var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
|
|
35
|
-
var import_useAccordionRefs = require("./useAccordionRefs");
|
|
36
|
-
var import_defaultProps = require("../defaultProps");
|
|
37
|
-
const useAccordion = (props) => {
|
|
38
|
-
const propsWithDefaults = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_defaultProps.defaultProps);
|
|
39
|
-
const { activeValue, allowMultipleOpen, onChange } = propsWithDefaults;
|
|
40
|
-
const { focusableChildrenReferences, allChildrenReferences } = (0, import_useAccordionRefs.useAccordionRefs)(propsWithDefaults);
|
|
41
|
-
const [internalActiveValue, setInternalActiveValue] = (0, import_react.useState)(activeValue);
|
|
42
|
-
const actualActiveValue = (0, import_react.useMemo)(() => {
|
|
43
|
-
if (activeValue === void 0)
|
|
44
|
-
return internalActiveValue;
|
|
45
|
-
return activeValue;
|
|
46
|
-
}, [activeValue, internalActiveValue]);
|
|
47
|
-
const setActiveValues = (0, import_react.useCallback)((value, e) => {
|
|
48
|
-
let newState;
|
|
49
|
-
if (allowMultipleOpen && (actualActiveValue === void 0 || actualActiveValue === null))
|
|
50
|
-
newState = [value];
|
|
51
|
-
else if (allowMultipleOpen && Array.isArray(actualActiveValue))
|
|
52
|
-
if (!actualActiveValue.some((currentValues) => currentValues === value))
|
|
53
|
-
newState = [...actualActiveValue, value];
|
|
54
|
-
else
|
|
55
|
-
newState = actualActiveValue.filter((currentValues) => currentValues !== value);
|
|
56
|
-
else if (actualActiveValue === value)
|
|
57
|
-
newState = null;
|
|
58
|
-
else
|
|
59
|
-
newState = value;
|
|
60
|
-
setInternalActiveValue(newState);
|
|
61
|
-
return onChange(newState, e);
|
|
62
|
-
}, [actualActiveValue, allowMultipleOpen, onChange]);
|
|
63
|
-
const ctx = (0, import_react.useMemo)(() => ({
|
|
64
|
-
props: propsWithDefaults,
|
|
65
|
-
actualActiveValue,
|
|
66
|
-
setActiveValues,
|
|
67
|
-
focusableChildrenReferences,
|
|
68
|
-
allChildrenReferences
|
|
69
|
-
}), [actualActiveValue, allChildrenReferences, focusableChildrenReferences, propsWithDefaults, setActiveValues]);
|
|
70
|
-
return ctx;
|
|
71
|
-
};
|
|
72
|
-
module.exports = __toCommonJS(useAccordion_exports);
|
|
73
|
-
//# sourceMappingURL=useAccordion.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/config/useAccordion.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React, { useMemo, useState, useCallback } from 'react';\nimport { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { useAccordionRefs } from './useAccordionRefs';\nimport { defaultProps } from '../defaultProps';\nimport type {\n DSAccordionPropsT,\n DSAccordionUseAccordionContextT,\n DSAccordionPropsWithDefaultsT,\n InternalActiveValueT,\n} from '../DSAccordionTypes';\n\nexport const useAccordion = (props: DSAccordionPropsT): DSAccordionUseAccordionContextT => {\n const propsWithDefaults = useMemoMergePropsWithDefault(props, defaultProps) as DSAccordionPropsWithDefaultsT;\n\n const { activeValue, allowMultipleOpen, onChange } = propsWithDefaults;\n\n const { focusableChildrenReferences, allChildrenReferences } = useAccordionRefs(propsWithDefaults);\n\n const [internalActiveValue, setInternalActiveValue] = useState<InternalActiveValueT>(activeValue);\n\n const actualActiveValue = useMemo(() => {\n if (activeValue === undefined) return internalActiveValue;\n return activeValue;\n }, [activeValue, internalActiveValue]);\n\n const setActiveValues = useCallback(\n (value: string | number, e: React.MouseEvent | React.KeyboardEvent) => {\n let newState: InternalActiveValueT;\n if (allowMultipleOpen && (actualActiveValue === undefined || actualActiveValue === null)) newState = [value];\n else if (allowMultipleOpen && Array.isArray(actualActiveValue))\n if (!actualActiveValue.some((currentValues: string | number) => currentValues === value))\n newState = [...actualActiveValue, value];\n else newState = actualActiveValue.filter((currentValues: string | number) => currentValues !== value);\n else if (actualActiveValue === value) newState = null;\n else newState = value;\n setInternalActiveValue(newState);\n return onChange(newState, e);\n },\n [actualActiveValue, allowMultipleOpen, onChange],\n );\n\n const ctx = useMemo(\n () => ({\n props: propsWithDefaults,\n actualActiveValue,\n setActiveValues,\n focusableChildrenReferences,\n allChildrenReferences,\n }),\n [actualActiveValue, allChildrenReferences, focusableChildrenReferences, propsWithDefaults, setActiveValues],\n );\n\n return ctx;\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAsD;AACtD,8BAA6C;AAC7C,8BAAiC;AACjC,0BAA6B;AAQtB,MAAM,eAAe,CAAC,UAA8D;AACzF,QAAM,oBAAoB,0DAA6B,OAAO;AAE9D,QAAM,EAAE,aAAa,mBAAmB,aAAa;AAErD,QAAM,EAAE,6BAA6B,0BAA0B,8CAAiB;AAEhF,QAAM,CAAC,qBAAqB,0BAA0B,2BAA+B;AAErF,QAAM,oBAAoB,0BAAQ,MAAM;AACtC,QAAI,gBAAgB;AAAW,aAAO;AACtC,WAAO;AAAA,KACN,CAAC,aAAa;AAEjB,QAAM,kBAAkB,8BACtB,CAAC,OAAwB,MAA8C;AACrE,QAAI;AACJ,QAAI,qBAAsB,uBAAsB,UAAa,sBAAsB;AAAO,iBAAW,CAAC;AAAA,aAC7F,qBAAqB,MAAM,QAAQ;AAC1C,UAAI,CAAC,kBAAkB,KAAK,CAAC,kBAAmC,kBAAkB;AAChF,mBAAW,CAAC,GAAG,mBAAmB;AAAA;AAC/B,mBAAW,kBAAkB,OAAO,CAAC,kBAAmC,kBAAkB;AAAA,aACxF,sBAAsB;AAAO,iBAAW;AAAA;AAC5C,iBAAW;AAChB,2BAAuB;AACvB,WAAO,SAAS,UAAU;AAAA,KAE5B,CAAC,mBAAmB,mBAAmB;AAGzC,QAAM,MAAM,0BACV,MAAO;AAAA,IACL,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAEF,CAAC,mBAAmB,uBAAuB,6BAA6B,mBAAmB;AAG7F,SAAO;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var useAccordionRefs_exports = {};
|
|
29
|
-
__export(useAccordionRefs_exports, {
|
|
30
|
-
useAccordionRefs: () => useAccordionRefs
|
|
31
|
-
});
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
var import_react = __toESM(require("react"));
|
|
34
|
-
const useAccordionRefs = ({ children }) => (0, import_react.useMemo)(() => {
|
|
35
|
-
const focusableChildrenReferences = [];
|
|
36
|
-
const allChildrenReferences = {};
|
|
37
|
-
import_react.default.Children.map(children, (child, index) => {
|
|
38
|
-
const { value, disabled } = child.props;
|
|
39
|
-
const currentRef = import_react.default.createRef();
|
|
40
|
-
allChildrenReferences[index] = currentRef;
|
|
41
|
-
if (!disabled)
|
|
42
|
-
focusableChildrenReferences.push({ index, value, ref: currentRef });
|
|
43
|
-
});
|
|
44
|
-
return { focusableChildrenReferences, allChildrenReferences };
|
|
45
|
-
}, [children]);
|
|
46
|
-
module.exports = __toCommonJS(useAccordionRefs_exports);
|
|
47
|
-
//# sourceMappingURL=useAccordionRefs.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/config/useAccordionRefs.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React, { useMemo } from 'react';\nimport type {\n UseAccordionRefsPropsT,\n UseAccordionRefsReturnTypeT,\n FocusableChildrenReferences,\n AllChildrenReferences,\n} from '../DSAccordionTypes';\n\nexport const useAccordionRefs = ({ children }: UseAccordionRefsPropsT): UseAccordionRefsReturnTypeT =>\n useMemo(() => {\n const focusableChildrenReferences: FocusableChildrenReferences[] = [];\n const allChildrenReferences: AllChildrenReferences = {};\n\n React.Children.map(children, (child, index) => {\n const { value, disabled } = child.props;\n const currentRef = React.createRef<HTMLButtonElement>();\n allChildrenReferences[index] = currentRef;\n if (!disabled) focusableChildrenReferences.push({ index, value, ref: currentRef });\n });\n return { focusableChildrenReferences, allChildrenReferences };\n }, [children]);\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA+B;AAQxB,MAAM,mBAAmB,CAAC,EAAE,eACjC,0BAAQ,MAAM;AACZ,QAAM,8BAA6D;AACnE,QAAM,wBAA+C;AAErD,uBAAM,SAAS,IAAI,UAAU,CAAC,OAAO,UAAU;AAC7C,UAAM,EAAE,OAAO,aAAa,MAAM;AAClC,UAAM,aAAa,qBAAM;AACzB,0BAAsB,SAAS;AAC/B,QAAI,CAAC;AAAU,kCAA4B,KAAK,EAAE,OAAO,OAAO,KAAK;AAAA;AAEvE,SAAO,EAAE,6BAA6B;AAAA,GACrC,CAAC;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|