@elliemae/ds-accordion 3.5.0-rc.9 → 3.6.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.
Files changed (17) hide show
  1. package/dist/cjs/DSAccordion.js +5 -4
  2. package/dist/cjs/DSAccordion.js.map +2 -2
  3. package/dist/cjs/defaultProps.js +6 -5
  4. package/dist/cjs/defaultProps.js.map +2 -2
  5. package/dist/cjs/parts/accordionContent/AccordionContent.js +5 -3
  6. package/dist/cjs/parts/accordionContent/AccordionContent.js.map +1 -1
  7. package/dist/cjs/parts/accordionItem/DSAccordionItem.js +132 -87
  8. package/dist/cjs/parts/accordionItem/DSAccordionItem.js.map +2 -2
  9. package/dist/esm/DSAccordion.js +5 -4
  10. package/dist/esm/DSAccordion.js.map +2 -2
  11. package/dist/esm/defaultProps.js +6 -5
  12. package/dist/esm/defaultProps.js.map +2 -2
  13. package/dist/esm/parts/accordionContent/AccordionContent.js +5 -3
  14. package/dist/esm/parts/accordionContent/AccordionContent.js.map +1 -1
  15. package/dist/esm/parts/accordionItem/DSAccordionItem.js +132 -87
  16. package/dist/esm/parts/accordionItem/DSAccordionItem.js.map +2 -2
  17. package/package.json +6 -6
package/dist/cjs/DSAccordion.js CHANGED
@@ -30,7 +30,7 @@ __export(DSAccordion_exports, {
30
30
  });
31
31
  module.exports = __toCommonJS(DSAccordion_exports);
32
32
  var React = __toESM(require("react"));
33
- var import_react = __toESM(require("react"));
33
+ var import_jsx_runtime = require("react/jsx-runtime");
34
34
  var import_ds_utilities = require("@elliemae/ds-utilities");
35
35
  var import_AccordionContent = require("./parts/accordionContent/AccordionContent");
36
36
  var import_useAccordion = require("./config/useAccordion");
@@ -39,9 +39,10 @@ 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__ */ import_react.default.createElement(import_DSAccordionCTX.DSAccordionContext.Provider, {
43
- value: ctx
44
- }, /* @__PURE__ */ import_react.default.createElement(import_AccordionContent.AccordionContent, null));
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
+ });
45
46
  };
46
47
  DSAccordion.displayName = import_theming.DSAccordionName;
47
48
  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 React, { WeakValidationMap } 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;ADAvB,mBAAyC;AACzC,0BAAyB;AACzB,8BAAiC;AACjC,0BAA6B;AAC7B,4BAAmC;AACnC,mCAAmC;AAEnC,qBAAgC;AAEhC,MAAM,cAAc,CAAC,UAA2C;AAC9D,QAAM,UAAM,kCAAa,KAAK;AAE9B,SACE,6BAAAA,QAAA,cAAC,yCAAmB,UAAnB;AAAA,IAA4B,OAAO;AAAA,KAClC,6BAAAA,QAAA,cAAC,8CAAiB,CACpB;AAEJ;AAEA,YAAY,cAAc;AAC1B,MAAM,4BAAwB,8BAAS,WAAW;AAClD,sBAAsB,YAAY;AAIlC,IAAO,sBAAQ;",
6
- "names": ["React"]
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,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;",
6
+ "names": []
7
7
  }
package/dist/cjs/defaultProps.js CHANGED
@@ -29,21 +29,22 @@ __export(defaultProps_exports, {
29
29
  });
30
30
  module.exports = __toCommonJS(defaultProps_exports);
31
31
  var React = __toESM(require("react"));
32
- var import_react = __toESM(require("react"));
32
+ var import_jsx_runtime = require("react/jsx-runtime");
33
+ var import_react = require("react");
33
34
  var import_ds_icons = require("@elliemae/ds-icons");
34
35
  const DefaultIconClosed = (0, import_react.memo)(
35
- ({ isDSMobile = false }) => isDSMobile ? /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ChevronRight, {
36
+ ({ isDSMobile = false }) => isDSMobile ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronRight, {
36
37
  width: "20px",
37
38
  color: ["brand", "800"]
38
- }) : /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ArrowheadRight, {
39
+ }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ArrowheadRight, {
39
40
  width: "20px"
40
41
  })
41
42
  );
42
43
  const DefaultIconOpen = (0, import_react.memo)(
43
- ({ isDSMobile = false }) => isDSMobile ? /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ChevronDown, {
44
+ ({ isDSMobile = false }) => isDSMobile ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronDown, {
44
45
  width: "20px",
45
46
  color: ["brand", "800"]
46
- }) : /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ArrowheadDown, {
47
+ }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ArrowheadDown, {
47
48
  width: "20px"
48
49
  })
49
50
  );
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', '800']} /> : <ArrowheadRight width=\"20px\" />,\n);\n\nconst DefaultIconOpen = memo(({ isDSMobile = false }: DSAccordionInternalsT.DefaultIconProps) =>\n isDSMobile ? <ChevronDown width=\"20px\" color={['brand', '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;ADAvB,mBAA4B;AAC5B,sBAAyE;AAIzE,MAAM,wBAAoB;AAAA,EAAK,CAAC,EAAE,aAAa,MAAM,MACnD,aAAa,6BAAAA,QAAA,cAAC;AAAA,IAAa,OAAM;AAAA,IAAO,OAAO,CAAC,SAAS,KAAK;AAAA,GAAG,IAAK,6BAAAA,QAAA,cAAC;AAAA,IAAe,OAAM;AAAA,GAAO;AACrG;AAEA,MAAM,sBAAkB;AAAA,EAAK,CAAC,EAAE,aAAa,MAAM,MACjD,aAAa,6BAAAA,QAAA,cAAC;AAAA,IAAY,OAAM;AAAA,IAAO,OAAO,CAAC,SAAS,KAAK;AAAA,GAAG,IAAK,6BAAAA,QAAA,cAAC;AAAA,IAAc,OAAM;AAAA,GAAO;AACnG;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
- "names": ["React"]
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAA4B;AAC5B,sBAAyE;AAIzE,MAAM,wBAAoB;AAAA,EAAK,CAAC,EAAE,aAAa,MAAM,MACnD,aAAa,4CAAC;AAAA,IAAa,OAAM;AAAA,IAAO,OAAO,CAAC,SAAS,KAAK;AAAA,GAAG,IAAK,4CAAC;AAAA,IAAe,OAAM;AAAA,GAAO;AACrG;AAEA,MAAM,sBAAkB;AAAA,EAAK,CAAC,EAAE,aAAa,MAAM,MACjD,aAAa,4CAAC;AAAA,IAAY,OAAM;AAAA,IAAO,OAAO,CAAC,SAAS,KAAK;AAAA,GAAG,IAAK,4CAAC;AAAA,IAAc,OAAM;AAAA,GAAO;AACnG;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
+ "names": []
7
7
  }
package/dist/cjs/parts/accordionContent/AccordionContent.js CHANGED
@@ -28,6 +28,7 @@ __export(AccordionContent_exports, {
28
28
  });
29
29
  module.exports = __toCommonJS(AccordionContent_exports);
30
30
  var React = __toESM(require("react"));
31
+ var import_jsx_runtime = require("react/jsx-runtime");
31
32
  var import_react = __toESM(require("react"));
32
33
  var import_ds_utilities = require("@elliemae/ds-utilities");
33
34
  var import_DSAccordionCTX = require("../../DSAccordionCTX");
@@ -48,11 +49,12 @@ const AccordionContent = () => {
48
49
  })
49
50
  )
50
51
  );
51
- return /* @__PURE__ */ import_react.default.createElement(import_styles.StyledContainer, {
52
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledContainer, {
52
53
  "data-testid": import_DSAccordionDatatestid.DSAccordionDataTestid.GROUP,
53
54
  ...containerProps,
54
55
  ...globalAttrs,
55
- ...xstyledAttrs
56
- }, childrenWithIndex);
56
+ ...xstyledAttrs,
57
+ children: childrenWithIndex
58
+ });
57
59
  };
58
60
  //# 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, ...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;ADAvB,mBAAkC;AAClC,0BAA2D;AAC3D,4BAAmC;AACnC,mCAAsC;AACtC,oBAAgC;AAGzB,MAAM,mBAAmB,MAAmB;AACjD,QAAM;AAAA,IACJ,OAAO,EAAE,gBAAgB,aAAa,KAAK;AAAA,EAC7C,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,6BAAAA,QAAA,cAAC;AAAA,IAAgB,eAAa,mDAAsB;AAAA,IAAQ,GAAG;AAAA,IAAiB,GAAG;AAAA,IAAc,GAAG;AAAA,KACjG,iBACH;AAEJ;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAkC;AAClC,0BAA2D;AAC3D,4BAAmC;AACnC,mCAAsC;AACtC,oBAAgC;AAGzB,MAAM,mBAAmB,MAAmB;AACjD,QAAM;AAAA,IACJ,OAAO,EAAE,gBAAgB,aAAa,KAAK;AAAA,EAC7C,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;",
6
6
  "names": ["React"]
7
7
  }
package/dist/cjs/parts/accordionItem/DSAccordionItem.js CHANGED
@@ -30,7 +30,8 @@ __export(DSAccordionItem_exports, {
30
30
  });
31
31
  module.exports = __toCommonJS(DSAccordionItem_exports);
32
32
  var React = __toESM(require("react"));
33
- var import_react = __toESM(require("react"));
33
+ var import_jsx_runtime = require("react/jsx-runtime");
34
+ var import_react = require("react");
34
35
  var import_ds_utilities = require("@elliemae/ds-utilities");
35
36
  var import_ds_button = require("@elliemae/ds-button");
36
37
  var import_ds_popperjs = require("@elliemae/ds-popperjs");
@@ -76,22 +77,23 @@ const DSAccordionItem = (props) => {
76
77
  const [referenceElement, setReferenceElement] = (0, import_react.useState)();
77
78
  const CustomActionsContent = (0, import_react.useMemo)(() => {
78
79
  if (!isDSMobile && customActions?.length > 0)
79
- return /* @__PURE__ */ import_react.default.createElement(import_styles.StyledItemCustomActions, {
80
- isDSMobile
81
- }, customActions?.map(({ onClick, id, ...otherProps }) => /* @__PURE__ */ import_react.default.createElement(import_ds_button.DSButton, {
82
- key: id,
83
- onClick: (e) => {
84
- e.stopPropagation();
85
- if (onClick)
86
- onClick(e);
87
- },
88
- ...otherProps,
89
- buttonType: import_ds_button.BUTTON_TYPE.SECONDARY
90
- })));
80
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledItemCustomActions, {
81
+ isDSMobile,
82
+ children: customActions?.map(({ onClick, id, ...otherProps }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.DSButton, {
83
+ onClick: (e) => {
84
+ e.stopPropagation();
85
+ if (onClick)
86
+ onClick(e);
87
+ },
88
+ ...otherProps,
89
+ buttonType: import_ds_button.BUTTON_TYPE.SECONDARY
90
+ }, id))
91
+ });
91
92
  if (!isDSMobile && renderCustomActions)
92
- return /* @__PURE__ */ import_react.default.createElement(import_styles.StyledItemCustomActions, {
93
- isDSMobile
94
- }, renderCustomActions({ allRefs: allChildrenReferences, actualActiveValue }));
93
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledItemCustomActions, {
94
+ isDSMobile,
95
+ children: renderCustomActions({ allRefs: allChildrenReferences, actualActiveValue })
96
+ });
95
97
  return null;
96
98
  }, [actualActiveValue, allChildrenReferences, customActions, isDSMobile, renderCustomActions]);
97
99
  const { isShowingEllipsis: isPrimaryShowingEllipsis, setElement: setPrimaryElement } = (0, import_ds_utilities.useIsShowingEllipsis)();
@@ -103,33 +105,61 @@ const DSAccordionItem = (props) => {
103
105
  const handleOnBlur = (0, import_react.useCallback)(() => setShowPopover(false), []);
104
106
  const Titles = (0, import_react.useMemo)(() => {
105
107
  if ((isPrimaryShowingEllipsis || isSecondaryShowingEllipsis) && !isDSMobile)
106
- return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledPrimaryTitle, {
107
- ref: setPrimaryElement,
108
- ...title ? { id: `accordion_${title || ""}id` } : void 0,
109
- disabled,
110
- isDSMobile,
111
- selected,
112
- withSecondaryTitle: secondaryTitle
113
- }, title), !isDSMobile && secondaryTitle && /* @__PURE__ */ import_react.default.createElement(import_styles.StyledSecondaryTitle, {
114
- ref: setSecondaryElement,
115
- disabled,
116
- selected
117
- }, secondaryTitle), /* @__PURE__ */ import_react.default.createElement(import_ds_popperjs.DSPopperJS, {
118
- referenceElement,
119
- showPopover
120
- }, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledTooltipContent, null, /* @__PURE__ */ import_react.default.createElement("p", null, title), /* @__PURE__ */ import_react.default.createElement("p", null, " ", secondaryTitle))));
121
- return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledPrimaryTitle, {
122
- ref: setPrimaryElement,
123
- ...title ? { id: `accordion_${title || ""}id` } : void 0,
124
- disabled,
125
- isDSMobile,
126
- selected,
127
- withSecondaryTitle: secondaryTitle
128
- }, title), !isDSMobile && secondaryTitle && /* @__PURE__ */ import_react.default.createElement(import_styles.StyledSecondaryTitle, {
129
- ref: setSecondaryElement,
130
- disabled,
131
- selected
132
- }, secondaryTitle));
108
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
109
+ children: [
110
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledPrimaryTitle, {
111
+ ref: setPrimaryElement,
112
+ ...title ? { id: `accordion_${title || ""}id` } : void 0,
113
+ disabled,
114
+ isDSMobile,
115
+ selected,
116
+ withSecondaryTitle: secondaryTitle,
117
+ children: title
118
+ }),
119
+ !isDSMobile && secondaryTitle && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledSecondaryTitle, {
120
+ ref: setSecondaryElement,
121
+ disabled,
122
+ selected,
123
+ children: secondaryTitle
124
+ }),
125
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_popperjs.DSPopperJS, {
126
+ referenceElement,
127
+ showPopover,
128
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.StyledTooltipContent, {
129
+ children: [
130
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
131
+ children: title
132
+ }),
133
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
134
+ children: [
135
+ " ",
136
+ secondaryTitle
137
+ ]
138
+ })
139
+ ]
140
+ })
141
+ })
142
+ ]
143
+ });
144
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
145
+ children: [
146
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledPrimaryTitle, {
147
+ ref: setPrimaryElement,
148
+ ...title ? { id: `accordion_${title || ""}id` } : void 0,
149
+ disabled,
150
+ isDSMobile,
151
+ selected,
152
+ withSecondaryTitle: secondaryTitle,
153
+ children: title
154
+ }),
155
+ !isDSMobile && secondaryTitle && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledSecondaryTitle, {
156
+ ref: setSecondaryElement,
157
+ disabled,
158
+ selected,
159
+ children: secondaryTitle
160
+ })
161
+ ]
162
+ });
133
163
  }, [
134
164
  disabled,
135
165
  isDSMobile,
@@ -143,52 +173,67 @@ const DSAccordionItem = (props) => {
143
173
  selected,
144
174
  title
145
175
  ]);
146
- return /* @__PURE__ */ import_react.default.createElement(import_styles.StyledItemContainer, {
176
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.StyledItemContainer, {
147
177
  "data-testid": import_DSAccordionDatatestid.DSAccordionDataTestid.ITEM.CONTAINER,
148
178
  className,
149
- ...xstyledAttrs
150
- }, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledItemHeaderContainer, {
151
- disabled,
152
- ref: setReferenceElement
153
- }, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledItemHeader, {
154
- type: "button",
155
- withCustomActions: (customActions?.length > 0 || renderCustomActions !== void 0) && !isDSMobile,
156
- withSecondaryTitle: secondaryTitle,
157
- onClick: handleOnClick,
158
- tabIndex: !disabled ? 0 : void 0,
159
- disabled,
160
- "data-disabled": disabled,
161
- ref: allChildrenReferences[dsIndex],
162
- onKeyDown: onKeyDownWithIndex,
163
- isDSMobile,
164
- "data-testid": import_DSAccordionDatatestid.DSAccordionDataTestid.ITEM.HEADER,
165
- id: `ds-accordion-header-${value}`,
166
- "aria-expanded": selected,
167
- "aria-disabled": disabled,
168
- "aria-controls": `ds-accordion-content-${value}`,
169
- onFocus: handleOnFocus,
170
- onBlur: handleOnBlur,
171
- ...globalAttrs
172
- }, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledItemAddon, {
173
- disabled,
174
- isDSMobile
175
- }, selected ? /* @__PURE__ */ import_react.default.createElement(IconOpened, {
176
- isDSMobile
177
- }) : /* @__PURE__ */ import_react.default.createElement(IconClosed, {
178
- isDSMobile
179
- })), /* @__PURE__ */ import_react.default.createElement(import_styles.StyledItemTitles, {
180
- onMouseEnter: handleOnFocus,
181
- onMouseLeave: handleOnBlur,
182
- isDSMobile,
183
- withSecondaryTitle: secondaryTitle,
184
- selected
185
- }, Titles)), CustomActionsContent), selected && /* @__PURE__ */ import_react.default.createElement(import_styles.StyledItemContent, {
186
- "data-testid": import_DSAccordionDatatestid.DSAccordionDataTestid.ITEM.CONTENT,
187
- "aria-labelledby": `ds-accordion-header-${value}`,
188
- role: "region",
189
- isDSMobile,
190
- id: `ds-accordion-content-${value}`
191
- }, children));
179
+ ...xstyledAttrs,
180
+ children: [
181
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.StyledItemHeaderContainer, {
182
+ disabled,
183
+ ref: setReferenceElement,
184
+ children: [
185
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.StyledItemHeader, {
186
+ type: "button",
187
+ withCustomActions: (customActions?.length > 0 || renderCustomActions !== void 0) && !isDSMobile,
188
+ withSecondaryTitle: secondaryTitle,
189
+ onClick: handleOnClick,
190
+ tabIndex: !disabled ? 0 : void 0,
191
+ disabled,
192
+ "data-disabled": disabled,
193
+ ref: allChildrenReferences[dsIndex],
194
+ onKeyDown: onKeyDownWithIndex,
195
+ isDSMobile,
196
+ "data-testid": import_DSAccordionDatatestid.DSAccordionDataTestid.ITEM.HEADER,
197
+ id: `ds-accordion-header-${value}`,
198
+ "aria-expanded": selected,
199
+ "aria-disabled": disabled,
200
+ "aria-controls": `ds-accordion-content-${value}`,
201
+ onFocus: handleOnFocus,
202
+ onBlur: handleOnBlur,
203
+ ...globalAttrs,
204
+ children: [
205
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledItemAddon, {
206
+ disabled,
207
+ isDSMobile,
208
+ children: selected ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconOpened, {
209
+ isDSMobile
210
+ }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconClosed, {
211
+ isDSMobile
212
+ })
213
+ }),
214
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledItemTitles, {
215
+ onMouseEnter: handleOnFocus,
216
+ onMouseLeave: handleOnBlur,
217
+ isDSMobile,
218
+ withSecondaryTitle: secondaryTitle,
219
+ selected,
220
+ children: Titles
221
+ })
222
+ ]
223
+ }),
224
+ CustomActionsContent
225
+ ]
226
+ }),
227
+ selected && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledItemContent, {
228
+ "data-testid": import_DSAccordionDatatestid.DSAccordionDataTestid.ITEM.CONTENT,
229
+ "aria-labelledby": `ds-accordion-header-${value}`,
230
+ role: "region",
231
+ isDSMobile,
232
+ id: `ds-accordion-content-${value}`,
233
+ children
234
+ })
235
+ ]
236
+ });
192
237
  };
193
238
  DSAccordionItem.displayName = "DSAccordionItem";
194
239
  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 React, { useState, useContext, useCallback, useMemo, WeakValidationMap } 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 ...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)\n return (\n <StyledItemCustomActions isDSMobile={isDSMobile}>\n {renderCustomActions({ allRefs: allChildrenReferences, actualActiveValue })}\n </StyledItemCustomActions>\n );\n return null;\n }, [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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",
6
- "names": ["React"]
5
+ "mappings": "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",
6
+ "names": []
7
7
  }
package/dist/esm/DSAccordion.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as React from "react";
2
- import React2 from "react";
2
+ import { jsx } from "react/jsx-runtime";
3
3
  import { describe } from "@elliemae/ds-utilities";
4
4
  import { AccordionContent } from "./parts/accordionContent/AccordionContent";
5
5
  import { useAccordion } from "./config/useAccordion";
@@ -8,9 +8,10 @@ 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__ */ React2.createElement(DSAccordionContext.Provider, {
12
- value: ctx
13
- }, /* @__PURE__ */ React2.createElement(AccordionContent, null));
11
+ return /* @__PURE__ */ jsx(DSAccordionContext.Provider, {
12
+ value: ctx,
13
+ children: /* @__PURE__ */ jsx(AccordionContent, {})
14
+ });
14
15
  };
15
16
  DSAccordion.displayName = DSAccordionName;
16
17
  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 React, { WeakValidationMap } 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;ACAvB,OAAOA,YAAkC;AACzC,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,gBAAAA,OAAA,cAAC,mBAAmB,UAAnB;AAAA,IAA4B,OAAO;AAAA,KAClC,gBAAAA,OAAA,cAAC,sBAAiB,CACpB;AAEJ;AAEA,YAAY,cAAc;AAC1B,MAAM,wBAAwB,SAAS,WAAW;AAClD,sBAAsB,YAAY;AAIlC,IAAO,sBAAQ;",
6
- "names": ["React"]
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,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;",
6
+ "names": []
7
7
  }
package/dist/esm/defaultProps.js CHANGED
@@ -1,19 +1,20 @@
1
1
  import * as React from "react";
2
- import React2, { memo } from "react";
2
+ import { jsx } from "react/jsx-runtime";
3
+ import { memo } from "react";
3
4
  import { ArrowheadRight, ArrowheadDown, ChevronRight, ChevronDown } from "@elliemae/ds-icons";
4
5
  const DefaultIconClosed = memo(
5
- ({ isDSMobile = false }) => isDSMobile ? /* @__PURE__ */ React2.createElement(ChevronRight, {
6
+ ({ isDSMobile = false }) => isDSMobile ? /* @__PURE__ */ jsx(ChevronRight, {
6
7
  width: "20px",
7
8
  color: ["brand", "800"]
8
- }) : /* @__PURE__ */ React2.createElement(ArrowheadRight, {
9
+ }) : /* @__PURE__ */ jsx(ArrowheadRight, {
9
10
  width: "20px"
10
11
  })
11
12
  );
12
13
  const DefaultIconOpen = memo(
13
- ({ isDSMobile = false }) => isDSMobile ? /* @__PURE__ */ React2.createElement(ChevronDown, {
14
+ ({ isDSMobile = false }) => isDSMobile ? /* @__PURE__ */ jsx(ChevronDown, {
14
15
  width: "20px",
15
16
  color: ["brand", "800"]
16
- }) : /* @__PURE__ */ React2.createElement(ArrowheadDown, {
17
+ }) : /* @__PURE__ */ jsx(ArrowheadDown, {
17
18
  width: "20px"
18
19
  })
19
20
  );
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', '800']} /> : <ArrowheadRight width=\"20px\" />,\n);\n\nconst DefaultIconOpen = memo(({ isDSMobile = false }: DSAccordionInternalsT.DefaultIconProps) =>\n isDSMobile ? <ChevronDown width=\"20px\" color={['brand', '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;ACAvB,OAAOA,UAAS,YAAY;AAC5B,SAAS,gBAAgB,eAAe,cAAc,mBAAmB;AAIzE,MAAM,oBAAoB;AAAA,EAAK,CAAC,EAAE,aAAa,MAAM,MACnD,aAAa,gBAAAA,OAAA,cAAC;AAAA,IAAa,OAAM;AAAA,IAAO,OAAO,CAAC,SAAS,KAAK;AAAA,GAAG,IAAK,gBAAAA,OAAA,cAAC;AAAA,IAAe,OAAM;AAAA,GAAO;AACrG;AAEA,MAAM,kBAAkB;AAAA,EAAK,CAAC,EAAE,aAAa,MAAM,MACjD,aAAa,gBAAAA,OAAA,cAAC;AAAA,IAAY,OAAM;AAAA,IAAO,OAAO,CAAC,SAAS,KAAK;AAAA,GAAG,IAAK,gBAAAA,OAAA,cAAC;AAAA,IAAc,OAAM;AAAA,GAAO;AACnG;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
- "names": ["React"]
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,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,SAAS,KAAK;AAAA,GAAG,IAAK,oBAAC;AAAA,IAAe,OAAM;AAAA,GAAO;AACrG;AAEA,MAAM,kBAAkB;AAAA,EAAK,CAAC,EAAE,aAAa,MAAM,MACjD,aAAa,oBAAC;AAAA,IAAY,OAAM;AAAA,IAAO,OAAO,CAAC,SAAS,KAAK;AAAA,GAAG,IAAK,oBAAC;AAAA,IAAc,OAAM;AAAA,GAAO;AACnG;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
+ "names": []
7
7
  }
package/dist/esm/parts/accordionContent/AccordionContent.js CHANGED
@@ -1,4 +1,5 @@
1
1
  import * as React from "react";
2
+ import { jsx } from "react/jsx-runtime";
2
3
  import React2, { useContext } from "react";
3
4
  import { useGetGlobalAttributes, useGetXstyledProps } from "@elliemae/ds-utilities";
4
5
  import { DSAccordionContext } from "../../DSAccordionCTX";
@@ -19,12 +20,13 @@ const AccordionContent = () => {
19
20
  })
20
21
  )
21
22
  );
22
- return /* @__PURE__ */ React2.createElement(StyledContainer, {
23
+ return /* @__PURE__ */ jsx(StyledContainer, {
23
24
  "data-testid": DSAccordionDataTestid.GROUP,
24
25
  ...containerProps,
25
26
  ...globalAttrs,
26
- ...xstyledAttrs
27
- }, childrenWithIndex);
27
+ ...xstyledAttrs,
28
+ children: childrenWithIndex
29
+ });
28
30
  };
29
31
  export {
30
32
  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, ...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;ACAvB,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,aAAa,KAAK;AAAA,EAC7C,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,gBAAAA,OAAA,cAAC;AAAA,IAAgB,eAAa,sBAAsB;AAAA,IAAQ,GAAG;AAAA,IAAiB,GAAG;AAAA,IAAc,GAAG;AAAA,KACjG,iBACH;AAEJ;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,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,aAAa,KAAK;AAAA,EAC7C,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;",
6
6
  "names": ["React"]
7
7
  }
package/dist/esm/parts/accordionItem/DSAccordionItem.js CHANGED
@@ -1,5 +1,6 @@
1
1
  import * as React from "react";
2
- import React2, { useState, useContext, useCallback, useMemo } from "react";
2
+ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
3
+ import { useState, useContext, useCallback, useMemo } from "react";
3
4
  import {
4
5
  useMemoMergePropsWithDefault,
5
6
  describe,
@@ -62,22 +63,23 @@ const DSAccordionItem = (props) => {
62
63
  const [referenceElement, setReferenceElement] = useState();
63
64
  const CustomActionsContent = useMemo(() => {
64
65
  if (!isDSMobile && customActions?.length > 0)
65
- return /* @__PURE__ */ React2.createElement(StyledItemCustomActions, {
66
- isDSMobile
67
- }, customActions?.map(({ onClick, id, ...otherProps }) => /* @__PURE__ */ React2.createElement(DSButton, {
68
- key: id,
69
- onClick: (e) => {
70
- e.stopPropagation();
71
- if (onClick)
72
- onClick(e);
73
- },
74
- ...otherProps,
75
- buttonType: BUTTON_TYPE.SECONDARY
76
- })));
66
+ return /* @__PURE__ */ jsx(StyledItemCustomActions, {
67
+ isDSMobile,
68
+ children: customActions?.map(({ onClick, id, ...otherProps }) => /* @__PURE__ */ jsx(DSButton, {
69
+ onClick: (e) => {
70
+ e.stopPropagation();
71
+ if (onClick)
72
+ onClick(e);
73
+ },
74
+ ...otherProps,
75
+ buttonType: BUTTON_TYPE.SECONDARY
76
+ }, id))
77
+ });
77
78
  if (!isDSMobile && renderCustomActions)
78
- return /* @__PURE__ */ React2.createElement(StyledItemCustomActions, {
79
- isDSMobile
80
- }, renderCustomActions({ allRefs: allChildrenReferences, actualActiveValue }));
79
+ return /* @__PURE__ */ jsx(StyledItemCustomActions, {
80
+ isDSMobile,
81
+ children: renderCustomActions({ allRefs: allChildrenReferences, actualActiveValue })
82
+ });
81
83
  return null;
82
84
  }, [actualActiveValue, allChildrenReferences, customActions, isDSMobile, renderCustomActions]);
83
85
  const { isShowingEllipsis: isPrimaryShowingEllipsis, setElement: setPrimaryElement } = useIsShowingEllipsis();
@@ -89,33 +91,61 @@ const DSAccordionItem = (props) => {
89
91
  const handleOnBlur = useCallback(() => setShowPopover(false), []);
90
92
  const Titles = useMemo(() => {
91
93
  if ((isPrimaryShowingEllipsis || isSecondaryShowingEllipsis) && !isDSMobile)
92
- return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(StyledPrimaryTitle, {
93
- ref: setPrimaryElement,
94
- ...title ? { id: `accordion_${title || ""}id` } : void 0,
95
- disabled,
96
- isDSMobile,
97
- selected,
98
- withSecondaryTitle: secondaryTitle
99
- }, title), !isDSMobile && secondaryTitle && /* @__PURE__ */ React2.createElement(StyledSecondaryTitle, {
100
- ref: setSecondaryElement,
101
- disabled,
102
- selected
103
- }, secondaryTitle), /* @__PURE__ */ React2.createElement(DSPopperJS, {
104
- referenceElement,
105
- showPopover
106
- }, /* @__PURE__ */ React2.createElement(StyledTooltipContent, null, /* @__PURE__ */ React2.createElement("p", null, title), /* @__PURE__ */ React2.createElement("p", null, " ", secondaryTitle))));
107
- return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(StyledPrimaryTitle, {
108
- ref: setPrimaryElement,
109
- ...title ? { id: `accordion_${title || ""}id` } : void 0,
110
- disabled,
111
- isDSMobile,
112
- selected,
113
- withSecondaryTitle: secondaryTitle
114
- }, title), !isDSMobile && secondaryTitle && /* @__PURE__ */ React2.createElement(StyledSecondaryTitle, {
115
- ref: setSecondaryElement,
116
- disabled,
117
- selected
118
- }, secondaryTitle));
94
+ return /* @__PURE__ */ jsxs(Fragment, {
95
+ children: [
96
+ /* @__PURE__ */ jsx(StyledPrimaryTitle, {
97
+ ref: setPrimaryElement,
98
+ ...title ? { id: `accordion_${title || ""}id` } : void 0,
99
+ disabled,
100
+ isDSMobile,
101
+ selected,
102
+ withSecondaryTitle: secondaryTitle,
103
+ children: title
104
+ }),
105
+ !isDSMobile && secondaryTitle && /* @__PURE__ */ jsx(StyledSecondaryTitle, {
106
+ ref: setSecondaryElement,
107
+ disabled,
108
+ selected,
109
+ children: secondaryTitle
110
+ }),
111
+ /* @__PURE__ */ jsx(DSPopperJS, {
112
+ referenceElement,
113
+ showPopover,
114
+ children: /* @__PURE__ */ jsxs(StyledTooltipContent, {
115
+ children: [
116
+ /* @__PURE__ */ jsx("p", {
117
+ children: title
118
+ }),
119
+ /* @__PURE__ */ jsxs("p", {
120
+ children: [
121
+ " ",
122
+ secondaryTitle
123
+ ]
124
+ })
125
+ ]
126
+ })
127
+ })
128
+ ]
129
+ });
130
+ return /* @__PURE__ */ jsxs(Fragment, {
131
+ children: [
132
+ /* @__PURE__ */ jsx(StyledPrimaryTitle, {
133
+ ref: setPrimaryElement,
134
+ ...title ? { id: `accordion_${title || ""}id` } : void 0,
135
+ disabled,
136
+ isDSMobile,
137
+ selected,
138
+ withSecondaryTitle: secondaryTitle,
139
+ children: title
140
+ }),
141
+ !isDSMobile && secondaryTitle && /* @__PURE__ */ jsx(StyledSecondaryTitle, {
142
+ ref: setSecondaryElement,
143
+ disabled,
144
+ selected,
145
+ children: secondaryTitle
146
+ })
147
+ ]
148
+ });
119
149
  }, [
120
150
  disabled,
121
151
  isDSMobile,
@@ -129,52 +159,67 @@ const DSAccordionItem = (props) => {
129
159
  selected,
130
160
  title
131
161
  ]);
132
- return /* @__PURE__ */ React2.createElement(StyledItemContainer, {
162
+ return /* @__PURE__ */ jsxs(StyledItemContainer, {
133
163
  "data-testid": DSAccordionDataTestid.ITEM.CONTAINER,
134
164
  className,
135
- ...xstyledAttrs
136
- }, /* @__PURE__ */ React2.createElement(StyledItemHeaderContainer, {
137
- disabled,
138
- ref: setReferenceElement
139
- }, /* @__PURE__ */ React2.createElement(StyledItemHeader, {
140
- type: "button",
141
- withCustomActions: (customActions?.length > 0 || renderCustomActions !== void 0) && !isDSMobile,
142
- withSecondaryTitle: secondaryTitle,
143
- onClick: handleOnClick,
144
- tabIndex: !disabled ? 0 : void 0,
145
- disabled,
146
- "data-disabled": disabled,
147
- ref: allChildrenReferences[dsIndex],
148
- onKeyDown: onKeyDownWithIndex,
149
- isDSMobile,
150
- "data-testid": DSAccordionDataTestid.ITEM.HEADER,
151
- id: `ds-accordion-header-${value}`,
152
- "aria-expanded": selected,
153
- "aria-disabled": disabled,
154
- "aria-controls": `ds-accordion-content-${value}`,
155
- onFocus: handleOnFocus,
156
- onBlur: handleOnBlur,
157
- ...globalAttrs
158
- }, /* @__PURE__ */ React2.createElement(StyledItemAddon, {
159
- disabled,
160
- isDSMobile
161
- }, selected ? /* @__PURE__ */ React2.createElement(IconOpened, {
162
- isDSMobile
163
- }) : /* @__PURE__ */ React2.createElement(IconClosed, {
164
- isDSMobile
165
- })), /* @__PURE__ */ React2.createElement(StyledItemTitles, {
166
- onMouseEnter: handleOnFocus,
167
- onMouseLeave: handleOnBlur,
168
- isDSMobile,
169
- withSecondaryTitle: secondaryTitle,
170
- selected
171
- }, Titles)), CustomActionsContent), selected && /* @__PURE__ */ React2.createElement(StyledItemContent, {
172
- "data-testid": DSAccordionDataTestid.ITEM.CONTENT,
173
- "aria-labelledby": `ds-accordion-header-${value}`,
174
- role: "region",
175
- isDSMobile,
176
- id: `ds-accordion-content-${value}`
177
- }, children));
165
+ ...xstyledAttrs,
166
+ children: [
167
+ /* @__PURE__ */ jsxs(StyledItemHeaderContainer, {
168
+ disabled,
169
+ ref: setReferenceElement,
170
+ children: [
171
+ /* @__PURE__ */ jsxs(StyledItemHeader, {
172
+ type: "button",
173
+ withCustomActions: (customActions?.length > 0 || renderCustomActions !== void 0) && !isDSMobile,
174
+ withSecondaryTitle: secondaryTitle,
175
+ onClick: handleOnClick,
176
+ tabIndex: !disabled ? 0 : void 0,
177
+ disabled,
178
+ "data-disabled": disabled,
179
+ ref: allChildrenReferences[dsIndex],
180
+ onKeyDown: onKeyDownWithIndex,
181
+ isDSMobile,
182
+ "data-testid": DSAccordionDataTestid.ITEM.HEADER,
183
+ id: `ds-accordion-header-${value}`,
184
+ "aria-expanded": selected,
185
+ "aria-disabled": disabled,
186
+ "aria-controls": `ds-accordion-content-${value}`,
187
+ onFocus: handleOnFocus,
188
+ onBlur: handleOnBlur,
189
+ ...globalAttrs,
190
+ children: [
191
+ /* @__PURE__ */ jsx(StyledItemAddon, {
192
+ disabled,
193
+ isDSMobile,
194
+ children: selected ? /* @__PURE__ */ jsx(IconOpened, {
195
+ isDSMobile
196
+ }) : /* @__PURE__ */ jsx(IconClosed, {
197
+ isDSMobile
198
+ })
199
+ }),
200
+ /* @__PURE__ */ jsx(StyledItemTitles, {
201
+ onMouseEnter: handleOnFocus,
202
+ onMouseLeave: handleOnBlur,
203
+ isDSMobile,
204
+ withSecondaryTitle: secondaryTitle,
205
+ selected,
206
+ children: Titles
207
+ })
208
+ ]
209
+ }),
210
+ CustomActionsContent
211
+ ]
212
+ }),
213
+ selected && /* @__PURE__ */ jsx(StyledItemContent, {
214
+ "data-testid": DSAccordionDataTestid.ITEM.CONTENT,
215
+ "aria-labelledby": `ds-accordion-header-${value}`,
216
+ role: "region",
217
+ isDSMobile,
218
+ id: `ds-accordion-content-${value}`,
219
+ children
220
+ })
221
+ ]
222
+ });
178
223
  };
179
224
  DSAccordionItem.displayName = "DSAccordionItem";
180
225
  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 React, { useState, useContext, useCallback, useMemo, WeakValidationMap } 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 ...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)\n return (\n <StyledItemCustomActions isDSMobile={isDSMobile}>\n {renderCustomActions({ allRefs: allChildrenReferences, actualActiveValue })}\n </StyledItemCustomActions>\n );\n return null;\n }, [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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",
6
- "names": ["React"]
5
+ "mappings": "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",
6
+ "names": []
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-accordion",
3
- "version": "3.5.0-rc.9",
3
+ "version": "3.6.0-next.0",
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.5.0-rc.9",
87
- "@elliemae/ds-icons": "3.5.0-rc.9",
88
- "@elliemae/ds-popperjs": "3.5.0-rc.9",
89
- "@elliemae/ds-system": "3.5.0-rc.9",
90
- "@elliemae/ds-utilities": "3.5.0-rc.9"
86
+ "@elliemae/ds-button": "3.6.0-next.0",
87
+ "@elliemae/ds-icons": "3.6.0-next.0",
88
+ "@elliemae/ds-popperjs": "3.6.0-next.0",
89
+ "@elliemae/ds-system": "3.6.0-next.0",
90
+ "@elliemae/ds-utilities": "3.6.0-next.0"
91
91
  },
92
92
  "devDependencies": {
93
93
  "@testing-library/jest-dom": "~5.16.4",