@elliemae/ds-accordion 3.70.0-next.3 → 3.70.0-next.31

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");
@@ -84,51 +84,21 @@ 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 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 onKeyDownWithIndex = (0, import_react.useCallback)(
     (e) => {
       handleOnKeyDown(e, dsIndex);
@@ -150,199 +120,102 @@ const DSAccordionItem = (props) => {
     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
-    ]
-  );
   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)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           import_styles.StyledItemHeaderContainer,
           {
-            disabled,
-            applyAriaDisabled,
             innerRef: (HTMLNode) => setReferenceElement(HTMLNode ?? null),
             getOwnerProps,
             getOwnerPropsArguments,
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-                import_styles.StyledItemHeader,
-                {
-                  withCustomActions: (customActions?.length > 0 || renderCustomActions !== void 0) && !isDSMobile,
-                  withSecondaryTitle: secondaryTitle,
-                  tabIndex: !disabled ? 0 : void 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}`,
-                  "aria-expanded": selected,
-                  "aria-disabled": disabled || applyAriaDisabled,
-                  applyAriaDisabled,
-                  "aria-controls": `ds-accordion-content-${value}`,
-                  ...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
-                      ] })
-                    ] }) })
-                  ]
-                }
-              ),
-              CustomActionsContent
-            ]
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+              import_styles.StyledItemHeader,
+              {
+                withCustomActions: (customActions?.length > 0 || renderCustomActions !== void 0 || CustomActions !== void 0) && !isDSMobile,
+                withSecondaryTitle: secondaryTitle,
+                tabIndex: !disabled ? 0 : void 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}`,
+                "aria-expanded": selected,
+                "aria-disabled": disabled || applyAriaDisabled,
+                applyAriaDisabled,
+                "aria-controls": `ds-accordion-content-${value}`,
+                ...handlers,
+                ...globalAttrs,
+                type: "button",
+                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 })
+                      ]
+                    }
+                  )
+                ]
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_ItemCustomActions.ItemCustomActions,
+          {
+            customActions,
+            renderCustomActions,
+            CustomActionsComponent: CustomActions,
+            isDSMobile,
+            allRefs: allChildrenReferences,
+            actualActiveValue,
+            getOwnerProps,
+            getOwnerPropsArguments
           }
         ),
         (selected || keepContentMounted) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(

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 */\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  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 { 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 { 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 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  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      <StyledItemHeaderContainer\n        innerRef={(HTMLNode) => setReferenceElement(HTMLNode ?? null)}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        <StyledItemHeader\n          withCustomActions={\n            (customActions?.length > 0 || renderCustomActions !== undefined || CustomActions !== undefined) &&\n            !isDSMobile\n          }\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          <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          {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      </StyledItemHeaderContainer>\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      {(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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",
   "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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/accordionItem/ItemCustomActions.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { BUTTON_TYPES, DSButtonV2 } from '@elliemae/ds-button-v2';\nimport React from 'react';\n\nimport type { DSAccordionT } from '../../react-desc-prop-types.js';\nimport type { DSAccordionInternalsT } from '../../sharedTypes.js';\nimport { StyledItemCustomActions } from './styles.js';\n\ninterface ItemCustomActionsProps {\n  customActions: DSAccordionInternalsT.CustomActions[];\n  renderCustomActions?: DSAccordionT.ItemOptionalProps['renderCustomActions'];\n  CustomActionsComponent?: DSAccordionT.ItemOptionalProps['CustomActions'];\n  isDSMobile: boolean;\n  allRefs: DSAccordionInternalsT.AllChildrenReferences;\n  actualActiveValue: DSAccordionInternalsT.InternalActiveValue;\n  getOwnerProps: () => DSAccordionT.ItemProps;\n  getOwnerPropsArguments: () => object;\n}\n\nexport const ItemCustomActions = ({\n  customActions,\n  renderCustomActions,\n  CustomActionsComponent,\n  isDSMobile,\n  allRefs,\n  actualActiveValue,\n  getOwnerProps,\n  getOwnerPropsArguments,\n}: ItemCustomActionsProps): JSX.Element | null => {\n  if (isDSMobile) return null;\n\n  if (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\n  if (renderCustomActions || CustomActionsComponent) {\n    return (\n      <StyledItemCustomActions\n        isDSMobile={isDSMobile}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        {CustomActionsComponent !== undefined ? (\n          <CustomActionsComponent allRefs={allRefs} actualActiveValue={actualActiveValue} />\n        ) : (\n          renderCustomActions?.({ allRefs, actualActiveValue })\n        )}\n      </StyledItemCustomActions>\n    );\n  }\n\n  return null;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADsCb;AAtCV,0BAAyC;AAKzC,oBAAwC;AAajC,MAAM,oBAAoB,CAAC;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAkD;AAChD,MAAI,WAAY,QAAO;AAEvB,MAAI,eAAe,SAAS,GAAG;AAC7B,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QAEC,wBAAc,IAAI,CAAC,EAAE,SAAS,IAAI,GAAG,WAAW,MAC/C;AAAA,UAAC;AAAA;AAAA,YAEC,SAAS,CAAC,MAA0F;AAClG,gBAAE,gBAAgB;AAClB,kBAAI,QAAS,SAAQ,CAA8C;AAAA,YACrE;AAAA,YACC,GAAG;AAAA,YACJ,YAAY,iCAAa;AAAA;AAAA,UANpB;AAAA,QAOP,CACD;AAAA;AAAA,IACH;AAAA,EAEJ;AAEA,MAAI,uBAAuB,wBAAwB;AACjD,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QAEC,qCAA2B,SAC1B,4CAAC,0BAAuB,SAAkB,mBAAsC,IAEhF,sBAAsB,EAAE,SAAS,kBAAkB,CAAC;AAAA;AAAA,IAExD;AAAA,EAEJ;AAEA,SAAO;AACT;",
+  "names": []
+}