@elliemae/ds-accordion 2.2.0-alpha.3 → 3.0.0-next.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/DSAccordion.js +29 -50
- package/cjs/DSAccordionCTX.js +14 -40
- package/cjs/DSAccordionDatatestid.js +10 -38
- package/cjs/DSAccordionTypes.js +2 -27
- package/cjs/config/useAccordion.js +36 -59
- package/cjs/config/useAccordionRefs.js +39 -46
- package/cjs/defaultProps.js +39 -49
- package/cjs/index.js +14 -37
- package/cjs/parts/accordionContent/AccordionContent.js +35 -44
- package/cjs/parts/accordionItem/DSAccordionItem.js +174 -147
- package/cjs/parts/accordionItem/styles.js +128 -142
- package/cjs/parts/accordionItem/useAccordionItem.js +39 -52
- package/cjs/parts/accordionItem/useIsShowingEllipsis.js +21 -42
- package/cjs/propTypes.js +22 -53
- package/esm/DSAccordion.js +16 -18
- package/esm/DSAccordionCTX.js +9 -10
- package/esm/DSAccordionDatatestid.js +6 -9
- package/esm/DSAccordionTypes.js +1 -2
- package/esm/config/useAccordion.js +27 -25
- package/esm/config/useAccordionRefs.js +31 -17
- package/esm/defaultProps.js +31 -21
- package/esm/index.js +2 -8
- package/esm/parts/accordionContent/AccordionContent.js +25 -14
- package/esm/parts/accordionItem/DSAccordionItem.js +147 -114
- package/esm/parts/accordionItem/styles.js +115 -116
- package/esm/parts/accordionItem/useAccordionItem.js +33 -21
- package/esm/parts/accordionItem/useIsShowingEllipsis.js +15 -11
- package/esm/propTypes.js +17 -24
- package/package.json +7 -7
- package/cjs/DSAccordion.js.map +0 -7
- package/cjs/DSAccordionCTX.js.map +0 -7
- package/cjs/DSAccordionDatatestid.js.map +0 -7
- package/cjs/DSAccordionTypes.js.map +0 -7
- package/cjs/config/useAccordion.js.map +0 -7
- package/cjs/config/useAccordionRefs.js.map +0 -7
- package/cjs/defaultProps.js.map +0 -7
- package/cjs/index.js.map +0 -7
- package/cjs/parts/accordionContent/AccordionContent.js.map +0 -7
- package/cjs/parts/accordionItem/DSAccordionItem.js.map +0 -7
- package/cjs/parts/accordionItem/styles.js.map +0 -7
- package/cjs/parts/accordionItem/useAccordionItem.js.map +0 -7
- package/cjs/parts/accordionItem/useIsShowingEllipsis.js.map +0 -7
- package/cjs/propTypes.js.map +0 -7
- package/esm/DSAccordion.js.map +0 -7
- package/esm/DSAccordionCTX.js.map +0 -7
- package/esm/DSAccordionDatatestid.js.map +0 -7
- package/esm/DSAccordionTypes.js.map +0 -7
- package/esm/config/useAccordion.js.map +0 -7
- package/esm/config/useAccordionRefs.js.map +0 -7
- package/esm/defaultProps.js.map +0 -7
- package/esm/index.js.map +0 -7
- package/esm/parts/accordionContent/AccordionContent.js.map +0 -7
- package/esm/parts/accordionItem/DSAccordionItem.js.map +0 -7
- package/esm/parts/accordionItem/styles.js.map +0 -7
- package/esm/parts/accordionItem/useAccordionItem.js.map +0 -7
- package/esm/parts/accordionItem/useIsShowingEllipsis.js.map +0 -7
- package/esm/propTypes.js.map +0 -7
package/cjs/DSAccordion.js
CHANGED
|
@@ -1,52 +1,31 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
|
|
7
|
-
var
|
|
8
|
-
var
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
return
|
|
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 = __toESM(require("react-desc"));
|
|
37
|
-
var import_AccordionContent = __toESM(require("./parts/accordionContent/AccordionContent"));
|
|
38
|
-
var import_useAccordion = __toESM(require("./config/useAccordion"));
|
|
39
|
-
var import_DSAccordionCTX = __toESM(require("./DSAccordionCTX"));
|
|
40
|
-
var import_propTypes = __toESM(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, {
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var _jsx2 = require('@babel/runtime/helpers/jsx');
|
|
6
|
+
require('react');
|
|
7
|
+
var reactDesc = require('react-desc');
|
|
8
|
+
var AccordionContent = require('./parts/accordionContent/AccordionContent.js');
|
|
9
|
+
var useAccordion = require('./config/useAccordion.js');
|
|
10
|
+
var DSAccordionCTX = require('./DSAccordionCTX.js');
|
|
11
|
+
var propTypes = require('./propTypes.js');
|
|
12
|
+
|
|
13
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
14
|
+
|
|
15
|
+
var _jsx2__default = /*#__PURE__*/_interopDefaultLegacy(_jsx2);
|
|
16
|
+
|
|
17
|
+
var _AccordionContent;
|
|
18
|
+
|
|
19
|
+
const DSAccordion = props => {
|
|
20
|
+
const ctx = useAccordion.useAccordion(props);
|
|
21
|
+
return /*#__PURE__*/_jsx2__default["default"](DSAccordionCTX.DSAccordionContext.Provider, {
|
|
44
22
|
value: ctx
|
|
45
|
-
},
|
|
23
|
+
}, void 0, _AccordionContent || (_AccordionContent = /*#__PURE__*/_jsx2__default["default"](AccordionContent.AccordionContent, {})));
|
|
46
24
|
};
|
|
47
|
-
|
|
48
|
-
const DSAccordionWithSchema =
|
|
49
|
-
DSAccordionWithSchema.propTypes =
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
25
|
+
|
|
26
|
+
const DSAccordionWithSchema = reactDesc.describe(DSAccordion);
|
|
27
|
+
DSAccordionWithSchema.propTypes = propTypes.accordionPropTypes;
|
|
28
|
+
|
|
29
|
+
exports.DSAccordion = DSAccordion;
|
|
30
|
+
exports.DSAccordionWithSchema = DSAccordionWithSchema;
|
|
31
|
+
exports["default"] = DSAccordion;
|
package/cjs/DSAccordionCTX.js
CHANGED
|
@@ -1,46 +1,20 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
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 = __toESM(require("react"));
|
|
34
|
-
var import_defaultProps = __toESM(require("./defaultProps"));
|
|
35
|
-
const noop = () => {
|
|
36
|
-
};
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var defaultProps = require('./defaultProps.js');
|
|
7
|
+
|
|
8
|
+
// eslint-disable-next-line @typescript-eslint/no-empty-function
|
|
9
|
+
const noop = () => {};
|
|
10
|
+
|
|
37
11
|
const defaultContext = {
|
|
38
|
-
props:
|
|
12
|
+
props: defaultProps.defaultProps,
|
|
39
13
|
actualActiveValue: [],
|
|
40
14
|
setActiveValues: noop,
|
|
41
15
|
focusableChildrenReferences: [],
|
|
42
16
|
allChildrenReferences: {}
|
|
43
17
|
};
|
|
44
|
-
const DSAccordionContext =
|
|
45
|
-
|
|
46
|
-
|
|
18
|
+
const DSAccordionContext = /*#__PURE__*/React.createContext(defaultContext);
|
|
19
|
+
|
|
20
|
+
exports.DSAccordionContext = DSAccordionContext;
|
|
@@ -1,42 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
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"));
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
33
5
|
const DSAccordionDataTestid = {
|
|
34
6
|
ITEM: {
|
|
35
|
-
CONTENT:
|
|
36
|
-
HEADER:
|
|
37
|
-
CONTAINER:
|
|
7
|
+
CONTENT: 'ds-accordion_item-content',
|
|
8
|
+
HEADER: 'ds-accordion_item-header',
|
|
9
|
+
CONTAINER: 'ds-accordion_item'
|
|
38
10
|
},
|
|
39
|
-
GROUP:
|
|
11
|
+
GROUP: 'ds-accordion_group'
|
|
40
12
|
};
|
|
41
|
-
|
|
42
|
-
|
|
13
|
+
|
|
14
|
+
exports.DSAccordionDataTestid = DSAccordionDataTestid;
|
package/cjs/DSAccordionTypes.js
CHANGED
|
@@ -1,27 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
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
|
+
'use strict';
|
|
2
|
+
|
|
@@ -1,66 +1,43 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
var
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
};
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
};
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
useAccordion: () => useAccordion
|
|
31
|
-
});
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
var import_react = __toESM(require("react"));
|
|
34
|
-
var import_ds_props_helpers = __toESM(require("@elliemae/ds-props-helpers"));
|
|
35
|
-
var import_useAccordionRefs = __toESM(require("./useAccordionRefs"));
|
|
36
|
-
var import_defaultProps = __toESM(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;
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
require('core-js/modules/web.dom-collections.iterator.js');
|
|
6
|
+
require('core-js/modules/esnext.async-iterator.some.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
8
|
+
require('core-js/modules/esnext.iterator.some.js');
|
|
9
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
10
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
11
|
+
var React = require('react');
|
|
12
|
+
var dsPropsHelpers = require('@elliemae/ds-props-helpers');
|
|
13
|
+
var useAccordionRefs = require('./useAccordionRefs.js');
|
|
14
|
+
var defaultProps = require('../defaultProps.js');
|
|
15
|
+
|
|
16
|
+
const useAccordion = props => {
|
|
17
|
+
const propsWithDefaults = dsPropsHelpers.useMemoMergePropsWithDefault(props, defaultProps.defaultProps);
|
|
18
|
+
const {
|
|
19
|
+
activeValue,
|
|
20
|
+
allowMultipleOpen,
|
|
21
|
+
onChange
|
|
22
|
+
} = propsWithDefaults;
|
|
23
|
+
const {
|
|
24
|
+
focusableChildrenReferences,
|
|
25
|
+
allChildrenReferences
|
|
26
|
+
} = useAccordionRefs.useAccordionRefs(propsWithDefaults);
|
|
27
|
+
const [internalActiveValue, setInternalActiveValue] = React.useState(activeValue);
|
|
28
|
+
const actualActiveValue = React.useMemo(() => {
|
|
29
|
+
if (activeValue === undefined) return internalActiveValue;
|
|
45
30
|
return activeValue;
|
|
46
31
|
}, [activeValue, internalActiveValue]);
|
|
47
|
-
const setActiveValues =
|
|
32
|
+
const setActiveValues = React.useCallback((value, e) => {
|
|
48
33
|
let newState;
|
|
49
|
-
if (allowMultipleOpen && (actualActiveValue ===
|
|
50
|
-
newState = [value];
|
|
51
|
-
else if (
|
|
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;
|
|
34
|
+
if (allowMultipleOpen && (actualActiveValue === undefined || actualActiveValue === null)) newState = [value];else if (allowMultipleOpen && Array.isArray(actualActiveValue)) {
|
|
35
|
+
if (!actualActiveValue.some(currentValues => currentValues === value)) newState = [...actualActiveValue, value];else newState = actualActiveValue.filter(currentValues => currentValues !== value);
|
|
36
|
+
} else if (actualActiveValue === value) newState = null;else newState = value;
|
|
60
37
|
setInternalActiveValue(newState);
|
|
61
38
|
return onChange(newState, e);
|
|
62
39
|
}, [actualActiveValue, allowMultipleOpen, onChange]);
|
|
63
|
-
const ctx =
|
|
40
|
+
const ctx = React.useMemo(() => ({
|
|
64
41
|
props: propsWithDefaults,
|
|
65
42
|
actualActiveValue,
|
|
66
43
|
setActiveValues,
|
|
@@ -69,5 +46,5 @@ const useAccordion = (props) => {
|
|
|
69
46
|
}), [actualActiveValue, allChildrenReferences, focusableChildrenReferences, propsWithDefaults, setActiveValues]);
|
|
70
47
|
return ctx;
|
|
71
48
|
};
|
|
72
|
-
|
|
73
|
-
|
|
49
|
+
|
|
50
|
+
exports.useAccordion = useAccordion;
|
|
@@ -1,47 +1,40 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
var
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
require('core-js/modules/esnext.async-iterator.map.js');
|
|
6
|
+
require('core-js/modules/esnext.iterator.map.js');
|
|
7
|
+
var React = require('react');
|
|
8
|
+
|
|
9
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
10
|
+
|
|
11
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
12
|
+
|
|
13
|
+
const useAccordionRefs = _ref => {
|
|
14
|
+
let {
|
|
15
|
+
children
|
|
16
|
+
} = _ref;
|
|
17
|
+
return React.useMemo(() => {
|
|
18
|
+
const focusableChildrenReferences = [];
|
|
19
|
+
const allChildrenReferences = {};
|
|
20
|
+
React__default["default"].Children.map(children, (child, index) => {
|
|
21
|
+
const {
|
|
22
|
+
value,
|
|
23
|
+
disabled
|
|
24
|
+
} = child.props;
|
|
25
|
+
const currentRef = /*#__PURE__*/React__default["default"].createRef();
|
|
26
|
+
allChildrenReferences[index] = currentRef;
|
|
27
|
+
if (!disabled) focusableChildrenReferences.push({
|
|
28
|
+
index,
|
|
29
|
+
value,
|
|
30
|
+
ref: currentRef
|
|
31
|
+
});
|
|
32
|
+
});
|
|
33
|
+
return {
|
|
34
|
+
focusableChildrenReferences,
|
|
35
|
+
allChildrenReferences
|
|
36
|
+
};
|
|
37
|
+
}, [children]);
|
|
11
38
|
};
|
|
12
|
-
|
|
13
|
-
|
|
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
|
|
39
|
+
|
|
40
|
+
exports.useAccordionRefs = useAccordionRefs;
|
package/cjs/defaultProps.js
CHANGED
|
@@ -1,50 +1,39 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
var
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
}
|
|
18
|
-
return
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
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 defaultProps_exports = {};
|
|
29
|
-
__export(defaultProps_exports, {
|
|
30
|
-
accordionItemDefaultProps: () => accordionItemDefaultProps,
|
|
31
|
-
defaultProps: () => defaultProps
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var _jsx2 = require('@babel/runtime/helpers/jsx');
|
|
6
|
+
var React = require('react');
|
|
7
|
+
var dsIcons = require('@elliemae/ds-icons');
|
|
8
|
+
|
|
9
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
10
|
+
|
|
11
|
+
var _jsx2__default = /*#__PURE__*/_interopDefaultLegacy(_jsx2);
|
|
12
|
+
|
|
13
|
+
var _ChevronRight, _ArrowheadRight, _ChevronDown, _ArrowheadDown;
|
|
14
|
+
const DefaultIconClosed = /*#__PURE__*/React.memo(_ref => {
|
|
15
|
+
let {
|
|
16
|
+
isDSMobile = false
|
|
17
|
+
} = _ref;
|
|
18
|
+
return isDSMobile ? _ChevronRight || (_ChevronRight = /*#__PURE__*/_jsx2__default["default"](dsIcons.ChevronRight, {
|
|
19
|
+
width: "20px"
|
|
20
|
+
})) : _ArrowheadRight || (_ArrowheadRight = /*#__PURE__*/_jsx2__default["default"](dsIcons.ArrowheadRight, {
|
|
21
|
+
width: "20px"
|
|
22
|
+
}));
|
|
32
23
|
});
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
const noop = () => {
|
|
47
|
-
};
|
|
24
|
+
const DefaultIconOpen = /*#__PURE__*/React.memo(_ref2 => {
|
|
25
|
+
let {
|
|
26
|
+
isDSMobile = false
|
|
27
|
+
} = _ref2;
|
|
28
|
+
return isDSMobile ? _ChevronDown || (_ChevronDown = /*#__PURE__*/_jsx2__default["default"](dsIcons.ChevronDown, {
|
|
29
|
+
width: "20px"
|
|
30
|
+
})) : _ArrowheadDown || (_ArrowheadDown = /*#__PURE__*/_jsx2__default["default"](dsIcons.ArrowheadDown, {
|
|
31
|
+
width: "20px"
|
|
32
|
+
}));
|
|
33
|
+
}); // eslint-disable-next-line @typescript-eslint/no-empty-function
|
|
34
|
+
|
|
35
|
+
const noop = () => {};
|
|
36
|
+
|
|
48
37
|
const defaultProps = {
|
|
49
38
|
containerProps: {},
|
|
50
39
|
allowMultipleOpen: false,
|
|
@@ -56,9 +45,10 @@ const defaultProps = {
|
|
|
56
45
|
const accordionItemDefaultProps = {
|
|
57
46
|
iconClosed: DefaultIconClosed,
|
|
58
47
|
iconOpened: DefaultIconOpen,
|
|
59
|
-
title:
|
|
48
|
+
title: '',
|
|
60
49
|
customActions: [],
|
|
61
50
|
disabled: false
|
|
62
51
|
};
|
|
63
|
-
|
|
64
|
-
|
|
52
|
+
|
|
53
|
+
exports.accordionItemDefaultProps = accordionItemDefaultProps;
|
|
54
|
+
exports.defaultProps = defaultProps;
|
package/cjs/index.js
CHANGED
|
@@ -1,37 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
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 src_exports = {};
|
|
29
|
-
__export(src_exports, {
|
|
30
|
-
default: () => import_DSAccordion.default
|
|
31
|
-
});
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
__reExport(src_exports, __toESM(require("./DSAccordion")));
|
|
34
|
-
__reExport(src_exports, __toESM(require("./parts/accordionItem/DSAccordionItem")));
|
|
35
|
-
var import_DSAccordion = __toESM(require("./DSAccordion"));
|
|
36
|
-
module.exports = __toCommonJS(src_exports);
|
|
37
|
-
//# sourceMappingURL=index.js.map
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var DSAccordion = require('./DSAccordion.js');
|
|
6
|
+
var DSAccordionItem = require('./parts/accordionItem/DSAccordionItem.js');
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
exports.DSAccordion = DSAccordion.DSAccordion;
|
|
11
|
+
exports.DSAccordionWithSchema = DSAccordion.DSAccordionWithSchema;
|
|
12
|
+
exports["default"] = DSAccordion.DSAccordion;
|
|
13
|
+
exports.DSAccordionItem = DSAccordionItem.DSAccordionItem;
|
|
14
|
+
exports.DSAccordionItemWithSchema = DSAccordionItem.DSAccordionItemWithSchema;
|