@elliemae/ds-accordion 3.12.0-rc.2 → 3.12.0-rc.4

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.
Files changed (17) hide show
  1. package/dist/cjs/DSAccordion.js +1 -4
  2. package/dist/cjs/DSAccordion.js.map +1 -1
  3. package/dist/cjs/defaultProps.js +2 -12
  4. package/dist/cjs/defaultProps.js.map +1 -1
  5. package/dist/cjs/parts/accordionContent/AccordionContent.js +1 -7
  6. package/dist/cjs/parts/accordionContent/AccordionContent.js.map +1 -1
  7. package/dist/cjs/parts/accordionItem/DSAccordionItem.js +71 -102
  8. package/dist/cjs/parts/accordionItem/DSAccordionItem.js.map +1 -1
  9. package/dist/esm/DSAccordion.js +1 -4
  10. package/dist/esm/DSAccordion.js.map +1 -1
  11. package/dist/esm/defaultProps.js +2 -12
  12. package/dist/esm/defaultProps.js.map +1 -1
  13. package/dist/esm/parts/accordionContent/AccordionContent.js +1 -7
  14. package/dist/esm/parts/accordionContent/AccordionContent.js.map +1 -1
  15. package/dist/esm/parts/accordionItem/DSAccordionItem.js +71 -102
  16. package/dist/esm/parts/accordionItem/DSAccordionItem.js.map +1 -1
  17. package/package.json +6 -6
package/dist/cjs/DSAccordion.js CHANGED
@@ -39,10 +39,7 @@ var import_react_desc_prop_types = require("./react-desc-prop-types");
39
39
  var import_theming = require("./exported-related/theming");
40
40
  const DSAccordion = (props) => {
41
41
  const ctx = (0, import_useAccordion.useAccordion)(props);
42
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DSAccordionCTX.DSAccordionContext.Provider, {
43
- value: ctx,
44
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_AccordionContent.AccordionContent, {})
45
- });
42
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DSAccordionCTX.DSAccordionContext.Provider, { value: ctx, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_AccordionContent.AccordionContent, {}) });
46
43
  };
47
44
  DSAccordion.displayName = import_theming.DSAccordionName;
48
45
  const DSAccordionWithSchema = (0, import_ds_utilities.describe)(DSAccordion);
package/dist/cjs/DSAccordion.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/DSAccordion.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport React from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport { AccordionContent } from './parts/accordionContent/AccordionContent';\nimport { useAccordion } from './config/useAccordion';\nimport { DSAccordionContext } from './DSAccordionCTX';\nimport { accordionPropTypes } from './react-desc-prop-types';\nimport type { DSAccordionT } from './react-desc-prop-types';\nimport { DSAccordionName } from './exported-related/theming';\n\nconst DSAccordion = (props: DSAccordionT.Props): JSX.Element => {\n const ctx = useAccordion(props);\n\n return (\n <DSAccordionContext.Provider value={ctx}>\n <AccordionContent />\n </DSAccordionContext.Provider>\n );\n};\n\nDSAccordion.displayName = DSAccordionName;\nconst DSAccordionWithSchema = describe(DSAccordion);\nDSAccordionWithSchema.propTypes = accordionPropTypes as WeakValidationMap<unknown>;\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;AAAA;ACAA,YAAuB;ADejB;AAbN,0BAAyB;AACzB,8BAAiC;AACjC,0BAA6B;AAC7B,4BAAmC;AACnC,mCAAmC;AAEnC,qBAAgC;AAEhC,MAAM,cAAc,CAAC,UAA2C;AAC9D,QAAM,UAAM,kCAAa,KAAK;AAE9B,SACE,4CAAC,yCAAmB,UAAnB;AAAA,IAA4B,OAAO;AAAA,IAClC,sDAAC,4CAAiB;AAAA,GACpB;AAEJ;AAEA,YAAY,cAAc;AAC1B,MAAM,4BAAwB,8BAAS,WAAW;AAClD,sBAAsB,YAAY;AAIlC,IAAO,sBAAQ;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADejB;AAbN,0BAAyB;AACzB,8BAAiC;AACjC,0BAA6B;AAC7B,4BAAmC;AACnC,mCAAmC;AAEnC,qBAAgC;AAEhC,MAAM,cAAc,CAAC,UAA2C;AAC9D,QAAM,UAAM,kCAAa,KAAK;AAE9B,SACE,4CAAC,yCAAmB,UAAnB,EAA4B,OAAO,KAClC,sDAAC,4CAAiB,GACpB;AAEJ;AAEA,YAAY,cAAc;AAC1B,MAAM,4BAAwB,8BAAS,WAAW;AAClD,sBAAsB,YAAY;AAIlC,IAAO,sBAAQ;",
6
6
  "names": []
7
7
  }
package/dist/cjs/defaultProps.js CHANGED
@@ -33,20 +33,10 @@ var import_jsx_runtime = require("react/jsx-runtime");
33
33
  var import_react = require("react");
34
34
  var import_ds_icons = require("@elliemae/ds-icons");
35
35
  const DefaultIconClosed = (0, import_react.memo)(
36
- ({ isDSMobile = false }) => isDSMobile ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronRight, {
37
- width: "20px",
38
- color: ["brand-primary", "800"]
39
- }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ArrowheadRight, {
40
- width: "20px"
41
- })
36
+ ({ isDSMobile = false }) => isDSMobile ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronRight, { width: "20px", color: ["brand-primary", "800"] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ArrowheadRight, { width: "20px" })
42
37
  );
43
38
  const DefaultIconOpen = (0, import_react.memo)(
44
- ({ isDSMobile = false }) => isDSMobile ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronDown, {
45
- width: "20px",
46
- color: ["brand-primary", "800"]
47
- }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ArrowheadDown, {
48
- width: "20px"
49
- })
39
+ ({ isDSMobile = false }) => isDSMobile ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronDown, { width: "20px", color: ["brand-primary", "800"] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ArrowheadDown, { width: "20px" })
50
40
  );
51
41
  const noop = () => {
52
42
  };
package/dist/cjs/defaultProps.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/defaultProps.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import React, { memo } from 'react';\nimport { ArrowheadRight, ArrowheadDown, ChevronRight, ChevronDown } from '@elliemae/ds-icons';\nimport type { DSAccordionInternalsT } from './sharedTypes';\nimport type { DSAccordionT } from './react-desc-prop-types';\n\nconst DefaultIconClosed = memo(({ isDSMobile = false }: DSAccordionInternalsT.DefaultIconProps) =>\n isDSMobile ? <ChevronRight width=\"20px\" color={['brand-primary', '800']} /> : <ArrowheadRight width=\"20px\" />,\n);\n\nconst DefaultIconOpen = memo(({ isDSMobile = false }: DSAccordionInternalsT.DefaultIconProps) =>\n isDSMobile ? <ChevronDown width=\"20px\" color={['brand-primary', '800']} /> : <ArrowheadDown width=\"20px\" />,\n);\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = (): void => {};\n\nexport const defaultProps: DSAccordionT.DefaultProps = {\n containerProps: {},\n allowMultipleOpen: false,\n onChange: noop,\n children: [],\n isDSMobile: false,\n};\n\nexport const accordionItemDefaultProps: DSAccordionT.ItemDefaultProps = {\n iconClosed: DefaultIconClosed,\n iconOpened: DefaultIconOpen,\n title: '',\n customActions: [],\n disabled: false,\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADMR;AANf,mBAA4B;AAC5B,sBAAyE;AAIzE,MAAM,wBAAoB;AAAA,EAAK,CAAC,EAAE,aAAa,MAAM,MACnD,aAAa,4CAAC;AAAA,IAAa,OAAM;AAAA,IAAO,OAAO,CAAC,iBAAiB,KAAK;AAAA,GAAG,IAAK,4CAAC;AAAA,IAAe,OAAM;AAAA,GAAO;AAC7G;AAEA,MAAM,sBAAkB;AAAA,EAAK,CAAC,EAAE,aAAa,MAAM,MACjD,aAAa,4CAAC;AAAA,IAAY,OAAM;AAAA,IAAO,OAAO,CAAC,iBAAiB,KAAK;AAAA,GAAG,IAAK,4CAAC;AAAA,IAAc,OAAM;AAAA,GAAO;AAC3G;AAGA,MAAM,OAAO,MAAY;AAAC;AAEnB,MAAM,eAA0C;AAAA,EACrD,gBAAgB,CAAC;AAAA,EACjB,mBAAmB;AAAA,EACnB,UAAU;AAAA,EACV,UAAU,CAAC;AAAA,EACX,YAAY;AACd;AAEO,MAAM,4BAA2D;AAAA,EACtE,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,eAAe,CAAC;AAAA,EAChB,UAAU;AACZ;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADMR;AANf,mBAA4B;AAC5B,sBAAyE;AAIzE,MAAM,wBAAoB;AAAA,EAAK,CAAC,EAAE,aAAa,MAAM,MACnD,aAAa,4CAAC,gCAAa,OAAM,QAAO,OAAO,CAAC,iBAAiB,KAAK,GAAG,IAAK,4CAAC,kCAAe,OAAM,QAAO;AAC7G;AAEA,MAAM,sBAAkB;AAAA,EAAK,CAAC,EAAE,aAAa,MAAM,MACjD,aAAa,4CAAC,+BAAY,OAAM,QAAO,OAAO,CAAC,iBAAiB,KAAK,GAAG,IAAK,4CAAC,iCAAc,OAAM,QAAO;AAC3G;AAGA,MAAM,OAAO,MAAY;AAAC;AAEnB,MAAM,eAA0C;AAAA,EACrD,gBAAgB,CAAC;AAAA,EACjB,mBAAmB;AAAA,EACnB,UAAU;AAAA,EACV,UAAU,CAAC;AAAA,EACX,YAAY;AACd;AAEO,MAAM,4BAA2D;AAAA,EACtE,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,eAAe,CAAC;AAAA,EAChB,UAAU;AACZ;",
6
6
  "names": []
7
7
  }
package/dist/cjs/parts/accordionContent/AccordionContent.js CHANGED
@@ -49,12 +49,6 @@ const AccordionContent = () => {
49
49
  })
50
50
  )
51
51
  );
52
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledContainer, {
53
- "data-testid": import_DSAccordionDatatestid.DSAccordionDataTestid.GROUP,
54
- ...containerProps,
55
- ...globalAttrs,
56
- ...xstyledAttrs,
57
- children: childrenWithIndex
58
- });
52
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledContainer, { "data-testid": import_DSAccordionDatatestid.DSAccordionDataTestid.GROUP, ...containerProps, ...globalAttrs, ...xstyledAttrs, children: childrenWithIndex });
59
53
  };
60
54
  //# sourceMappingURL=AccordionContent.js.map
package/dist/cjs/parts/accordionContent/AccordionContent.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/parts/accordionContent/AccordionContent.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import React, { useContext } from 'react';\nimport { useGetGlobalAttributes, useGetXstyledProps } from '@elliemae/ds-utilities';\nimport { DSAccordionContext } from '../../DSAccordionCTX';\nimport { DSAccordionDataTestid } from '../../exported-related/DSAccordionDatatestid';\nimport { StyledContainer } from './styles';\nimport type { DSAccordionT } from '../../react-desc-prop-types';\n\nexport const AccordionContent = (): JSX.Element => {\n const {\n props: { containerProps, children, onChange, ...rest },\n } = useContext(DSAccordionContext);\n\n const childrenWithIndex: React.ReactElement<DSAccordionT.InternalItemProps>[] = [];\n\n const xstyledAttrs = useGetXstyledProps(rest);\n\n const globalAttrs = useGetGlobalAttributes(rest);\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 <StyledContainer data-testid={DSAccordionDataTestid.GROUP} {...containerProps} {...globalAttrs} {...xstyledAttrs}>\n {childrenWithIndex}\n </StyledContainer>\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD2BnB;AA3BJ,mBAAkC;AAClC,0BAA2D;AAC3D,4BAAmC;AACnC,mCAAsC;AACtC,oBAAgC;AAGzB,MAAM,mBAAmB,MAAmB;AACjD,QAAM;AAAA,IACJ,OAAO,EAAE,gBAAgB,UAAU,aAAa,KAAK;AAAA,EACvD,QAAI,yBAAW,wCAAkB;AAEjC,QAAM,oBAA0E,CAAC;AAEjF,QAAM,mBAAe,wCAAmB,IAAI;AAE5C,QAAM,kBAAc,4CAAuB,IAAI;AAE/C,eAAAA,QAAM,SAAS;AAAA,IAAQ;AAAA,IAAU,CAAC,OAAO,UACvC,kBAAkB;AAAA,MAChB,aAAAA,QAAM,aAAa,OAAO;AAAA,QACxB,SAAS;AAAA,MACX,CAAC;AAAA,IACH;AAAA,EACF;AAEA,SACE,4CAAC;AAAA,IAAgB,eAAa,mDAAsB;AAAA,IAAQ,GAAG;AAAA,IAAiB,GAAG;AAAA,IAAc,GAAG;AAAA,IACjG;AAAA,GACH;AAEJ;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD2BnB;AA3BJ,mBAAkC;AAClC,0BAA2D;AAC3D,4BAAmC;AACnC,mCAAsC;AACtC,oBAAgC;AAGzB,MAAM,mBAAmB,MAAmB;AACjD,QAAM;AAAA,IACJ,OAAO,EAAE,gBAAgB,UAAU,aAAa,KAAK;AAAA,EACvD,QAAI,yBAAW,wCAAkB;AAEjC,QAAM,oBAA0E,CAAC;AAEjF,QAAM,mBAAe,wCAAmB,IAAI;AAE5C,QAAM,kBAAc,4CAAuB,IAAI;AAE/C,eAAAA,QAAM,SAAS;AAAA,IAAQ;AAAA,IAAU,CAAC,OAAO,UACvC,kBAAkB;AAAA,MAChB,aAAAA,QAAM,aAAa,OAAO;AAAA,QACxB,SAAS;AAAA,MACX,CAAC;AAAA,IACH;AAAA,EACF;AAEA,SACE,4CAAC,iCAAgB,eAAa,mDAAsB,OAAQ,GAAG,gBAAiB,GAAG,aAAc,GAAG,cACjG,6BACH;AAEJ;",
6
6
  "names": ["React"]
7
7
  }
package/dist/cjs/parts/accordionItem/DSAccordionItem.js CHANGED
@@ -78,9 +78,9 @@ const DSAccordionItem = (props) => {
78
78
  const [referenceElement, setReferenceElement] = (0, import_react.useState)();
79
79
  const CustomActionsContent = (0, import_react.useMemo)(() => {
80
80
  if (!isDSMobile && customActions?.length > 0)
81
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledItemCustomActions, {
82
- isDSMobile,
83
- children: customActions?.map(({ onClick, id, ...otherProps }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.DSButton, {
81
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledItemCustomActions, { isDSMobile, children: customActions?.map(({ onClick, id, ...otherProps }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
82
+ import_ds_button.DSButton,
83
+ {
84
84
  onClick: (e) => {
85
85
  e.stopPropagation();
86
86
  if (onClick)
@@ -88,16 +88,11 @@ const DSAccordionItem = (props) => {
88
88
  },
89
89
  ...otherProps,
90
90
  buttonType: import_ds_button.BUTTON_TYPE.SECONDARY
91
- }, id))
92
- });
91
+ },
92
+ id
93
+ )) });
93
94
  if (!isDSMobile && (renderCustomActions || CustomActions))
94
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledItemCustomActions, {
95
- isDSMobile,
96
- children: CustomActions !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CustomActions, {
97
- allRefs: allChildrenReferences,
98
- actualActiveValue
99
- }) : renderCustomActions?.({ allRefs: allChildrenReferences, actualActiveValue })
100
- });
95
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledItemCustomActions, { isDSMobile, children: CustomActions !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CustomActions, { allRefs: allChildrenReferences, actualActiveValue }) : renderCustomActions?.({ allRefs: allChildrenReferences, actualActiveValue }) });
101
96
  return null;
102
97
  }, [CustomActions, actualActiveValue, allChildrenReferences, customActions, isDSMobile, renderCustomActions]);
103
98
  const { isShowingEllipsis: isPrimaryShowingEllipsis, setElement: setPrimaryElement } = (0, import_ds_utilities.useIsShowingEllipsis)();
@@ -109,9 +104,10 @@ const DSAccordionItem = (props) => {
109
104
  const handleOnBlur = (0, import_react.useCallback)(() => setShowPopover(false), []);
110
105
  const Titles = (0, import_react.useMemo)(() => {
111
106
  if ((isPrimaryShowingEllipsis || isSecondaryShowingEllipsis) && !isDSMobile)
112
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
113
- children: [
114
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledPrimaryTitle, {
107
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
108
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
109
+ import_styles.StyledPrimaryTitle,
110
+ {
115
111
  ref: setPrimaryElement,
116
112
  ...title ? { id: `accordion_${title || ""}id` } : void 0,
117
113
  disabled,
@@ -119,35 +115,21 @@ const DSAccordionItem = (props) => {
119
115
  selected,
120
116
  withSecondaryTitle: secondaryTitle,
121
117
  children: title
122
- }),
123
- !isDSMobile && secondaryTitle && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledSecondaryTitle, {
124
- ref: setSecondaryElement,
125
- disabled,
126
- selected,
127
- children: secondaryTitle
128
- }),
129
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_popperjs.DSPopperJS, {
130
- referenceElement,
131
- showPopover,
132
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.StyledTooltipContent, {
133
- children: [
134
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
135
- children: title
136
- }),
137
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
138
- children: [
139
- " ",
140
- secondaryTitle
141
- ]
142
- })
143
- ]
144
- })
145
- })
146
- ]
147
- });
148
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
149
- children: [
150
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledPrimaryTitle, {
118
+ }
119
+ ),
120
+ !isDSMobile && secondaryTitle && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledSecondaryTitle, { ref: setSecondaryElement, disabled, selected, children: secondaryTitle }),
121
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_popperjs.DSPopperJS, { referenceElement, showPopover, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.StyledTooltipContent, { children: [
122
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: title }),
123
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { children: [
124
+ " ",
125
+ secondaryTitle
126
+ ] })
127
+ ] }) })
128
+ ] });
129
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
130
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
131
+ import_styles.StyledPrimaryTitle,
132
+ {
151
133
  ref: setPrimaryElement,
152
134
  ...title ? { id: `accordion_${title || ""}id` } : void 0,
153
135
  disabled,
@@ -155,15 +137,10 @@ const DSAccordionItem = (props) => {
155
137
  selected,
156
138
  withSecondaryTitle: secondaryTitle,
157
139
  children: title
158
- }),
159
- !isDSMobile && secondaryTitle && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledSecondaryTitle, {
160
- ref: setSecondaryElement,
161
- disabled,
162
- selected,
163
- children: secondaryTitle
164
- })
165
- ]
166
- });
140
+ }
141
+ ),
142
+ !isDSMobile && secondaryTitle && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledSecondaryTitle, { ref: setSecondaryElement, disabled, selected, children: secondaryTitle })
143
+ ] });
167
144
  }, [
168
145
  disabled,
169
146
  isDSMobile,
@@ -177,67 +154,59 @@ const DSAccordionItem = (props) => {
177
154
  selected,
178
155
  title
179
156
  ]);
180
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.StyledItemContainer, {
181
- "data-testid": import_DSAccordionDatatestid.DSAccordionDataTestid.ITEM.CONTAINER,
182
- className,
183
- ...xstyledAttrs,
184
- children: [
185
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.StyledItemHeaderContainer, {
186
- disabled,
187
- ref: setReferenceElement,
188
- children: [
189
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.StyledItemHeader, {
190
- type: "button",
191
- withCustomActions: (customActions?.length > 0 || renderCustomActions !== void 0) && !isDSMobile,
192
- withSecondaryTitle: secondaryTitle,
193
- onClick: handleOnClick,
194
- tabIndex: !disabled ? 0 : void 0,
195
- disabled,
196
- "data-disabled": disabled,
197
- ref: allChildrenReferences[dsIndex],
198
- onKeyDown: onKeyDownWithIndex,
199
- isDSMobile,
200
- "data-testid": import_DSAccordionDatatestid.DSAccordionDataTestid.ITEM.HEADER,
201
- id: `ds-accordion-header-${value}`,
202
- "aria-expanded": selected,
203
- "aria-disabled": disabled,
204
- "aria-controls": `ds-accordion-content-${value}`,
205
- onFocus: handleOnFocus,
206
- onBlur: handleOnBlur,
207
- ...globalAttrs,
208
- children: [
209
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledItemAddon, {
210
- disabled,
211
- isDSMobile,
212
- children: selected ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconOpened, {
213
- isDSMobile
214
- }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconClosed, {
215
- isDSMobile
216
- })
217
- }),
218
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledItemTitles, {
157
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.StyledItemContainer, { "data-testid": import_DSAccordionDatatestid.DSAccordionDataTestid.ITEM.CONTAINER, className, ...xstyledAttrs, children: [
158
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.StyledItemHeaderContainer, { disabled, ref: setReferenceElement, children: [
159
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
160
+ import_styles.StyledItemHeader,
161
+ {
162
+ type: "button",
163
+ withCustomActions: (customActions?.length > 0 || renderCustomActions !== void 0) && !isDSMobile,
164
+ withSecondaryTitle: secondaryTitle,
165
+ onClick: handleOnClick,
166
+ tabIndex: !disabled ? 0 : void 0,
167
+ disabled,
168
+ "data-disabled": disabled,
169
+ ref: allChildrenReferences[dsIndex],
170
+ onKeyDown: onKeyDownWithIndex,
171
+ isDSMobile,
172
+ "data-testid": import_DSAccordionDatatestid.DSAccordionDataTestid.ITEM.HEADER,
173
+ id: `ds-accordion-header-${value}`,
174
+ "aria-expanded": selected,
175
+ "aria-disabled": disabled,
176
+ "aria-controls": `ds-accordion-content-${value}`,
177
+ onFocus: handleOnFocus,
178
+ onBlur: handleOnBlur,
179
+ ...globalAttrs,
180
+ children: [
181
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledItemAddon, { disabled, isDSMobile, children: selected ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconOpened, { isDSMobile }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconClosed, { isDSMobile }) }),
182
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
183
+ import_styles.StyledItemTitles,
184
+ {
219
185
  onMouseEnter: handleOnFocus,
220
186
  onMouseLeave: handleOnBlur,
221
187
  isDSMobile,
222
188
  withSecondaryTitle: secondaryTitle,
223
189
  selected,
224
190
  children: Titles
225
- })
226
- ]
227
- }),
228
- CustomActionsContent
229
- ]
230
- }),
231
- selected && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledItemContent, {
191
+ }
192
+ )
193
+ ]
194
+ }
195
+ ),
196
+ CustomActionsContent
197
+ ] }),
198
+ selected && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
199
+ import_styles.StyledItemContent,
200
+ {
232
201
  "data-testid": import_DSAccordionDatatestid.DSAccordionDataTestid.ITEM.CONTENT,
233
202
  "aria-labelledby": `ds-accordion-header-${value}`,
234
203
  role: "region",
235
204
  isDSMobile,
236
205
  id: `ds-accordion-content-${value}`,
237
206
  children
238
- })
239
- ]
240
- });
207
+ }
208
+ )
209
+ ] });
241
210
  };
242
211
  DSAccordionItem.displayName = "DSAccordionItem";
243
212
  const DSAccordionItemWithSchema = (0, import_ds_utilities.describe)(DSAccordionItem);
package/dist/cjs/parts/accordionItem/DSAccordionItem.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/parts/accordionItem/DSAccordionItem.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["/* eslint-disable max-lines */\nimport type { WeakValidationMap } from 'react';\nimport React, { useState, useContext, useCallback, useMemo } from 'react';\nimport {\n useMemoMergePropsWithDefault,\n describe,\n useIsShowingEllipsis,\n useGetGlobalAttributes,\n useGetXstyledProps,\n} from '@elliemae/ds-utilities';\nimport { DSButton, BUTTON_TYPE } from '@elliemae/ds-button';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport { accordionItemDefaultProps } from '../../defaultProps';\nimport {\n StyledItemAddon,\n StyledItemContainer,\n StyledItemContent,\n StyledItemCustomActions,\n StyledItemHeader,\n StyledItemHeaderContainer,\n StyledItemTitles,\n StyledPrimaryTitle,\n StyledSecondaryTitle,\n StyledTooltipContent,\n} from './styles';\nimport { useAccordionItem } from './useAccordionItem';\nimport { DSAccordionContext } from '../../DSAccordionCTX';\nimport { DSAccordionDataTestid } from '../../exported-related/DSAccordionDatatestid';\nimport { accordionItemPropTypes } from '../../react-desc-prop-types';\nimport type { DSAccordionT } from '../../react-desc-prop-types';\n\nconst DSAccordionItem = (props: DSAccordionT.ItemProps): JSX.Element => {\n const propsWithDefaults = useMemoMergePropsWithDefault(\n props,\n accordionItemDefaultProps,\n ) as DSAccordionT.InternalItemProps;\n\n const {\n children,\n title,\n secondaryTitle,\n customActions,\n iconOpened: IconOpened,\n iconClosed: IconClosed,\n value,\n disabled,\n dsIndex,\n renderCustomActions,\n CustomActions,\n ...rest\n } = propsWithDefaults;\n\n const { className, ...globalAttrs } = useGetGlobalAttributes(rest);\n const xstyledAttrs = useGetXstyledProps(rest);\n\n const { handleOnClick, handleOnKeyDown, selected } = useAccordionItem({ value, disabled });\n const {\n allChildrenReferences,\n actualActiveValue,\n props: { isDSMobile },\n } = useContext(DSAccordionContext);\n\n const onKeyDownWithIndex = useCallback(\n (e: React.KeyboardEvent) => {\n handleOnKeyDown(e, dsIndex);\n },\n [dsIndex, handleOnKeyDown],\n );\n\n const [showPopover, setShowPopover] = useState(false);\n const [referenceElement, setReferenceElement] = useState<HTMLElement | null>();\n\n const CustomActionsContent = useMemo(() => {\n if (!isDSMobile && customActions?.length > 0)\n return (\n <StyledItemCustomActions isDSMobile={isDSMobile}>\n {customActions?.map(({ onClick, id, ...otherProps }) => (\n <DSButton\n key={id}\n onClick={(e: React.MouseEvent<HTMLElement, MouseEvent> | React.KeyboardEvent<HTMLElement>): void => {\n e.stopPropagation();\n if (onClick) onClick(e as React.MouseEvent<HTMLElement, MouseEvent>);\n }}\n {...otherProps}\n buttonType={BUTTON_TYPE.SECONDARY}\n />\n ))}\n </StyledItemCustomActions>\n );\n\n if (!isDSMobile && (renderCustomActions || CustomActions))\n return (\n <StyledItemCustomActions isDSMobile={isDSMobile}>\n {CustomActions !== undefined ? (\n <CustomActions allRefs={allChildrenReferences} actualActiveValue={actualActiveValue} />\n ) : (\n renderCustomActions?.({ allRefs: allChildrenReferences, actualActiveValue })\n )}\n </StyledItemCustomActions>\n );\n return null;\n }, [CustomActions, actualActiveValue, allChildrenReferences, customActions, isDSMobile, renderCustomActions]);\n\n const { isShowingEllipsis: isPrimaryShowingEllipsis, setElement: setPrimaryElement } = useIsShowingEllipsis();\n\n const { isShowingEllipsis: isSecondaryShowingEllipsis, setElement: setSecondaryElement } = useIsShowingEllipsis();\n\n const handleOnFocus = useCallback(\n () => setShowPopover(isPrimaryShowingEllipsis || isSecondaryShowingEllipsis),\n [isPrimaryShowingEllipsis, isSecondaryShowingEllipsis],\n );\n\n const handleOnBlur = useCallback(() => setShowPopover(false), []);\n\n // eslint-disable-next-line complexity\n const Titles = useMemo(() => {\n if ((isPrimaryShowingEllipsis || isSecondaryShowingEllipsis) && !isDSMobile)\n return (\n <>\n <StyledPrimaryTitle\n ref={setPrimaryElement}\n {...(title ? { id: `accordion_${title || ''}id` } : undefined)}\n disabled={disabled}\n isDSMobile={isDSMobile}\n selected={selected}\n withSecondaryTitle={secondaryTitle}\n >\n {title}\n </StyledPrimaryTitle>\n {!isDSMobile && secondaryTitle && (\n <StyledSecondaryTitle ref={setSecondaryElement} disabled={disabled} selected={selected}>\n {secondaryTitle}\n </StyledSecondaryTitle>\n )}\n <DSPopperJS referenceElement={referenceElement} showPopover={showPopover}>\n <StyledTooltipContent>\n <p>{title}</p>\n <p> {secondaryTitle}</p>\n </StyledTooltipContent>\n </DSPopperJS>\n </>\n );\n\n return (\n <>\n <StyledPrimaryTitle\n ref={setPrimaryElement}\n {...(title ? { id: `accordion_${title || ''}id` } : undefined)}\n disabled={disabled}\n isDSMobile={isDSMobile}\n selected={selected}\n withSecondaryTitle={secondaryTitle}\n >\n {title}\n </StyledPrimaryTitle>\n {!isDSMobile && secondaryTitle && (\n <StyledSecondaryTitle ref={setSecondaryElement} disabled={disabled} selected={selected}>\n {secondaryTitle}\n </StyledSecondaryTitle>\n )}\n </>\n );\n }, [\n disabled,\n isDSMobile,\n isPrimaryShowingEllipsis,\n isSecondaryShowingEllipsis,\n referenceElement,\n secondaryTitle,\n setPrimaryElement,\n setSecondaryElement,\n showPopover,\n selected,\n title,\n ]);\n\n return (\n <StyledItemContainer data-testid={DSAccordionDataTestid.ITEM.CONTAINER} className={className} {...xstyledAttrs}>\n <StyledItemHeaderContainer disabled={disabled} ref={setReferenceElement}>\n <StyledItemHeader\n type=\"button\"\n withCustomActions={(customActions?.length > 0 || renderCustomActions !== undefined) && !isDSMobile}\n withSecondaryTitle={secondaryTitle}\n onClick={handleOnClick}\n tabIndex={!disabled ? 0 : undefined}\n disabled={disabled}\n data-disabled={disabled}\n ref={allChildrenReferences[dsIndex]}\n onKeyDown={onKeyDownWithIndex}\n isDSMobile={isDSMobile}\n data-testid={DSAccordionDataTestid.ITEM.HEADER}\n id={`ds-accordion-header-${value}`}\n aria-expanded={selected}\n aria-disabled={disabled}\n aria-controls={`ds-accordion-content-${value}`}\n onFocus={handleOnFocus}\n onBlur={handleOnBlur}\n {...globalAttrs}\n >\n <StyledItemAddon disabled={disabled} isDSMobile={isDSMobile}>\n {selected ? <IconOpened isDSMobile={isDSMobile} /> : <IconClosed isDSMobile={isDSMobile} />}\n </StyledItemAddon>\n <StyledItemTitles\n onMouseEnter={handleOnFocus}\n onMouseLeave={handleOnBlur}\n isDSMobile={isDSMobile}\n withSecondaryTitle={secondaryTitle}\n selected={selected}\n >\n {Titles}\n </StyledItemTitles>\n </StyledItemHeader>\n {CustomActionsContent}\n </StyledItemHeaderContainer>\n {selected && (\n <StyledItemContent\n data-testid={DSAccordionDataTestid.ITEM.CONTENT}\n aria-labelledby={`ds-accordion-header-${value}`}\n role=\"region\"\n isDSMobile={isDSMobile}\n id={`ds-accordion-content-${value}`}\n >\n {children}\n </StyledItemContent>\n )}\n </StyledItemContainer>\n );\n};\n\nDSAccordionItem.displayName = 'DSAccordionItem';\nconst DSAccordionItemWithSchema = describe(DSAccordionItem);\nDSAccordionItemWithSchema.propTypes = accordionItemPropTypes as WeakValidationMap<unknown>;\n\nexport { DSAccordionItem, DSAccordionItemWithSchema };\nexport default DSAccordionItem;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": "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",
5
+ "mappings": "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",
6
6
  "names": []
7
7
  }
package/dist/esm/DSAccordion.js CHANGED
@@ -8,10 +8,7 @@ import { accordionPropTypes } from "./react-desc-prop-types";
8
8
  import { DSAccordionName } from "./exported-related/theming";
9
9
  const DSAccordion = (props) => {
10
10
  const ctx = useAccordion(props);
11
- return /* @__PURE__ */ jsx(DSAccordionContext.Provider, {
12
- value: ctx,
13
- children: /* @__PURE__ */ jsx(AccordionContent, {})
14
- });
11
+ return /* @__PURE__ */ jsx(DSAccordionContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(AccordionContent, {}) });
15
12
  };
16
13
  DSAccordion.displayName = DSAccordionName;
17
14
  const DSAccordionWithSchema = describe(DSAccordion);
package/dist/esm/DSAccordion.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSAccordion.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { WeakValidationMap } from 'react';\nimport React from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport { AccordionContent } from './parts/accordionContent/AccordionContent';\nimport { useAccordion } from './config/useAccordion';\nimport { DSAccordionContext } from './DSAccordionCTX';\nimport { accordionPropTypes } from './react-desc-prop-types';\nimport type { DSAccordionT } from './react-desc-prop-types';\nimport { DSAccordionName } from './exported-related/theming';\n\nconst DSAccordion = (props: DSAccordionT.Props): JSX.Element => {\n const ctx = useAccordion(props);\n\n return (\n <DSAccordionContext.Provider value={ctx}>\n <AccordionContent />\n </DSAccordionContext.Provider>\n );\n};\n\nDSAccordion.displayName = DSAccordionName;\nconst DSAccordionWithSchema = describe(DSAccordion);\nDSAccordionWithSchema.propTypes = accordionPropTypes as WeakValidationMap<unknown>;\n\nexport { DSAccordion, DSAccordionWithSchema };\n\nexport default DSAccordion;\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACejB;AAbN,SAAS,gBAAgB;AACzB,SAAS,wBAAwB;AACjC,SAAS,oBAAoB;AAC7B,SAAS,0BAA0B;AACnC,SAAS,0BAA0B;AAEnC,SAAS,uBAAuB;AAEhC,MAAM,cAAc,CAAC,UAA2C;AAC9D,QAAM,MAAM,aAAa,KAAK;AAE9B,SACE,oBAAC,mBAAmB,UAAnB;AAAA,IAA4B,OAAO;AAAA,IAClC,8BAAC,oBAAiB;AAAA,GACpB;AAEJ;AAEA,YAAY,cAAc;AAC1B,MAAM,wBAAwB,SAAS,WAAW;AAClD,sBAAsB,YAAY;AAIlC,IAAO,sBAAQ;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACejB;AAbN,SAAS,gBAAgB;AACzB,SAAS,wBAAwB;AACjC,SAAS,oBAAoB;AAC7B,SAAS,0BAA0B;AACnC,SAAS,0BAA0B;AAEnC,SAAS,uBAAuB;AAEhC,MAAM,cAAc,CAAC,UAA2C;AAC9D,QAAM,MAAM,aAAa,KAAK;AAE9B,SACE,oBAAC,mBAAmB,UAAnB,EAA4B,OAAO,KAClC,8BAAC,oBAAiB,GACpB;AAEJ;AAEA,YAAY,cAAc;AAC1B,MAAM,wBAAwB,SAAS,WAAW;AAClD,sBAAsB,YAAY;AAIlC,IAAO,sBAAQ;",
6
6
  "names": []
7
7
  }
package/dist/esm/defaultProps.js CHANGED
@@ -3,20 +3,10 @@ import { jsx } from "react/jsx-runtime";
3
3
  import { memo } from "react";
4
4
  import { ArrowheadRight, ArrowheadDown, ChevronRight, ChevronDown } from "@elliemae/ds-icons";
5
5
  const DefaultIconClosed = memo(
6
- ({ isDSMobile = false }) => isDSMobile ? /* @__PURE__ */ jsx(ChevronRight, {
7
- width: "20px",
8
- color: ["brand-primary", "800"]
9
- }) : /* @__PURE__ */ jsx(ArrowheadRight, {
10
- width: "20px"
11
- })
6
+ ({ isDSMobile = false }) => isDSMobile ? /* @__PURE__ */ jsx(ChevronRight, { width: "20px", color: ["brand-primary", "800"] }) : /* @__PURE__ */ jsx(ArrowheadRight, { width: "20px" })
12
7
  );
13
8
  const DefaultIconOpen = memo(
14
- ({ isDSMobile = false }) => isDSMobile ? /* @__PURE__ */ jsx(ChevronDown, {
15
- width: "20px",
16
- color: ["brand-primary", "800"]
17
- }) : /* @__PURE__ */ jsx(ArrowheadDown, {
18
- width: "20px"
19
- })
9
+ ({ isDSMobile = false }) => isDSMobile ? /* @__PURE__ */ jsx(ChevronDown, { width: "20px", color: ["brand-primary", "800"] }) : /* @__PURE__ */ jsx(ArrowheadDown, { width: "20px" })
20
10
  );
21
11
  const noop = () => {
22
12
  };
package/dist/esm/defaultProps.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/defaultProps.tsx"],
4
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 { DSAccordionInternalsT } from './sharedTypes';\nimport type { DSAccordionT } from './react-desc-prop-types';\n\nconst DefaultIconClosed = memo(({ isDSMobile = false }: DSAccordionInternalsT.DefaultIconProps) =>\n isDSMobile ? <ChevronRight width=\"20px\" color={['brand-primary', '800']} /> : <ArrowheadRight width=\"20px\" />,\n);\n\nconst DefaultIconOpen = memo(({ isDSMobile = false }: DSAccordionInternalsT.DefaultIconProps) =>\n isDSMobile ? <ChevronDown width=\"20px\" color={['brand-primary', '800']} /> : <ArrowheadDown width=\"20px\" />,\n);\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = (): void => {};\n\nexport const defaultProps: DSAccordionT.DefaultProps = {\n containerProps: {},\n allowMultipleOpen: false,\n onChange: noop,\n children: [],\n isDSMobile: false,\n};\n\nexport const accordionItemDefaultProps: DSAccordionT.ItemDefaultProps = {\n iconClosed: DefaultIconClosed,\n iconOpened: DefaultIconOpen,\n title: '',\n customActions: [],\n disabled: false,\n};\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACMR;AANf,SAAgB,YAAY;AAC5B,SAAS,gBAAgB,eAAe,cAAc,mBAAmB;AAIzE,MAAM,oBAAoB;AAAA,EAAK,CAAC,EAAE,aAAa,MAAM,MACnD,aAAa,oBAAC;AAAA,IAAa,OAAM;AAAA,IAAO,OAAO,CAAC,iBAAiB,KAAK;AAAA,GAAG,IAAK,oBAAC;AAAA,IAAe,OAAM;AAAA,GAAO;AAC7G;AAEA,MAAM,kBAAkB;AAAA,EAAK,CAAC,EAAE,aAAa,MAAM,MACjD,aAAa,oBAAC;AAAA,IAAY,OAAM;AAAA,IAAO,OAAO,CAAC,iBAAiB,KAAK;AAAA,GAAG,IAAK,oBAAC;AAAA,IAAc,OAAM;AAAA,GAAO;AAC3G;AAGA,MAAM,OAAO,MAAY;AAAC;AAEnB,MAAM,eAA0C;AAAA,EACrD,gBAAgB,CAAC;AAAA,EACjB,mBAAmB;AAAA,EACnB,UAAU;AAAA,EACV,UAAU,CAAC;AAAA,EACX,YAAY;AACd;AAEO,MAAM,4BAA2D;AAAA,EACtE,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,eAAe,CAAC;AAAA,EAChB,UAAU;AACZ;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACMR;AANf,SAAgB,YAAY;AAC5B,SAAS,gBAAgB,eAAe,cAAc,mBAAmB;AAIzE,MAAM,oBAAoB;AAAA,EAAK,CAAC,EAAE,aAAa,MAAM,MACnD,aAAa,oBAAC,gBAAa,OAAM,QAAO,OAAO,CAAC,iBAAiB,KAAK,GAAG,IAAK,oBAAC,kBAAe,OAAM,QAAO;AAC7G;AAEA,MAAM,kBAAkB;AAAA,EAAK,CAAC,EAAE,aAAa,MAAM,MACjD,aAAa,oBAAC,eAAY,OAAM,QAAO,OAAO,CAAC,iBAAiB,KAAK,GAAG,IAAK,oBAAC,iBAAc,OAAM,QAAO;AAC3G;AAGA,MAAM,OAAO,MAAY;AAAC;AAEnB,MAAM,eAA0C;AAAA,EACrD,gBAAgB,CAAC;AAAA,EACjB,mBAAmB;AAAA,EACnB,UAAU;AAAA,EACV,UAAU,CAAC;AAAA,EACX,YAAY;AACd;AAEO,MAAM,4BAA2D;AAAA,EACtE,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,eAAe,CAAC;AAAA,EAChB,UAAU;AACZ;",
6
6
  "names": []
7
7
  }
package/dist/esm/parts/accordionContent/AccordionContent.js CHANGED
@@ -20,13 +20,7 @@ const AccordionContent = () => {
20
20
  })
21
21
  )
22
22
  );
23
- return /* @__PURE__ */ jsx(StyledContainer, {
24
- "data-testid": DSAccordionDataTestid.GROUP,
25
- ...containerProps,
26
- ...globalAttrs,
27
- ...xstyledAttrs,
28
- children: childrenWithIndex
29
- });
23
+ return /* @__PURE__ */ jsx(StyledContainer, { "data-testid": DSAccordionDataTestid.GROUP, ...containerProps, ...globalAttrs, ...xstyledAttrs, children: childrenWithIndex });
30
24
  };
31
25
  export {
32
26
  AccordionContent
package/dist/esm/parts/accordionContent/AccordionContent.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/accordionContent/AccordionContent.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { useGetGlobalAttributes, useGetXstyledProps } from '@elliemae/ds-utilities';\nimport { DSAccordionContext } from '../../DSAccordionCTX';\nimport { DSAccordionDataTestid } from '../../exported-related/DSAccordionDatatestid';\nimport { StyledContainer } from './styles';\nimport type { DSAccordionT } from '../../react-desc-prop-types';\n\nexport const AccordionContent = (): JSX.Element => {\n const {\n props: { containerProps, children, onChange, ...rest },\n } = useContext(DSAccordionContext);\n\n const childrenWithIndex: React.ReactElement<DSAccordionT.InternalItemProps>[] = [];\n\n const xstyledAttrs = useGetXstyledProps(rest);\n\n const globalAttrs = useGetGlobalAttributes(rest);\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 <StyledContainer data-testid={DSAccordionDataTestid.GROUP} {...containerProps} {...globalAttrs} {...xstyledAttrs}>\n {childrenWithIndex}\n </StyledContainer>\n );\n};\n"],
5
- "mappings": "AAAA,YAAY,WAAW;AC2BnB;AA3BJ,OAAOA,UAAS,kBAAkB;AAClC,SAAS,wBAAwB,0BAA0B;AAC3D,SAAS,0BAA0B;AACnC,SAAS,6BAA6B;AACtC,SAAS,uBAAuB;AAGzB,MAAM,mBAAmB,MAAmB;AACjD,QAAM;AAAA,IACJ,OAAO,EAAE,gBAAgB,UAAU,aAAa,KAAK;AAAA,EACvD,IAAI,WAAW,kBAAkB;AAEjC,QAAM,oBAA0E,CAAC;AAEjF,QAAM,eAAe,mBAAmB,IAAI;AAE5C,QAAM,cAAc,uBAAuB,IAAI;AAE/C,EAAAA,OAAM,SAAS;AAAA,IAAQ;AAAA,IAAU,CAAC,OAAO,UACvC,kBAAkB;AAAA,MAChBA,OAAM,aAAa,OAAO;AAAA,QACxB,SAAS;AAAA,MACX,CAAC;AAAA,IACH;AAAA,EACF;AAEA,SACE,oBAAC;AAAA,IAAgB,eAAa,sBAAsB;AAAA,IAAQ,GAAG;AAAA,IAAiB,GAAG;AAAA,IAAc,GAAG;AAAA,IACjG;AAAA,GACH;AAEJ;",
5
+ "mappings": "AAAA,YAAY,WAAW;AC2BnB;AA3BJ,OAAOA,UAAS,kBAAkB;AAClC,SAAS,wBAAwB,0BAA0B;AAC3D,SAAS,0BAA0B;AACnC,SAAS,6BAA6B;AACtC,SAAS,uBAAuB;AAGzB,MAAM,mBAAmB,MAAmB;AACjD,QAAM;AAAA,IACJ,OAAO,EAAE,gBAAgB,UAAU,aAAa,KAAK;AAAA,EACvD,IAAI,WAAW,kBAAkB;AAEjC,QAAM,oBAA0E,CAAC;AAEjF,QAAM,eAAe,mBAAmB,IAAI;AAE5C,QAAM,cAAc,uBAAuB,IAAI;AAE/C,EAAAA,OAAM,SAAS;AAAA,IAAQ;AAAA,IAAU,CAAC,OAAO,UACvC,kBAAkB;AAAA,MAChBA,OAAM,aAAa,OAAO;AAAA,QACxB,SAAS;AAAA,MACX,CAAC;AAAA,IACH;AAAA,EACF;AAEA,SACE,oBAAC,mBAAgB,eAAa,sBAAsB,OAAQ,GAAG,gBAAiB,GAAG,aAAc,GAAG,cACjG,6BACH;AAEJ;",
6
6
  "names": ["React"]
7
7
  }
package/dist/esm/parts/accordionItem/DSAccordionItem.js CHANGED
@@ -64,9 +64,9 @@ const DSAccordionItem = (props) => {
64
64
  const [referenceElement, setReferenceElement] = useState();
65
65
  const CustomActionsContent = useMemo(() => {
66
66
  if (!isDSMobile && customActions?.length > 0)
67
- return /* @__PURE__ */ jsx(StyledItemCustomActions, {
68
- isDSMobile,
69
- children: customActions?.map(({ onClick, id, ...otherProps }) => /* @__PURE__ */ jsx(DSButton, {
67
+ return /* @__PURE__ */ jsx(StyledItemCustomActions, { isDSMobile, children: customActions?.map(({ onClick, id, ...otherProps }) => /* @__PURE__ */ jsx(
68
+ DSButton,
69
+ {
70
70
  onClick: (e) => {
71
71
  e.stopPropagation();
72
72
  if (onClick)
@@ -74,16 +74,11 @@ const DSAccordionItem = (props) => {
74
74
  },
75
75
  ...otherProps,
76
76
  buttonType: BUTTON_TYPE.SECONDARY
77
- }, id))
78
- });
77
+ },
78
+ id
79
+ )) });
79
80
  if (!isDSMobile && (renderCustomActions || CustomActions))
80
- return /* @__PURE__ */ jsx(StyledItemCustomActions, {
81
- isDSMobile,
82
- children: CustomActions !== void 0 ? /* @__PURE__ */ jsx(CustomActions, {
83
- allRefs: allChildrenReferences,
84
- actualActiveValue
85
- }) : renderCustomActions?.({ allRefs: allChildrenReferences, actualActiveValue })
86
- });
81
+ return /* @__PURE__ */ jsx(StyledItemCustomActions, { isDSMobile, children: CustomActions !== void 0 ? /* @__PURE__ */ jsx(CustomActions, { allRefs: allChildrenReferences, actualActiveValue }) : renderCustomActions?.({ allRefs: allChildrenReferences, actualActiveValue }) });
87
82
  return null;
88
83
  }, [CustomActions, actualActiveValue, allChildrenReferences, customActions, isDSMobile, renderCustomActions]);
89
84
  const { isShowingEllipsis: isPrimaryShowingEllipsis, setElement: setPrimaryElement } = useIsShowingEllipsis();
@@ -95,9 +90,10 @@ const DSAccordionItem = (props) => {
95
90
  const handleOnBlur = useCallback(() => setShowPopover(false), []);
96
91
  const Titles = useMemo(() => {
97
92
  if ((isPrimaryShowingEllipsis || isSecondaryShowingEllipsis) && !isDSMobile)
98
- return /* @__PURE__ */ jsxs(Fragment, {
99
- children: [
100
- /* @__PURE__ */ jsx(StyledPrimaryTitle, {
93
+ return /* @__PURE__ */ jsxs(Fragment, { children: [
94
+ /* @__PURE__ */ jsx(
95
+ StyledPrimaryTitle,
96
+ {
101
97
  ref: setPrimaryElement,
102
98
  ...title ? { id: `accordion_${title || ""}id` } : void 0,
103
99
  disabled,
@@ -105,35 +101,21 @@ const DSAccordionItem = (props) => {
105
101
  selected,
106
102
  withSecondaryTitle: secondaryTitle,
107
103
  children: title
108
- }),
109
- !isDSMobile && secondaryTitle && /* @__PURE__ */ jsx(StyledSecondaryTitle, {
110
- ref: setSecondaryElement,
111
- disabled,
112
- selected,
113
- children: secondaryTitle
114
- }),
115
- /* @__PURE__ */ jsx(DSPopperJS, {
116
- referenceElement,
117
- showPopover,
118
- children: /* @__PURE__ */ jsxs(StyledTooltipContent, {
119
- children: [
120
- /* @__PURE__ */ jsx("p", {
121
- children: title
122
- }),
123
- /* @__PURE__ */ jsxs("p", {
124
- children: [
125
- " ",
126
- secondaryTitle
127
- ]
128
- })
129
- ]
130
- })
131
- })
132
- ]
133
- });
134
- return /* @__PURE__ */ jsxs(Fragment, {
135
- children: [
136
- /* @__PURE__ */ jsx(StyledPrimaryTitle, {
104
+ }
105
+ ),
106
+ !isDSMobile && secondaryTitle && /* @__PURE__ */ jsx(StyledSecondaryTitle, { ref: setSecondaryElement, disabled, selected, children: secondaryTitle }),
107
+ /* @__PURE__ */ jsx(DSPopperJS, { referenceElement, showPopover, children: /* @__PURE__ */ jsxs(StyledTooltipContent, { children: [
108
+ /* @__PURE__ */ jsx("p", { children: title }),
109
+ /* @__PURE__ */ jsxs("p", { children: [
110
+ " ",
111
+ secondaryTitle
112
+ ] })
113
+ ] }) })
114
+ ] });
115
+ return /* @__PURE__ */ jsxs(Fragment, { children: [
116
+ /* @__PURE__ */ jsx(
117
+ StyledPrimaryTitle,
118
+ {
137
119
  ref: setPrimaryElement,
138
120
  ...title ? { id: `accordion_${title || ""}id` } : void 0,
139
121
  disabled,
@@ -141,15 +123,10 @@ const DSAccordionItem = (props) => {
141
123
  selected,
142
124
  withSecondaryTitle: secondaryTitle,
143
125
  children: title
144
- }),
145
- !isDSMobile && secondaryTitle && /* @__PURE__ */ jsx(StyledSecondaryTitle, {
146
- ref: setSecondaryElement,
147
- disabled,
148
- selected,
149
- children: secondaryTitle
150
- })
151
- ]
152
- });
126
+ }
127
+ ),
128
+ !isDSMobile && secondaryTitle && /* @__PURE__ */ jsx(StyledSecondaryTitle, { ref: setSecondaryElement, disabled, selected, children: secondaryTitle })
129
+ ] });
153
130
  }, [
154
131
  disabled,
155
132
  isDSMobile,
@@ -163,67 +140,59 @@ const DSAccordionItem = (props) => {
163
140
  selected,
164
141
  title
165
142
  ]);
166
- return /* @__PURE__ */ jsxs(StyledItemContainer, {
167
- "data-testid": DSAccordionDataTestid.ITEM.CONTAINER,
168
- className,
169
- ...xstyledAttrs,
170
- children: [
171
- /* @__PURE__ */ jsxs(StyledItemHeaderContainer, {
172
- disabled,
173
- ref: setReferenceElement,
174
- children: [
175
- /* @__PURE__ */ jsxs(StyledItemHeader, {
176
- type: "button",
177
- withCustomActions: (customActions?.length > 0 || renderCustomActions !== void 0) && !isDSMobile,
178
- withSecondaryTitle: secondaryTitle,
179
- onClick: handleOnClick,
180
- tabIndex: !disabled ? 0 : void 0,
181
- disabled,
182
- "data-disabled": disabled,
183
- ref: allChildrenReferences[dsIndex],
184
- onKeyDown: onKeyDownWithIndex,
185
- isDSMobile,
186
- "data-testid": DSAccordionDataTestid.ITEM.HEADER,
187
- id: `ds-accordion-header-${value}`,
188
- "aria-expanded": selected,
189
- "aria-disabled": disabled,
190
- "aria-controls": `ds-accordion-content-${value}`,
191
- onFocus: handleOnFocus,
192
- onBlur: handleOnBlur,
193
- ...globalAttrs,
194
- children: [
195
- /* @__PURE__ */ jsx(StyledItemAddon, {
196
- disabled,
197
- isDSMobile,
198
- children: selected ? /* @__PURE__ */ jsx(IconOpened, {
199
- isDSMobile
200
- }) : /* @__PURE__ */ jsx(IconClosed, {
201
- isDSMobile
202
- })
203
- }),
204
- /* @__PURE__ */ jsx(StyledItemTitles, {
143
+ return /* @__PURE__ */ jsxs(StyledItemContainer, { "data-testid": DSAccordionDataTestid.ITEM.CONTAINER, className, ...xstyledAttrs, children: [
144
+ /* @__PURE__ */ jsxs(StyledItemHeaderContainer, { disabled, ref: setReferenceElement, children: [
145
+ /* @__PURE__ */ jsxs(
146
+ StyledItemHeader,
147
+ {
148
+ type: "button",
149
+ withCustomActions: (customActions?.length > 0 || renderCustomActions !== void 0) && !isDSMobile,
150
+ withSecondaryTitle: secondaryTitle,
151
+ onClick: handleOnClick,
152
+ tabIndex: !disabled ? 0 : void 0,
153
+ disabled,
154
+ "data-disabled": disabled,
155
+ ref: allChildrenReferences[dsIndex],
156
+ onKeyDown: onKeyDownWithIndex,
157
+ isDSMobile,
158
+ "data-testid": DSAccordionDataTestid.ITEM.HEADER,
159
+ id: `ds-accordion-header-${value}`,
160
+ "aria-expanded": selected,
161
+ "aria-disabled": disabled,
162
+ "aria-controls": `ds-accordion-content-${value}`,
163
+ onFocus: handleOnFocus,
164
+ onBlur: handleOnBlur,
165
+ ...globalAttrs,
166
+ children: [
167
+ /* @__PURE__ */ jsx(StyledItemAddon, { disabled, isDSMobile, children: selected ? /* @__PURE__ */ jsx(IconOpened, { isDSMobile }) : /* @__PURE__ */ jsx(IconClosed, { isDSMobile }) }),
168
+ /* @__PURE__ */ jsx(
169
+ StyledItemTitles,
170
+ {
205
171
  onMouseEnter: handleOnFocus,
206
172
  onMouseLeave: handleOnBlur,
207
173
  isDSMobile,
208
174
  withSecondaryTitle: secondaryTitle,
209
175
  selected,
210
176
  children: Titles
211
- })
212
- ]
213
- }),
214
- CustomActionsContent
215
- ]
216
- }),
217
- selected && /* @__PURE__ */ jsx(StyledItemContent, {
177
+ }
178
+ )
179
+ ]
180
+ }
181
+ ),
182
+ CustomActionsContent
183
+ ] }),
184
+ selected && /* @__PURE__ */ jsx(
185
+ StyledItemContent,
186
+ {
218
187
  "data-testid": DSAccordionDataTestid.ITEM.CONTENT,
219
188
  "aria-labelledby": `ds-accordion-header-${value}`,
220
189
  role: "region",
221
190
  isDSMobile,
222
191
  id: `ds-accordion-content-${value}`,
223
192
  children
224
- })
225
- ]
226
- });
193
+ }
194
+ )
195
+ ] });
227
196
  };
228
197
  DSAccordionItem.displayName = "DSAccordionItem";
229
198
  const DSAccordionItemWithSchema = describe(DSAccordionItem);
package/dist/esm/parts/accordionItem/DSAccordionItem.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/accordionItem/DSAccordionItem.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport type { WeakValidationMap } from 'react';\nimport React, { useState, useContext, useCallback, useMemo } from 'react';\nimport {\n useMemoMergePropsWithDefault,\n describe,\n useIsShowingEllipsis,\n useGetGlobalAttributes,\n useGetXstyledProps,\n} from '@elliemae/ds-utilities';\nimport { DSButton, BUTTON_TYPE } from '@elliemae/ds-button';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport { accordionItemDefaultProps } from '../../defaultProps';\nimport {\n StyledItemAddon,\n StyledItemContainer,\n StyledItemContent,\n StyledItemCustomActions,\n StyledItemHeader,\n StyledItemHeaderContainer,\n StyledItemTitles,\n StyledPrimaryTitle,\n StyledSecondaryTitle,\n StyledTooltipContent,\n} from './styles';\nimport { useAccordionItem } from './useAccordionItem';\nimport { DSAccordionContext } from '../../DSAccordionCTX';\nimport { DSAccordionDataTestid } from '../../exported-related/DSAccordionDatatestid';\nimport { accordionItemPropTypes } from '../../react-desc-prop-types';\nimport type { DSAccordionT } from '../../react-desc-prop-types';\n\nconst DSAccordionItem = (props: DSAccordionT.ItemProps): JSX.Element => {\n const propsWithDefaults = useMemoMergePropsWithDefault(\n props,\n accordionItemDefaultProps,\n ) as DSAccordionT.InternalItemProps;\n\n const {\n children,\n title,\n secondaryTitle,\n customActions,\n iconOpened: IconOpened,\n iconClosed: IconClosed,\n value,\n disabled,\n dsIndex,\n renderCustomActions,\n CustomActions,\n ...rest\n } = propsWithDefaults;\n\n const { className, ...globalAttrs } = useGetGlobalAttributes(rest);\n const xstyledAttrs = useGetXstyledProps(rest);\n\n const { handleOnClick, handleOnKeyDown, selected } = useAccordionItem({ value, disabled });\n const {\n allChildrenReferences,\n actualActiveValue,\n props: { isDSMobile },\n } = useContext(DSAccordionContext);\n\n const onKeyDownWithIndex = useCallback(\n (e: React.KeyboardEvent) => {\n handleOnKeyDown(e, dsIndex);\n },\n [dsIndex, handleOnKeyDown],\n );\n\n const [showPopover, setShowPopover] = useState(false);\n const [referenceElement, setReferenceElement] = useState<HTMLElement | null>();\n\n const CustomActionsContent = useMemo(() => {\n if (!isDSMobile && customActions?.length > 0)\n return (\n <StyledItemCustomActions isDSMobile={isDSMobile}>\n {customActions?.map(({ onClick, id, ...otherProps }) => (\n <DSButton\n key={id}\n onClick={(e: React.MouseEvent<HTMLElement, MouseEvent> | React.KeyboardEvent<HTMLElement>): void => {\n e.stopPropagation();\n if (onClick) onClick(e as React.MouseEvent<HTMLElement, MouseEvent>);\n }}\n {...otherProps}\n buttonType={BUTTON_TYPE.SECONDARY}\n />\n ))}\n </StyledItemCustomActions>\n );\n\n if (!isDSMobile && (renderCustomActions || CustomActions))\n return (\n <StyledItemCustomActions isDSMobile={isDSMobile}>\n {CustomActions !== undefined ? (\n <CustomActions allRefs={allChildrenReferences} actualActiveValue={actualActiveValue} />\n ) : (\n renderCustomActions?.({ allRefs: allChildrenReferences, actualActiveValue })\n )}\n </StyledItemCustomActions>\n );\n return null;\n }, [CustomActions, actualActiveValue, allChildrenReferences, customActions, isDSMobile, renderCustomActions]);\n\n const { isShowingEllipsis: isPrimaryShowingEllipsis, setElement: setPrimaryElement } = useIsShowingEllipsis();\n\n const { isShowingEllipsis: isSecondaryShowingEllipsis, setElement: setSecondaryElement } = useIsShowingEllipsis();\n\n const handleOnFocus = useCallback(\n () => setShowPopover(isPrimaryShowingEllipsis || isSecondaryShowingEllipsis),\n [isPrimaryShowingEllipsis, isSecondaryShowingEllipsis],\n );\n\n const handleOnBlur = useCallback(() => setShowPopover(false), []);\n\n // eslint-disable-next-line complexity\n const Titles = useMemo(() => {\n if ((isPrimaryShowingEllipsis || isSecondaryShowingEllipsis) && !isDSMobile)\n return (\n <>\n <StyledPrimaryTitle\n ref={setPrimaryElement}\n {...(title ? { id: `accordion_${title || ''}id` } : undefined)}\n disabled={disabled}\n isDSMobile={isDSMobile}\n selected={selected}\n withSecondaryTitle={secondaryTitle}\n >\n {title}\n </StyledPrimaryTitle>\n {!isDSMobile && secondaryTitle && (\n <StyledSecondaryTitle ref={setSecondaryElement} disabled={disabled} selected={selected}>\n {secondaryTitle}\n </StyledSecondaryTitle>\n )}\n <DSPopperJS referenceElement={referenceElement} showPopover={showPopover}>\n <StyledTooltipContent>\n <p>{title}</p>\n <p> {secondaryTitle}</p>\n </StyledTooltipContent>\n </DSPopperJS>\n </>\n );\n\n return (\n <>\n <StyledPrimaryTitle\n ref={setPrimaryElement}\n {...(title ? { id: `accordion_${title || ''}id` } : undefined)}\n disabled={disabled}\n isDSMobile={isDSMobile}\n selected={selected}\n withSecondaryTitle={secondaryTitle}\n >\n {title}\n </StyledPrimaryTitle>\n {!isDSMobile && secondaryTitle && (\n <StyledSecondaryTitle ref={setSecondaryElement} disabled={disabled} selected={selected}>\n {secondaryTitle}\n </StyledSecondaryTitle>\n )}\n </>\n );\n }, [\n disabled,\n isDSMobile,\n isPrimaryShowingEllipsis,\n isSecondaryShowingEllipsis,\n referenceElement,\n secondaryTitle,\n setPrimaryElement,\n setSecondaryElement,\n showPopover,\n selected,\n title,\n ]);\n\n return (\n <StyledItemContainer data-testid={DSAccordionDataTestid.ITEM.CONTAINER} className={className} {...xstyledAttrs}>\n <StyledItemHeaderContainer disabled={disabled} ref={setReferenceElement}>\n <StyledItemHeader\n type=\"button\"\n withCustomActions={(customActions?.length > 0 || renderCustomActions !== undefined) && !isDSMobile}\n withSecondaryTitle={secondaryTitle}\n onClick={handleOnClick}\n tabIndex={!disabled ? 0 : undefined}\n disabled={disabled}\n data-disabled={disabled}\n ref={allChildrenReferences[dsIndex]}\n onKeyDown={onKeyDownWithIndex}\n isDSMobile={isDSMobile}\n data-testid={DSAccordionDataTestid.ITEM.HEADER}\n id={`ds-accordion-header-${value}`}\n aria-expanded={selected}\n aria-disabled={disabled}\n aria-controls={`ds-accordion-content-${value}`}\n onFocus={handleOnFocus}\n onBlur={handleOnBlur}\n {...globalAttrs}\n >\n <StyledItemAddon disabled={disabled} isDSMobile={isDSMobile}>\n {selected ? <IconOpened isDSMobile={isDSMobile} /> : <IconClosed isDSMobile={isDSMobile} />}\n </StyledItemAddon>\n <StyledItemTitles\n onMouseEnter={handleOnFocus}\n onMouseLeave={handleOnBlur}\n isDSMobile={isDSMobile}\n withSecondaryTitle={secondaryTitle}\n selected={selected}\n >\n {Titles}\n </StyledItemTitles>\n </StyledItemHeader>\n {CustomActionsContent}\n </StyledItemHeaderContainer>\n {selected && (\n <StyledItemContent\n data-testid={DSAccordionDataTestid.ITEM.CONTENT}\n aria-labelledby={`ds-accordion-header-${value}`}\n role=\"region\"\n isDSMobile={isDSMobile}\n id={`ds-accordion-content-${value}`}\n >\n {children}\n </StyledItemContent>\n )}\n </StyledItemContainer>\n );\n};\n\nDSAccordionItem.displayName = 'DSAccordionItem';\nconst DSAccordionItemWithSchema = describe(DSAccordionItem);\nDSAccordionItemWithSchema.propTypes = accordionItemPropTypes as WeakValidationMap<unknown>;\n\nexport { DSAccordionItem, DSAccordionItemWithSchema };\nexport default DSAccordionItem;\n"],
5
- "mappings": "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",
5
+ "mappings": "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",
6
6
  "names": []
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-accordion",
3
- "version": "3.12.0-rc.2",
3
+ "version": "3.12.0-rc.4",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Accordion",
6
6
  "files": [
@@ -83,11 +83,11 @@
83
83
  "indent": 4
84
84
  },
85
85
  "dependencies": {
86
- "@elliemae/ds-button": "3.12.0-rc.2",
87
- "@elliemae/ds-icons": "3.12.0-rc.2",
88
- "@elliemae/ds-popperjs": "3.12.0-rc.2",
89
- "@elliemae/ds-system": "3.12.0-rc.2",
90
- "@elliemae/ds-utilities": "3.12.0-rc.2"
86
+ "@elliemae/ds-button": "3.12.0-rc.4",
87
+ "@elliemae/ds-icons": "3.12.0-rc.4",
88
+ "@elliemae/ds-popperjs": "3.12.0-rc.4",
89
+ "@elliemae/ds-system": "3.12.0-rc.4",
90
+ "@elliemae/ds-utilities": "3.12.0-rc.4"
91
91
  },
92
92
  "devDependencies": {
93
93
  "@testing-library/jest-dom": "~5.16.4",