@elliemae/ds-accordion 2.2.0-alpha.2 → 2.2.0-beta.0

package/esm/parts/accordionItem/styles.js

@@ -1,118 +1,133 @@
-import * as React from "react";
-import styled from "styled-components";
-const StyledItemContainer = styled.div`
-  display: grid;
-  grid-template-rows: auto auto;
-  border-bottom: 1px solid ${({ theme }) => theme.colors.neutral[200]};
-  align-items: center;
-`;
-const StyledItemHeader = styled.button`
-  display: grid;
-  height: ${({ withSecondaryTitle }) => withSecondaryTitle ? "48px" : "32px"};
-  grid-template-columns: ${({ withCustomActions, isDSMobile }) => withCustomActions ? "32px auto" : `${isDSMobile ? `auto 32px` : `32px auto`}`};
-  width: 100%;
-  align-items: center;
-  border: none;
-  outline: none;
-  background: none;
+import styled from 'styled-components';
 
-  &:hover {
-    cursor: ${({ disabled }) => disabled ? "not-allowed" : "pointer"};
-  }
+const StyledItemContainer = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-fnpjby-0"
+})(["display:grid;grid-template-rows:auto auto;border-bottom:1px solid ", ";align-items:center;"], _ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.colors.neutral[200];
+});
+const StyledItemHeader = /*#__PURE__*/styled.button.withConfig({
+  componentId: "sc-fnpjby-1"
+})(["display:flex;height:", ";width:100%;align-items:center;border:none;outline:none;background:none;&:hover{cursor:", ";}padding:", ";", " &:focus{&:after{position:absolute;content:'';left:0;top:0;width:100%;height:100%;border-radius:2px;border:2px solid ", ";pointer-events:none;}}"], _ref2 => {
+  let {
+    theme,
+    withSecondaryTitle
+  } = _ref2;
+  return withSecondaryTitle ? theme.space.m : theme.space.s;
+}, _ref3 => {
+  let {
+    disabled
+  } = _ref3;
+  return disabled ? 'not-allowed' : 'pointer';
+}, _ref4 => {
+  let {
+    isDSMobile
+  } = _ref4;
+  return isDSMobile ? "0 16px" : "0";
+}, _ref5 => {
+  let {
+    isDSMobile
+  } = _ref5;
+  return isDSMobile ? "flex-direction: row-reverse;" : "";
+}, _ref6 => {
+  let {
+    theme
+  } = _ref6;
+  return theme.colors.brand[700];
+});
+const StyledItemContent = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-fnpjby-2"
+})(["margin:", ";grid-column:1/2;"], _ref7 => {
+  let {
+    isDSMobile
+  } = _ref7;
+  return isDSMobile ? "16px 16px 24px 16px" : "16px 16px 16px 32px";
+});
+const StyledItemAddon = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-fnpjby-3"
+})(["", " height:100%;width:", ";display:grid;place-items:center;& .em-ds-icon svg{fill:", ";}"], _ref8 => {
+  let {
+    theme,
+    isDSMobile
+  } = _ref8;
+  return !isDSMobile ? "padding: 0 ".concat(theme.space.xxs, ";") : "";
+}, _ref9 => {
+  let {
+    theme
+  } = _ref9;
+  return theme.space.s;
+}, _ref10 => {
+  let {
+    disabled,
+    theme
+  } = _ref10;
+  return disabled ? theme.colors.neutral[200] : theme.colors.brand[800];
+});
+const StyledItemTitles = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-fnpjby-4"
+})(["display:grid;grid-template-columns:100%;width:100%;align-content:center;"]);
+const StyledPrimaryTitle = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-fnpjby-5"
+})(["margin:0;font-size:16px;color:", ";font-weight:", ";text-overflow:ellipsis;overflow:hidden;height:", ";width:100%;text-align:left;display:block;white-space:nowrap;"], _ref11 => {
+  let {
+    disabled,
+    theme
+  } = _ref11;
+  return disabled ? theme.colors.neutral[200] : theme.colors.neutral[700];
+}, _ref12 => {
+  let {
+    theme,
+    isDSMobile
+  } = _ref12;
+  return isDSMobile ? theme.fontWeights.regular : theme.fontWeights.regular;
+}, _ref13 => {
+  let {
+    theme
+  } = _ref13;
+  return theme.space.xs;
+});
+const StyledSecondaryTitle = /*#__PURE__*/styled.span.withConfig({
+  componentId: "sc-fnpjby-6"
+})(["margin:0;font-size:", ";text-align:left;color:", ";text-overflow:ellipsis;overflow:hidden;height:", ";width:100%;text-align:left;display:block;white-space:nowrap;"], _ref14 => {
+  let {
+    theme
+  } = _ref14;
+  return theme.fontSizes.label[200];
+}, _ref15 => {
+  let {
+    disabled,
+    theme
+  } = _ref15;
+  return disabled ? theme.colors.neutral[200] : theme.colors.neutral[500];
+}, _ref16 => {
+  let {
+    theme
+  } = _ref16;
+  return theme.space.xs;
+});
+const StyledItemCustomActions = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-fnpjby-7"
+})(["display:grid;grid-auto-flow:column;grid-gap:", ";margin:0 ", ";justify-content:flex-end;"], _ref17 => {
+  let {
+    theme
+  } = _ref17;
+  return theme.space.xxs;
+}, _ref18 => {
+  let {
+    theme
+  } = _ref18;
+  return theme.space.xs;
+});
+const StyledItemHeaderContainer = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-fnpjby-8"
+})(["display:grid;grid-template-columns:auto max-content;place-items:center;position:relative;&:hover{", "}"], _ref19 => {
+  let {
+    disabled,
+    theme
+  } = _ref19;
+  return !disabled ? "background: ".concat(theme.colors.brand[200], ";") : "";
+});
 
-  padding: ${({ isDSMobile }) => isDSMobile ? `0 16px` : `0`};
-
-  ${({ isDSMobile }) => isDSMobile ? `grid-template-areas: 'title addon';` : ``}
-
-  &:focus {
-    &:after {
-      position: absolute;
-      content: '';
-      left: 0;
-      top: 0;
-      width: 100%;
-      height: 100%;
-      border-radius: 2px;
-      border: 2px solid ${({ theme }) => theme.colors.brand[700]};
-      pointer-events: none;
-    }
-  }
-`;
-const StyledItemContent = styled.div`
-  margin: ${({ isDSMobile }) => isDSMobile ? `16px 16px 24px 16px` : `16px 16px 16px 32px`};
-  grid-column: 1/2;
-`;
-const StyledItemAddon = styled.div`
-  ${({ isDSMobile }) => !isDSMobile ? `  padding: 0 8px;
-          
-` : `
-      grid-area: addon;
-      `}
-  height: 100%;
-  display: grid;
-  place-items: center;
-
-  & .em-ds-icon svg {
-    fill: ${({ disabled, theme }) => disabled ? theme.colors.neutral[200] : theme.colors.brand[800]};
-  }
-`;
-const StyledItemTitles = styled.div`
-  display: grid;
-  grid-template-columns: 100%;
-  align-content: center;
-  ${({ isDSMobile }) => isDSMobile ? `grid-area: title;` : ``}
-`;
-const StyledPrimaryTitle = styled.div`
-  margin: 0;
-  font-size: 16px;
-  color: ${({ disabled, theme }) => disabled ? theme.colors.neutral[200] : theme.colors.neutral[700]};
-  font-weight: ${({ theme, isDSMobile }) => isDSMobile ? theme.fontWeights.regular : theme.fontWeights.regular};
-  text-overflow: ellipsis;
-  overflow: hidden;
-  height: 16px;
-  width: 100%;
-  text-align: left;
-  display: block;
-  white-space: nowrap;
-`;
-const StyledSecondaryTitle = styled.span`
-  margin: 0;
-  font-size: ${({ theme }) => theme.fontSizes.label[200]};
-  text-align: left;
-  color: ${({ disabled, theme }) => disabled ? theme.colors.neutral[200] : theme.colors.neutral[500]};
-  text-overflow: ellipsis;
-  overflow: hidden;
-  height: 16px;
-  width: 100%;
-  text-align: left;
-  display: block;
-  white-space: nowrap;
-`;
-const StyledItemCustomActions = styled.div`
-  display: grid;
-  grid-auto-flow: column;
-  grid-gap: 8px;
-  margin: 0 16px;
-  justify-content: flex-end;
-`;
-const StyledItemHeaderContainer = styled.div`
-  display: grid;
-  grid-template-columns: auto max-content;
-  place-items: center;
-  position: relative;
-  &:hover {
-    ${({ disabled, theme }) => !disabled ? `background: ${theme.colors.brand[200]}` : ``};
-  }
-`;
-export {
-  StyledItemAddon,
-  StyledItemContainer,
-  StyledItemContent,
-  StyledItemCustomActions,
-  StyledItemHeader,
-  StyledItemHeaderContainer,
-  StyledItemTitles,
-  StyledPrimaryTitle,
-  StyledSecondaryTitle
-};
-//# sourceMappingURL=styles.js.map
+export { StyledItemAddon, StyledItemContainer, StyledItemContent, StyledItemCustomActions, StyledItemHeader, StyledItemHeaderContainer, StyledItemTitles, StyledPrimaryTitle, StyledSecondaryTitle };

package/esm/parts/accordionItem/useAccordionItem.js

@@ -1,28 +1,42 @@
-import * as React from "react";
-import { useCallback, useContext, useMemo } from "react";
-import { DSAccordionContext } from "../../DSAccordionCTX";
-const useAccordionItem = ({ value, disabled }) => {
-  const { actualActiveValue, setActiveValues, focusableChildrenReferences } = useContext(DSAccordionContext);
+import 'core-js/modules/esnext.async-iterator.some.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.some.js';
+import { useContext, useMemo, useCallback } from 'react';
+import { DSAccordionContext } from '../../DSAccordionCTX.js';
+
+const useAccordionItem = _ref => {
+  let {
+    value,
+    disabled
+  } = _ref;
+  const {
+    actualActiveValue,
+    setActiveValues,
+    focusableChildrenReferences
+  } = useContext(DSAccordionContext);
   const selected = useMemo(() => {
     if (Array.isArray(actualActiveValue)) {
-      return actualActiveValue.some((currentValue) => currentValue === value);
+      return actualActiveValue.some(currentValue => currentValue === value);
     }
+
     return value === actualActiveValue;
   }, [actualActiveValue, value]);
-  const handleOnClick = useCallback((e) => {
-    if (!disabled)
-      setActiveValues(value, e);
+  const handleOnClick = useCallback(e => {
+    if (!disabled) setActiveValues(value, e);
   }, [disabled, setActiveValues, value]);
   const handleOnKeyDown = useCallback((e, _dsIndex) => {
-    if (!disabled && e.key === "ArrowDown") {
-      const currentIndex = focusableChildrenReferences.findIndex((item) => item.index === _dsIndex);
-      if (focusableChildrenReferences[currentIndex + 1]?.ref?.current)
-        focusableChildrenReferences[currentIndex + 1]?.ref?.current?.focus();
+    if (!disabled && e.key === 'ArrowDown') {
+      var _focusableChildrenRef, _focusableChildrenRef2, _focusableChildrenRef3, _focusableChildrenRef4, _focusableChildrenRef5;
+
+      const currentIndex = focusableChildrenReferences.findIndex(item => item.index === _dsIndex);
+      if ((_focusableChildrenRef = focusableChildrenReferences[currentIndex + 1]) !== null && _focusableChildrenRef !== void 0 && (_focusableChildrenRef2 = _focusableChildrenRef.ref) !== null && _focusableChildrenRef2 !== void 0 && _focusableChildrenRef2.current) (_focusableChildrenRef3 = focusableChildrenReferences[currentIndex + 1]) === null || _focusableChildrenRef3 === void 0 ? void 0 : (_focusableChildrenRef4 = _focusableChildrenRef3.ref) === null || _focusableChildrenRef4 === void 0 ? void 0 : (_focusableChildrenRef5 = _focusableChildrenRef4.current) === null || _focusableChildrenRef5 === void 0 ? void 0 : _focusableChildrenRef5.focus();
     }
-    if (!disabled && e.key === "ArrowUp") {
-      const currentIndex = focusableChildrenReferences.findIndex((item) => item.index === _dsIndex);
-      if (focusableChildrenReferences[currentIndex - 1]?.ref?.current)
-        focusableChildrenReferences[currentIndex - 1]?.ref?.current?.focus();
+
+    if (!disabled && e.key === 'ArrowUp') {
+      var _focusableChildrenRef6, _focusableChildrenRef7, _focusableChildrenRef8, _focusableChildrenRef9, _focusableChildrenRef10;
+
+      const currentIndex = focusableChildrenReferences.findIndex(item => item.index === _dsIndex);
+      if ((_focusableChildrenRef6 = focusableChildrenReferences[currentIndex - 1]) !== null && _focusableChildrenRef6 !== void 0 && (_focusableChildrenRef7 = _focusableChildrenRef6.ref) !== null && _focusableChildrenRef7 !== void 0 && _focusableChildrenRef7.current) (_focusableChildrenRef8 = focusableChildrenReferences[currentIndex - 1]) === null || _focusableChildrenRef8 === void 0 ? void 0 : (_focusableChildrenRef9 = _focusableChildrenRef8.ref) === null || _focusableChildrenRef9 === void 0 ? void 0 : (_focusableChildrenRef10 = _focusableChildrenRef9.current) === null || _focusableChildrenRef10 === void 0 ? void 0 : _focusableChildrenRef10.focus();
     }
   }, [disabled, focusableChildrenReferences]);
   return {
@@ -31,7 +45,5 @@ const useAccordionItem = ({ value, disabled }) => {
     selected
   };
 };
-export {
-  useAccordionItem
-};
-//# sourceMappingURL=useAccordionItem.js.map
+
+export { useAccordionItem };

package/esm/parts/accordionItem/useIsShowingEllipsis.js

@@ -1,29 +1,33 @@
-import * as React from "react";
-import { useEffect, useState, useMemo } from "react";
+import 'core-js/modules/web.dom-collections.iterator.js';
+import { useState, useMemo, useEffect } from 'react';
+
 const useIsShowingEllipsis = () => {
   const [element, setElement] = useState();
-  const [isShowingEllipsis, setIsShowingEllipsis] = useState(false);
-  const resizeObserver = useMemo(() => new ResizeObserver((entries) => {
+  const [isShowingEllipsis, setIsShowingEllipsis] = useState(false); // const isShowingEllipsis = element?.scrollWidth > primaryTitleWrapperEl?.clientWidth;
+
+  const resizeObserver = useMemo(() => new ResizeObserver(entries => {
     if (entries.length) {
       const [textWrapperEntry] = entries;
       const el = textWrapperEntry.target;
-      setIsShowingEllipsis(el?.scrollWidth > el?.clientWidth);
+      setIsShowingEllipsis((el === null || el === void 0 ? void 0 : el.scrollWidth) > (el === null || el === void 0 ? void 0 : el.clientWidth));
     }
   }), []);
   useEffect(() => {
     if (element) {
-      setIsShowingEllipsis(element?.scrollWidth > element?.clientWidth);
+      setIsShowingEllipsis((element === null || element === void 0 ? void 0 : element.scrollWidth) > (element === null || element === void 0 ? void 0 : element.clientWidth));
       resizeObserver.observe(element);
     }
+
     return () => {
       if (element) {
         resizeObserver.unobserve(element);
       }
     };
   }, [resizeObserver, element]);
-  return { setElement, isShowingEllipsis };
+  return {
+    setElement,
+    isShowingEllipsis
+  };
 };
-export {
-  useIsShowingEllipsis
-};
-//# sourceMappingURL=useIsShowingEllipsis.js.map
+
+export { useIsShowingEllipsis };

package/esm/propTypes.js

@@ -1,28 +1,21 @@
-import * as React from "react";
-import { PropTypes } from "react-desc";
+import { PropTypes } from 'react-desc';
+
 const accordionItemPropTypes = {
-  children: PropTypes.node.description("Dimsum AccordionItem content.").isRequired,
-  title: PropTypes.string.description("Set a primary title."),
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description("Dimsum AccordionItem value, this value should be unique.").isRequired,
-  iconClosed: PropTypes.node.description("Custom Dimsum Icon when it is closed."),
-  iconOpened: PropTypes.node.description("Custom Dimsum Icon when it is open."),
-  secondaryTitle: PropTypes.string.description("Set a secondary title"),
-  customActions: PropTypes.arrayOf(PropTypes.object).description("Set Dimsum AccordionItem custom actions."),
-  renderCustomActions: PropTypes.func.description("This property will render any JSX in the custom actions area. You can access to all references and active values within the props.")
+  children: PropTypes.node.description('Dimsum AccordionItem content.').isRequired,
+  title: PropTypes.string.description('Set a primary title.'),
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('Dimsum AccordionItem value, this value should be unique.').isRequired,
+  iconClosed: PropTypes.node.description('Custom Dimsum Icon when it is closed.'),
+  iconOpened: PropTypes.node.description('Custom Dimsum Icon when it is open.'),
+  secondaryTitle: PropTypes.string.description('Set a secondary title'),
+  customActions: PropTypes.arrayOf(PropTypes.object).description('Set Dimsum AccordionItem custom actions.'),
+  renderCustomActions: PropTypes.func.description('This property will render any JSX in the custom actions area. You can access to all references and active values within the props.')
 };
 const accordionPropTypes = {
-  containerProps: PropTypes.object.description("Adds props to the container."),
-  activeValue: PropTypes.oneOfType([
-    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),
-    PropTypes.string,
-    PropTypes.number
-  ]).description("Selected active value. This property makes the component a controlled one."),
-  children: PropTypes.node.description("Dimsum AccordionItems to show."),
-  allowMultipleOpen: PropTypes.bool.description("Allows multiple Dimsum AccordionItems to be open at the same time."),
-  onChange: PropTypes.func.description("Callback function once the Dimsum Accordion changes.")
+  containerProps: PropTypes.object.description('Adds props to the container.'),
+  activeValue: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])), PropTypes.string, PropTypes.number]).description('Selected active value. This property makes the component a controlled one.'),
+  children: PropTypes.node.description('Dimsum AccordionItems to show.'),
+  allowMultipleOpen: PropTypes.bool.description('Allows multiple Dimsum AccordionItems to be open at the same time.'),
+  onChange: PropTypes.func.description('Callback function once the Dimsum Accordion changes.')
 };
-export {
-  accordionItemPropTypes,
-  accordionPropTypes
-};
-//# sourceMappingURL=propTypes.js.map
+
+export { accordionItemPropTypes, accordionPropTypes };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-accordion",
-  "version": "2.2.0-alpha.2",
+  "version": "2.2.0-beta.0",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Accordion",
   "module": "./esm/index.js",
@@ -84,12 +84,12 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-button": "2.2.0-alpha.2",
-    "@elliemae/ds-classnames": "2.2.0-alpha.2",
-    "@elliemae/ds-icons": "2.2.0-alpha.2",
-    "@elliemae/ds-shared": "2.2.0-alpha.2",
-    "@elliemae/ds-system": "2.2.0-alpha.2",
-    "@elliemae/ds-truncated-tooltip-text": "2.2.0-alpha.2",
+    "@elliemae/ds-button": "2.2.0-beta.0",
+    "@elliemae/ds-classnames": "2.2.0-beta.0",
+    "@elliemae/ds-icons": "2.2.0-beta.0",
+    "@elliemae/ds-shared": "2.2.0-beta.0",
+    "@elliemae/ds-system": "2.2.0-beta.0",
+    "@elliemae/ds-truncated-tooltip-text": "2.2.0-beta.0",
     "react-desc": "^4.1.3"
   },
   "devDependencies": {

package/types/DSAccordion.d.ts

@@ -37,7 +37,7 @@ declare const DSAccordion: {
     };
 };
 declare const DSAccordionWithSchema: {
-    (props?: DSAccordionPropsT | undefined): JSX.Element;
+    (props?: unknown): JSX.Element;
     propTypes: unknown;
     toTypescript: () => import("react-desc").TypescriptSchema;
 };

package/types/DSAccordionTypes.d.ts

@@ -132,3 +132,6 @@ export interface StyledItemAddonPropsT {
     disabled: boolean;
     isDSMobile: boolean;
 }
+export interface StyledItemHeaderContainerPropsT {
+    disabled: boolean;
+}

package/types/parts/accordionItem/DSAccordionItem.d.ts

@@ -45,7 +45,7 @@ declare const DSAccordionItem: {
     };
 };
 declare const DSAccordionItemWithSchema: {
-    (props?: DSAccordionItemPropsT | undefined): JSX.Element;
+    (props?: unknown): JSX.Element;
     propTypes: unknown;
     toTypescript: () => import("react-desc").TypescriptSchema;
 };

package/types/parts/accordionItem/styles.d.ts

@@ -1,4 +1,4 @@
-import type { StyledItemAddonPropsT, StyledItemHeaderPropsT, StyledItemTitlesPropsT, StyledPrimaryTitlePropsT, StyledSecondaryTitlePropsT, StyledItemContentPropsT } from '../../DSAccordionTypes';
+import type { StyledItemAddonPropsT, StyledItemHeaderPropsT, StyledItemTitlesPropsT, StyledPrimaryTitlePropsT, StyledSecondaryTitlePropsT, StyledItemContentPropsT, StyledItemHeaderContainerPropsT } from '../../DSAccordionTypes';
 export declare const StyledItemContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledItemHeader: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, StyledItemHeaderPropsT, never>;
 export declare const StyledItemContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledItemContentPropsT, never>;
@@ -7,4 +7,4 @@ export declare const StyledItemTitles: import("styled-components").StyledCompone
 export declare const StyledPrimaryTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledPrimaryTitlePropsT, never>;
 export declare const StyledSecondaryTitle: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, StyledSecondaryTitlePropsT, never>;
 export declare const StyledItemCustomActions: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledItemHeaderContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledItemHeaderContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledItemHeaderContainerPropsT, never>;

package/cjs/DSAccordion.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/DSAccordion.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { describe } from 'react-desc';\nimport { AccordionContent } from './parts/accordionContent/AccordionContent';\nimport { useAccordion } from './config/useAccordion';\nimport { DSAccordionContext } from './DSAccordionCTX';\nimport { accordionPropTypes } from './propTypes';\nimport type { DSAccordionPropsT } from './DSAccordionTypes';\n\nconst DSAccordion = (props: DSAccordionPropsT): JSX.Element => {\n  const ctx = useAccordion(props);\n\n  return (\n    <DSAccordionContext.Provider value={ctx}>\n      <AccordionContent />\n    </DSAccordionContext.Provider>\n  );\n};\n\nDSAccordion.propTypes = accordionPropTypes;\nconst DSAccordionWithSchema = describe(DSAccordion);\nDSAccordionWithSchema.propTypes = accordionPropTypes;\n\nexport { DSAccordion, DSAccordionWithSchema };\n\nexport default DSAccordion;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAyB;AACzB,8BAAiC;AACjC,0BAA6B;AAC7B,4BAAmC;AACnC,uBAAmC;AAGnC,MAAM,cAAc,CAAC,UAA0C;AAC7D,QAAM,MAAM,sCAAa;AAEzB,SACE,mDAAC,yCAAmB,UAApB;AAAA,IAA6B,OAAO;AAAA,KAClC,mDAAC,0CAAD;AAAA;AAKN,YAAY,YAAY;AACxB,MAAM,wBAAwB,gCAAS;AACvC,sBAAsB,YAAY;AAIlC,IAAO,sBAAQ;",
-  "names": []
-}

package/cjs/DSAccordionCTX.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/DSAccordionCTX.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { createContext } from 'react';\nimport { defaultProps } from './defaultProps';\nimport type { DSAccordionContextT } from './DSAccordionTypes';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = (): void => {};\n\nconst defaultContext = {\n  props: defaultProps,\n  actualActiveValue: [],\n  setActiveValues: noop,\n  focusableChildrenReferences: [],\n  allChildrenReferences: {},\n};\n\nexport const DSAccordionContext = createContext<DSAccordionContextT>(defaultContext);\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA8B;AAC9B,0BAA6B;AAI7B,MAAM,OAAO,MAAY;AAAA;AAEzB,MAAM,iBAAiB;AAAA,EACrB,OAAO;AAAA,EACP,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,6BAA6B;AAAA,EAC7B,uBAAuB;AAAA;AAGlB,MAAM,qBAAqB,gCAAmC;",
-  "names": []
-}

package/cjs/DSAccordionDatatestid.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/DSAccordionDatatestid.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export const DSAccordionDataTestid = {\n  ITEM: {\n    CONTENT: 'ds-accordion_item-content',\n    HEADER: 'ds-accordion_item-header',\n    CONTAINER: 'ds-accordion_item',\n  },\n  GROUP: 'ds-accordion_group',\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,wBAAwB;AAAA,EACnC,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,WAAW;AAAA;AAAA,EAEb,OAAO;AAAA;",
-  "names": []
-}

package/cjs/DSAccordionTypes.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/DSAccordionTypes.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\n\n/* ****************************************** Misc Types ********************************************** */\n\nexport type InternalActiveValueT = (string | number)[] | string | number | null | undefined;\n\nexport interface DefaultIconPropsT {\n  isDSMobile: boolean;\n}\n\nexport interface CustomActionsT {\n  onClick: (e: React.MouseEvent) => void;\n  id: string;\n}\n\nexport interface FocusableChildrenReferences {\n  index: number;\n  value: string | number;\n  ref: React.MutableRefObject<HTMLButtonElement | null>;\n}\n\nexport interface AllChildrenReferences {\n  [index: string]: React.MutableRefObject<HTMLButtonElement | null>;\n}\n\n/* ****************************************** Component Types ********************************************** */\n\nexport interface DSAccordionPropsT {\n  containerProps?: Record<string, unknown>;\n  activeValue?: (string | number)[] | string | number | null;\n  children?: React.ReactElement<DSAccordionItemPropsT>[];\n  allowMultipleOpen?: boolean;\n  contentExpandable?: boolean;\n  onChange?: (value: (string | number)[] | string | number | null, e: React.MouseEvent | React.KeyboardEvent) => void;\n  disabled?: boolean;\n  isDSMobile?: boolean;\n}\n\nexport interface DSAccordionDefaultPropsT {\n  containerProps: Record<string, unknown>;\n  allowMultipleOpen: boolean;\n  contentExpandable: boolean;\n  onChange: (value: (string | number)[] | string | number | null, e: React.MouseEvent | React.KeyboardEvent) => void;\n  children: React.ReactElement<DSAccordionItemPropsT>[];\n  isDSMobile: boolean;\n}\n\nexport interface DSAccordionPropsWithDefaultsT {\n  containerProps: Record<string, unknown>;\n  activeValue?: (string | number)[] | string | number | null;\n  children: React.ReactElement<DSAccordionItemPropsT>[];\n  allowMultipleOpen: boolean;\n  contentExpandable: boolean;\n  onChange: (value: (string | number)[] | string | number | null, e: React.MouseEvent | React.KeyboardEvent) => void;\n  isDSMobile: boolean;\n}\n\nexport interface DSAccordionItemPropsT {\n  title?: string;\n  value: string | number;\n  iconClosed?: React.FunctionComponent<DefaultIconPropsT>;\n  iconOpened?: React.FunctionComponent<DefaultIconPropsT>;\n  children?: React.ReactNode;\n  secondaryTitle?: string;\n  customActions?: CustomActionsT[];\n  disabled?: boolean;\n  dsIndex: number;\n  renderCustomActions?: (props: {\n    allRefs: AllChildrenReferences;\n    actualActiveValue: InternalActiveValueT;\n  }) => JSX.Element;\n}\n\nexport interface DSAccordionItemDefaultPropsT {\n  iconClosed: React.MemoExoticComponent<React.FunctionComponent<DefaultIconPropsT>>;\n  iconOpened: React.MemoExoticComponent<React.FunctionComponent<DefaultIconPropsT>>;\n  title: string;\n  customActions: CustomActionsT[];\n  disabled: boolean;\n}\n\nexport interface DSAccordionItemPropsWithDefaultsT {\n  title: string;\n  value: string | number;\n  iconClosed:\n    | React.MemoExoticComponent<React.FunctionComponent<DefaultIconPropsT>>\n    | React.FunctionComponent<DefaultIconPropsT>;\n  iconOpened:\n    | React.MemoExoticComponent<React.FunctionComponent<DefaultIconPropsT>>\n    | React.FunctionComponent<DefaultIconPropsT>;\n  children?: React.ReactNode;\n  secondaryTitle?: string;\n  customActions: CustomActionsT[];\n  disabled: boolean;\n  dsIndex: number;\n  renderCustomActions?: (props: {\n    allRefs: AllChildrenReferences;\n    actualActiveValue: InternalActiveValueT;\n  }) => JSX.Element;\n}\n\n/* ****************************************** Context Types ********************************************** */\n\nexport interface DSAccordionContextT {\n  props: DSAccordionPropsWithDefaultsT;\n  actualActiveValue: InternalActiveValueT;\n  setActiveValues: (value: string | number, e: React.MouseEvent | React.KeyboardEvent) => void;\n  focusableChildrenReferences: FocusableChildrenReferences[];\n  allChildrenReferences: AllChildrenReferences;\n}\nexport interface DSAccordionUseAccordionContextT {\n  props: DSAccordionPropsWithDefaultsT;\n  actualActiveValue: InternalActiveValueT;\n  setActiveValues: (value: string | number, e: React.MouseEvent | React.KeyboardEvent) => void;\n  focusableChildrenReferences: FocusableChildrenReferences[];\n  allChildrenReferences: AllChildrenReferences;\n}\n\n/* ****************************************** Hooks Types ********************************************** */\n\nexport interface UseAccordionPropsT {\n  value: string | number;\n  disabled: boolean;\n}\n\nexport interface UseAccordionItemReturnTypeT {\n  handleOnClick: (e: React.MouseEvent) => void;\n  handleOnKeyDown: (e: React.KeyboardEvent, dsIndex: number) => void;\n  selected: boolean;\n}\n\nexport interface UseAccordionRefsPropsT {\n  children: React.ReactElement<DSAccordionItemPropsT>[];\n}\n\nexport interface UseAccordionRefsReturnTypeT {\n  focusableChildrenReferences: FocusableChildrenReferences[];\n  allChildrenReferences: AllChildrenReferences;\n}\n\n/* ****************************************** Styled Types ********************************************** */\n\nexport interface StyledItemHeaderPropsT {\n  withCustomActions: boolean;\n  withSecondaryTitle?: string;\n  isDSMobile: boolean;\n}\n\nexport interface StyledItemTitlesPropsT {\n  withSecondaryTitle?: string;\n  isDSMobile: boolean;\n}\n\nexport interface StyledPrimaryTitlePropsT {\n  disabled: boolean;\n  isDSMobile: boolean;\n}\n\nexport interface StyledItemContentPropsT {\n  isDSMobile: boolean;\n}\n\nexport interface StyledSecondaryTitlePropsT {\n  disabled: boolean;\n}\n\nexport interface StyledItemAddonPropsT {\n  disabled: boolean;\n  isDSMobile: boolean;\n}\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;",
-  "names": []
-}

package/cjs/config/useAccordion.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/config/useAccordion.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useMemo, useState, useCallback } from 'react';\nimport { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { useAccordionRefs } from './useAccordionRefs';\nimport { defaultProps } from '../defaultProps';\nimport type {\n  DSAccordionPropsT,\n  DSAccordionUseAccordionContextT,\n  DSAccordionPropsWithDefaultsT,\n  InternalActiveValueT,\n} from '../DSAccordionTypes';\n\nexport const useAccordion = (props: DSAccordionPropsT): DSAccordionUseAccordionContextT => {\n  const propsWithDefaults = useMemoMergePropsWithDefault(props, defaultProps) as DSAccordionPropsWithDefaultsT;\n\n  const { activeValue, allowMultipleOpen, onChange } = propsWithDefaults;\n\n  const { focusableChildrenReferences, allChildrenReferences } = useAccordionRefs(propsWithDefaults);\n\n  const [internalActiveValue, setInternalActiveValue] = useState<InternalActiveValueT>(activeValue);\n\n  const actualActiveValue = useMemo(() => {\n    if (activeValue === undefined) return internalActiveValue;\n    return activeValue;\n  }, [activeValue, internalActiveValue]);\n\n  const setActiveValues = useCallback(\n    (value: string | number, e: React.MouseEvent | React.KeyboardEvent) => {\n      let newState: InternalActiveValueT;\n      if (allowMultipleOpen && (actualActiveValue === undefined || actualActiveValue === null)) newState = [value];\n      else if (allowMultipleOpen && Array.isArray(actualActiveValue))\n        if (!actualActiveValue.some((currentValues: string | number) => currentValues === value))\n          newState = [...actualActiveValue, value];\n        else newState = actualActiveValue.filter((currentValues: string | number) => currentValues !== value);\n      else if (actualActiveValue === value) newState = null;\n      else newState = value;\n      setInternalActiveValue(newState);\n      return onChange(newState, e);\n    },\n    [actualActiveValue, allowMultipleOpen, onChange],\n  );\n\n  const ctx = useMemo(\n    () => ({\n      props: propsWithDefaults,\n      actualActiveValue,\n      setActiveValues,\n      focusableChildrenReferences,\n      allChildrenReferences,\n    }),\n    [actualActiveValue, allChildrenReferences, focusableChildrenReferences, propsWithDefaults, setActiveValues],\n  );\n\n  return ctx;\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAsD;AACtD,8BAA6C;AAC7C,8BAAiC;AACjC,0BAA6B;AAQtB,MAAM,eAAe,CAAC,UAA8D;AACzF,QAAM,oBAAoB,0DAA6B,OAAO;AAE9D,QAAM,EAAE,aAAa,mBAAmB,aAAa;AAErD,QAAM,EAAE,6BAA6B,0BAA0B,8CAAiB;AAEhF,QAAM,CAAC,qBAAqB,0BAA0B,2BAA+B;AAErF,QAAM,oBAAoB,0BAAQ,MAAM;AACtC,QAAI,gBAAgB;AAAW,aAAO;AACtC,WAAO;AAAA,KACN,CAAC,aAAa;AAEjB,QAAM,kBAAkB,8BACtB,CAAC,OAAwB,MAA8C;AACrE,QAAI;AACJ,QAAI,qBAAsB,uBAAsB,UAAa,sBAAsB;AAAO,iBAAW,CAAC;AAAA,aAC7F,qBAAqB,MAAM,QAAQ;AAC1C,UAAI,CAAC,kBAAkB,KAAK,CAAC,kBAAmC,kBAAkB;AAChF,mBAAW,CAAC,GAAG,mBAAmB;AAAA;AAC/B,mBAAW,kBAAkB,OAAO,CAAC,kBAAmC,kBAAkB;AAAA,aACxF,sBAAsB;AAAO,iBAAW;AAAA;AAC5C,iBAAW;AAChB,2BAAuB;AACvB,WAAO,SAAS,UAAU;AAAA,KAE5B,CAAC,mBAAmB,mBAAmB;AAGzC,QAAM,MAAM,0BACV,MAAO;AAAA,IACL,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAEF,CAAC,mBAAmB,uBAAuB,6BAA6B,mBAAmB;AAG7F,SAAO;AAAA;",
-  "names": []
-}

package/cjs/config/useAccordionRefs.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/config/useAccordionRefs.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useMemo } from 'react';\nimport type {\n  UseAccordionRefsPropsT,\n  UseAccordionRefsReturnTypeT,\n  FocusableChildrenReferences,\n  AllChildrenReferences,\n} from '../DSAccordionTypes';\n\nexport const useAccordionRefs = ({ children }: UseAccordionRefsPropsT): UseAccordionRefsReturnTypeT =>\n  useMemo(() => {\n    const focusableChildrenReferences: FocusableChildrenReferences[] = [];\n    const allChildrenReferences: AllChildrenReferences = {};\n\n    React.Children.map(children, (child, index) => {\n      const { value, disabled } = child.props;\n      const currentRef = React.createRef<HTMLButtonElement>();\n      allChildrenReferences[index] = currentRef;\n      if (!disabled) focusableChildrenReferences.push({ index, value, ref: currentRef });\n    });\n    return { focusableChildrenReferences, allChildrenReferences };\n  }, [children]);\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA+B;AAQxB,MAAM,mBAAmB,CAAC,EAAE,eACjC,0BAAQ,MAAM;AACZ,QAAM,8BAA6D;AACnE,QAAM,wBAA+C;AAErD,uBAAM,SAAS,IAAI,UAAU,CAAC,OAAO,UAAU;AAC7C,UAAM,EAAE,OAAO,aAAa,MAAM;AAClC,UAAM,aAAa,qBAAM;AACzB,0BAAsB,SAAS;AAC/B,QAAI,CAAC;AAAU,kCAA4B,KAAK,EAAE,OAAO,OAAO,KAAK;AAAA;AAEvE,SAAO,EAAE,6BAA6B;AAAA,GACrC,CAAC;",
-  "names": []
-}

package/cjs/defaultProps.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/defaultProps.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { memo } from 'react';\nimport { ArrowheadRight, ArrowheadDown, ChevronRight, ChevronDown } from '@elliemae/ds-icons';\nimport type { DefaultIconPropsT, DSAccordionDefaultPropsT, DSAccordionItemDefaultPropsT } from './DSAccordionTypes';\n\nconst DefaultIconClosed = memo(({ isDSMobile = false }: DefaultIconPropsT) =>\n  isDSMobile ? <ChevronRight width=\"20px\" /> : <ArrowheadRight width=\"20px\" />,\n);\n\nconst DefaultIconOpen = memo(({ isDSMobile = false }: DefaultIconPropsT) =>\n  isDSMobile ? <ChevronDown width=\"20px\" /> : <ArrowheadDown width=\"20px\" />,\n);\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = (): void => {};\n\nexport const defaultProps: DSAccordionDefaultPropsT = {\n  containerProps: {},\n  allowMultipleOpen: false,\n  contentExpandable: false,\n  onChange: noop,\n  children: [],\n  isDSMobile: false,\n};\n\nexport const accordionItemDefaultProps: DSAccordionItemDefaultPropsT = {\n  iconClosed: DefaultIconClosed,\n  iconOpened: DefaultIconOpen,\n  title: '',\n  customActions: [],\n  disabled: false,\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA4B;AAC5B,sBAAyE;AAGzE,MAAM,oBAAoB,uBAAK,CAAC,EAAE,aAAa,YAC7C,aAAa,mDAAC,8BAAD;AAAA,EAAc,OAAM;AAAA,KAAY,mDAAC,gCAAD;AAAA,EAAgB,OAAM;AAAA;AAGrE,MAAM,kBAAkB,uBAAK,CAAC,EAAE,aAAa,YAC3C,aAAa,mDAAC,6BAAD;AAAA,EAAa,OAAM;AAAA,KAAY,mDAAC,+BAAD;AAAA,EAAe,OAAM;AAAA;AAInE,MAAM,OAAO,MAAY;AAAA;AAElB,MAAM,eAAyC;AAAA,EACpD,gBAAgB;AAAA,EAChB,mBAAmB;AAAA,EACnB,mBAAmB;AAAA,EACnB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,YAAY;AAAA;AAGP,MAAM,4BAA0D;AAAA,EACrE,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,eAAe;AAAA,EACf,UAAU;AAAA;",
-  "names": []
-}

package/cjs/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './DSAccordion';\nexport * from './parts/accordionItem/DSAccordionItem';\n\nexport type { DSAccordionPropsT, DSAccordionItemPropsT } from './DSAccordionTypes';\n\nexport { default } from './DSAccordion';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc;AACd,wBAAc;AAId,yBAAwB;",
-  "names": []
-}

package/cjs/parts/accordionContent/AccordionContent.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/parts/accordionContent/AccordionContent.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useContext } from 'react';\nimport { DSAccordionContext } from '../../DSAccordionCTX';\nimport { DSAccordionDataTestid } from '../../DSAccordionDatatestid';\nimport type { DSAccordionItemPropsT } from '../../DSAccordionTypes';\n\nexport const AccordionContent = (): JSX.Element => {\n  const {\n    props: { containerProps, children },\n  } = useContext(DSAccordionContext);\n\n  const childrenWithIndex: React.ReactElement<DSAccordionItemPropsT>[] = [];\n\n  React.Children.forEach(children, (child, index) =>\n    childrenWithIndex.push(\n      React.cloneElement(child, {\n        dsIndex: index,\n      }),\n    ),\n  );\n\n  return (\n    <div {...containerProps} data-testid={DSAccordionDataTestid.GROUP}>\n      {childrenWithIndex}\n    </div>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkC;AAClC,4BAAmC;AACnC,mCAAsC;AAG/B,MAAM,mBAAmB,MAAmB;AACjD,QAAM;AAAA,IACJ,OAAO,EAAE,gBAAgB;AAAA,MACvB,6BAAW;AAEf,QAAM,oBAAiE;AAEvE,uBAAM,SAAS,QAAQ,UAAU,CAAC,OAAO,UACvC,kBAAkB,KAChB,qBAAM,aAAa,OAAO;AAAA,IACxB,SAAS;AAAA;AAKf,SACE,mDAAC,OAAD;AAAA,OAAS;AAAA,IAAgB,eAAa,mDAAsB;AAAA,KACzD;AAAA;",
-  "names": []
-}

package/cjs/parts/accordionItem/DSAccordionItem.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/parts/accordionItem/DSAccordionItem.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useState, useContext, useCallback, useMemo } from 'react';\nimport { describe } from 'react-desc';\nimport { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\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} from './styles';\nimport { accordionItemPropTypes } from '../../propTypes';\nimport { useAccordionItem } from './useAccordionItem';\nimport { DSAccordionContext } from '../../DSAccordionCTX';\nimport { DSAccordionDataTestid } from '../../DSAccordionDatatestid';\nimport { useIsShowingEllipsis } from './useIsShowingEllipsis';\nimport type { DSAccordionItemPropsT, DSAccordionItemPropsWithDefaultsT } from '../../DSAccordionTypes';\n\nconst DSAccordionItem = (props: DSAccordionItemPropsT): JSX.Element => {\n  const propsWithDefaults = useMemoMergePropsWithDefault(\n    props,\n    accordionItemDefaultProps,\n  ) as DSAccordionItemPropsWithDefaultsT;\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  } = propsWithDefaults;\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();\n\n  const CustomActionsContent = useMemo(() => {\n    if (!isDSMobile && customActions?.length > 0)\n      return (\n        <StyledItemCustomActions>\n          {customActions?.map(({ onClick, id, ...rest }) => (\n            <DSButton\n              key={id}\n              onClick={(e: React.MouseEvent) => {\n                e.stopPropagation();\n                if (onClick) onClick(e);\n              }}\n              {...rest}\n              buttonType={BUTTON_TYPE.SECONDARY}\n            />\n          ))}\n        </StyledItemCustomActions>\n      );\n\n    if (!isDSMobile && renderCustomActions)\n      return (\n        <StyledItemCustomActions>\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  const Titles = useMemo(() => {\n    if (isPrimaryShowingEllipsis || isSecondaryShowingEllipsis)\n      return (\n        <>\n          <StyledPrimaryTitle\n            ref={setPrimaryElement}\n            id={`accordion_${title}id`}\n            disabled={disabled}\n            isDSMobile={isDSMobile}\n          >\n            {title}\n          </StyledPrimaryTitle>\n          {!isDSMobile && secondaryTitle && (\n            <StyledSecondaryTitle ref={setSecondaryElement} disabled={disabled}>\n              {secondaryTitle}\n            </StyledSecondaryTitle>\n          )}\n          <DSPopperJS referenceElement={referenceElement} showPopover={showPopover}>\n            <div style={{ maxWidth: 260, padding: 8, background: 'white', display: 'grid', gap: 8 }}>\n              <p style={{ margin: 0 }}>{title}</p>\n              <p style={{ margin: 0 }}> {secondaryTitle}</p>\n            </div>\n          </DSPopperJS>\n        </>\n      );\n\n    return (\n      <>\n        <StyledPrimaryTitle\n          ref={setPrimaryElement}\n          id={`accordion_${title}id`}\n          disabled={disabled}\n          isDSMobile={isDSMobile}\n        >\n          {title}\n        </StyledPrimaryTitle>\n        {!isDSMobile && secondaryTitle && (\n          <StyledSecondaryTitle ref={setSecondaryElement} disabled={disabled}>\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    title,\n  ]);\n\n  return (\n    <StyledItemContainer data-testid={DSAccordionDataTestid.ITEM.CONTAINER}>\n      <StyledItemHeaderContainer disabled={disabled}>\n        <StyledItemHeader\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        >\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            ref={setReferenceElement}\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.propTypes = accordionItemPropTypes;\n\nconst DSAccordionItemWithSchema = describe(DSAccordionItem);\nDSAccordionItemWithSchema.propTypes = accordionItemPropTypes;\n\nexport { DSAccordionItem, DSAccordionItemWithSchema };\nexport default DSAccordionItem;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkE;AAClE,wBAAyB;AACzB,8BAA6C;AAC7C,uBAAsC;AACtC,yBAA2B;AAC3B,0BAA0C;AAC1C,oBAUO;AACP,uBAAuC;AACvC,8BAAiC;AACjC,4BAAmC;AACnC,mCAAsC;AACtC,kCAAqC;AAGrC,MAAM,kBAAkB,CAAC,UAA8C;AACrE,QAAM,oBAAoB,0DACxB,OACA;AAGF,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE;AAEJ,QAAM,EAAE,eAAe,iBAAiB,aAAa,8CAAiB,EAAE,OAAO;AAC/E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,OAAO,EAAE;AAAA,MACP,6BAAW;AAEf,QAAM,qBAAqB,8BACzB,CAAC,MAA2B;AAC1B,oBAAgB,GAAG;AAAA,KAErB,CAAC,SAAS;AAGZ,QAAM,CAAC,aAAa,kBAAkB,2BAAS;AAC/C,QAAM,CAAC,kBAAkB,uBAAuB;AAEhD,QAAM,uBAAuB,0BAAQ,MAAM;AACzC,QAAI,CAAC,cAAc,eAAe,SAAS;AACzC,aACE,mDAAC,uCAAD,MACG,eAAe,IAAI,CAAC,EAAE,SAAS,OAAO,WACrC,mDAAC,2BAAD;AAAA,QACE,KAAK;AAAA,QACL,SAAS,CAAC,MAAwB;AAChC,YAAE;AACF,cAAI;AAAS,oBAAQ;AAAA;AAAA,WAEnB;AAAA,QACJ,YAAY,6BAAY;AAAA;AAMlC,QAAI,CAAC,cAAc;AACjB,aACE,mDAAC,uCAAD,MACG,oBAAoB,EAAE,SAAS,uBAAuB;AAG7D,WAAO;AAAA,KACN,CAAC,mBAAmB,uBAAuB,eAAe,YAAY;AAEzE,QAAM,EAAE,mBAAmB,0BAA0B,YAAY,sBAAsB;AAEvF,QAAM,EAAE,mBAAmB,4BAA4B,YAAY,wBAAwB;AAE3F,QAAM,gBAAgB,8BACpB,MAAM,eAAe,4BAA4B,6BACjD,CAAC,0BAA0B;AAG7B,QAAM,eAAe,8BAAY,MAAM,eAAe,QAAQ;AAE9D,QAAM,SAAS,0BAAQ,MAAM;AAC3B,QAAI,4BAA4B;AAC9B,aACE,wFACE,mDAAC,kCAAD;AAAA,QACE,KAAK;AAAA,QACL,IAAI,aAAa;AAAA,QACjB;AAAA,QACA;AAAA,SAEC,QAEF,CAAC,cAAc,kBACd,mDAAC,oCAAD;AAAA,QAAsB,KAAK;AAAA,QAAqB;AAAA,SAC7C,iBAGL,mDAAC,+BAAD;AAAA,QAAY;AAAA,QAAoC;AAAA,SAC9C,mDAAC,OAAD;AAAA,QAAK,OAAO,EAAE,UAAU,KAAK,SAAS,GAAG,YAAY,SAAS,SAAS,QAAQ,KAAK;AAAA,SAClF,mDAAC,KAAD;AAAA,QAAG,OAAO,EAAE,QAAQ;AAAA,SAAM,QAC1B,mDAAC,KAAD;AAAA,QAAG,OAAO,EAAE,QAAQ;AAAA,SAAK,KAAE;AAMrC,WACE,wFACE,mDAAC,kCAAD;AAAA,MACE,KAAK;AAAA,MACL,IAAI,aAAa;AAAA,MACjB;AAAA,MACA;AAAA,OAEC,QAEF,CAAC,cAAc,kBACd,mDAAC,oCAAD;AAAA,MAAsB,KAAK;AAAA,MAAqB;AAAA,OAC7C;AAAA,KAKR;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGF,SACE,mDAAC,mCAAD;AAAA,IAAqB,eAAa,mDAAsB,KAAK;AAAA,KAC3D,mDAAC,yCAAD;AAAA,IAA2B;AAAA,KACzB,mDAAC,gCAAD;AAAA,IACE,mBAAoB,gBAAe,SAAS,KAAK,wBAAwB,WAAc,CAAC;AAAA,IACxF,oBAAoB;AAAA,IACpB,SAAS;AAAA,IACT,UAAU,CAAC,WAAW,IAAI;AAAA,IAC1B;AAAA,IACA,iBAAe;AAAA,IACf,KAAK,sBAAsB;AAAA,IAC3B,WAAW;AAAA,IACX;AAAA,IACA,eAAa,mDAAsB,KAAK;AAAA,IACxC,IAAI,uBAAuB;AAAA,IAC3B,iBAAe;AAAA,IACf,iBAAe;AAAA,IACf,iBAAe,wBAAwB;AAAA,IACvC,SAAS;AAAA,IACT,QAAQ;AAAA,KAER,mDAAC,+BAAD;AAAA,IAAiB;AAAA,IAAoB;AAAA,KAClC,WAAW,mDAAC,YAAD;AAAA,IAAY;AAAA,OAA6B,mDAAC,YAAD;AAAA,IAAY;AAAA,OAEnE,mDAAC,gCAAD;AAAA,IACE,cAAc;AAAA,IACd,cAAc;AAAA,IACd;AAAA,IACA,KAAK;AAAA,KAEJ,UAGJ,uBAEF,YACC,mDAAC,iCAAD;AAAA,IACE,eAAa,mDAAsB,KAAK;AAAA,IACxC,mBAAiB,uBAAuB;AAAA,IACxC,MAAK;AAAA,IACL;AAAA,IACA,IAAI,wBAAwB;AAAA,KAE3B;AAAA;AAOX,gBAAgB,YAAY;AAE5B,MAAM,4BAA4B,gCAAS;AAC3C,0BAA0B,YAAY;AAGtC,IAAO,0BAAQ;",
-  "names": []
-}