@elliemae/ds-accordion 3.4.2 → 3.4.3

package/dist/esm/DSAccordion.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx } from "react/jsx-runtime";
 import { describe } from "@elliemae/ds-utilities";
 import { AccordionContent } from "./parts/accordionContent/AccordionContent";
 import { useAccordion } from "./config/useAccordion";
@@ -8,9 +8,10 @@ import { accordionPropTypes } from "./react-desc-prop-types";
 import { DSAccordionName } from "./exported-related/theming";
 const DSAccordion = (props) => {
   const ctx = useAccordion(props);
-  return /* @__PURE__ */ React2.createElement(DSAccordionContext.Provider, {
-    value: ctx
-  }, /* @__PURE__ */ React2.createElement(AccordionContent, null));
+  return /* @__PURE__ */ jsx(DSAccordionContext.Provider, {
+    value: ctx,
+    children: /* @__PURE__ */ jsx(AccordionContent, {})
+  });
 };
 DSAccordion.displayName = DSAccordionName;
 const DSAccordionWithSchema = describe(DSAccordion);

package/dist/esm/DSAccordion.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSAccordion.tsx"],
   "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"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA,MAAM,cAAc,CAAC,UAA2C;AAC9D,QAAM,MAAM,aAAa,KAAK;AAE9B,SACE,qCAAC,mBAAmB,UAAnB;AAAA,IAA4B,OAAO;AAAA,KAClC,qCAAC,sBAAiB,CACpB;AAEJ;AAEA,YAAY,cAAc;AAC1B,MAAM,wBAAwB,SAAS,WAAW;AAClD,sBAAsB,YAAY;AAIlC,IAAO,sBAAQ;",
+  "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;",
   "names": []
 }

package/dist/esm/DSAccordionCTX.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSAccordionCTX.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { createContext } from 'react';\nimport type { DSAccordionT } from './react-desc-prop-types';\nimport type { DSAccordionInternalsT } from './sharedTypes';\n\ninterface DSAccordionContextT {\n  props: DSAccordionT.InternalProps;\n  actualActiveValue: DSAccordionInternalsT.InternalActiveValue;\n  setActiveValues: (value: string | number, e: React.MouseEvent | React.KeyboardEvent) => void;\n  focusableChildrenReferences: DSAccordionInternalsT.FocusableChildrenReferences[];\n  allChildrenReferences: DSAccordionInternalsT.AllChildrenReferences;\n}\n\nconst defaultContext = {} as DSAccordionContextT;\n\nexport const DSAccordionContext = createContext<DSAccordionContextT>(defaultContext);\n"],
-  "mappings": "AAAA;ACAA;AAYA,MAAM,iBAAiB,CAAC;AAEjB,MAAM,qBAAqB,cAAmC,cAAc;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,qBAAqB;AAY9B,MAAM,iBAAiB,CAAC;AAEjB,MAAM,qBAAqB,cAAmC,cAAc;",
   "names": []
 }

package/dist/esm/config/useAccordion.js

@@ -13,29 +13,35 @@ const useAccordion = (props) => {
       return internalActiveValue;
     return activeValue;
   }, [activeValue, internalActiveValue]);
-  const setActiveValues = useCallback((value, e) => {
-    let newState;
-    if (allowMultipleOpen && (actualActiveValue === void 0 || actualActiveValue === null))
-      newState = [value];
-    else if (allowMultipleOpen && Array.isArray(actualActiveValue))
-      if (!actualActiveValue.some((currentValues) => currentValues === value))
-        newState = [...actualActiveValue, value];
+  const setActiveValues = useCallback(
+    (value, e) => {
+      let newState;
+      if (allowMultipleOpen && (actualActiveValue === void 0 || actualActiveValue === null))
+        newState = [value];
+      else if (allowMultipleOpen && Array.isArray(actualActiveValue))
+        if (!actualActiveValue.some((currentValues) => currentValues === value))
+          newState = [...actualActiveValue, value];
+        else
+          newState = actualActiveValue.filter((currentValues) => currentValues !== value);
+      else if (actualActiveValue === value)
+        newState = null;
       else
-        newState = actualActiveValue.filter((currentValues) => currentValues !== value);
-    else if (actualActiveValue === value)
-      newState = null;
-    else
-      newState = value;
-    setInternalActiveValue(newState);
-    return onChange(newState, e);
-  }, [actualActiveValue, allowMultipleOpen, onChange]);
-  const ctx = useMemo(() => ({
-    props: propsWithDefaults,
-    actualActiveValue,
-    setActiveValues,
-    focusableChildrenReferences,
-    allChildrenReferences
-  }), [actualActiveValue, allChildrenReferences, focusableChildrenReferences, propsWithDefaults, setActiveValues]);
+        newState = value;
+      setInternalActiveValue(newState);
+      return onChange(newState, e);
+    },
+    [actualActiveValue, allowMultipleOpen, onChange]
+  );
+  const ctx = useMemo(
+    () => ({
+      props: propsWithDefaults,
+      actualActiveValue,
+      setActiveValues,
+      focusableChildrenReferences,
+      allChildrenReferences
+    }),
+    [actualActiveValue, allChildrenReferences, focusableChildrenReferences, propsWithDefaults, setActiveValues]
+  );
   return ctx;
 };
 export {

package/dist/esm/config/useAccordion.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useAccordion.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useMemo, useState, useCallback } from 'react';\nimport { useMemoMergePropsWithDefault } from '@elliemae/ds-utilities';\nimport { useAccordionRefs } from './useAccordionRefs';\nimport { defaultProps } from '../defaultProps';\nimport type { DSAccordionT } from '../react-desc-prop-types';\nimport type { DSAccordionInternalsT } from '../sharedTypes';\n\ninterface DSAccordionUseAccordionContextT {\n  props: DSAccordionT.InternalProps;\n  actualActiveValue: DSAccordionInternalsT.InternalActiveValue;\n  setActiveValues: (value: string | number, e: React.MouseEvent | React.KeyboardEvent) => void;\n  focusableChildrenReferences: DSAccordionInternalsT.FocusableChildrenReferences[];\n  allChildrenReferences: DSAccordionInternalsT.AllChildrenReferences;\n}\n\nexport const useAccordion = (props: DSAccordionT.Props): DSAccordionUseAccordionContextT => {\n  const propsWithDefaults = useMemoMergePropsWithDefault(props, defaultProps) as DSAccordionT.InternalProps;\n\n  const { activeValue, allowMultipleOpen, onChange } = propsWithDefaults;\n\n  const { focusableChildrenReferences, allChildrenReferences } = useAccordionRefs(propsWithDefaults);\n\n  const [internalActiveValue, setInternalActiveValue] =\n    useState<DSAccordionInternalsT.InternalActiveValue>(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: DSAccordionInternalsT.InternalActiveValue;\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"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAYO,MAAM,eAAe,CAAC,UAA+D;AAC1F,QAAM,oBAAoB,6BAA6B,OAAO,YAAY;AAE1E,QAAM,EAAE,aAAa,mBAAmB,aAAa;AAErD,QAAM,EAAE,6BAA6B,0BAA0B,iBAAiB,iBAAiB;AAEjG,QAAM,CAAC,qBAAqB,0BAC1B,SAAoD,WAAW;AAEjE,QAAM,oBAAoB,QAAQ,MAAM;AACtC,QAAI,gBAAgB;AAAW,aAAO;AACtC,WAAO;AAAA,EACT,GAAG,CAAC,aAAa,mBAAmB,CAAC;AAErC,QAAM,kBAAkB,YACtB,CAAC,OAAwB,MAA8C;AACrE,QAAI;AACJ,QAAI,qBAAsB,uBAAsB,UAAa,sBAAsB;AAAO,iBAAW,CAAC,KAAK;AAAA,aAClG,qBAAqB,MAAM,QAAQ,iBAAiB;AAC3D,UAAI,CAAC,kBAAkB,KAAK,CAAC,kBAAmC,kBAAkB,KAAK;AACrF,mBAAW,CAAC,GAAG,mBAAmB,KAAK;AAAA;AACpC,mBAAW,kBAAkB,OAAO,CAAC,kBAAmC,kBAAkB,KAAK;AAAA,aAC7F,sBAAsB;AAAO,iBAAW;AAAA;AAC5C,iBAAW;AAChB,2BAAuB,QAAQ;AAC/B,WAAO,SAAS,UAAU,CAAC;AAAA,EAC7B,GACA,CAAC,mBAAmB,mBAAmB,QAAQ,CACjD;AAEA,QAAM,MAAM,QACV,MAAO;AAAA,IACL,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IACA,CAAC,mBAAmB,uBAAuB,6BAA6B,mBAAmB,eAAe,CAC5G;AAEA,SAAO;AACT;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAgB,SAAS,UAAU,mBAAmB;AACtD,SAAS,oCAAoC;AAC7C,SAAS,wBAAwB;AACjC,SAAS,oBAAoB;AAYtB,MAAM,eAAe,CAAC,UAA+D;AAC1F,QAAM,oBAAoB,6BAA6B,OAAO,YAAY;AAE1E,QAAM,EAAE,aAAa,mBAAmB,SAAS,IAAI;AAErD,QAAM,EAAE,6BAA6B,sBAAsB,IAAI,iBAAiB,iBAAiB;AAEjG,QAAM,CAAC,qBAAqB,sBAAsB,IAChD,SAAoD,WAAW;AAEjE,QAAM,oBAAoB,QAAQ,MAAM;AACtC,QAAI,gBAAgB;AAAW,aAAO;AACtC,WAAO;AAAA,EACT,GAAG,CAAC,aAAa,mBAAmB,CAAC;AAErC,QAAM,kBAAkB;AAAA,IACtB,CAAC,OAAwB,MAA8C;AACrE,UAAI;AACJ,UAAI,sBAAsB,sBAAsB,UAAa,sBAAsB;AAAO,mBAAW,CAAC,KAAK;AAAA,eAClG,qBAAqB,MAAM,QAAQ,iBAAiB;AAC3D,YAAI,CAAC,kBAAkB,KAAK,CAAC,kBAAmC,kBAAkB,KAAK;AACrF,qBAAW,CAAC,GAAG,mBAAmB,KAAK;AAAA;AACpC,qBAAW,kBAAkB,OAAO,CAAC,kBAAmC,kBAAkB,KAAK;AAAA,eAC7F,sBAAsB;AAAO,mBAAW;AAAA;AAC5C,mBAAW;AAChB,6BAAuB,QAAQ;AAC/B,aAAO,SAAS,UAAU,CAAC;AAAA,IAC7B;AAAA,IACA,CAAC,mBAAmB,mBAAmB,QAAQ;AAAA,EACjD;AAEA,QAAM,MAAM;AAAA,IACV,OAAO;AAAA,MACL,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,mBAAmB,uBAAuB,6BAA6B,mBAAmB,eAAe;AAAA,EAC5G;AAEA,SAAO;AACT;",
   "names": []
 }

package/dist/esm/config/useAccordionRefs.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useAccordionRefs.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useMemo } from 'react';\nimport type { DSAccordionT } from '../react-desc-prop-types';\nimport type { DSAccordionInternalsT } from '../sharedTypes';\n\ninterface UseAccordionRefsPropsT {\n  children: React.ReactElement<DSAccordionT.InternalItemProps>[];\n}\n\ninterface UseAccordionRefsReturnTypeT {\n  focusableChildrenReferences: DSAccordionInternalsT.FocusableChildrenReferences[];\n  allChildrenReferences: DSAccordionInternalsT.AllChildrenReferences;\n}\n\nexport const useAccordionRefs = ({ children }: UseAccordionRefsPropsT): UseAccordionRefsReturnTypeT =>\n  useMemo(() => {\n    const focusableChildrenReferences: DSAccordionInternalsT.FocusableChildrenReferences[] = [];\n    const allChildrenReferences: DSAccordionInternalsT.AllChildrenReferences = {};\n\n    React.Children.map(children, (child: React.ReactElement<DSAccordionT.InternalItemProps>, index) => {\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n      const { value, disabled } = child.props;\n      const currentRef = React.createRef<HTMLButtonElement>();\n      allChildrenReferences[index] = currentRef;\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n      if (!disabled) focusableChildrenReferences.push({ index, value, ref: currentRef });\n    });\n    return { focusableChildrenReferences, allChildrenReferences };\n  }, [children]);\n"],
-  "mappings": "AAAA;ACAA;AAaO,MAAM,mBAAmB,CAAC,EAAE,eACjC,QAAQ,MAAM;AACZ,QAAM,8BAAmF,CAAC;AAC1F,QAAM,wBAAqE,CAAC;AAE5E,SAAM,SAAS,IAAI,UAAU,CAAC,OAA2D,UAAU;AAEjG,UAAM,EAAE,OAAO,aAAa,MAAM;AAClC,UAAM,aAAa,OAAM,UAA6B;AACtD,0BAAsB,SAAS;AAE/B,QAAI,CAAC;AAAU,kCAA4B,KAAK,EAAE,OAAO,OAAO,KAAK,WAAW,CAAC;AAAA,EACnF,CAAC;AACD,SAAO,EAAE,6BAA6B,sBAAsB;AAC9D,GAAG,CAAC,QAAQ,CAAC;",
-  "names": []
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,UAAS,eAAe;AAaxB,MAAM,mBAAmB,CAAC,EAAE,SAAS,MAC1C,QAAQ,MAAM;AACZ,QAAM,8BAAmF,CAAC;AAC1F,QAAM,wBAAqE,CAAC;AAE5E,EAAAA,OAAM,SAAS,IAAI,UAAU,CAAC,OAA2D,UAAU;AAEjG,UAAM,EAAE,OAAO,SAAS,IAAI,MAAM;AAClC,UAAM,aAAaA,OAAM,UAA6B;AACtD,0BAAsB,SAAS;AAE/B,QAAI,CAAC;AAAU,kCAA4B,KAAK,EAAE,OAAO,OAAO,KAAK,WAAW,CAAC;AAAA,EACnF,CAAC;AACD,SAAO,EAAE,6BAA6B,sBAAsB;AAC9D,GAAG,CAAC,QAAQ,CAAC;",
+  "names": ["React"]
 }

package/dist/esm/defaultProps.js

@@ -1,18 +1,23 @@
 import * as React from "react";
-import React2, { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { memo } from "react";
 import { ArrowheadRight, ArrowheadDown, ChevronRight, ChevronDown } from "@elliemae/ds-icons";
-const DefaultIconClosed = memo(({ isDSMobile = false }) => isDSMobile ? /* @__PURE__ */ React2.createElement(ChevronRight, {
-  width: "20px",
-  color: ["brand", "800"]
-}) : /* @__PURE__ */ React2.createElement(ArrowheadRight, {
-  width: "20px"
-}));
-const DefaultIconOpen = memo(({ isDSMobile = false }) => isDSMobile ? /* @__PURE__ */ React2.createElement(ChevronDown, {
-  width: "20px",
-  color: ["brand", "800"]
-}) : /* @__PURE__ */ React2.createElement(ArrowheadDown, {
-  width: "20px"
-}));
+const DefaultIconClosed = memo(
+  ({ isDSMobile = false }) => isDSMobile ? /* @__PURE__ */ jsx(ChevronRight, {
+    width: "20px",
+    color: ["brand", "800"]
+  }) : /* @__PURE__ */ jsx(ArrowheadRight, {
+    width: "20px"
+  })
+);
+const DefaultIconOpen = memo(
+  ({ isDSMobile = false }) => isDSMobile ? /* @__PURE__ */ jsx(ChevronDown, {
+    width: "20px",
+    color: ["brand", "800"]
+  }) : /* @__PURE__ */ jsx(ArrowheadDown, {
+    width: "20px"
+  })
+);
 const noop = () => {
 };
 const defaultProps = {

package/dist/esm/defaultProps.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/defaultProps.tsx"],
   "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"],
-  "mappings": "AAAA;ACAA;AACA;AAIA,MAAM,oBAAoB,KAAK,CAAC,EAAE,aAAa,YAC7C,aAAa,qCAAC;AAAA,EAAa,OAAM;AAAA,EAAO,OAAO,CAAC,SAAS,KAAK;AAAA,CAAG,IAAK,qCAAC;AAAA,EAAe,OAAM;AAAA,CAAO,CACrG;AAEA,MAAM,kBAAkB,KAAK,CAAC,EAAE,aAAa,YAC3C,aAAa,qCAAC;AAAA,EAAY,OAAM;AAAA,EAAO,OAAO,CAAC,SAAS,KAAK;AAAA,CAAG,IAAK,qCAAC;AAAA,EAAc,OAAM;AAAA,CAAO,CACnG;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;",
+  "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;",
   "names": []
 }

package/dist/esm/exported-related/DSAccordionDatatestid.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/DSAccordionDatatestid.ts"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DSAccordionDataTestid = {\n  ITEM: {\n    CONTENT: 'ds-accordion_item-content',\n    HEADER: 'ds-accordion_item-header',\n    CONTAINER: 'ds-accordion_item',\n  },\n  GROUP: 'ds-accordion_group',\n};\n"],
-  "mappings": "AAAA;ACAO,MAAM,wBAAwB;AAAA,EACnC,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,WAAW;AAAA,EACb;AAAA,EACA,OAAO;AACT;",
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,wBAAwB;AAAA,EACnC,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,WAAW;AAAA,EACb;AAAA,EACA,OAAO;AACT;",
   "names": []
 }

package/dist/esm/exported-related/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/index.ts"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSAccordionDatatestid';\nexport * from './theming';\n"],
-  "mappings": "AAAA;ACAA;AACA;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;",
   "names": []
 }

package/dist/esm/exported-related/theming.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/theming.ts"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DSAccordionName = 'DSAccordion';\n\nexport const DSAccordionSlots = {\n  CONTAINER: 'root',\n  ITEM: {\n    CONTAINER: 'item-container',\n    HEADER: {\n      CONTAINER: 'item-header-container',\n      ADDON: 'item-header-addon',\n      TITLE_CONTAINER: 'item-header-titles-container',\n      PRIMARY_TITLE: 'item-header-primary-title',\n      SECONDARY_TITLE: 'item-header-secondary-title',\n      CUSTOM_ACTIONS_CONTAINER: 'item-header-custom-actions-container',\n      TOOLTIP: 'item-header-tooltip',\n    },\n    CONTENT: {\n      CONTAINER: 'item-content-container',\n    },\n  },\n};\n"],
-  "mappings": "AAAA;ACAO,MAAM,kBAAkB;AAExB,MAAM,mBAAmB;AAAA,EAC9B,WAAW;AAAA,EACX,MAAM;AAAA,IACJ,WAAW;AAAA,IACX,QAAQ;AAAA,MACN,WAAW;AAAA,MACX,OAAO;AAAA,MACP,iBAAiB;AAAA,MACjB,eAAe;AAAA,MACf,iBAAiB;AAAA,MACjB,0BAA0B;AAAA,MAC1B,SAAS;AAAA,IACX;AAAA,IACA,SAAS;AAAA,MACP,WAAW;AAAA,IACb;AAAA,EACF;AACF;",
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,kBAAkB;AAExB,MAAM,mBAAmB;AAAA,EAC9B,WAAW;AAAA,EACX,MAAM;AAAA,IACJ,WAAW;AAAA,IACX,QAAQ;AAAA,MACN,WAAW;AAAA,MACX,OAAO;AAAA,MACP,iBAAiB;AAAA,MACjB,eAAe;AAAA,MACf,iBAAiB;AAAA,MACjB,0BAA0B;AAAA,MAC1B,SAAS;AAAA,IACX;AAAA,IACA,SAAS;AAAA,MACP,WAAW;AAAA,IACb;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/esm/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.ts"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSAccordion';\nexport * from './parts/accordionItem/DSAccordionItem';\nexport * from './exported-related';\n\nexport { default } from './DSAccordion';\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAEA;",
-  "names": []
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;AACd,cAAc;AAEd,SAAS,WAAAA,gBAAe;",
+  "names": ["default"]
 }

package/dist/esm/parts/accordionContent/AccordionContent.js

@@ -1,4 +1,5 @@
 import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import React2, { useContext } from "react";
 import { useGetGlobalAttributes, useGetXstyledProps } from "@elliemae/ds-utilities";
 import { DSAccordionContext } from "../../DSAccordionCTX";
@@ -11,15 +12,21 @@ const AccordionContent = () => {
   const childrenWithIndex = [];
   const xstyledAttrs = useGetXstyledProps(rest);
   const globalAttrs = useGetGlobalAttributes(rest);
-  React2.Children.forEach(children, (child, index) => childrenWithIndex.push(React2.cloneElement(child, {
-    dsIndex: index
-  })));
-  return /* @__PURE__ */ React2.createElement(StyledContainer, {
+  React2.Children.forEach(
+    children,
+    (child, index) => childrenWithIndex.push(
+      React2.cloneElement(child, {
+        dsIndex: index
+      })
+    )
+  );
+  return /* @__PURE__ */ jsx(StyledContainer, {
     "data-testid": DSAccordionDataTestid.GROUP,
     ...containerProps,
     ...globalAttrs,
-    ...xstyledAttrs
-  }, childrenWithIndex);
+    ...xstyledAttrs,
+    children: childrenWithIndex
+  });
 };
 export {
   AccordionContent

package/dist/esm/parts/accordionContent/AccordionContent.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/accordionContent/AccordionContent.tsx"],
   "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"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAGO,MAAM,mBAAmB,MAAmB;AACjD,QAAM;AAAA,IACJ,OAAO,EAAE,gBAAgB,aAAa;AAAA,MACpC,WAAW,kBAAkB;AAEjC,QAAM,oBAA0E,CAAC;AAEjF,QAAM,eAAe,mBAAmB,IAAI;AAE5C,QAAM,cAAc,uBAAuB,IAAI;AAE/C,SAAM,SAAS,QAAQ,UAAU,CAAC,OAAO,UACvC,kBAAkB,KAChB,OAAM,aAAa,OAAO;AAAA,IACxB,SAAS;AAAA,EACX,CAAC,CACH,CACF;AAEA,SACE,qCAAC;AAAA,IAAgB,eAAa,sBAAsB;AAAA,IAAQ,GAAG;AAAA,IAAiB,GAAG;AAAA,IAAc,GAAG;AAAA,KACjG,iBACH;AAEJ;",
-  "names": []
+  "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;",
+  "names": ["React"]
 }

package/dist/esm/parts/accordionContent/styles.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/accordionContent/styles.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled, sizing, space, layout } from '@elliemae/ds-system';\nimport { DSAccordionName, DSAccordionSlots } from '../../exported-related';\n\nexport const StyledContainer = styled('div', {\n  name: DSAccordionName,\n  slot: DSAccordionSlots.CONTAINER,\n})`\n  ${sizing}\n  ${space}\n  ${layout}\n`;\n"],
-  "mappings": "AAAA;ACAA;AACA;AAEO,MAAM,kBAAkB,OAAO,OAAO;AAAA,EAC3C,MAAM;AAAA,EACN,MAAM,iBAAiB;AACzB,CAAC;AAAA,IACG;AAAA,IACA;AAAA,IACA;AAAA;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,QAAQ,OAAO,cAAc;AAC9C,SAAS,iBAAiB,wBAAwB;AAE3C,MAAM,kBAAkB,OAAO,OAAO;AAAA,EAC3C,MAAM;AAAA,EACN,MAAM,iBAAiB;AACzB,CAAC;AAAA,IACG;AAAA,IACA;AAAA,IACA;AAAA;",
   "names": []
 }

package/dist/esm/parts/accordionItem/DSAccordionItem.js

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useState, useContext, useCallback, useMemo } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState, useContext, useCallback, useMemo } from "react";
 import {
   useMemoMergePropsWithDefault,
   describe,
@@ -27,7 +28,10 @@ import { DSAccordionContext } from "../../DSAccordionCTX";
 import { DSAccordionDataTestid } from "../../exported-related/DSAccordionDatatestid";
 import { accordionItemPropTypes } from "../../react-desc-prop-types";
 const DSAccordionItem = (props) => {
-  const propsWithDefaults = useMemoMergePropsWithDefault(props, accordionItemDefaultProps);
+  const propsWithDefaults = useMemoMergePropsWithDefault(
+    props,
+    accordionItemDefaultProps
+  );
   const {
     children,
     title,
@@ -49,64 +53,99 @@ const DSAccordionItem = (props) => {
     actualActiveValue,
     props: { isDSMobile }
   } = useContext(DSAccordionContext);
-  const onKeyDownWithIndex = useCallback((e) => {
-    handleOnKeyDown(e, dsIndex);
-  }, [dsIndex, handleOnKeyDown]);
+  const onKeyDownWithIndex = useCallback(
+    (e) => {
+      handleOnKeyDown(e, dsIndex);
+    },
+    [dsIndex, handleOnKeyDown]
+  );
   const [showPopover, setShowPopover] = useState(false);
   const [referenceElement, setReferenceElement] = useState();
   const CustomActionsContent = useMemo(() => {
     if (!isDSMobile && customActions?.length > 0)
-      return /* @__PURE__ */ React2.createElement(StyledItemCustomActions, {
-        isDSMobile
-      }, customActions?.map(({ onClick, id, ...otherProps }) => /* @__PURE__ */ React2.createElement(DSButton, {
-        key: id,
-        onClick: (e) => {
-          e.stopPropagation();
-          if (onClick)
-            onClick(e);
-        },
-        ...otherProps,
-        buttonType: BUTTON_TYPE.SECONDARY
-      })));
+      return /* @__PURE__ */ jsx(StyledItemCustomActions, {
+        isDSMobile,
+        children: customActions?.map(({ onClick, id, ...otherProps }) => /* @__PURE__ */ jsx(DSButton, {
+          onClick: (e) => {
+            e.stopPropagation();
+            if (onClick)
+              onClick(e);
+          },
+          ...otherProps,
+          buttonType: BUTTON_TYPE.SECONDARY
+        }, id))
+      });
     if (!isDSMobile && renderCustomActions)
-      return /* @__PURE__ */ React2.createElement(StyledItemCustomActions, {
-        isDSMobile
-      }, renderCustomActions({ allRefs: allChildrenReferences, actualActiveValue }));
+      return /* @__PURE__ */ jsx(StyledItemCustomActions, {
+        isDSMobile,
+        children: renderCustomActions({ allRefs: allChildrenReferences, actualActiveValue })
+      });
     return null;
   }, [actualActiveValue, allChildrenReferences, customActions, isDSMobile, renderCustomActions]);
   const { isShowingEllipsis: isPrimaryShowingEllipsis, setElement: setPrimaryElement } = useIsShowingEllipsis();
   const { isShowingEllipsis: isSecondaryShowingEllipsis, setElement: setSecondaryElement } = useIsShowingEllipsis();
-  const handleOnFocus = useCallback(() => setShowPopover(isPrimaryShowingEllipsis || isSecondaryShowingEllipsis), [isPrimaryShowingEllipsis, isSecondaryShowingEllipsis]);
+  const handleOnFocus = useCallback(
+    () => setShowPopover(isPrimaryShowingEllipsis || isSecondaryShowingEllipsis),
+    [isPrimaryShowingEllipsis, isSecondaryShowingEllipsis]
+  );
   const handleOnBlur = useCallback(() => setShowPopover(false), []);
   const Titles = useMemo(() => {
     if ((isPrimaryShowingEllipsis || isSecondaryShowingEllipsis) && !isDSMobile)
-      return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(StyledPrimaryTitle, {
-        ref: setPrimaryElement,
-        ...title ? { id: `accordion_${title || ""}id` } : void 0,
-        disabled,
-        isDSMobile,
-        selected,
-        withSecondaryTitle: secondaryTitle
-      }, title), !isDSMobile && secondaryTitle && /* @__PURE__ */ React2.createElement(StyledSecondaryTitle, {
-        ref: setSecondaryElement,
-        disabled,
-        selected
-      }, secondaryTitle), /* @__PURE__ */ React2.createElement(DSPopperJS, {
-        referenceElement,
-        showPopover
-      }, /* @__PURE__ */ React2.createElement(StyledTooltipContent, null, /* @__PURE__ */ React2.createElement("p", null, title), /* @__PURE__ */ React2.createElement("p", null, " ", secondaryTitle))));
-    return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(StyledPrimaryTitle, {
-      ref: setPrimaryElement,
-      ...title ? { id: `accordion_${title || ""}id` } : void 0,
-      disabled,
-      isDSMobile,
-      selected,
-      withSecondaryTitle: secondaryTitle
-    }, title), !isDSMobile && secondaryTitle && /* @__PURE__ */ React2.createElement(StyledSecondaryTitle, {
-      ref: setSecondaryElement,
-      disabled,
-      selected
-    }, secondaryTitle));
+      return /* @__PURE__ */ jsxs(Fragment, {
+        children: [
+          /* @__PURE__ */ jsx(StyledPrimaryTitle, {
+            ref: setPrimaryElement,
+            ...title ? { id: `accordion_${title || ""}id` } : void 0,
+            disabled,
+            isDSMobile,
+            selected,
+            withSecondaryTitle: secondaryTitle,
+            children: title
+          }),
+          !isDSMobile && secondaryTitle && /* @__PURE__ */ jsx(StyledSecondaryTitle, {
+            ref: setSecondaryElement,
+            disabled,
+            selected,
+            children: secondaryTitle
+          }),
+          /* @__PURE__ */ jsx(DSPopperJS, {
+            referenceElement,
+            showPopover,
+            children: /* @__PURE__ */ jsxs(StyledTooltipContent, {
+              children: [
+                /* @__PURE__ */ jsx("p", {
+                  children: title
+                }),
+                /* @__PURE__ */ jsxs("p", {
+                  children: [
+                    " ",
+                    secondaryTitle
+                  ]
+                })
+              ]
+            })
+          })
+        ]
+      });
+    return /* @__PURE__ */ jsxs(Fragment, {
+      children: [
+        /* @__PURE__ */ jsx(StyledPrimaryTitle, {
+          ref: setPrimaryElement,
+          ...title ? { id: `accordion_${title || ""}id` } : void 0,
+          disabled,
+          isDSMobile,
+          selected,
+          withSecondaryTitle: secondaryTitle,
+          children: title
+        }),
+        !isDSMobile && secondaryTitle && /* @__PURE__ */ jsx(StyledSecondaryTitle, {
+          ref: setSecondaryElement,
+          disabled,
+          selected,
+          children: secondaryTitle
+        })
+      ]
+    });
   }, [
     disabled,
     isDSMobile,
@@ -120,52 +159,67 @@ const DSAccordionItem = (props) => {
     selected,
     title
   ]);
-  return /* @__PURE__ */ React2.createElement(StyledItemContainer, {
+  return /* @__PURE__ */ jsxs(StyledItemContainer, {
     "data-testid": DSAccordionDataTestid.ITEM.CONTAINER,
     className,
-    ...xstyledAttrs
-  }, /* @__PURE__ */ React2.createElement(StyledItemHeaderContainer, {
-    disabled,
-    ref: setReferenceElement
-  }, /* @__PURE__ */ React2.createElement(StyledItemHeader, {
-    type: "button",
-    withCustomActions: (customActions?.length > 0 || renderCustomActions !== void 0) && !isDSMobile,
-    withSecondaryTitle: secondaryTitle,
-    onClick: handleOnClick,
-    tabIndex: !disabled ? 0 : void 0,
-    disabled,
-    "data-disabled": disabled,
-    ref: allChildrenReferences[dsIndex],
-    onKeyDown: onKeyDownWithIndex,
-    isDSMobile,
-    "data-testid": DSAccordionDataTestid.ITEM.HEADER,
-    id: `ds-accordion-header-${value}`,
-    "aria-expanded": selected,
-    "aria-disabled": disabled,
-    "aria-controls": `ds-accordion-content-${value}`,
-    onFocus: handleOnFocus,
-    onBlur: handleOnBlur,
-    ...globalAttrs
-  }, /* @__PURE__ */ React2.createElement(StyledItemAddon, {
-    disabled,
-    isDSMobile
-  }, selected ? /* @__PURE__ */ React2.createElement(IconOpened, {
-    isDSMobile
-  }) : /* @__PURE__ */ React2.createElement(IconClosed, {
-    isDSMobile
-  })), /* @__PURE__ */ React2.createElement(StyledItemTitles, {
-    onMouseEnter: handleOnFocus,
-    onMouseLeave: handleOnBlur,
-    isDSMobile,
-    withSecondaryTitle: secondaryTitle,
-    selected
-  }, Titles)), CustomActionsContent), selected && /* @__PURE__ */ React2.createElement(StyledItemContent, {
-    "data-testid": DSAccordionDataTestid.ITEM.CONTENT,
-    "aria-labelledby": `ds-accordion-header-${value}`,
-    role: "region",
-    isDSMobile,
-    id: `ds-accordion-content-${value}`
-  }, children));
+    ...xstyledAttrs,
+    children: [
+      /* @__PURE__ */ jsxs(StyledItemHeaderContainer, {
+        disabled,
+        ref: setReferenceElement,
+        children: [
+          /* @__PURE__ */ jsxs(StyledItemHeader, {
+            type: "button",
+            withCustomActions: (customActions?.length > 0 || renderCustomActions !== void 0) && !isDSMobile,
+            withSecondaryTitle: secondaryTitle,
+            onClick: handleOnClick,
+            tabIndex: !disabled ? 0 : void 0,
+            disabled,
+            "data-disabled": disabled,
+            ref: allChildrenReferences[dsIndex],
+            onKeyDown: onKeyDownWithIndex,
+            isDSMobile,
+            "data-testid": DSAccordionDataTestid.ITEM.HEADER,
+            id: `ds-accordion-header-${value}`,
+            "aria-expanded": selected,
+            "aria-disabled": disabled,
+            "aria-controls": `ds-accordion-content-${value}`,
+            onFocus: handleOnFocus,
+            onBlur: handleOnBlur,
+            ...globalAttrs,
+            children: [
+              /* @__PURE__ */ jsx(StyledItemAddon, {
+                disabled,
+                isDSMobile,
+                children: selected ? /* @__PURE__ */ jsx(IconOpened, {
+                  isDSMobile
+                }) : /* @__PURE__ */ jsx(IconClosed, {
+                  isDSMobile
+                })
+              }),
+              /* @__PURE__ */ jsx(StyledItemTitles, {
+                onMouseEnter: handleOnFocus,
+                onMouseLeave: handleOnBlur,
+                isDSMobile,
+                withSecondaryTitle: secondaryTitle,
+                selected,
+                children: Titles
+              })
+            ]
+          }),
+          CustomActionsContent
+        ]
+      }),
+      selected && /* @__PURE__ */ jsx(StyledItemContent, {
+        "data-testid": DSAccordionDataTestid.ITEM.CONTENT,
+        "aria-labelledby": `ds-accordion-header-${value}`,
+        role: "region",
+        isDSMobile,
+        id: `ds-accordion-content-${value}`,
+        children
+      })
+    ]
+  });
 };
 DSAccordionItem.displayName = "DSAccordionItem";
 const DSAccordionItemWithSchema = describe(DSAccordionItem);

package/dist/esm/parts/accordionItem/DSAccordionItem.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/accordionItem/DSAccordionItem.tsx"],
   "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"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }