@elliemae/ds-accordion 2.2.0-alpha.1 → 2.2.0-alpha.2
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 +50 -29
- package/cjs/DSAccordion.js.map +7 -0
- package/cjs/DSAccordionCTX.js +40 -14
- package/cjs/DSAccordionCTX.js.map +7 -0
- package/cjs/DSAccordionDatatestid.js +38 -10
- package/cjs/DSAccordionDatatestid.js.map +7 -0
- package/cjs/DSAccordionTypes.js +27 -2
- package/cjs/DSAccordionTypes.js.map +7 -0
- package/cjs/config/useAccordion.js +59 -36
- package/cjs/config/useAccordion.js.map +7 -0
- package/cjs/config/useAccordionRefs.js +46 -39
- package/cjs/config/useAccordionRefs.js.map +7 -0
- package/cjs/defaultProps.js +49 -39
- package/cjs/defaultProps.js.map +7 -0
- package/cjs/index.js +37 -14
- package/cjs/index.js.map +7 -0
- package/cjs/parts/accordionContent/AccordionContent.js +44 -35
- package/cjs/parts/accordionContent/AccordionContent.js.map +7 -0
- package/cjs/parts/accordionItem/DSAccordionItem.js +147 -174
- package/cjs/parts/accordionItem/DSAccordionItem.js.map +7 -0
- package/cjs/parts/accordionItem/styles.js +142 -128
- package/cjs/parts/accordionItem/styles.js.map +7 -0
- package/cjs/parts/accordionItem/useAccordionItem.js +52 -39
- package/cjs/parts/accordionItem/useAccordionItem.js.map +7 -0
- package/cjs/parts/accordionItem/useIsShowingEllipsis.js +42 -21
- package/cjs/parts/accordionItem/useIsShowingEllipsis.js.map +7 -0
- package/cjs/propTypes.js +53 -22
- package/cjs/propTypes.js.map +7 -0
- package/esm/DSAccordion.js +18 -16
- package/esm/DSAccordion.js.map +7 -0
- package/esm/DSAccordionCTX.js +10 -9
- package/esm/DSAccordionCTX.js.map +7 -0
- package/esm/DSAccordionDatatestid.js +9 -6
- package/esm/DSAccordionDatatestid.js.map +7 -0
- package/esm/DSAccordionTypes.js +2 -1
- package/esm/DSAccordionTypes.js.map +7 -0
- package/esm/config/useAccordion.js +25 -27
- package/esm/config/useAccordion.js.map +7 -0
- package/esm/config/useAccordionRefs.js +17 -31
- package/esm/config/useAccordionRefs.js.map +7 -0
- package/esm/defaultProps.js +21 -31
- package/esm/defaultProps.js.map +7 -0
- package/esm/index.js +8 -2
- package/esm/index.js.map +7 -0
- package/esm/parts/accordionContent/AccordionContent.js +14 -25
- package/esm/parts/accordionContent/AccordionContent.js.map +7 -0
- package/esm/parts/accordionItem/DSAccordionItem.js +114 -147
- package/esm/parts/accordionItem/DSAccordionItem.js.map +7 -0
- package/esm/parts/accordionItem/styles.js +116 -115
- package/esm/parts/accordionItem/styles.js.map +7 -0
- package/esm/parts/accordionItem/useAccordionItem.js +21 -33
- package/esm/parts/accordionItem/useAccordionItem.js.map +7 -0
- package/esm/parts/accordionItem/useIsShowingEllipsis.js +11 -15
- package/esm/parts/accordionItem/useIsShowingEllipsis.js.map +7 -0
- package/esm/propTypes.js +24 -17
- package/esm/propTypes.js.map +7 -0
- package/package.json +7 -7
package/esm/DSAccordion.js
CHANGED
|
@@ -1,21 +1,23 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import { describe } from
|
|
4
|
-
import { AccordionContent } from
|
|
5
|
-
import { useAccordion } from
|
|
6
|
-
import { DSAccordionContext } from
|
|
7
|
-
import { accordionPropTypes } from
|
|
8
|
-
|
|
9
|
-
var _AccordionContent;
|
|
10
|
-
|
|
11
|
-
const DSAccordion = props => {
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import React2 from "react";
|
|
3
|
+
import { describe } from "react-desc";
|
|
4
|
+
import { AccordionContent } from "./parts/accordionContent/AccordionContent";
|
|
5
|
+
import { useAccordion } from "./config/useAccordion";
|
|
6
|
+
import { DSAccordionContext } from "./DSAccordionCTX";
|
|
7
|
+
import { accordionPropTypes } from "./propTypes";
|
|
8
|
+
const DSAccordion = (props) => {
|
|
12
9
|
const ctx = useAccordion(props);
|
|
13
|
-
return
|
|
10
|
+
return /* @__PURE__ */ React2.createElement(DSAccordionContext.Provider, {
|
|
14
11
|
value: ctx
|
|
15
|
-
},
|
|
12
|
+
}, /* @__PURE__ */ React2.createElement(AccordionContent, null));
|
|
16
13
|
};
|
|
17
|
-
|
|
14
|
+
DSAccordion.propTypes = accordionPropTypes;
|
|
18
15
|
const DSAccordionWithSchema = describe(DSAccordion);
|
|
19
16
|
DSAccordionWithSchema.propTypes = accordionPropTypes;
|
|
20
|
-
|
|
21
|
-
export {
|
|
17
|
+
var DSAccordion_default = DSAccordion;
|
|
18
|
+
export {
|
|
19
|
+
DSAccordion,
|
|
20
|
+
DSAccordionWithSchema,
|
|
21
|
+
DSAccordion_default as default
|
|
22
|
+
};
|
|
23
|
+
//# sourceMappingURL=DSAccordion.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSAccordion.tsx"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
|
|
5
|
+
"mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAGA,MAAM,cAAc,CAAC,UAA0C;AAC7D,QAAM,MAAM,aAAa;AAEzB,SACE,qCAAC,mBAAmB,UAApB;AAAA,IAA6B,OAAO;AAAA,KAClC,qCAAC,kBAAD;AAAA;AAKN,YAAY,YAAY;AACxB,MAAM,wBAAwB,SAAS;AACvC,sBAAsB,YAAY;AAIlC,IAAO,sBAAQ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
package/esm/DSAccordionCTX.js
CHANGED
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { createContext } from "react";
|
|
3
|
+
import { defaultProps } from "./defaultProps";
|
|
4
|
+
const noop = () => {
|
|
5
|
+
};
|
|
7
6
|
const defaultContext = {
|
|
8
7
|
props: defaultProps,
|
|
9
8
|
actualActiveValue: [],
|
|
@@ -11,6 +10,8 @@ const defaultContext = {
|
|
|
11
10
|
focusableChildrenReferences: [],
|
|
12
11
|
allChildrenReferences: {}
|
|
13
12
|
};
|
|
14
|
-
const DSAccordionContext =
|
|
15
|
-
|
|
16
|
-
|
|
13
|
+
const DSAccordionContext = createContext(defaultContext);
|
|
14
|
+
export {
|
|
15
|
+
DSAccordionContext
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=DSAccordionCTX.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSAccordionCTX.tsx"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
|
|
5
|
+
"mappings": "AAAA;ACAA;AACA;AAIA,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,cAAmC;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,10 +1,13 @@
|
|
|
1
|
+
import * as React from "react";
|
|
1
2
|
const DSAccordionDataTestid = {
|
|
2
3
|
ITEM: {
|
|
3
|
-
CONTENT:
|
|
4
|
-
HEADER:
|
|
5
|
-
CONTAINER:
|
|
4
|
+
CONTENT: "ds-accordion_item-content",
|
|
5
|
+
HEADER: "ds-accordion_item-header",
|
|
6
|
+
CONTAINER: "ds-accordion_item"
|
|
6
7
|
},
|
|
7
|
-
GROUP:
|
|
8
|
+
GROUP: "ds-accordion_group"
|
|
8
9
|
};
|
|
9
|
-
|
|
10
|
-
|
|
10
|
+
export {
|
|
11
|
+
DSAccordionDataTestid
|
|
12
|
+
};
|
|
13
|
+
//# sourceMappingURL=DSAccordionDatatestid.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSAccordionDatatestid.tsx"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
|
|
5
|
+
"mappings": "AAAA;ACAO,MAAM,wBAAwB;AAAA,EACnC,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,WAAW;AAAA;AAAA,EAEb,OAAO;AAAA;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
package/esm/DSAccordionTypes.js
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
//# sourceMappingURL=DSAccordionTypes.js.map
|
|
@@ -1,35 +1,31 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
|
|
7
|
-
import { useState, useMemo, useCallback } from 'react';
|
|
8
|
-
import { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';
|
|
9
|
-
import { useAccordionRefs } from './useAccordionRefs.js';
|
|
10
|
-
import { defaultProps } from '../defaultProps.js';
|
|
11
|
-
|
|
12
|
-
const useAccordion = props => {
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { useMemo, useState, useCallback } from "react";
|
|
3
|
+
import { useMemoMergePropsWithDefault } from "@elliemae/ds-props-helpers";
|
|
4
|
+
import { useAccordionRefs } from "./useAccordionRefs";
|
|
5
|
+
import { defaultProps } from "../defaultProps";
|
|
6
|
+
const useAccordion = (props) => {
|
|
13
7
|
const propsWithDefaults = useMemoMergePropsWithDefault(props, defaultProps);
|
|
14
|
-
const {
|
|
15
|
-
|
|
16
|
-
allowMultipleOpen,
|
|
17
|
-
onChange
|
|
18
|
-
} = propsWithDefaults;
|
|
19
|
-
const {
|
|
20
|
-
focusableChildrenReferences,
|
|
21
|
-
allChildrenReferences
|
|
22
|
-
} = useAccordionRefs(propsWithDefaults);
|
|
8
|
+
const { activeValue, allowMultipleOpen, onChange } = propsWithDefaults;
|
|
9
|
+
const { focusableChildrenReferences, allChildrenReferences } = useAccordionRefs(propsWithDefaults);
|
|
23
10
|
const [internalActiveValue, setInternalActiveValue] = useState(activeValue);
|
|
24
11
|
const actualActiveValue = useMemo(() => {
|
|
25
|
-
if (activeValue ===
|
|
12
|
+
if (activeValue === void 0)
|
|
13
|
+
return internalActiveValue;
|
|
26
14
|
return activeValue;
|
|
27
15
|
}, [activeValue, internalActiveValue]);
|
|
28
16
|
const setActiveValues = useCallback((value, e) => {
|
|
29
17
|
let newState;
|
|
30
|
-
if (allowMultipleOpen && (actualActiveValue ===
|
|
31
|
-
|
|
32
|
-
|
|
18
|
+
if (allowMultipleOpen && (actualActiveValue === void 0 || actualActiveValue === null))
|
|
19
|
+
newState = [value];
|
|
20
|
+
else if (allowMultipleOpen && Array.isArray(actualActiveValue))
|
|
21
|
+
if (!actualActiveValue.some((currentValues) => currentValues === value))
|
|
22
|
+
newState = [...actualActiveValue, value];
|
|
23
|
+
else
|
|
24
|
+
newState = actualActiveValue.filter((currentValues) => currentValues !== value);
|
|
25
|
+
else if (actualActiveValue === value)
|
|
26
|
+
newState = null;
|
|
27
|
+
else
|
|
28
|
+
newState = value;
|
|
33
29
|
setInternalActiveValue(newState);
|
|
34
30
|
return onChange(newState, e);
|
|
35
31
|
}, [actualActiveValue, allowMultipleOpen, onChange]);
|
|
@@ -42,5 +38,7 @@ const useAccordion = props => {
|
|
|
42
38
|
}), [actualActiveValue, allChildrenReferences, focusableChildrenReferences, propsWithDefaults, setActiveValues]);
|
|
43
39
|
return ctx;
|
|
44
40
|
};
|
|
45
|
-
|
|
46
|
-
|
|
41
|
+
export {
|
|
42
|
+
useAccordion
|
|
43
|
+
};
|
|
44
|
+
//# sourceMappingURL=useAccordion.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useAccordion.tsx"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
|
|
5
|
+
"mappings": "AAAA;ACAA;AACA;AACA;AACA;AAQO,MAAM,eAAe,CAAC,UAA8D;AACzF,QAAM,oBAAoB,6BAA6B,OAAO;AAE9D,QAAM,EAAE,aAAa,mBAAmB,aAAa;AAErD,QAAM,EAAE,6BAA6B,0BAA0B,iBAAiB;AAEhF,QAAM,CAAC,qBAAqB,0BAA0B,SAA+B;AAErF,QAAM,oBAAoB,QAAQ,MAAM;AACtC,QAAI,gBAAgB;AAAW,aAAO;AACtC,WAAO;AAAA,KACN,CAAC,aAAa;AAEjB,QAAM,kBAAkB,YACtB,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,QACV,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,32 +1,18 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
const currentRef = /*#__PURE__*/React.createRef();
|
|
18
|
-
allChildrenReferences[index] = currentRef;
|
|
19
|
-
if (!disabled) focusableChildrenReferences.push({
|
|
20
|
-
index,
|
|
21
|
-
value,
|
|
22
|
-
ref: currentRef
|
|
23
|
-
});
|
|
24
|
-
});
|
|
25
|
-
return {
|
|
26
|
-
focusableChildrenReferences,
|
|
27
|
-
allChildrenReferences
|
|
28
|
-
};
|
|
29
|
-
}, [children]);
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import React2, { useMemo } from "react";
|
|
3
|
+
const useAccordionRefs = ({ children }) => useMemo(() => {
|
|
4
|
+
const focusableChildrenReferences = [];
|
|
5
|
+
const allChildrenReferences = {};
|
|
6
|
+
React2.Children.map(children, (child, index) => {
|
|
7
|
+
const { value, disabled } = child.props;
|
|
8
|
+
const currentRef = React2.createRef();
|
|
9
|
+
allChildrenReferences[index] = currentRef;
|
|
10
|
+
if (!disabled)
|
|
11
|
+
focusableChildrenReferences.push({ index, value, ref: currentRef });
|
|
12
|
+
});
|
|
13
|
+
return { focusableChildrenReferences, allChildrenReferences };
|
|
14
|
+
}, [children]);
|
|
15
|
+
export {
|
|
16
|
+
useAccordionRefs
|
|
30
17
|
};
|
|
31
|
-
|
|
32
|
-
export { useAccordionRefs };
|
|
18
|
+
//# sourceMappingURL=useAccordionRefs.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useAccordionRefs.tsx"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
|
|
5
|
+
"mappings": "AAAA;ACAA;AAQO,MAAM,mBAAmB,CAAC,EAAE,eACjC,QAAQ,MAAM;AACZ,QAAM,8BAA6D;AACnE,QAAM,wBAA+C;AAErD,SAAM,SAAS,IAAI,UAAU,CAAC,OAAO,UAAU;AAC7C,UAAM,EAAE,OAAO,aAAa,MAAM;AAClC,UAAM,aAAa,OAAM;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
|
+
}
|
package/esm/defaultProps.js
CHANGED
|
@@ -1,31 +1,18 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { memo } from
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
}
|
|
16
|
-
const DefaultIconOpen = /*#__PURE__*/memo(_ref2 => {
|
|
17
|
-
let {
|
|
18
|
-
isDSMobile = false
|
|
19
|
-
} = _ref2;
|
|
20
|
-
return isDSMobile ? _ChevronDown || (_ChevronDown = /*#__PURE__*/_jsx2(ChevronDown, {
|
|
21
|
-
width: "20px"
|
|
22
|
-
})) : _ArrowheadDown || (_ArrowheadDown = /*#__PURE__*/_jsx2(ArrowheadDown, {
|
|
23
|
-
width: "20px"
|
|
24
|
-
}));
|
|
25
|
-
}); // eslint-disable-next-line @typescript-eslint/no-empty-function
|
|
26
|
-
|
|
27
|
-
const noop = () => {};
|
|
28
|
-
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import React2, { memo } from "react";
|
|
3
|
+
import { ArrowheadRight, ArrowheadDown, ChevronRight, ChevronDown } from "@elliemae/ds-icons";
|
|
4
|
+
const DefaultIconClosed = memo(({ isDSMobile = false }) => isDSMobile ? /* @__PURE__ */ React2.createElement(ChevronRight, {
|
|
5
|
+
width: "20px"
|
|
6
|
+
}) : /* @__PURE__ */ React2.createElement(ArrowheadRight, {
|
|
7
|
+
width: "20px"
|
|
8
|
+
}));
|
|
9
|
+
const DefaultIconOpen = memo(({ isDSMobile = false }) => isDSMobile ? /* @__PURE__ */ React2.createElement(ChevronDown, {
|
|
10
|
+
width: "20px"
|
|
11
|
+
}) : /* @__PURE__ */ React2.createElement(ArrowheadDown, {
|
|
12
|
+
width: "20px"
|
|
13
|
+
}));
|
|
14
|
+
const noop = () => {
|
|
15
|
+
};
|
|
29
16
|
const defaultProps = {
|
|
30
17
|
containerProps: {},
|
|
31
18
|
allowMultipleOpen: false,
|
|
@@ -37,9 +24,12 @@ const defaultProps = {
|
|
|
37
24
|
const accordionItemDefaultProps = {
|
|
38
25
|
iconClosed: DefaultIconClosed,
|
|
39
26
|
iconOpened: DefaultIconOpen,
|
|
40
|
-
title:
|
|
27
|
+
title: "",
|
|
41
28
|
customActions: [],
|
|
42
29
|
disabled: false
|
|
43
30
|
};
|
|
44
|
-
|
|
45
|
-
|
|
31
|
+
export {
|
|
32
|
+
accordionItemDefaultProps,
|
|
33
|
+
defaultProps
|
|
34
|
+
};
|
|
35
|
+
//# sourceMappingURL=defaultProps.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/defaultProps.tsx"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { memo } from 'react';\nimport { ArrowheadRight, ArrowheadDown, ChevronRight, ChevronDown } from '@elliemae/ds-icons';\nimport type { DefaultIconPropsT, DSAccordionDefaultPropsT, DSAccordionItemDefaultPropsT } from './DSAccordionTypes';\n\nconst DefaultIconClosed = memo(({ isDSMobile = false }: DefaultIconPropsT) =>\n isDSMobile ? <ChevronRight width=\"20px\" /> : <ArrowheadRight width=\"20px\" />,\n);\n\nconst DefaultIconOpen = memo(({ isDSMobile = false }: DefaultIconPropsT) =>\n isDSMobile ? <ChevronDown width=\"20px\" /> : <ArrowheadDown width=\"20px\" />,\n);\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = (): void => {};\n\nexport const defaultProps: DSAccordionDefaultPropsT = {\n containerProps: {},\n allowMultipleOpen: false,\n contentExpandable: false,\n onChange: noop,\n children: [],\n isDSMobile: false,\n};\n\nexport const accordionItemDefaultProps: DSAccordionItemDefaultPropsT = {\n iconClosed: DefaultIconClosed,\n iconOpened: DefaultIconOpen,\n title: '',\n customActions: [],\n disabled: false,\n};\n"],
|
|
5
|
+
"mappings": "AAAA;ACAA;AACA;AAGA,MAAM,oBAAoB,KAAK,CAAC,EAAE,aAAa,YAC7C,aAAa,qCAAC,cAAD;AAAA,EAAc,OAAM;AAAA,KAAY,qCAAC,gBAAD;AAAA,EAAgB,OAAM;AAAA;AAGrE,MAAM,kBAAkB,KAAK,CAAC,EAAE,aAAa,YAC3C,aAAa,qCAAC,aAAD;AAAA,EAAa,OAAM;AAAA,KAAY,qCAAC,eAAD;AAAA,EAAe,OAAM;AAAA;AAInE,MAAM,OAAO,MAAY;AAAA;AAElB,MAAM,eAAyC;AAAA,EACpD,gBAAgB;AAAA,EAChB,mBAAmB;AAAA,EACnB,mBAAmB;AAAA,EACnB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,YAAY;AAAA;AAGP,MAAM,4BAA0D;AAAA,EACrE,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,eAAe;AAAA,EACf,UAAU;AAAA;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
package/esm/index.js
CHANGED
|
@@ -1,2 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
export
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
export * from "./DSAccordion";
|
|
3
|
+
export * from "./parts/accordionItem/DSAccordionItem";
|
|
4
|
+
import { default as default2 } from "./DSAccordion";
|
|
5
|
+
export {
|
|
6
|
+
default2 as default
|
|
7
|
+
};
|
|
8
|
+
//# sourceMappingURL=index.js.map
|
package/esm/index.js.map
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSAccordion';\nexport * from './parts/accordionItem/DSAccordionItem';\n\nexport type { DSAccordionPropsT, DSAccordionItemPropsT } from './DSAccordionTypes';\n\nexport { default } from './DSAccordion';\n"],
|
|
5
|
+
"mappings": "AAAA;ACAA;AACA;AAIA;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,32 +1,21 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import 'core-js/modules/esnext.async-iterator.filter.js';
|
|
6
|
-
import 'core-js/modules/esnext.iterator.filter.js';
|
|
7
|
-
import React, { useContext } from 'react';
|
|
8
|
-
import { DSAccordionContext } from '../../DSAccordionCTX.js';
|
|
9
|
-
import { DSAccordionDataTestid } from '../../DSAccordionDatatestid.js';
|
|
10
|
-
import { jsx } from 'react/jsx-runtime';
|
|
11
|
-
|
|
12
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
13
|
-
|
|
14
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import React2, { useContext } from "react";
|
|
3
|
+
import { DSAccordionContext } from "../../DSAccordionCTX";
|
|
4
|
+
import { DSAccordionDataTestid } from "../../DSAccordionDatatestid";
|
|
15
5
|
const AccordionContent = () => {
|
|
16
6
|
const {
|
|
17
|
-
props: {
|
|
18
|
-
containerProps,
|
|
19
|
-
children
|
|
20
|
-
}
|
|
7
|
+
props: { containerProps, children }
|
|
21
8
|
} = useContext(DSAccordionContext);
|
|
22
9
|
const childrenWithIndex = [];
|
|
23
|
-
|
|
10
|
+
React2.Children.forEach(children, (child, index) => childrenWithIndex.push(React2.cloneElement(child, {
|
|
24
11
|
dsIndex: index
|
|
25
12
|
})));
|
|
26
|
-
return
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
})
|
|
13
|
+
return /* @__PURE__ */ React2.createElement("div", {
|
|
14
|
+
...containerProps,
|
|
15
|
+
"data-testid": DSAccordionDataTestid.GROUP
|
|
16
|
+
}, childrenWithIndex);
|
|
30
17
|
};
|
|
31
|
-
|
|
32
|
-
|
|
18
|
+
export {
|
|
19
|
+
AccordionContent
|
|
20
|
+
};
|
|
21
|
+
//# sourceMappingURL=AccordionContent.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/accordionContent/AccordionContent.tsx"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { DSAccordionContext } from '../../DSAccordionCTX';\nimport { DSAccordionDataTestid } from '../../DSAccordionDatatestid';\nimport type { DSAccordionItemPropsT } from '../../DSAccordionTypes';\n\nexport const AccordionContent = (): JSX.Element => {\n const {\n props: { containerProps, children },\n } = useContext(DSAccordionContext);\n\n const childrenWithIndex: React.ReactElement<DSAccordionItemPropsT>[] = [];\n\n React.Children.forEach(children, (child, index) =>\n childrenWithIndex.push(\n React.cloneElement(child, {\n dsIndex: index,\n }),\n ),\n );\n\n return (\n <div {...containerProps} data-testid={DSAccordionDataTestid.GROUP}>\n {childrenWithIndex}\n </div>\n );\n};\n"],
|
|
5
|
+
"mappings": "AAAA;ACAA;AACA;AACA;AAGO,MAAM,mBAAmB,MAAmB;AACjD,QAAM;AAAA,IACJ,OAAO,EAAE,gBAAgB;AAAA,MACvB,WAAW;AAEf,QAAM,oBAAiE;AAEvE,SAAM,SAAS,QAAQ,UAAU,CAAC,OAAO,UACvC,kBAAkB,KAChB,OAAM,aAAa,OAAO;AAAA,IACxB,SAAS;AAAA;AAKf,SACE,qCAAC,OAAD;AAAA,OAAS;AAAA,IAAgB,eAAa,sBAAsB;AAAA,KACzD;AAAA;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|