@elliemae/ds-accordion 3.62.1 → 3.70.0-alpha.10

package/dist/cjs/constants/index.js

@@ -46,6 +46,9 @@ const ACCORDION_SLOTS = {
 const DSAccordionSlots = ACCORDION_SLOTS;
 const ACCORDION_ITEM_SLOTS = {
   ITEM_CONTAINER: "item-container",
+  // additive slot: wraps the summary + content as a native <details> disclosure.
+  // New in the native-engine migration — not a breaking change (did not exist before).
+  ITEM_DETAILS: "item-details",
   ITEM_HEADER_CONTAINER: "item-header-container",
   ITEM_HEADER: "item-header",
   ITEM_HEADER_ADDON: "item-header-addon",

package/dist/cjs/constants/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/constants/index.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSAccordionName = 'DSAccordion';\n\n// we are naming this with the ${component_name}_slots convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const ACCORDION_SLOTS = {\n  CONTAINER: 'root',\n} as const;\nexport const DSAccordionSlots = ACCORDION_SLOTS;\n\nexport const ACCORDION_ITEM_SLOTS = {\n  ITEM_CONTAINER: 'item-container',\n  ITEM_HEADER_CONTAINER: 'item-header-container',\n  ITEM_HEADER: 'item-header',\n  ITEM_HEADER_ADDON: 'item-header-addon',\n  ITEM_HEADER_TITLE_CONTAINER: 'item-header-titles-container',\n  ITEM_HEADER_PRIMARY_TITLE: 'item-header-primary-title',\n  ITEM_HEADER_SECONDARY_TITLE: 'item-header-secondary-title',\n  ITEM_HEADER_CUSTOM_ACTIONS_CONTAINER: 'item-header-custom-actions-container',\n  ITEM_HEADER_TOOLTIP: 'item-header-tooltip',\n  ITEM_CONTENT_CONTAINER: 'item-content-container',\n} as const;\nexport const DSAccordionItemSlots = ACCORDION_ITEM_SLOTS;\n\n// we are naming this with the ${component_name}_data_testid convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const ACCORDION_DATA_TESTID = {\n  ...slotObjectToDataTestIds(DSAccordionName, ACCORDION_SLOTS),\n  ...slotObjectToDataTestIds(DSAccordionName, ACCORDION_ITEM_SLOTS),\n  ITEM_CONTENT_CONTAINER: 'ds-accordion_item-content',\n  ITEM_HEADER: 'ds-accordion_item-header',\n  ITEM_CONTAINER: 'ds-accordion_item',\n  CONTAINER: 'ds-accordion_group',\n};\nexport const DSAccordionDataTestid = ACCORDION_DATA_TESTID;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAwC;AAEjC,MAAM,kBAAkB;AAGxB,MAAM,kBAAkB;AAAA,EAC7B,WAAW;AACb;AACO,MAAM,mBAAmB;AAEzB,MAAM,uBAAuB;AAAA,EAClC,gBAAgB;AAAA,EAChB,uBAAuB;AAAA,EACvB,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,6BAA6B;AAAA,EAC7B,2BAA2B;AAAA,EAC3B,6BAA6B;AAAA,EAC7B,sCAAsC;AAAA,EACtC,qBAAqB;AAAA,EACrB,wBAAwB;AAC1B;AACO,MAAM,uBAAuB;AAG7B,MAAM,wBAAwB;AAAA,EACnC,OAAG,0CAAwB,iBAAiB,eAAe;AAAA,EAC3D,OAAG,0CAAwB,iBAAiB,oBAAoB;AAAA,EAChE,wBAAwB;AAAA,EACxB,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,WAAW;AACb;AACO,MAAM,wBAAwB;",
+  "sourcesContent": ["import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSAccordionName = 'DSAccordion';\n\n// we are naming this with the ${component_name}_slots convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const ACCORDION_SLOTS = {\n  CONTAINER: 'root',\n} as const;\nexport const DSAccordionSlots = ACCORDION_SLOTS;\n\nexport const ACCORDION_ITEM_SLOTS = {\n  ITEM_CONTAINER: 'item-container',\n  // additive slot: wraps the summary + content as a native <details> disclosure.\n  // New in the native-engine migration \u2014 not a breaking change (did not exist before).\n  ITEM_DETAILS: 'item-details',\n  ITEM_HEADER_CONTAINER: 'item-header-container',\n  ITEM_HEADER: 'item-header',\n  ITEM_HEADER_ADDON: 'item-header-addon',\n  ITEM_HEADER_TITLE_CONTAINER: 'item-header-titles-container',\n  ITEM_HEADER_PRIMARY_TITLE: 'item-header-primary-title',\n  ITEM_HEADER_SECONDARY_TITLE: 'item-header-secondary-title',\n  ITEM_HEADER_CUSTOM_ACTIONS_CONTAINER: 'item-header-custom-actions-container',\n  ITEM_HEADER_TOOLTIP: 'item-header-tooltip',\n  ITEM_CONTENT_CONTAINER: 'item-content-container',\n} as const;\nexport const DSAccordionItemSlots = ACCORDION_ITEM_SLOTS;\n\n// we are naming this with the ${component_name}_data_testid convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const ACCORDION_DATA_TESTID = {\n  ...slotObjectToDataTestIds(DSAccordionName, ACCORDION_SLOTS),\n  ...slotObjectToDataTestIds(DSAccordionName, ACCORDION_ITEM_SLOTS),\n  ITEM_CONTENT_CONTAINER: 'ds-accordion_item-content',\n  ITEM_HEADER: 'ds-accordion_item-header',\n  ITEM_CONTAINER: 'ds-accordion_item',\n  CONTAINER: 'ds-accordion_group',\n};\nexport const DSAccordionDataTestid = ACCORDION_DATA_TESTID;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAwC;AAEjC,MAAM,kBAAkB;AAGxB,MAAM,kBAAkB;AAAA,EAC7B,WAAW;AACb;AACO,MAAM,mBAAmB;AAEzB,MAAM,uBAAuB;AAAA,EAClC,gBAAgB;AAAA;AAAA;AAAA,EAGhB,cAAc;AAAA,EACd,uBAAuB;AAAA,EACvB,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,6BAA6B;AAAA,EAC7B,2BAA2B;AAAA,EAC3B,6BAA6B;AAAA,EAC7B,sCAAsC;AAAA,EACtC,qBAAqB;AAAA,EACrB,wBAAwB;AAC1B;AACO,MAAM,uBAAuB;AAG7B,MAAM,wBAAwB;AAAA,EACnC,OAAG,0CAAwB,iBAAiB,eAAe;AAAA,EAC3D,OAAG,0CAAwB,iBAAiB,oBAAoB;AAAA,EAChE,wBAAwB;AAAA,EACxB,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,WAAW;AACb;AACO,MAAM,wBAAwB;",
   "names": []
 }

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

@@ -35,9 +35,7 @@ __export(DSAccordionItem_exports, {
 module.exports = __toCommonJS(DSAccordionItem_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_ds_button_v2 = require("@elliemae/ds-button-v2");
-var import_ds_grid = require("@elliemae/ds-grid");
-var import_ds_popperjs = require("@elliemae/ds-popperjs");
+var import_ds_floating_context = require("@elliemae/ds-floating-context");
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_ds_system = require("@elliemae/ds-system");
 var import_react = require("react");
@@ -45,6 +43,8 @@ var import_DSAccordionCTX = require("../../DSAccordionCTX.js");
 var import_constants = require("../../constants/index.js");
 var import_defaultProps = require("../../defaultProps.js");
 var import_react_desc_prop_types = require("../../react-desc-prop-types.js");
+var import_ItemCustomActions = require("./ItemCustomActions.js");
+var import_ItemTitle = require("./ItemTitle.js");
 var import_styles = require("./styles.js");
 var import_useAccordionItem = require("./useAccordionItem.js");
 var import_useIsShowingEllipsis = require("./useIsShowingEllipsis.js");
@@ -74,7 +74,7 @@ const DSAccordionItem = (props) => {
     wrapLabel,
     ...rest
   } = propsWithDefaults;
-  const { handleOnClick, handleOnKeyDown, selected } = (0, import_useAccordionItem.useAccordionItem)({ value, disabled, applyAriaDisabled });
+  const { handleOnKeyDown, toggle, selected } = (0, import_useAccordionItem.useAccordionItem)({ value, disabled, applyAriaDisabled });
   const xstyledAttrs = (0, import_ds_props_helpers.useGetXstyledProps)(rest);
   const xstyledContentAttrs = (0, import_ds_props_helpers.useGetXstyledProps)(xStyledPropsContent);
   const {
@@ -84,56 +84,44 @@ const DSAccordionItem = (props) => {
   } = (0, import_react.useContext)(import_DSAccordionCTX.DSAccordionContext);
   const [showPopover, setShowPopover] = (0, import_react.useState)(false);
   const [referenceElement, setReferenceElement] = (0, import_react.useState)(null);
-  const CustomActionsContent = (0, import_react.useMemo)(() => {
-    if (!isDSMobile && customActions?.length > 0)
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_styles.StyledItemCustomActions,
-        {
-          isDSMobile,
-          getOwnerProps,
-          getOwnerPropsArguments,
-          children: customActions?.map(({ onClick, id, ...otherProps }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_ds_button_v2.DSButtonV2,
-            {
-              onClick: (e) => {
-                e.stopPropagation();
-                if (onClick) onClick(e);
-              },
-              ...otherProps,
-              buttonType: import_ds_button_v2.BUTTON_TYPES.OUTLINE
-            },
-            id
-          ))
-        }
-      );
-    if (!isDSMobile && (renderCustomActions || CustomActions))
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_styles.StyledItemCustomActions,
-        {
-          isDSMobile,
-          getOwnerProps,
-          getOwnerPropsArguments,
-          children: CustomActions !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CustomActions, { allRefs: allChildrenReferences, actualActiveValue }) : renderCustomActions?.({ allRefs: allChildrenReferences, actualActiveValue })
-        }
-      );
-    return null;
-  }, [
-    CustomActions,
-    actualActiveValue,
-    allChildrenReferences,
-    customActions,
-    getOwnerProps,
-    getOwnerPropsArguments,
-    isDSMobile,
-    renderCustomActions
-  ]);
   const { isShowingEllipsis: isPrimaryShowingEllipsis, setElement: setPrimaryElement } = (0, import_useIsShowingEllipsis.useIsShowingEllipsis)();
   const { isShowingEllipsis: isSecondaryShowingEllipsis, setElement: setSecondaryElement } = (0, import_useIsShowingEllipsis.useIsShowingEllipsis)();
-  const onKeyDownWithIndex = (0, import_react.useCallback)(
+  const isTooltipOpen = !selected && showPopover;
+  const {
+    refs: floatingRefs,
+    floatingStyles,
+    arrowStyles,
+    context: floatingContext,
+    isOpen: isFloatingOpen
+  } = (0, import_ds_floating_context.useFloatingContext)({
+    externallyControlledIsOpen: isTooltipOpen,
+    externalReferenceElement: referenceElement,
+    withoutAnimation: true,
+    customOffset: [0, 14]
+  });
+  const handleSummaryClick = (0, import_react.useCallback)(
+    (e) => {
+      e.preventDefault();
+      toggle(e);
+    },
+    [toggle]
+  );
+  const handleSummaryKeyDown = (0, import_react.useCallback)(
     (e) => {
+      if (e.key === "Enter" || e.key === " ") {
+        e.preventDefault();
+        toggle(e);
+        return;
+      }
       handleOnKeyDown(e, dsIndex);
     },
-    [dsIndex, handleOnKeyDown]
+    [toggle, handleOnKeyDown, dsIndex]
+  );
+  const handleSummaryMouseDown = (0, import_react.useCallback)(
+    (e) => {
+      if (disabled) e.preventDefault();
+    },
+    [disabled]
   );
   const handleOnFocus = (0, import_react.useCallback)(
     () => setShowPopover(isPrimaryShowingEllipsis || isSecondaryShowingEllipsis),
@@ -141,225 +129,142 @@ const DSAccordionItem = (props) => {
   );
   const handleOnBlur = (0, import_react.useCallback)(() => setShowPopover(false), []);
   const { className, ...globalAttrs } = (0, import_ds_props_helpers.useGetGlobalAttributes)(rest, {
-    onClick: handleOnClick,
+    onClick: handleSummaryClick,
     onFocus: handleOnFocus,
     onBlur: handleOnBlur
   });
   const handlers = {
-    onClick: handleOnClick,
+    onClick: handleSummaryClick,
+    onKeyDown: handleSummaryKeyDown,
+    onMouseDown: handleSummaryMouseDown,
     onFocus: handleOnFocus,
     onBlur: handleOnBlur
   };
-  const titleDesktop = (0, import_react.useMemo)(
-    () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-      import_ds_grid.Grid,
-      {
-        onMouseEnter: handleOnFocus,
-        onMouseLeave: handleOnBlur,
-        cols: ["auto", "1fr"],
-        padding: "6px 0px",
-        marginRight: "20px",
-        width: "100%",
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_styles.StyledItemAddon,
-            {
-              disabled,
-              applyAriaDisabled,
-              getOwnerProps,
-              getOwnerPropsArguments,
-              children: selected ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconOpened, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconClosed, {})
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, { rows: secondaryTitle ? ["auto", "auto"] : ["auto"], rowGap: secondaryTitle ? "3px" : "0px", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_styles.StyledItemTitles,
-              {
-                withSecondaryTitle: secondaryTitle,
-                selected,
-                getOwnerProps,
-                getOwnerPropsArguments,
-                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  import_styles.StyledPrimaryTitle,
-                  {
-                    innerRef: setPrimaryElement,
-                    ...title ? { id: `accordion_${title || ""}id-${value}` } : void 0,
-                    disabled,
-                    applyAriaDisabled,
-                    selected,
-                    withSecondaryTitle: Boolean(secondaryTitle),
-                    getOwnerProps,
-                    getOwnerPropsArguments,
-                    wrapLabel,
-                    children: title
-                  }
-                )
-              }
-            ),
-            secondaryTitle && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_styles.StyledSecondaryTitle,
-              {
-                innerRef: setSecondaryElement,
-                disabled,
-                applyAriaDisabled,
-                selected,
-                getOwnerProps,
-                getOwnerPropsArguments,
-                wrapLabel,
-                children: secondaryTitle
-              }
-            )
-          ] })
-        ]
-      }
-    ),
-    [
-      handleOnFocus,
-      handleOnBlur,
-      secondaryTitle,
-      disabled,
-      applyAriaDisabled,
-      getOwnerProps,
-      getOwnerPropsArguments,
-      selected,
-      IconOpened,
-      IconClosed,
-      setPrimaryElement,
-      title,
-      value,
-      wrapLabel,
-      setSecondaryElement
-    ]
-  );
-  const titleMobile = (0, import_react.useMemo)(
-    () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, { width: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, { cols: ["auto", "20px"], children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_styles.StyledItemTitles,
-        {
-          onMouseEnter: handleOnFocus,
-          onMouseLeave: handleOnBlur,
-          isDSMobile: true,
-          withSecondaryTitle: secondaryTitle,
-          selected,
-          getOwnerProps,
-          getOwnerPropsArguments,
-          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_styles.StyledPrimaryTitle,
-            {
-              innerRef: setPrimaryElement,
-              ...title ? { id: `accordion_${title || ""}id` } : void 0,
-              disabled,
-              applyAriaDisabled,
-              isDSMobile: true,
-              selected,
-              withSecondaryTitle: Boolean(secondaryTitle),
-              getOwnerProps,
-              getOwnerPropsArguments,
-              wrapLabel,
-              children: title
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_styles.StyledItemAddon,
-        {
-          disabled,
-          applyAriaDisabled,
-          isDSMobile: true,
-          getOwnerProps,
-          getOwnerPropsArguments,
-          children: selected ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconOpened, { isDSMobile: true }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconClosed, { isDSMobile: true })
-        }
-      )
-    ] }) }),
-    [
-      handleOnFocus,
-      handleOnBlur,
-      secondaryTitle,
-      selected,
-      getOwnerProps,
-      getOwnerPropsArguments,
-      setPrimaryElement,
-      title,
-      disabled,
-      applyAriaDisabled,
-      wrapLabel,
-      IconOpened,
-      IconClosed
-    ]
-  );
+  const headerId = `ds-accordion-header-${value}`;
+  const contentId = `ds-accordion-content-${value}`;
+  const withCustomActions = (customActions?.length > 0 || renderCustomActions !== void 0 || CustomActions !== void 0) && !isDSMobile;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     import_styles.StyledItemContainer,
     {
       "data-testid": import_constants.DSAccordionDataTestid.ITEM_CONTAINER,
       className,
       ...xstyledAttrs,
+      disabled,
+      applyAriaDisabled,
       getOwnerProps,
       getOwnerPropsArguments,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-          import_styles.StyledItemHeaderContainer,
+          import_styles.StyledItemDetails,
           {
-            disabled,
-            applyAriaDisabled,
-            innerRef: (HTMLNode) => setReferenceElement(HTMLNode ?? null),
+            open: selected,
+            "data-testid": import_constants.DSAccordionDataTestid.ITEM_DETAILS,
             getOwnerProps,
             getOwnerPropsArguments,
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
                 import_styles.StyledItemHeader,
                 {
-                  withCustomActions: (customActions?.length > 0 || renderCustomActions !== void 0) && !isDSMobile,
+                  withCustomActions,
                   withSecondaryTitle: secondaryTitle,
-                  tabIndex: !disabled ? 0 : void 0,
+                  tabIndex: disabled ? -1 : 0,
                   disabled,
                   "data-disabled": disabled,
                   innerRef: (0, import_ds_system.mergeRefs)(allChildrenReferences[dsIndex], innerRef),
-                  onKeyDown: onKeyDownWithIndex,
                   isDSMobile,
                   "data-testid": import_constants.DSAccordionDataTestid.ITEM_HEADER,
-                  id: `ds-accordion-header-${value}`,
+                  id: headerId,
                   "aria-expanded": selected,
                   "aria-disabled": disabled || applyAriaDisabled,
                   applyAriaDisabled,
-                  "aria-controls": `ds-accordion-content-${value}`,
+                  "aria-controls": contentId,
                   ...handlers,
                   ...globalAttrs,
-                  type: "button",
                   getOwnerProps,
                   getOwnerPropsArguments,
                   children: [
-                    isDSMobile ? titleMobile : titleDesktop,
-                    wrapLabel ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_popperjs.DSPopperJS, { referenceElement, showPopover: !selected && showPopover, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.StyledTooltipContent, { getOwnerProps, getOwnerPropsArguments, children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: title }),
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { children: [
-                        " ",
-                        secondaryTitle
-                      ] })
-                    ] }) })
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                      import_styles.StyledItemHeaderContainer,
+                      {
+                        innerRef: (HTMLNode) => setReferenceElement(HTMLNode ?? null),
+                        getOwnerProps,
+                        getOwnerPropsArguments,
+                        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                          import_ItemTitle.ItemTitle,
+                          {
+                            title,
+                            secondaryTitle,
+                            value,
+                            selected,
+                            disabled,
+                            applyAriaDisabled,
+                            wrapLabel,
+                            isDSMobile,
+                            IconOpened,
+                            IconClosed,
+                            onMouseEnter: handleOnFocus,
+                            onMouseLeave: handleOnBlur,
+                            setPrimaryElement,
+                            setSecondaryElement,
+                            getOwnerProps,
+                            getOwnerPropsArguments
+                          }
+                        )
+                      }
+                    ),
+                    wrapLabel ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                      import_ds_floating_context.FloatingWrapper,
+                      {
+                        innerRef: floatingRefs.setFloating,
+                        isOpen: isFloatingOpen,
+                        floatingStyles,
+                        context: floatingContext,
+                        children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.StyledTooltipContent, { getOwnerProps, getOwnerPropsArguments, children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: title }),
+                            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { children: [
+                              " ",
+                              secondaryTitle
+                            ] })
+                          ] }),
+                          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_floating_context.PopoverArrow, { ...arrowStyles })
+                        ]
+                      }
+                    )
                   ]
                 }
               ),
-              CustomActionsContent
+              (selected || keepContentMounted) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_styles.StyledItemContent,
+                {
+                  "data-testid": import_constants.DSAccordionDataTestid.ITEM_CONTENT_CONTAINER,
+                  "aria-labelledby": headerId,
+                  role: "region",
+                  isDSMobile,
+                  id: contentId,
+                  ...xstyledContentAttrs,
+                  selected,
+                  keepContentMounted,
+                  applyAriaDisabled,
+                  getOwnerProps,
+                  getOwnerPropsArguments,
+                  children
+                }
+              )
             ]
           }
         ),
-        (selected || keepContentMounted) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_styles.StyledItemContent,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_ItemCustomActions.ItemCustomActions,
           {
-            "data-testid": import_constants.DSAccordionDataTestid.ITEM_CONTENT_CONTAINER,
-            "aria-labelledby": `ds-accordion-header-${value}`,
-            role: "region",
+            customActions,
+            renderCustomActions,
+            CustomActionsComponent: CustomActions,
             isDSMobile,
-            id: `ds-accordion-content-${value}`,
-            ...xstyledContentAttrs,
-            selected,
-            keepContentMounted,
-            applyAriaDisabled,
+            allRefs: allChildrenReferences,
+            actualActiveValue,
             getOwnerProps,
-            getOwnerPropsArguments,
-            children
+            getOwnerPropsArguments
           }
         )
       ]

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/parts/accordionItem/DSAccordionItem.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-statements */\n/* eslint-disable max-lines */\nimport { BUTTON_TYPES, DSButtonV2 } from '@elliemae/ds-button-v2';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport {\n  describe,\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n  useMemoMergePropsWithDefault,\n  type ValidationMap,\n} from '@elliemae/ds-props-helpers';\nimport { mergeRefs } from '@elliemae/ds-system';\nimport React, { useCallback, useContext, useMemo, useState } from 'react';\nimport { DSAccordionContext } from '../../DSAccordionCTX.js';\nimport { DSAccordionDataTestid } from '../../constants/index.js';\nimport { accordionItemDefaultProps } from '../../defaultProps.js';\nimport type { DSAccordionT } from '../../react-desc-prop-types.js';\nimport { accordionItemPropTypes } from '../../react-desc-prop-types.js';\nimport {\n  StyledItemAddon,\n  StyledItemContainer,\n  StyledItemContent,\n  StyledItemCustomActions,\n  StyledItemHeader,\n  StyledItemHeaderContainer,\n  StyledItemTitles,\n  StyledPrimaryTitle,\n  StyledSecondaryTitle,\n  StyledTooltipContent,\n} from './styles.js';\nimport { useAccordionItem } from './useAccordionItem.js';\nimport { useIsShowingEllipsis } from './useIsShowingEllipsis.js';\n\nconst DSAccordionItem = (props: DSAccordionT.ItemProps): JSX.Element => {\n  const propsWithDefaults = useMemoMergePropsWithDefault(\n    props,\n    accordionItemDefaultProps,\n  ) as DSAccordionT.InternalItemProps;\n\n  const getOwnerProps = useCallback(() => props, [props]);\n  const getOwnerPropsArguments = useCallback(() => ({}), []);\n\n  const {\n    children,\n    title,\n    secondaryTitle,\n    customActions,\n    iconOpened: IconOpened,\n    iconClosed: IconClosed,\n    value,\n    disabled,\n    dsIndex,\n    renderCustomActions,\n    CustomActions,\n    xStyledPropsContent,\n    keepContentMounted,\n    innerRef,\n    applyAriaDisabled,\n    wrapLabel,\n    ...rest\n  } = propsWithDefaults;\n\n  const { handleOnClick, handleOnKeyDown, selected } = useAccordionItem({ value, disabled, applyAriaDisabled });\n\n  const xstyledAttrs = useGetXstyledProps(rest);\n  const xstyledContentAttrs = useGetXstyledProps(xStyledPropsContent);\n\n  const {\n    allChildrenReferences,\n    actualActiveValue,\n    props: { isDSMobile },\n  } = useContext(DSAccordionContext);\n\n  const [showPopover, setShowPopover] = useState(false);\n  const [referenceElement, setReferenceElement] = useState<HTMLElement | null>(null);\n\n  const CustomActionsContent = useMemo(() => {\n    if (!isDSMobile && customActions?.length > 0)\n      return (\n        <StyledItemCustomActions\n          isDSMobile={isDSMobile}\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        >\n          {customActions?.map(({ onClick, id, ...otherProps }) => (\n            <DSButtonV2\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_TYPES.OUTLINE}\n            />\n          ))}\n        </StyledItemCustomActions>\n      );\n\n    if (!isDSMobile && (renderCustomActions || CustomActions))\n      return (\n        <StyledItemCustomActions\n          isDSMobile={isDSMobile}\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        >\n          {CustomActions !== undefined ? (\n            <CustomActions allRefs={allChildrenReferences} actualActiveValue={actualActiveValue} />\n          ) : (\n            renderCustomActions?.({ allRefs: allChildrenReferences, actualActiveValue })\n          )}\n        </StyledItemCustomActions>\n      );\n    return null;\n  }, [\n    CustomActions,\n    actualActiveValue,\n    allChildrenReferences,\n    customActions,\n    getOwnerProps,\n    getOwnerPropsArguments,\n    isDSMobile,\n    renderCustomActions,\n  ]);\n\n  const { isShowingEllipsis: isPrimaryShowingEllipsis, setElement: setPrimaryElement } = useIsShowingEllipsis();\n\n  const { isShowingEllipsis: isSecondaryShowingEllipsis, setElement: setSecondaryElement } = useIsShowingEllipsis();\n\n  const onKeyDownWithIndex = useCallback(\n    (e: React.KeyboardEvent) => {\n      handleOnKeyDown(e, dsIndex);\n    },\n    [dsIndex, handleOnKeyDown],\n  );\n  const handleOnFocus = useCallback(\n    () => setShowPopover(isPrimaryShowingEllipsis || isSecondaryShowingEllipsis),\n    [isPrimaryShowingEllipsis, isSecondaryShowingEllipsis],\n  );\n\n  const handleOnBlur = useCallback(() => setShowPopover(false), []);\n\n  const { className, ...globalAttrs } = useGetGlobalAttributes(rest, {\n    onClick: handleOnClick,\n    onFocus: handleOnFocus,\n    onBlur: handleOnBlur,\n  });\n\n  const handlers = {\n    onClick: handleOnClick,\n    onFocus: handleOnFocus,\n    onBlur: handleOnBlur,\n  };\n\n  const titleDesktop = useMemo(\n    () => (\n      <Grid\n        onMouseEnter={handleOnFocus}\n        onMouseLeave={handleOnBlur}\n        cols={['auto', '1fr']}\n        padding=\"6px 0px\"\n        marginRight=\"20px\"\n        width=\"100%\"\n      >\n        <StyledItemAddon\n          disabled={disabled}\n          applyAriaDisabled={applyAriaDisabled}\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        >\n          {selected ? <IconOpened /> : <IconClosed />}\n        </StyledItemAddon>\n        <Grid rows={secondaryTitle ? ['auto', 'auto'] : ['auto']} rowGap={secondaryTitle ? '3px' : '0px'}>\n          <StyledItemTitles\n            withSecondaryTitle={secondaryTitle}\n            selected={selected}\n            getOwnerProps={getOwnerProps}\n            getOwnerPropsArguments={getOwnerPropsArguments}\n          >\n            <StyledPrimaryTitle\n              innerRef={setPrimaryElement}\n              {...(title ? { id: `accordion_${title || ''}id-${value}` } : undefined)}\n              disabled={disabled}\n              applyAriaDisabled={applyAriaDisabled}\n              selected={selected}\n              withSecondaryTitle={Boolean(secondaryTitle)}\n              getOwnerProps={getOwnerProps}\n              getOwnerPropsArguments={getOwnerPropsArguments}\n              wrapLabel={wrapLabel}\n            >\n              {title}\n            </StyledPrimaryTitle>\n          </StyledItemTitles>\n          {secondaryTitle && (\n            <StyledSecondaryTitle\n              innerRef={setSecondaryElement}\n              disabled={disabled}\n              applyAriaDisabled={applyAriaDisabled}\n              selected={selected}\n              getOwnerProps={getOwnerProps}\n              getOwnerPropsArguments={getOwnerPropsArguments}\n              wrapLabel={wrapLabel}\n            >\n              {secondaryTitle}\n            </StyledSecondaryTitle>\n          )}\n        </Grid>\n      </Grid>\n    ),\n    [\n      handleOnFocus,\n      handleOnBlur,\n      secondaryTitle,\n      disabled,\n      applyAriaDisabled,\n      getOwnerProps,\n      getOwnerPropsArguments,\n      selected,\n      IconOpened,\n      IconClosed,\n      setPrimaryElement,\n      title,\n      value,\n      wrapLabel,\n      setSecondaryElement,\n    ],\n  );\n\n  const titleMobile = useMemo(\n    () => (\n      <Grid width=\"100%\">\n        <Grid cols={['auto', '20px']}>\n          <StyledItemTitles\n            onMouseEnter={handleOnFocus}\n            onMouseLeave={handleOnBlur}\n            isDSMobile\n            withSecondaryTitle={secondaryTitle}\n            selected={selected}\n            getOwnerProps={getOwnerProps}\n            getOwnerPropsArguments={getOwnerPropsArguments}\n          >\n            <StyledPrimaryTitle\n              innerRef={setPrimaryElement}\n              {...(title ? { id: `accordion_${title || ''}id` } : undefined)}\n              disabled={disabled}\n              applyAriaDisabled={applyAriaDisabled}\n              isDSMobile\n              selected={selected}\n              withSecondaryTitle={Boolean(secondaryTitle)}\n              getOwnerProps={getOwnerProps}\n              getOwnerPropsArguments={getOwnerPropsArguments}\n              wrapLabel={wrapLabel}\n            >\n              {title}\n            </StyledPrimaryTitle>\n          </StyledItemTitles>\n          <StyledItemAddon\n            disabled={disabled}\n            applyAriaDisabled={applyAriaDisabled}\n            isDSMobile\n            getOwnerProps={getOwnerProps}\n            getOwnerPropsArguments={getOwnerPropsArguments}\n          >\n            {selected ? <IconOpened isDSMobile /> : <IconClosed isDSMobile />}\n          </StyledItemAddon>\n        </Grid>\n      </Grid>\n    ),\n    [\n      handleOnFocus,\n      handleOnBlur,\n      secondaryTitle,\n      selected,\n      getOwnerProps,\n      getOwnerPropsArguments,\n      setPrimaryElement,\n      title,\n      disabled,\n      applyAriaDisabled,\n      wrapLabel,\n      IconOpened,\n      IconClosed,\n    ],\n  );\n  return (\n    <StyledItemContainer\n      data-testid={DSAccordionDataTestid.ITEM_CONTAINER}\n      className={className}\n      {...xstyledAttrs}\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n    >\n      <StyledItemHeaderContainer\n        disabled={disabled}\n        applyAriaDisabled={applyAriaDisabled}\n        innerRef={(HTMLNode) => setReferenceElement(HTMLNode ?? null)}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        <StyledItemHeader\n          withCustomActions={(customActions?.length > 0 || renderCustomActions !== undefined) && !isDSMobile}\n          withSecondaryTitle={secondaryTitle}\n          tabIndex={!disabled ? 0 : undefined}\n          disabled={disabled}\n          data-disabled={disabled}\n          innerRef={mergeRefs(allChildrenReferences[dsIndex], innerRef)}\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 || applyAriaDisabled}\n          applyAriaDisabled={applyAriaDisabled}\n          aria-controls={`ds-accordion-content-${value}`}\n          {...handlers}\n          {...globalAttrs}\n          type=\"button\"\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        >\n          {isDSMobile ? titleMobile : titleDesktop}\n          {wrapLabel ? null : (\n            <DSPopperJS referenceElement={referenceElement} showPopover={!selected && showPopover}>\n              <StyledTooltipContent getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments}>\n                <p>{title}</p>\n                <p> {secondaryTitle}</p>\n              </StyledTooltipContent>\n            </DSPopperJS>\n          )}\n        </StyledItemHeader>\n        {CustomActionsContent}\n      </StyledItemHeaderContainer>\n      {(selected || keepContentMounted) && (\n        <StyledItemContent\n          data-testid={DSAccordionDataTestid.ITEM_CONTENT_CONTAINER}\n          aria-labelledby={`ds-accordion-header-${value}`}\n          role=\"region\"\n          isDSMobile={isDSMobile}\n          id={`ds-accordion-content-${value}`}\n          {...xstyledContentAttrs}\n          selected={selected}\n          keepContentMounted={keepContentMounted}\n          applyAriaDisabled={applyAriaDisabled}\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        >\n          {children}\n        </StyledItemContent>\n      )}\n    </StyledItemContainer>\n  );\n};\n\nDSAccordionItem.displayName = 'DSAccordionItem';\nconst DSAccordionItemWithSchema = describe(DSAccordionItem);\nDSAccordionItemWithSchema.propTypes = accordionItemPropTypes as ValidationMap<unknown>;\n\nexport { DSAccordionItem, DSAccordionItemWithSchema };\nexport default DSAccordionItem;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable max-statements */\nimport { useFloatingContext, FloatingWrapper, PopoverArrow } from '@elliemae/ds-floating-context';\nimport {\n  describe,\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n  useMemoMergePropsWithDefault,\n  type ValidationMap,\n} from '@elliemae/ds-props-helpers';\nimport { mergeRefs } from '@elliemae/ds-system';\nimport React, { useCallback, useContext, useState } from 'react';\nimport { DSAccordionContext } from '../../DSAccordionCTX.js';\nimport { DSAccordionDataTestid } from '../../constants/index.js';\nimport { accordionItemDefaultProps } from '../../defaultProps.js';\nimport type { DSAccordionT } from '../../react-desc-prop-types.js';\nimport { accordionItemPropTypes } from '../../react-desc-prop-types.js';\nimport { ItemCustomActions } from './ItemCustomActions.js';\nimport { ItemTitle } from './ItemTitle.js';\nimport {\n  StyledItemContainer,\n  StyledItemContent,\n  StyledItemDetails,\n  StyledItemHeader,\n  StyledItemHeaderContainer,\n  StyledTooltipContent,\n} from './styles.js';\nimport { useAccordionItem } from './useAccordionItem.js';\nimport { useIsShowingEllipsis } from './useIsShowingEllipsis.js';\n\nconst DSAccordionItem = (props: DSAccordionT.ItemProps): JSX.Element => {\n  const propsWithDefaults = useMemoMergePropsWithDefault(\n    props,\n    accordionItemDefaultProps,\n  ) as DSAccordionT.InternalItemProps;\n\n  const getOwnerProps = useCallback(() => props, [props]);\n  const getOwnerPropsArguments = useCallback(() => ({}), []);\n\n  const {\n    children,\n    title,\n    secondaryTitle,\n    customActions,\n    iconOpened: IconOpened,\n    iconClosed: IconClosed,\n    value,\n    disabled,\n    dsIndex,\n    renderCustomActions,\n    CustomActions,\n    xStyledPropsContent,\n    keepContentMounted,\n    innerRef,\n    applyAriaDisabled,\n    wrapLabel,\n    ...rest\n  } = propsWithDefaults;\n\n  const { handleOnKeyDown, toggle, selected } = useAccordionItem({ value, disabled, applyAriaDisabled });\n\n  const xstyledAttrs = useGetXstyledProps(rest);\n  const xstyledContentAttrs = useGetXstyledProps(xStyledPropsContent);\n\n  const {\n    allChildrenReferences,\n    actualActiveValue,\n    props: { isDSMobile },\n  } = useContext(DSAccordionContext);\n\n  const [showPopover, setShowPopover] = useState(false);\n  const [referenceElement, setReferenceElement] = useState<HTMLElement | null>(null);\n\n  const { isShowingEllipsis: isPrimaryShowingEllipsis, setElement: setPrimaryElement } = useIsShowingEllipsis();\n  const { isShowingEllipsis: isSecondaryShowingEllipsis, setElement: setSecondaryElement } = useIsShowingEllipsis();\n\n  const isTooltipOpen = !selected && showPopover;\n  const {\n    refs: floatingRefs,\n    floatingStyles,\n    arrowStyles,\n    context: floatingContext,\n    isOpen: isFloatingOpen,\n  } = useFloatingContext({\n    externallyControlledIsOpen: isTooltipOpen,\n    externalReferenceElement: referenceElement,\n    withoutAnimation: true,\n    customOffset: [0, 14],\n  });\n\n  const handleSummaryClick = useCallback(\n    (e: React.MouseEvent) => {\n      // Prevent the native <details> toggle \u2014 React state (activeValue) is the\n      // single source of truth and drives the `open` attribute below.\n      e.preventDefault();\n      toggle(e);\n    },\n    [toggle],\n  );\n\n  const handleSummaryKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      // A <summary> toggles natively on Enter/Space; intercept so the toggle is\n      // routed through React state exactly like a click (keeps controlled mode,\n      // allowMultipleOpen exclusivity, and onChange firing once).\n      if (e.key === 'Enter' || e.key === ' ') {\n        e.preventDefault();\n        toggle(e);\n        return;\n      }\n      handleOnKeyDown(e, dsIndex);\n    },\n    [toggle, handleOnKeyDown, dsIndex],\n  );\n\n  const handleSummaryMouseDown = useCallback(\n    (e: React.MouseEvent) => {\n      // A native <summary> takes focus on mousedown even with tabIndex -1.\n      // Cancel that for disabled items so they cannot be focused by click either,\n      // matching the pre-migration <button disabled> behavior. applyAriaDisabled\n      // stays focusable by design, so it is intentionally not guarded here.\n      if (disabled) e.preventDefault();\n    },\n    [disabled],\n  );\n\n  const handleOnFocus = useCallback(\n    () => setShowPopover(isPrimaryShowingEllipsis || isSecondaryShowingEllipsis),\n    [isPrimaryShowingEllipsis, isSecondaryShowingEllipsis],\n  );\n\n  const handleOnBlur = useCallback(() => setShowPopover(false), []);\n\n  const { className, ...globalAttrs } = useGetGlobalAttributes(rest, {\n    onClick: handleSummaryClick,\n    onFocus: handleOnFocus,\n    onBlur: handleOnBlur,\n  });\n\n  const handlers = {\n    onClick: handleSummaryClick,\n    onKeyDown: handleSummaryKeyDown,\n    onMouseDown: handleSummaryMouseDown,\n    onFocus: handleOnFocus,\n    onBlur: handleOnBlur,\n  };\n\n  const headerId = `ds-accordion-header-${value}`;\n  const contentId = `ds-accordion-content-${value}`;\n  const withCustomActions =\n    (customActions?.length > 0 || renderCustomActions !== undefined || CustomActions !== undefined) && !isDSMobile;\n\n  return (\n    <StyledItemContainer\n      data-testid={DSAccordionDataTestid.ITEM_CONTAINER}\n      className={className}\n      {...xstyledAttrs}\n      disabled={disabled}\n      applyAriaDisabled={applyAriaDisabled}\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n    >\n      <StyledItemDetails\n        // Native disclosure state mirrors the React-controlled `selected` flag.\n        // Visibility is still governed by React (content is conditionally\n        // rendered below), so this is for native semantics/consistency only.\n        open={selected}\n        data-testid={DSAccordionDataTestid.ITEM_DETAILS}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        <StyledItemHeader\n          withCustomActions={withCustomActions}\n          withSecondaryTitle={secondaryTitle}\n          // A native <summary> is always focusable, so `disabled` (unlike the old\n          // <button disabled>) must be removed from the tab order explicitly.\n          // applyAriaDisabled stays focusable (tabIndex 0) by design.\n          tabIndex={disabled ? -1 : 0}\n          disabled={disabled}\n          data-disabled={disabled}\n          // The trigger is a <summary>; the public innerRef type stays\n          // HTMLButtonElement for backward compatibility, so cast at the boundary.\n          innerRef={mergeRefs(allChildrenReferences[dsIndex], innerRef) as React.Ref<HTMLElement>}\n          isDSMobile={isDSMobile}\n          data-testid={DSAccordionDataTestid.ITEM_HEADER}\n          id={headerId}\n          aria-expanded={selected}\n          aria-disabled={disabled || applyAriaDisabled}\n          applyAriaDisabled={applyAriaDisabled}\n          aria-controls={contentId}\n          {...handlers}\n          {...globalAttrs}\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        >\n          <StyledItemHeaderContainer\n            innerRef={(HTMLNode) => setReferenceElement(HTMLNode ?? null)}\n            getOwnerProps={getOwnerProps}\n            getOwnerPropsArguments={getOwnerPropsArguments}\n          >\n            <ItemTitle\n              title={title}\n              secondaryTitle={secondaryTitle}\n              value={value}\n              selected={selected}\n              disabled={disabled}\n              applyAriaDisabled={applyAriaDisabled}\n              wrapLabel={wrapLabel}\n              isDSMobile={isDSMobile}\n              IconOpened={IconOpened}\n              IconClosed={IconClosed}\n              onMouseEnter={handleOnFocus}\n              onMouseLeave={handleOnBlur}\n              setPrimaryElement={setPrimaryElement}\n              setSecondaryElement={setSecondaryElement}\n              getOwnerProps={getOwnerProps}\n              getOwnerPropsArguments={getOwnerPropsArguments}\n            />\n          </StyledItemHeaderContainer>\n          {wrapLabel ? null : (\n            <FloatingWrapper\n              innerRef={floatingRefs.setFloating}\n              isOpen={isFloatingOpen}\n              floatingStyles={floatingStyles}\n              context={floatingContext}\n            >\n              <StyledTooltipContent getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments}>\n                <p>{title}</p>\n                <p> {secondaryTitle}</p>\n              </StyledTooltipContent>\n              <PopoverArrow {...arrowStyles} />\n            </FloatingWrapper>\n          )}\n        </StyledItemHeader>\n        {(selected || keepContentMounted) && (\n          <StyledItemContent\n            data-testid={DSAccordionDataTestid.ITEM_CONTENT_CONTAINER}\n            aria-labelledby={headerId}\n            role=\"region\"\n            isDSMobile={isDSMobile}\n            id={contentId}\n            {...xstyledContentAttrs}\n            selected={selected}\n            keepContentMounted={keepContentMounted}\n            applyAriaDisabled={applyAriaDisabled}\n            getOwnerProps={getOwnerProps}\n            getOwnerPropsArguments={getOwnerPropsArguments}\n          >\n            {children}\n          </StyledItemContent>\n        )}\n      </StyledItemDetails>\n      <ItemCustomActions\n        customActions={customActions}\n        renderCustomActions={renderCustomActions}\n        CustomActionsComponent={CustomActions}\n        isDSMobile={isDSMobile}\n        allRefs={allChildrenReferences}\n        actualActiveValue={actualActiveValue}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      />\n    </StyledItemContainer>\n  );\n};\n\nDSAccordionItem.displayName = 'DSAccordionItem';\nconst DSAccordionItemWithSchema = describe(DSAccordionItem);\nDSAccordionItemWithSchema.propTypes = accordionItemPropTypes as ValidationMap<unknown>;\n\nexport { DSAccordionItem, DSAccordionItemWithSchema };\nexport default DSAccordionItem;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/parts/accordionItem/ItemCustomActions.js

@@ -0,0 +1,84 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ItemCustomActions_exports = {};
+__export(ItemCustomActions_exports, {
+  ItemCustomActions: () => ItemCustomActions
+});
+module.exports = __toCommonJS(ItemCustomActions_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_ds_button_v2 = require("@elliemae/ds-button-v2");
+var import_styles = require("./styles.js");
+const ItemCustomActions = ({
+  customActions,
+  renderCustomActions,
+  CustomActionsComponent,
+  isDSMobile,
+  allRefs,
+  actualActiveValue,
+  getOwnerProps,
+  getOwnerPropsArguments
+}) => {
+  if (isDSMobile) return null;
+  if (customActions?.length > 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_styles.StyledItemCustomActions,
+      {
+        isDSMobile,
+        getOwnerProps,
+        getOwnerPropsArguments,
+        children: customActions.map(({ onClick, id, ...otherProps }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_ds_button_v2.DSButtonV2,
+          {
+            onClick: (e) => {
+              e.stopPropagation();
+              if (onClick) onClick(e);
+            },
+            ...otherProps,
+            buttonType: import_ds_button_v2.BUTTON_TYPES.OUTLINE
+          },
+          id
+        ))
+      }
+    );
+  }
+  if (renderCustomActions || CustomActionsComponent) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_styles.StyledItemCustomActions,
+      {
+        isDSMobile,
+        getOwnerProps,
+        getOwnerPropsArguments,
+        children: CustomActionsComponent !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CustomActionsComponent, { allRefs, actualActiveValue }) : renderCustomActions?.({ allRefs, actualActiveValue })
+      }
+    );
+  }
+  return null;
+};
+//# sourceMappingURL=ItemCustomActions.js.map