@pega/cosmos-react-dnd 9.0.0-build.9.9 → 9.0.0

package/lib/components/DragHandle/DragHandle.d.ts

@@ -1,4 +1,4 @@
-import { type WithAttributes } from '@pega/cosmos-react-core';
+import type { WithAttributes } from '@pega/cosmos-react-core';
 import type { DraggableItem } from '../Draggable';
 export interface DragHandleProps extends WithAttributes<'div', {
     /** The id of the item, used to keep track of the row when reordering */
@@ -7,9 +7,11 @@ export interface DragHandleProps extends WithAttributes<'div', {
     contextualLabel?: string;
 }> {
 }
-export declare const StyledDragHandle: import("styled-components").StyledComponent<import("@pega/cosmos-react-core").ForwardRefForwardPropsComponent<import("@pega/cosmos-react-core").ButtonProps>, import("styled-components").DefaultTheme, {
+export declare const StyledDragHandle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<Omit<import("@pega/cosmos-react-core").ButtonProps, "ref"> & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement> & import("@pega/cosmos-react-core").ForwardProps, "ref"> & {
+    ref?: ((instance: HTMLAnchorElement | HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLAnchorElement | HTMLButtonElement> | null | undefined;
+}, {
     rotateIcon?: boolean;
-}, never>;
+}>> & string & Omit<import("@pega/cosmos-react-core").ForwardRefForwardPropsComponent<import("@pega/cosmos-react-core").ButtonProps>, keyof import("react").Component<any, {}, any>>;
 declare const DragHandle: import("react").ForwardRefExoticComponent<Omit<DragHandleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export default DragHandle;
 //# sourceMappingURL=DragHandle.d.ts.map

package/lib/components/DragHandle/DragHandle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DragHandle.d.ts","sourceRoot":"","sources":["../../../src/components/DragHandle/DragHandle.tsx"],"names":[],"mappings":"AAUA,OAAO,EAQL,KAAK,cAAc,EAGpB,MAAM,yBAAyB,CAAC;AAGjC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAElD,MAAM,WAAW,eACf,SAAQ,cAAc,CACpB,KAAK,EACL;IACE,wEAAwE;IACxE,MAAM,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC;IAC5B,iFAAiF;IACjF,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CACF;CAAG;AAEN,eAAO,MAAM,gBAAgB;iBACd,OAAO;SAgBpB,CAAC;AAEH,QAAA,MAAM,UAAU,yHAsHf,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"DragHandle.d.ts","sourceRoot":"","sources":["../../../src/components/DragHandle/DragHandle.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAc,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAG1E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAElD,MAAM,WAAW,eACf,SAAQ,cAAc,CACpB,KAAK,EACL;IACE,wEAAwE;IACxE,MAAM,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC;IAC5B,iFAAiF;IACjF,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CACF;CAAG;AAEN,eAAO,MAAM,gBAAgB;;;iBACd,OAAO;oLAiBpB,CAAC;AAIH,QAAA,MAAM,UAAU,yHAsHf,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/components/DragHandle/DragHandle.js

@@ -1,13 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useContext, useEffect, useState } from 'react';
 import styled, { css } from 'styled-components';
-import { Icon, Button, useI18n, useUID, useConsolidatedRef, HiddenText, StyledIcon, useEscape } from '@pega/cosmos-react-core';
+import { Icon, Button, useI18n, useUID, useConsolidatedRef, HiddenText, StyledIcon, useEscape, defaultThemeProp } from '@pega/cosmos-react-core';
 import DragDropListContext from '../DragDropList/DragDropListContext';
-export const StyledDragHandle = styled(Button)(({ rotateIcon }) => {
+export const StyledDragHandle = styled(Button)(({ rotateIcon, theme }) => {
     return css `
     cursor: grab;
+    border-radius: min(${theme.base['border-radius']}, 0.125rem);
 
-    &[aria-grabbed='true'] {
+    &[aria-pressed='true'] {
       cursor: grabbing;
     }
 
@@ -19,6 +20,7 @@ export const StyledDragHandle = styled(Button)(({ rotateIcon }) => {
     `}
   `;
 });
+StyledDragHandle.defaultProps = defaultThemeProp;
 const DragHandle = forwardRef(function DragHandle({ itemId, contextualLabel, ...restProps }, ref) {
     const [grabbed, setGrabbed] = useState(false);
     const [keyboardGrabbed, setKeyboardGrabbed] = useState(false);
@@ -81,15 +83,15 @@ const DragHandle = forwardRef(function DragHandle({ itemId, contextualLabel, ...
         };
     }, [grabbed]);
     const dragText = t('drag');
-    return (_jsxs(StyledDragHandle, { ...restProps, "data-drag-handle-for": itemId, forwardedAs: 'div', role: 'button', tabIndex: 0, label: grabbed ? undefined : dragText, "aria-label": contextualLabel ? `${dragText} - ${contextualLabel}` : dragText, "aria-describedby": descriptionId, ref: dragHandleRef, icon: true, variant: 'simple', compact: true, "aria-grabbed": grabbed, rotateIcon: orientation === 'horizontal' && keyboardGrabbed, onKeyDown: handleKeyDown, onMouseDown: () => {
+    return (_jsxs(StyledDragHandle, { ...restProps, "data-drag-handle-for": itemId, forwardedAs: 'div', role: 'button', tabIndex: 0, label: grabbed ? undefined : dragText, "aria-label": contextualLabel ? `${dragText} - ${contextualLabel}` : dragText, "aria-describedby": descriptionId, ref: dragHandleRef, icon: true, variant: 'simple', compact: true, "aria-pressed": grabbed, rotateIcon: orientation === 'horizontal' && keyboardGrabbed, onKeyDown: handleKeyDown, onMouseDown: () => {
             setGrabbed(true);
         }, onMouseUp: () => {
             setGrabbed(false);
         }, onBlur: () => {
             setGrabbed(false);
-        }, children: [_jsx(Icon, { name: keyboardGrabbed ? 'arrow-micro-up-down' : 'drag' }), _jsx(HiddenText, { id: descriptionId, children: `${t('drag_handle_activate_description')} ${t(orientation === 'horizontal'
+        }, children: [_jsx(Icon, { name: keyboardGrabbed ? 'arrow-micro-up-down' : 'drag' }), _jsx(HiddenText, { id: descriptionId, children: `${grabbed ? `${t('drag_handle_drop_description')} ${t('drag_handle_cancel_description')}` : t('drag_handle_activate_description')} ${t(orientation === 'horizontal'
                     ? 'drag_handle_horizontal_description'
-                    : 'drag_handle_vertical_description')}${keyboardMoveLists ? ` ${t('drag_handle_tab_description')}` : ''} ${t('drag_handle_drop_description')} ${t('drag_handle_cancel_description')}` })] }));
+                    : 'drag_handle_vertical_description')}${keyboardMoveLists ? ` ${t('drag_handle_tab_description')}` : ''}` })] }));
 });
 export default DragHandle;
 //# sourceMappingURL=DragHandle.js.map

package/lib/components/DragHandle/DragHandle.js.map

@@ -1 +1 @@
-{"version":3,"file":"DragHandle.js","sourceRoot":"","sources":["../../../src/components/DragHandle/DragHandle.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  forwardRef,\n  useContext,\n  useEffect,\n  useState,\n  type KeyboardEvent,\n  type PropsWithoutRef\n} from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  Icon,\n  Button,\n  useI18n,\n  useUID,\n  useConsolidatedRef,\n  HiddenText,\n  type RefElement,\n  type WithAttributes,\n  StyledIcon,\n  useEscape\n} from '@pega/cosmos-react-core';\n\nimport DragDropListContext from '../DragDropList/DragDropListContext';\nimport type { DraggableItem } from '../Draggable';\n\nexport interface DragHandleProps\n  extends WithAttributes<\n    'div',\n    {\n      /** The id of the item, used to keep track of the row when reordering */\n      itemId: DraggableItem['id'];\n      /** The label or name of the actual item being dragged, used for accessibility */\n      contextualLabel?: string;\n    }\n  > {}\n\nexport const StyledDragHandle = styled(Button)<{\n  rotateIcon?: boolean;\n}>(({ rotateIcon }) => {\n  return css`\n    cursor: grab;\n\n    &[aria-grabbed='true'] {\n      cursor: grabbing;\n    }\n\n    ${rotateIcon &&\n    css`\n      ${StyledIcon} {\n        transform: rotate(90deg);\n      }\n    `}\n  `;\n});\n\nconst DragHandle = forwardRef<RefElement<DragHandleProps>, PropsWithoutRef<DragHandleProps>>(\n  function DragHandle({ itemId, contextualLabel, ...restProps }, ref) {\n    const [grabbed, setGrabbed] = useState(false);\n    const [keyboardGrabbed, setKeyboardGrabbed] = useState(false);\n    const {\n      keyboardReorderItem,\n      keyboardMoveLists,\n      keyboardDragStart,\n      keyboardDragEnd,\n      keyboardDragCancel,\n      orientation = 'vertical'\n    } = useContext(DragDropListContext);\n    const descriptionId = useUID();\n    const t = useI18n();\n    const dragHandleRef = useConsolidatedRef(ref);\n\n    useEscape(() => {\n      if (grabbed) {\n        keyboardDragCancel?.(itemId);\n        setGrabbed(false);\n        setKeyboardGrabbed(false);\n      }\n    });\n\n    const handleKeyDown = (e: KeyboardEvent<HTMLButtonElement>) => {\n      // Limit preventDefault and stopPropagation to these codes to not interfere with tab key behavior\n      const arrows =\n        orientation === 'horizontal' ? ['ArrowLeft', 'ArrowRight'] : ['ArrowUp', 'ArrowDown'];\n      if (['Space', ...arrows].includes(e.code) || (grabbed && e.code === 'Tab')) {\n        e.preventDefault();\n        e.stopPropagation();\n      }\n\n      if (e.code === 'Space') {\n        if (keyboardGrabbed) {\n          keyboardDragEnd?.(itemId);\n        } else {\n          keyboardDragStart?.(itemId);\n        }\n\n        setGrabbed(prev => !prev);\n        setKeyboardGrabbed(prev => !prev);\n      } else if (grabbed)\n        if (\n          (orientation === 'horizontal' && e.code === 'ArrowLeft') ||\n          (orientation === 'vertical' && e.code === 'ArrowUp')\n        ) {\n          keyboardReorderItem(itemId, 'prev');\n        } else if (\n          (orientation === 'horizontal' && e.code === 'ArrowRight') ||\n          (orientation === 'vertical' && e.code === 'ArrowDown')\n        ) {\n          keyboardReorderItem(itemId, 'next');\n        } else if (e.code === 'Tab' && e.shiftKey) {\n          keyboardMoveLists?.(itemId, 'prev');\n        } else if (e.code === 'Tab' && !e.shiftKey) {\n          keyboardMoveLists?.(itemId, 'next');\n        }\n    };\n\n    useEffect(() => {\n      if (!grabbed) {\n        setKeyboardGrabbed(false);\n        return;\n      }\n\n      const removeGrabbed = () => {\n        setGrabbed(false);\n        setKeyboardGrabbed(false);\n      };\n\n      document.addEventListener('dragend', removeGrabbed);\n\n      return () => {\n        document.removeEventListener('dragend', removeGrabbed);\n      };\n    }, [grabbed]);\n\n    const dragText = t('drag');\n\n    return (\n      <StyledDragHandle\n        {...restProps}\n        data-drag-handle-for={itemId}\n        forwardedAs='div'\n        role='button'\n        tabIndex={0}\n        label={grabbed ? undefined : dragText}\n        aria-label={contextualLabel ? `${dragText} - ${contextualLabel}` : dragText}\n        aria-describedby={descriptionId}\n        ref={dragHandleRef}\n        icon\n        variant='simple'\n        compact\n        aria-grabbed={grabbed}\n        rotateIcon={orientation === 'horizontal' && keyboardGrabbed}\n        onKeyDown={handleKeyDown}\n        onMouseDown={() => {\n          setGrabbed(true);\n        }}\n        onMouseUp={() => {\n          setGrabbed(false);\n        }}\n        onBlur={() => {\n          setGrabbed(false);\n        }}\n      >\n        <Icon name={keyboardGrabbed ? 'arrow-micro-up-down' : 'drag'} />\n        <HiddenText id={descriptionId}>\n          {`${t('drag_handle_activate_description')} ${t(\n            orientation === 'horizontal'\n              ? 'drag_handle_horizontal_description'\n              : 'drag_handle_vertical_description'\n          )}${keyboardMoveLists ? ` ${t('drag_handle_tab_description')}` : ''} ${t('drag_handle_drop_description')} ${t('drag_handle_cancel_description')}`}\n        </HiddenText>\n      </StyledDragHandle>\n    );\n  }\n);\n\nexport default DragHandle;\n"]}
+{"version":3,"file":"DragHandle.js","sourceRoot":"","sources":["../../../src/components/DragHandle/DragHandle.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  forwardRef,\n  useContext,\n  useEffect,\n  useState,\n  type KeyboardEvent,\n  type PropsWithoutRef\n} from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  Icon,\n  Button,\n  useI18n,\n  useUID,\n  useConsolidatedRef,\n  HiddenText,\n  StyledIcon,\n  useEscape,\n  defaultThemeProp\n} from '@pega/cosmos-react-core';\nimport type { RefElement, WithAttributes } from '@pega/cosmos-react-core';\n\nimport DragDropListContext from '../DragDropList/DragDropListContext';\nimport type { DraggableItem } from '../Draggable';\n\nexport interface DragHandleProps\n  extends WithAttributes<\n    'div',\n    {\n      /** The id of the item, used to keep track of the row when reordering */\n      itemId: DraggableItem['id'];\n      /** The label or name of the actual item being dragged, used for accessibility */\n      contextualLabel?: string;\n    }\n  > {}\n\nexport const StyledDragHandle = styled(Button)<{\n  rotateIcon?: boolean;\n}>(({ rotateIcon, theme }) => {\n  return css`\n    cursor: grab;\n    border-radius: min(${theme.base['border-radius']}, 0.125rem);\n\n    &[aria-pressed='true'] {\n      cursor: grabbing;\n    }\n\n    ${rotateIcon &&\n    css`\n      ${StyledIcon} {\n        transform: rotate(90deg);\n      }\n    `}\n  `;\n});\n\nStyledDragHandle.defaultProps = defaultThemeProp;\n\nconst DragHandle = forwardRef<RefElement<DragHandleProps>, PropsWithoutRef<DragHandleProps>>(\n  function DragHandle({ itemId, contextualLabel, ...restProps }, ref) {\n    const [grabbed, setGrabbed] = useState(false);\n    const [keyboardGrabbed, setKeyboardGrabbed] = useState(false);\n    const {\n      keyboardReorderItem,\n      keyboardMoveLists,\n      keyboardDragStart,\n      keyboardDragEnd,\n      keyboardDragCancel,\n      orientation = 'vertical'\n    } = useContext(DragDropListContext);\n    const descriptionId = useUID();\n    const t = useI18n();\n    const dragHandleRef = useConsolidatedRef(ref);\n\n    useEscape(() => {\n      if (grabbed) {\n        keyboardDragCancel?.(itemId);\n        setGrabbed(false);\n        setKeyboardGrabbed(false);\n      }\n    });\n\n    const handleKeyDown = (e: KeyboardEvent<HTMLButtonElement>) => {\n      // Limit preventDefault and stopPropagation to these codes to not interfere with tab key behavior\n      const arrows =\n        orientation === 'horizontal' ? ['ArrowLeft', 'ArrowRight'] : ['ArrowUp', 'ArrowDown'];\n      if (['Space', ...arrows].includes(e.code) || (grabbed && e.code === 'Tab')) {\n        e.preventDefault();\n        e.stopPropagation();\n      }\n\n      if (e.code === 'Space') {\n        if (keyboardGrabbed) {\n          keyboardDragEnd?.(itemId);\n        } else {\n          keyboardDragStart?.(itemId);\n        }\n\n        setGrabbed(prev => !prev);\n        setKeyboardGrabbed(prev => !prev);\n      } else if (grabbed)\n        if (\n          (orientation === 'horizontal' && e.code === 'ArrowLeft') ||\n          (orientation === 'vertical' && e.code === 'ArrowUp')\n        ) {\n          keyboardReorderItem(itemId, 'prev');\n        } else if (\n          (orientation === 'horizontal' && e.code === 'ArrowRight') ||\n          (orientation === 'vertical' && e.code === 'ArrowDown')\n        ) {\n          keyboardReorderItem(itemId, 'next');\n        } else if (e.code === 'Tab' && e.shiftKey) {\n          keyboardMoveLists?.(itemId, 'prev');\n        } else if (e.code === 'Tab' && !e.shiftKey) {\n          keyboardMoveLists?.(itemId, 'next');\n        }\n    };\n\n    useEffect(() => {\n      if (!grabbed) {\n        setKeyboardGrabbed(false);\n        return;\n      }\n\n      const removeGrabbed = () => {\n        setGrabbed(false);\n        setKeyboardGrabbed(false);\n      };\n\n      document.addEventListener('dragend', removeGrabbed);\n\n      return () => {\n        document.removeEventListener('dragend', removeGrabbed);\n      };\n    }, [grabbed]);\n\n    const dragText = t('drag');\n\n    return (\n      <StyledDragHandle\n        {...restProps}\n        data-drag-handle-for={itemId}\n        forwardedAs='div'\n        role='button'\n        tabIndex={0}\n        label={grabbed ? undefined : dragText}\n        aria-label={contextualLabel ? `${dragText} - ${contextualLabel}` : dragText}\n        aria-describedby={descriptionId}\n        ref={dragHandleRef}\n        icon\n        variant='simple'\n        compact\n        aria-pressed={grabbed}\n        rotateIcon={orientation === 'horizontal' && keyboardGrabbed}\n        onKeyDown={handleKeyDown}\n        onMouseDown={() => {\n          setGrabbed(true);\n        }}\n        onMouseUp={() => {\n          setGrabbed(false);\n        }}\n        onBlur={() => {\n          setGrabbed(false);\n        }}\n      >\n        <Icon name={keyboardGrabbed ? 'arrow-micro-up-down' : 'drag'} />\n        <HiddenText id={descriptionId}>\n          {`${grabbed ? `${t('drag_handle_drop_description')} ${t('drag_handle_cancel_description')}` : t('drag_handle_activate_description')} ${t(\n            orientation === 'horizontal'\n              ? 'drag_handle_horizontal_description'\n              : 'drag_handle_vertical_description'\n          )}${keyboardMoveLists ? ` ${t('drag_handle_tab_description')}` : ''}`}\n        </HiddenText>\n      </StyledDragHandle>\n    );\n  }\n);\n\nexport default DragHandle;\n"]}

package/lib/components/StandardDragDropList/StandardDragDropList.d.ts

@@ -8,6 +8,7 @@ declare const _default: import("react").ForwardRefExoticComponent<Omit<StandardD
         text: string;
         onClick: import("react").MouseEventHandler;
         href?: string;
+        onPreview?: import("@pega/cosmos-react-core").LinkProps["onPreview"];
     } & import("@pega/cosmos-react-core").ForwardProps);
     secondary?: string;
     status?: {
@@ -26,6 +27,7 @@ declare const _default: import("react").ForwardRefExoticComponent<Omit<StandardD
 } & {
     items: StandardDragDropListItemProps[];
     onItemSelection?: StandardDragDropListProps["onItemSelection"];
+    itemSelectionMode?: StandardDragDropListProps["itemSelectionMode"];
     accept: StandardDragDropListProps["accept"];
     onChange: StandardDragDropListProps["onChange"];
 }, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {

package/lib/components/StandardDragDropList/StandardDragDropList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StandardDragDropList.d.ts","sourceRoot":"","sources":["../../../src/components/StandardDragDropList/StandardDragDropList.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAGV,UAAU,EAIX,MAAM,OAAO,CAAC;AA0Bf,OAAO,KAAK,EAAmC,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAwB3F,OAAO,KAAK,EACV,yBAAyB,EACzB,6BAA6B,EAC9B,MAAM,8BAA8B,CAAC;;;;;;;YAa9B,CAAJ;;;;;;;;;;;;;;;;;WAFW,6BAA6B,EAAE;sBACpB,yBAAyB,CAAC,iBAAiB,CAAC;YACtD,yBAAyB,CAAC,QAAQ,CAAC;cACjC,yBAAyB,CAAC,UAAU,CAAC;;;;AAqoBvD,wBAAiF"}
+{"version":3,"file":"StandardDragDropList.d.ts","sourceRoot":"","sources":["../../../src/components/StandardDragDropList/StandardDragDropList.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAGV,UAAU,EAIX,MAAM,OAAO,CAAC;AA4Bf,OAAO,KAAK,EAAmC,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAwB3F,OAAO,KAAK,EACV,yBAAyB,EACzB,6BAA6B,EAC9B,MAAM,8BAA8B,CAAC;;;;;;;YAeC,CAAC;iBAEpC,CAAD;;;;;;;;;;;;;;;;;WANY,6BAA6B,EAAE;sBACpB,yBAAyB,CAAC,iBAAiB,CAAC;wBAC1C,yBAAyB,CAAC,mBAAmB,CAAC;YAC1D,yBAAyB,CAAC,QAAQ,CAAC;cACjC,yBAAyB,CAAC,UAAU,CAAC;;;;AAgrBvD,wBAAiF"}

package/lib/components/StandardDragDropList/StandardDragDropList.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { createContext, forwardRef, useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
-import { Flex, registerIcon, Icon, Text, Button, useI18n, EmptyState, ExpandCollapse, useUID, Tooltip, useElement, useTestIds, withTestIds, AdditionalInfo, Checkbox, HiddenText, useLiveLog, useFocusWithin, useConsolidatedRef, useArrows, getFocusables, useEvent } from '@pega/cosmos-react-core';
+import { Flex, registerIcon, Icon, Text, Button, Link, useI18n, EmptyState, ExpandCollapse, useUID, Tooltip, useElement, useTestIds, withTestIds, AdditionalInfo, Checkbox, RadioButton, HiddenText, useLiveLog, useFocusWithin, useConsolidatedRef, useArrows, getFocusables, useEvent } from '@pega/cosmos-react-core';
 import * as DragIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/drag.icon';
 import * as PlusIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/plus.icon';
 import * as CaretDownIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/caret-down.icon';
@@ -28,12 +28,11 @@ const getFlattenedIds = (items) => {
 };
 const ItemRenderer = ({ testId, dragRef, previewRef, isDragging, data: { id, 
 // Remove type for DOM restProps
-type, accept, primary, secondary, draggable = true, status, items, icon, onConfigure, onRemove, onAddTo, onChange, onItemSelection, selected, ...restProps }, data }) => {
+type, accept, primary, secondary, draggable = true, status, items, icon, onConfigure, onRemove, onAddTo, onChange, onItemSelection, itemSelectionMode = 'multi', selected, ...restProps }, data }) => {
     const t = useI18n();
     const [collapsed, setCollapsed] = useState(false);
     const expandCollpaseId = useUID();
     const testIds = useTestIds(testId, getItemRendererTestIds);
-    const descriptionId = useUID();
     const { tabKeyNavigation, setTabKeyNavigation } = useContext(tabKeyNavigationContext);
     const listItemRef = useRef(null);
     const containerRef = useConsolidatedRef(listItemRef, previewRef);
@@ -63,18 +62,29 @@ type, accept, primary, secondary, draggable = true, status, items, icon, onConfi
         if (typeof primary === 'string') {
             return (_jsxs("span", { ref: setPrimaryTextEl, children: [primaryText, tooltip] }));
         }
-        return (_jsx(Button, { variant: 'link', onClick: primary.onClick, href: primary.href, ref: setPrimaryTextEl, children: _jsxs(StyledPrimary, { children: [primaryText, tooltip] }) }));
+        if (primary.onPreview && primary.href) {
+            return (_jsx(Link, { "data-testid": testIds.primary, href: primary.href, onClick: primary.onClick, onPreview: primary.onPreview, ref: setPrimaryTextEl, previewable: true, children: _jsxs(StyledPrimary, { children: [primaryText, tooltip] }) }));
+        }
+        return (_jsx(Button, { "data-testid": testIds.primary, variant: 'link', onClick: primary.onClick, href: primary.href, ref: setPrimaryTextEl, children: _jsxs(StyledPrimary, { children: [primaryText, tooltip] }) }));
     }, [t, items, primary, collapsed, expandCollpaseId, primaryTextEl]);
-    return (_jsxs(_Fragment, { children: [_jsxs(Flex, { "data-testid": testIds.root, ...restProps, container: { direction: 'column' }, as: StyledStandardDragDropListItem, ref: containerRef, isDragging: isDragging, hasActions: hasActions, role: 'listitem', "aria-label": primary, tabIndex: tabKeyNavigation ? -1 : 0, children: [_jsxs(Flex, { container: { alignItems: 'center' }, as: StyledListItemInner, isDraggable: draggable, isSelectable: !!onItemSelection, hasActions: hasActions, hasVisual: !!status || !!icon, children: [draggable && (_jsx(DragHandle, { itemId: id, ref: dragRef, "data-testid": testIds.dragHandle, "aria-label": typeof primary === 'string' ? primary : primary.text })), _jsx(Flex, { container: { alignItems: 'center', gap: 0.5 }, item: { shrink: 1 }, children: _jsxs(Flex, { container: { alignItems: 'center', gap: status || icon ? 1 : undefined, pad: 0.5 }, as: StyledItemContent, children: [onItemSelection && !data.items && (_jsx(Checkbox, { "data-testid": testIds.checkbox, "aria-label": typeof primary === 'string' ? primary : primary.text, checked: selected, onChange: e => onItemSelection({ ...data, selected: e.target.checked }) })), status && _jsx(ItemStatus, { type: status?.type, message: status?.message }), icon && !items && _jsx(Icon, { "data-testid": testIds.icon, ...icon, size: 's' }), primaryEl] }) }), (secondary || hasActions) && (_jsxs(Flex, { container: { alignItems: 'center', justify: 'end', gap: 0.5 }, item: { grow: 1 }, numberOfActions: numberOfActions, as: StyledItemSecondaryContainer, children: [secondary && (_jsxs(StyledSecondary, { variant: 'secondary', ref: setSecondaryTextEl, children: [secondary, _jsx(Tooltip, { smart: true, target: secondaryTextEl, showDelay: 'none', hideDelay: 'none', children: secondary })] })), hasActions && (_jsxs(Flex, { container: { alignItems: 'center', gap: 0.5 }, as: StyledItemActions, children: [onAddTo && (_jsxs("span", { children: [_jsx(Button, { "data-testid": testIds.addButton, icon: true, variant: 'simple', label: t('add'), "aria-describedby": descriptionId, onClick: (e) => {
-                                                            onAddTo?.(id, e);
-                                                        }, children: _jsx(Icon, { name: 'plus' }) }), _jsx(HiddenText, { id: descriptionId, children: t('add_button_description') })] })), onConfigure && (_jsxs("span", { children: [_jsx(Button, { "data-testid": testIds.configureButton, icon: true, variant: 'simple', label: t('configure'), "aria-describedby": descriptionId, onClick: (e) => {
-                                                            onConfigure?.(id, e);
-                                                        }, children: _jsx(Icon, { name: 'gear' }) }), _jsx(HiddenText, { id: descriptionId, children: `${typeof primary === 'string' ? primary : primary.text} ${t('configure_button_description')}` })] })), onRemove && (_jsxs("span", { children: [_jsx(Button, { "data-testid": testIds.removeButton, icon: true, variant: 'simple', label: t('remove'), "aria-describedby": descriptionId, onClick: (e) => {
-                                                            onRemove?.(id, e);
-                                                        }, children: _jsx(Icon, { name: 'trash' }) }), _jsx(HiddenText, { id: descriptionId, children: `${typeof primary === 'string' ? primary : primary.text} ${t('remove_button_description')}` })] }))] }))] }))] }), data.items && data.items.length > 0 && (_jsx(ExpandCollapse, { collapsed: collapsed, id: expandCollpaseId, children: _jsx(BaseStandardDragDropList, { accept: data.accept, items: data.items, onChange: data.onChange, onItemSelection: data.onItemSelection }) }))] }), _jsx(HiddenText, { id: descriptionId, children: t('list_item_control_instructions') })] }));
+    return (_jsxs(Flex, { "data-testid": testIds.root, ...restProps, container: { direction: 'column' }, as: StyledStandardDragDropListItem, ref: containerRef, isDragging: isDragging, hasActions: hasActions, role: 'listitem', "aria-label": primary, tabIndex: tabKeyNavigation ? -1 : 0, children: [_jsxs(Flex, { container: { alignItems: 'center' }, as: StyledListItemInner, isDraggable: draggable, isSelectable: !!onItemSelection, hasActions: hasActions, hasVisual: !!status || !!icon, children: [draggable && (_jsx(DragHandle, { itemId: id, ref: dragRef, "data-testid": testIds.dragHandle, "aria-label": typeof primary === 'string' ? primary : primary.text })), _jsx(Flex, { container: { alignItems: 'center', gap: 0.5 }, item: { grow: 1, shrink: 1 }, children: _jsxs(Flex, { container: { alignItems: 'center', gap: status || icon ? 1 : undefined, pad: 0.5 }, as: StyledItemContent, children: [onItemSelection &&
+                                    !data.items &&
+                                    (itemSelectionMode === 'single' ? (_jsx(RadioButton, { "data-testid": testIds.radio, "aria-label": typeof primary === 'string' ? primary : primary.text, checked: selected, onChange: e => onItemSelection({ ...data, selected: e.target.checked }) })) : (_jsx(Checkbox, { "data-testid": testIds.checkbox, "aria-label": typeof primary === 'string' ? primary : primary.text, checked: selected, onChange: e => onItemSelection({ ...data, selected: e.target.checked }) }))), status && _jsx(ItemStatus, { type: status?.type, message: status?.message }), icon && !items && _jsx(Icon, { "data-testid": testIds.icon, ...icon, size: 's' }), primaryEl] }) }), secondary && (_jsx(Flex, { container: { alignItems: 'center', justify: 'end', gap: 0.5 }, 
+                        // flex-shrink: 100000 to crush secondary text before primary
+                        item: { grow: 0, shrink: 100000 }, numberOfActions: numberOfActions, as: StyledItemSecondaryContainer, children: secondary && (_jsxs(StyledSecondary, { variant: 'secondary', ref: setSecondaryTextEl, children: [secondary, _jsx(Tooltip, { smart: true, target: secondaryTextEl, showDelay: 'none', hideDelay: 'none', children: secondary })] })) })), hasActions && (_jsxs(Flex, { container: { alignItems: 'center', gap: 0.5 }, as: StyledItemActions, children: [onAddTo && (_jsx("span", { children: _jsx(Button, { "data-testid": testIds.addButton, icon: true, variant: 'simple', label: t('add'), "aria-label": t('add_noun', [typeof primary === 'string' ? primary : primary.text]), onClick: (e) => {
+                                        onAddTo?.(id, e);
+                                    }, children: _jsx(Icon, { name: 'plus' }) }) })), onConfigure && (_jsx("span", { children: _jsx(Button, { "data-testid": testIds.configureButton, icon: true, variant: 'simple', label: t('configure'), "aria-label": t('configure_noun', [
+                                        typeof primary === 'string' ? primary : primary.text
+                                    ]), onClick: (e) => {
+                                        onConfigure?.(id, e);
+                                    }, children: _jsx(Icon, { name: 'gear' }) }) })), onRemove && (_jsx("span", { children: _jsx(Button, { "data-testid": testIds.removeButton, icon: true, variant: 'simple', label: t('remove'), "aria-label": t('remove_noun', [
+                                        typeof primary === 'string' ? primary : primary.text
+                                    ]), onClick: (e) => {
+                                        onRemove?.(id, e);
+                                    }, children: _jsx(Icon, { name: 'trash' }) }) }))] }))] }), data.items && data.items.length > 0 && (_jsx(ExpandCollapse, { collapsed: collapsed, id: expandCollpaseId, children: _jsx(BaseStandardDragDropList, { accept: data.accept, items: data.items, onChange: data.onChange, onItemSelection: data.onItemSelection, itemSelectionMode: data.itemSelectionMode }) }))] }));
 };
 const ItemRendererWithTestIds = withTestIds(ItemRenderer, getItemRendererTestIds);
-BaseStandardDragDropList = forwardRef(function BaseStandardDragDropListFunction({ testId, accept, items: itemsProp, onChange: onChangeProp, onEnter, onItemSelection, pushMode, pullMode, ...restProps }, ref) {
+BaseStandardDragDropList = forwardRef(function BaseStandardDragDropListFunction({ testId, accept, items: itemsProp, onChange: onChangeProp, onEnter, onItemSelection, itemSelectionMode = 'multi', pushMode, pullMode, ...restProps }, ref) {
     const flatIds = useMemo(() => getFlattenedIds(itemsProp), [itemsProp]);
     const { tabKeyNavigation } = useContext(tabKeyNavigationContext);
     const timerRef = useRef();
@@ -136,6 +146,7 @@ BaseStandardDragDropList = forwardRef(function BaseStandardDragDropListFunction(
             data: {
                 ...item,
                 onItemSelection,
+                itemSelectionMode,
                 draggable: item.draggable && !!onChangeProp
             }
         };
@@ -146,6 +157,7 @@ BaseStandardDragDropList = forwardRef(function BaseStandardDragDropListFunction(
             data: {
                 ...item,
                 onItemSelection,
+                itemSelectionMode,
                 accept: item.accept ?? accept,
                 draggable: item.draggable && !!onChangeProp,
                 onChange: onChangeProp
@@ -166,7 +178,15 @@ BaseStandardDragDropList = forwardRef(function BaseStandardDragDropListFunction(
                     : undefined
             }
         };
-    }), [accept, itemsProp, onChangeProp, tabKeyNavigation, flatIds, mergeChangeHandler]);
+    }), [
+        accept,
+        itemsProp,
+        onChangeProp,
+        itemSelectionMode,
+        tabKeyNavigation,
+        flatIds,
+        mergeChangeHandler
+    ]);
     const onChange = useCallback((newItems) => {
         const newContentItems = newItems.map(({ data: { onChange: _, ...data } }) => {
             return data;
@@ -182,7 +202,7 @@ BaseStandardDragDropList = forwardRef(function BaseStandardDragDropListFunction(
     }, [onChangeProp, flatIds, mergeChangeHandler]);
     return (_jsx(DragDropList, { testId: testId, ...restProps, ref: ref, accept: accept, items: itemsToRender, pushMode: pushMode, pullMode: pullMode, itemRenderer: ItemRendererWithTestIds, emptyRenderer: EmptyState, onChange: onChange, onEnter: onEnter }));
 });
-const StandardDragDropList = forwardRef(({ testId, accept, pushMode, pullMode, items: itemsProp, heading: title, info, footer, headingTag = 'h2', additionalInfo, onChange, onEnter, onItemSelection, ...restProps }, ref) => {
+const StandardDragDropList = forwardRef(({ testId, accept, pushMode, pullMode, items: itemsProp, heading: title, info, footer, headingTag = 'h2', additionalInfo, onChange, onEnter, onItemSelection, itemSelectionMode = 'multi', ...restProps }, ref) => {
     const [tabKeyNavigation, setTabKeyNavigation] = useState(false);
     const contextValue = useMemo(() => ({ tabKeyNavigation, setTabKeyNavigation }), [tabKeyNavigation]);
     const containerRef = useConsolidatedRef(ref);
@@ -227,7 +247,7 @@ const StandardDragDropList = forwardRef(({ testId, accept, pushMode, pullMode, i
                                 justify: 'between',
                                 alignItems: 'center',
                                 gap: 1
-                            }, as: 'header', children: additionalInfo ? (_jsxs(Flex, { container: true, children: [heading, _jsx(AdditionalInfo, { heading: additionalInfo.heading ?? title, children: additionalInfo.content })] })) : (heading) }), infoText] })), _jsx(BaseStandardDragDropList, { testId: testId, accept: accept, pushMode: pushMode, pullMode: pullMode, items: itemsProp, onChange: onChange, onEnter: onEnter, onItemSelection: onItemSelection, "aria-describedby": descriptionId, ref: listRef }), footer && (_jsx(Flex, { container: {
+                            }, as: 'header', children: additionalInfo ? (_jsxs(Flex, { container: true, children: [heading, _jsx(AdditionalInfo, { heading: additionalInfo.heading ?? title, children: additionalInfo.content })] })) : (heading) }), infoText] })), _jsx(BaseStandardDragDropList, { testId: testId, accept: accept, pushMode: pushMode, pullMode: pullMode, items: itemsProp, onChange: onChange, onEnter: onEnter, onItemSelection: onItemSelection, itemSelectionMode: itemSelectionMode, "aria-describedby": descriptionId, ref: listRef }), footer && (_jsx(Flex, { container: {
                         alignItems: 'center',
                         itemGap: 1,
                         pad: [1, undefined]

package/lib/components/StandardDragDropList/StandardDragDropList.js.map

@@ -1 +1 @@
-{"version":3,"file":"StandardDragDropList.js","sourceRoot":"","sources":["../../../src/components/StandardDragDropList/StandardDragDropList.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState\n} from 'react';\nimport type {\n  Dispatch,\n  KeyboardEvent,\n  MouseEvent,\n  PropsWithoutRef,\n  Ref,\n  SetStateAction\n} from 'react';\n\nimport {\n  Flex,\n  registerIcon,\n  Icon,\n  Text,\n  Button,\n  useI18n,\n  EmptyState,\n  ExpandCollapse,\n  useUID,\n  Tooltip,\n  useElement,\n  useTestIds,\n  withTestIds,\n  AdditionalInfo,\n  Checkbox,\n  HiddenText,\n  useLiveLog,\n  useFocusWithin,\n  useConsolidatedRef,\n  useArrows,\n  getFocusables,\n  useEvent\n} from '@pega/cosmos-react-core';\nimport type { ForwardRefForwardPropsComponent, OmitStrict } from '@pega/cosmos-react-core';\nimport * as DragIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/drag.icon';\nimport * as PlusIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/plus.icon';\nimport * as CaretDownIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/caret-down.icon';\nimport * as DiamondMinusIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/diamond-minus.icon';\nimport * as WarnSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/warn-solid.icon';\n\nimport DragDropList from '../DragDropList';\nimport type { ItemRendererProps } from '../DragDropList';\nimport type { DraggableItem } from '../Draggable';\nimport DragHandle from '../DragHandle';\n\nimport {\n  StyledStandardDragDropList,\n  StyledStandardDragDropListItem,\n  StyledExpandCollapseToggle,\n  StyledItemActions,\n  StyledItemContent,\n  StyledItemStatus,\n  StyledPrimary,\n  StyledSecondary,\n  StyledListItemInner,\n  StyledItemSecondaryContainer\n} from './StandardDragDropList.styles';\nimport type {\n  StandardDragDropListProps,\n  StandardDragDropListItemProps\n} from './StandardDragDropList.types';\nimport {\n  getItemRendererTestIds,\n  getStandardDragDropListTestIds\n} from './StandardDragDropList.test-ids';\n\nregisterIcon(DragIcon, PlusIcon, CaretDownIcon, DiamondMinusIcon, WarnSolidIcon);\n\ntype InternalStandardDragDropListItemProps = StandardDragDropListItemProps &\n  (\n    | {\n        items: StandardDragDropListItemProps[];\n        onItemSelection?: StandardDragDropListProps['onItemSelection'];\n        accept: StandardDragDropListProps['accept'];\n        onChange: StandardDragDropListProps['onChange'];\n      }\n    | {\n        items?: undefined;\n        onItemSelection?: StandardDragDropListProps['onItemSelection'];\n        accept?: never;\n        onChange?: never;\n      }\n  );\n\nlet BaseStandardDragDropList: ForwardRefForwardPropsComponent<\n  OmitStrict<StandardDragDropListProps, 'ref'> & { ref: Ref<HTMLUListElement> }\n>;\n\ninterface TabKeyNavigationContextValue {\n  tabKeyNavigation: boolean;\n  setTabKeyNavigation: Dispatch<SetStateAction<boolean>>;\n}\n\nconst tabKeyNavigationContext = createContext<TabKeyNavigationContextValue>({\n  tabKeyNavigation: false,\n  setTabKeyNavigation: () => {}\n});\n\nconst ItemStatus = ({\n  message,\n  type\n}: Partial<NonNullable<StandardDragDropListItemProps['status']>>) => {\n  const [ttt, setTTT] = useElement(null);\n  const iconName = type === 'warning' ? 'diamond-minus' : 'warn-solid';\n\n  return (\n    <StyledItemStatus aria-live='polite' role='status'>\n      {message && (\n        <Text variant='secondary' status={type}>\n          <Flex container={{ gap: 0.5 }}>\n            <Icon ref={setTTT} name={iconName} role='status' tabIndex={0} aria-label={type} />\n            <Tooltip target={ttt} aria-hidden showDelay='none' hideDelay='none'>\n              {message}\n            </Tooltip>\n          </Flex>\n        </Text>\n      )}\n    </StyledItemStatus>\n  );\n};\n\nconst getFlattenedIds = (\n  items: StandardDragDropListItemProps[]\n): StandardDragDropListItemProps['id'][] => {\n  return items.flatMap(item => {\n    return item.items ? [item.id, ...item.items.map(({ id }) => id)] : [item.id];\n  });\n};\n\nconst ItemRenderer = ({\n  testId,\n  dragRef,\n  previewRef,\n  isDragging,\n  data: {\n    id,\n    // Remove type for DOM restProps\n    type,\n    accept,\n    primary,\n    secondary,\n    draggable = true,\n    status,\n    items,\n    icon,\n    onConfigure,\n    onRemove,\n    onAddTo,\n    onChange,\n    onItemSelection,\n    selected,\n    ...restProps\n  },\n  data\n}: ItemRendererProps<InternalStandardDragDropListItemProps>) => {\n  const t = useI18n();\n  const [collapsed, setCollapsed] = useState(false);\n  const expandCollpaseId = useUID();\n  const testIds = useTestIds(testId, getItemRendererTestIds);\n  const descriptionId = useUID();\n  const { tabKeyNavigation, setTabKeyNavigation } = useContext(tabKeyNavigationContext);\n  const listItemRef = useRef<HTMLLIElement>(null);\n  const containerRef = useConsolidatedRef<HTMLLIElement>(listItemRef, previewRef);\n\n  const hasActions = !!(onConfigure ?? onRemove ?? onAddTo);\n  const numberOfActions = [onConfigure, onRemove, onAddTo].filter(Boolean).length;\n\n  const [primaryTextEl, setPrimaryTextEl] = useElement<\n    HTMLSpanElement | HTMLAnchorElement | HTMLButtonElement\n  >(null);\n  const [secondaryTextEl, setSecondaryTextEl] = useElement<HTMLSpanElement>(null);\n\n  useEvent(\n    'keydown',\n    e => {\n      if (e.key === 'Enter' && !tabKeyNavigation) {\n        e.preventDefault();\n        setTabKeyNavigation(true);\n        getFocusables(listItemRef)[0]?.focus();\n      }\n      if (e.key === 'Escape' && tabKeyNavigation) {\n        e.preventDefault();\n        setTabKeyNavigation(false);\n        listItemRef.current?.focus();\n      }\n    },\n    { target: listItemRef, dependencies: [tabKeyNavigation] }\n  );\n\n  const primaryEl = useMemo(() => {\n    const primaryText = typeof primary === 'string' ? primary : primary.text;\n\n    const tooltip = (\n      <Tooltip smart target={primaryTextEl} showDelay='none' hideDelay='none'>\n        {primaryText}\n      </Tooltip>\n    );\n\n    const labelText = collapsed ? t('expand') : t('collapse');\n\n    if (items) {\n      return (\n        <>\n          <StyledExpandCollapseToggle\n            data-testid={testIds.expandCollapseButton}\n            variant='simple'\n            icon\n            label={labelText}\n            aria-label={`${labelText} - ${primaryText}`}\n            onClick={() => setCollapsed(cur => !cur)}\n            aria-owns={expandCollpaseId}\n            aria-expanded={!collapsed}\n            tabIndex={tabKeyNavigation ? 0 : -1}\n          >\n            <Icon name='caret-down' />\n          </StyledExpandCollapseToggle>\n          <span ref={setPrimaryTextEl}>\n            {primaryText}\n            {tooltip}\n          </span>\n        </>\n      );\n    }\n\n    if (typeof primary === 'string') {\n      return (\n        <span ref={setPrimaryTextEl}>\n          {primaryText}\n          {tooltip}\n        </span>\n      );\n    }\n\n    return (\n      <Button variant='link' onClick={primary.onClick} href={primary.href} ref={setPrimaryTextEl}>\n        <StyledPrimary>\n          {primaryText}\n          {tooltip}\n        </StyledPrimary>\n      </Button>\n    );\n  }, [t, items, primary, collapsed, expandCollpaseId, primaryTextEl]);\n\n  return (\n    <>\n      <Flex\n        data-testid={testIds.root}\n        {...restProps}\n        container={{ direction: 'column' }}\n        as={StyledStandardDragDropListItem}\n        ref={containerRef}\n        isDragging={isDragging}\n        hasActions={hasActions}\n        role='listitem'\n        aria-label={primary}\n        tabIndex={tabKeyNavigation ? -1 : 0}\n      >\n        <Flex\n          container={{ alignItems: 'center' }}\n          as={StyledListItemInner}\n          isDraggable={draggable}\n          isSelectable={!!onItemSelection}\n          hasActions={hasActions}\n          hasVisual={!!status || !!icon}\n        >\n          {draggable && (\n            <DragHandle\n              itemId={id}\n              ref={dragRef}\n              data-testid={testIds.dragHandle}\n              aria-label={typeof primary === 'string' ? primary : primary.text}\n            />\n          )}\n          <Flex container={{ alignItems: 'center', gap: 0.5 }} item={{ shrink: 1 }}>\n            <Flex\n              container={{ alignItems: 'center', gap: status || icon ? 1 : undefined, pad: 0.5 }}\n              as={StyledItemContent}\n            >\n              {onItemSelection && !data.items && (\n                <Checkbox\n                  data-testid={testIds.checkbox}\n                  aria-label={typeof primary === 'string' ? primary : primary.text}\n                  checked={selected}\n                  onChange={e => onItemSelection({ ...data, selected: e.target.checked })}\n                />\n              )}\n              {status && <ItemStatus type={status?.type} message={status?.message} />}\n              {icon && !items && <Icon data-testid={testIds.icon} {...icon} size='s' />}\n\n              {primaryEl}\n            </Flex>\n          </Flex>\n\n          {(secondary || hasActions) && (\n            <Flex\n              container={{ alignItems: 'center', justify: 'end', gap: 0.5 }}\n              item={{ grow: 1 }}\n              numberOfActions={numberOfActions}\n              as={StyledItemSecondaryContainer}\n            >\n              {secondary && (\n                <StyledSecondary variant='secondary' ref={setSecondaryTextEl}>\n                  {secondary}\n                  <Tooltip smart target={secondaryTextEl} showDelay='none' hideDelay='none'>\n                    {secondary}\n                  </Tooltip>\n                </StyledSecondary>\n              )}\n\n              {hasActions && (\n                <Flex container={{ alignItems: 'center', gap: 0.5 }} as={StyledItemActions}>\n                  {onAddTo && (\n                    <span>\n                      <Button\n                        data-testid={testIds.addButton}\n                        icon\n                        variant='simple'\n                        label={t('add')}\n                        aria-describedby={descriptionId}\n                        onClick={(e: MouseEvent<HTMLButtonElement>) => {\n                          onAddTo?.(id, e);\n                        }}\n                      >\n                        <Icon name='plus' />\n                      </Button>\n                      <HiddenText id={descriptionId}>{t('add_button_description')}</HiddenText>\n                    </span>\n                  )}\n\n                  {onConfigure && (\n                    <span>\n                      <Button\n                        data-testid={testIds.configureButton}\n                        icon\n                        variant='simple'\n                        label={t('configure')}\n                        aria-describedby={descriptionId}\n                        onClick={(e: MouseEvent<HTMLButtonElement>) => {\n                          onConfigure?.(id, e);\n                        }}\n                      >\n                        <Icon name='gear' />\n                      </Button>\n                      <HiddenText id={descriptionId}>\n                        {`${typeof primary === 'string' ? primary : primary.text} ${t('configure_button_description')}`}\n                      </HiddenText>\n                    </span>\n                  )}\n\n                  {onRemove && (\n                    <span>\n                      <Button\n                        data-testid={testIds.removeButton}\n                        icon\n                        variant='simple'\n                        label={t('remove')}\n                        aria-describedby={descriptionId}\n                        onClick={(e: MouseEvent<HTMLButtonElement>) => {\n                          onRemove?.(id, e);\n                        }}\n                      >\n                        <Icon name='trash' />\n                      </Button>\n                      <HiddenText\n                        id={descriptionId}\n                      >{`${typeof primary === 'string' ? primary : primary.text} ${t('remove_button_description')}`}</HiddenText>\n                    </span>\n                  )}\n                </Flex>\n              )}\n            </Flex>\n          )}\n        </Flex>\n\n        {/* Using data here so TS can track conditional type. */}\n        {data.items && data.items.length > 0 && (\n          <ExpandCollapse collapsed={collapsed} id={expandCollpaseId}>\n            <BaseStandardDragDropList\n              accept={data.accept}\n              items={data.items}\n              onChange={data.onChange}\n              onItemSelection={data.onItemSelection}\n            />\n          </ExpandCollapse>\n        )}\n      </Flex>\n      <HiddenText id={descriptionId}>{t('list_item_control_instructions')}</HiddenText>\n    </>\n  );\n};\n\nconst ItemRendererWithTestIds = withTestIds(ItemRenderer, getItemRendererTestIds);\n\nBaseStandardDragDropList = forwardRef(function BaseStandardDragDropListFunction(\n  {\n    testId,\n    accept,\n    items: itemsProp,\n    onChange: onChangeProp,\n    onEnter,\n    onItemSelection,\n    pushMode,\n    pullMode,\n    ...restProps\n  }: PropsWithoutRef<StandardDragDropListProps>,\n  ref: Ref<HTMLUListElement>\n) {\n  const flatIds = useMemo(() => getFlattenedIds(itemsProp), [itemsProp]);\n  const { tabKeyNavigation } = useContext(tabKeyNavigationContext);\n\n  const timerRef = useRef<number>();\n  const newItemsRef = useRef<StandardDragDropListItemProps[]>();\n\n  const mergeChangeHandler = useCallback(\n    (newItems: StandardDragDropListItemProps[]) => {\n      if (typeof timerRef.current === 'number' && newItemsRef.current) {\n        clearTimeout(timerRef.current);\n        timerRef.current = undefined;\n        const refedItems = newItemsRef.current;\n        newItemsRef.current = undefined;\n\n        const reffedItemsCount = getFlattenedIds(refedItems).length;\n        const newItemsCount = getFlattenedIds(newItems).length;\n\n        // Item moved between the top level list and nested list.\n        if (Math.abs(reffedItemsCount - newItemsCount) === 2) {\n          const itemsWithDuplicate = reffedItemsCount > newItemsCount ? refedItems : newItems;\n\n          const flatItemsWithDuplicate = getFlattenedIds(itemsWithDuplicate);\n\n          const duplicateItemId = flatItemsWithDuplicate.find(\n            (id, idx) => flatItemsWithDuplicate.indexOf(id) !== idx\n          );\n\n          // Should never happen.\n          if (!duplicateItemId) return;\n\n          // The duplicate was top level before.\n          if (itemsProp.some(({ id }) => id === duplicateItemId)) {\n            onChangeProp?.(itemsWithDuplicate.filter(({ id }) => id !== duplicateItemId));\n          }\n\n          // The duplicate was nested before.\n          else {\n            onChangeProp?.(\n              itemsWithDuplicate.map(innerItem => {\n                if (!innerItem.items) return innerItem;\n\n                if (\n                  itemsProp\n                    .find(({ id }) => id === innerItem.id)\n                    ?.items?.some(({ id: subItemId }) => subItemId === duplicateItemId)\n                ) {\n                  return {\n                    ...innerItem,\n                    items: innerItem.items.filter(({ id }) => id !== duplicateItemId)\n                  };\n                }\n\n                return innerItem;\n              })\n            );\n          }\n        } else {\n          // Failsafe for two unrelated change events within 100ms.\n          onChangeProp?.(refedItems);\n          onChangeProp?.(newItems);\n        }\n      } else {\n        newItemsRef.current = newItems;\n        timerRef.current = window.setTimeout(() => {\n          onChangeProp?.(newItems);\n        }, 100);\n      }\n    },\n    [onChangeProp, itemsProp]\n  );\n\n  const itemsToRender: DraggableItem<InternalStandardDragDropListItemProps>[] = useMemo(\n    () =>\n      itemsProp.map(item => {\n        const newItem = {\n          id: item.id,\n          type: item.type,\n          data: {\n            ...item,\n            onItemSelection,\n            draggable: item.draggable && !!onChangeProp\n          } as InternalStandardDragDropListItemProps\n        };\n        if (!item.items) return newItem;\n\n        return {\n          ...newItem,\n          data: {\n            ...item,\n            onItemSelection,\n            accept: item.accept ?? accept,\n            draggable: item.draggable && !!onChangeProp,\n            onChange: onChangeProp\n              ? (newItems: InternalStandardDragDropListItemProps[]) => {\n                  const newContentItems = itemsProp.map(topLevelItem =>\n                    topLevelItem.id === item.id && topLevelItem.items\n                      ? { ...topLevelItem, items: newItems }\n                      : topLevelItem\n                  );\n\n                  const flatNewItems = getFlattenedIds(newContentItems);\n\n                  if (\n                    itemsProp.some(propItem => !!propItem.items) &&\n                    flatIds.length !== flatNewItems.length\n                  ) {\n                    // An item may be \"removed\" or \"duplicated\".\n                    mergeChangeHandler(newContentItems);\n                  } else {\n                    onChangeProp(newContentItems);\n                  }\n                }\n              : undefined\n          } as InternalStandardDragDropListItemProps\n        };\n      }),\n    [accept, itemsProp, onChangeProp, tabKeyNavigation, flatIds, mergeChangeHandler]\n  );\n\n  const onChange = useCallback(\n    (newItems: DraggableItem<InternalStandardDragDropListItemProps>[]) => {\n      const newContentItems = newItems.map(({ data: { onChange: _, ...data } }) => {\n        return data;\n      });\n      const flatNewItems = getFlattenedIds(newContentItems);\n\n      if (itemsProp.some(propItem => !!propItem.items) && flatIds.length !== flatNewItems.length) {\n        // An item may be \"removed\" or \"duplicated\".\n        mergeChangeHandler(newContentItems);\n      } else {\n        onChangeProp?.(newContentItems);\n      }\n    },\n    [onChangeProp, flatIds, mergeChangeHandler]\n  );\n\n  return (\n    <DragDropList\n      testId={testId}\n      {...restProps}\n      ref={ref}\n      accept={accept}\n      items={itemsToRender}\n      pushMode={pushMode}\n      pullMode={pullMode}\n      itemRenderer={ItemRendererWithTestIds}\n      emptyRenderer={EmptyState}\n      onChange={onChange}\n      onEnter={\n        onEnter as (\n          item: DraggableItem<InternalStandardDragDropListItemProps>\n        ) => DraggableItem<InternalStandardDragDropListItemProps>\n      }\n    />\n  );\n});\n\ntype CombinedProps = StandardDragDropListProps & InternalStandardDragDropListItemProps;\n\nconst StandardDragDropList = forwardRef<HTMLDivElement, CombinedProps>(\n  (\n    {\n      testId,\n      accept,\n      pushMode,\n      pullMode,\n      items: itemsProp,\n      heading: title,\n      info,\n      footer,\n      headingTag = 'h2',\n      additionalInfo,\n      onChange,\n      onEnter,\n      onItemSelection,\n      ...restProps\n    }: PropsWithoutRef<StandardDragDropListProps>,\n    ref: StandardDragDropListProps['ref']\n  ) => {\n    const [tabKeyNavigation, setTabKeyNavigation] = useState(false);\n    const contextValue = useMemo(\n      () => ({ tabKeyNavigation, setTabKeyNavigation }),\n      [tabKeyNavigation]\n    );\n    const containerRef = useConsolidatedRef(ref);\n    const listRef = useRef<HTMLUListElement>(null);\n    const t = useI18n();\n    const testIds = useTestIds(testId, getStandardDragDropListTestIds);\n    const { announceAssertive } = useLiveLog();\n    const [firstListElement, setFirstListElement] = useElement<HTMLLIElement>(null);\n\n    useEffect(() => {\n      setFirstListElement(\n        listRef.current?.querySelector<HTMLLIElement>('[role=\"listitem\"]') ?? null\n      );\n    }, [itemsProp]);\n\n    const arrowNavigationRef = tabKeyNavigation ? { current: null } : listRef;\n\n    const heading = title ? (\n      <Text variant={headingTag} role='heading'>\n        {title}\n      </Text>\n    ) : null;\n\n    const infoText = info ? <Text variant='primary'>{info}</Text> : undefined;\n\n    useFocusWithin([containerRef], isFocused => {\n      if (isFocused) {\n        announceAssertive({ message: (title ?? '') + info });\n      }\n    });\n\n    useFocusWithin([listRef], isFocused => {\n      if (!isFocused) {\n        setTabKeyNavigation(false);\n      }\n    });\n\n    useEvent(\n      'keydown',\n      e => {\n        if (e.key === 'Tab' && !tabKeyNavigation && listRef.current) {\n          listRef.current.inert = true; // Prevents focus from moving to the list items\n          setTimeout(() => {\n            if (listRef.current) listRef.current.inert = false;\n          }, 0);\n        }\n      },\n      { target: listRef }\n    );\n\n    useArrows(\n      arrowNavigationRef,\n      {\n        cycle: false,\n        selector: '[role=\"listitem\"]',\n        dir: 'up-down',\n        initialFocusElement: firstListElement\n      },\n      [tabKeyNavigation, firstListElement]\n    );\n\n    const descriptionId = useUID();\n\n    return (\n      <tabKeyNavigationContext.Provider value={contextValue}>\n        <StyledStandardDragDropList ref={containerRef} data-testid={testIds.root} {...restProps}>\n          {heading && (\n            <Flex container={{ direction: 'column', gap: 1, pad: [1, undefined] }}>\n              <Flex\n                data-testid={testIds.header}\n                container={{\n                  justify: 'between',\n                  alignItems: 'center',\n                  gap: 1\n                }}\n                as='header'\n              >\n                {additionalInfo ? (\n                  <Flex container>\n                    {heading}\n                    {/* Can assert title when heading is defined */}\n                    <AdditionalInfo heading={additionalInfo.heading ?? title!}>\n                      {additionalInfo.content}\n                    </AdditionalInfo>\n                  </Flex>\n                ) : (\n                  heading\n                )}\n              </Flex>\n              {infoText}\n            </Flex>\n          )}\n          <BaseStandardDragDropList\n            testId={testId}\n            accept={accept}\n            pushMode={pushMode}\n            pullMode={pullMode}\n            items={itemsProp}\n            onChange={onChange}\n            onEnter={onEnter}\n            onItemSelection={onItemSelection}\n            aria-describedby={descriptionId}\n            ref={listRef}\n          />\n          {footer && (\n            <Flex\n              container={{\n                alignItems: 'center',\n                itemGap: 1,\n                pad: [1, undefined]\n              }}\n              as='footer'\n              onKeyDown={(e: KeyboardEvent) => {\n                if (e.key === 'Tab' && e.shiftKey && firstListElement) {\n                  e.preventDefault();\n                  firstListElement.tabIndex = 0;\n                  firstListElement?.focus();\n                }\n              }}\n            >\n              {footer}\n            </Flex>\n          )}\n          <HiddenText id={descriptionId}>{t('list_item_nav_instructions')}</HiddenText>\n        </StyledStandardDragDropList>\n      </tabKeyNavigationContext.Provider>\n    );\n  }\n);\n\nexport default withTestIds(StandardDragDropList, getStandardDragDropListTestIds);\n"]}
+{"version":3,"file":"StandardDragDropList.js","sourceRoot":"","sources":["../../../src/components/StandardDragDropList/StandardDragDropList.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState\n} from 'react';\nimport type {\n  Dispatch,\n  KeyboardEvent,\n  MouseEvent,\n  PropsWithoutRef,\n  Ref,\n  SetStateAction\n} from 'react';\n\nimport {\n  Flex,\n  registerIcon,\n  Icon,\n  Text,\n  Button,\n  Link,\n  useI18n,\n  EmptyState,\n  ExpandCollapse,\n  useUID,\n  Tooltip,\n  useElement,\n  useTestIds,\n  withTestIds,\n  AdditionalInfo,\n  Checkbox,\n  RadioButton,\n  HiddenText,\n  useLiveLog,\n  useFocusWithin,\n  useConsolidatedRef,\n  useArrows,\n  getFocusables,\n  useEvent\n} from '@pega/cosmos-react-core';\nimport type { ForwardRefForwardPropsComponent, OmitStrict } from '@pega/cosmos-react-core';\nimport * as DragIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/drag.icon';\nimport * as PlusIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/plus.icon';\nimport * as CaretDownIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/caret-down.icon';\nimport * as DiamondMinusIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/diamond-minus.icon';\nimport * as WarnSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/warn-solid.icon';\n\nimport DragDropList from '../DragDropList';\nimport type { ItemRendererProps } from '../DragDropList';\nimport type { DraggableItem } from '../Draggable';\nimport DragHandle from '../DragHandle';\n\nimport {\n  StyledStandardDragDropList,\n  StyledStandardDragDropListItem,\n  StyledExpandCollapseToggle,\n  StyledItemActions,\n  StyledItemContent,\n  StyledItemStatus,\n  StyledPrimary,\n  StyledSecondary,\n  StyledListItemInner,\n  StyledItemSecondaryContainer\n} from './StandardDragDropList.styles';\nimport type {\n  StandardDragDropListProps,\n  StandardDragDropListItemProps\n} from './StandardDragDropList.types';\nimport {\n  getItemRendererTestIds,\n  getStandardDragDropListTestIds\n} from './StandardDragDropList.test-ids';\n\nregisterIcon(DragIcon, PlusIcon, CaretDownIcon, DiamondMinusIcon, WarnSolidIcon);\n\ntype InternalStandardDragDropListItemProps = StandardDragDropListItemProps &\n  (\n    | {\n        items: StandardDragDropListItemProps[];\n        onItemSelection?: StandardDragDropListProps['onItemSelection'];\n        itemSelectionMode?: StandardDragDropListProps['itemSelectionMode'];\n        accept: StandardDragDropListProps['accept'];\n        onChange: StandardDragDropListProps['onChange'];\n      }\n    | {\n        items?: undefined;\n        onItemSelection?: StandardDragDropListProps['onItemSelection'];\n        itemSelectionMode?: StandardDragDropListProps['itemSelectionMode'];\n        accept?: never;\n        onChange?: never;\n      }\n  );\n\nlet BaseStandardDragDropList: ForwardRefForwardPropsComponent<\n  OmitStrict<StandardDragDropListProps, 'ref'> & { ref: Ref<HTMLUListElement> }\n>;\n\ninterface TabKeyNavigationContextValue {\n  tabKeyNavigation: boolean;\n  setTabKeyNavigation: Dispatch<SetStateAction<boolean>>;\n}\n\nconst tabKeyNavigationContext = createContext<TabKeyNavigationContextValue>({\n  tabKeyNavigation: false,\n  setTabKeyNavigation: () => {}\n});\n\nconst ItemStatus = ({\n  message,\n  type\n}: Partial<NonNullable<StandardDragDropListItemProps['status']>>) => {\n  const [ttt, setTTT] = useElement(null);\n  const iconName = type === 'warning' ? 'diamond-minus' : 'warn-solid';\n\n  return (\n    <StyledItemStatus aria-live='polite' role='status'>\n      {message && (\n        <Text variant='secondary' status={type}>\n          <Flex container={{ gap: 0.5 }}>\n            <Icon ref={setTTT} name={iconName} role='status' tabIndex={0} aria-label={type} />\n            <Tooltip target={ttt} aria-hidden showDelay='none' hideDelay='none'>\n              {message}\n            </Tooltip>\n          </Flex>\n        </Text>\n      )}\n    </StyledItemStatus>\n  );\n};\n\nconst getFlattenedIds = (\n  items: StandardDragDropListItemProps[]\n): StandardDragDropListItemProps['id'][] => {\n  return items.flatMap(item => {\n    return item.items ? [item.id, ...item.items.map(({ id }) => id)] : [item.id];\n  });\n};\n\nconst ItemRenderer = ({\n  testId,\n  dragRef,\n  previewRef,\n  isDragging,\n  data: {\n    id,\n    // Remove type for DOM restProps\n    type,\n    accept,\n    primary,\n    secondary,\n    draggable = true,\n    status,\n    items,\n    icon,\n    onConfigure,\n    onRemove,\n    onAddTo,\n    onChange,\n    onItemSelection,\n    itemSelectionMode = 'multi',\n    selected,\n    ...restProps\n  },\n  data\n}: ItemRendererProps<InternalStandardDragDropListItemProps>) => {\n  const t = useI18n();\n  const [collapsed, setCollapsed] = useState(false);\n  const expandCollpaseId = useUID();\n  const testIds = useTestIds(testId, getItemRendererTestIds);\n  const { tabKeyNavigation, setTabKeyNavigation } = useContext(tabKeyNavigationContext);\n  const listItemRef = useRef<HTMLLIElement>(null);\n  const containerRef = useConsolidatedRef<HTMLLIElement>(listItemRef, previewRef);\n\n  const hasActions = !!(onConfigure ?? onRemove ?? onAddTo);\n  const numberOfActions = [onConfigure, onRemove, onAddTo].filter(Boolean).length;\n\n  const [primaryTextEl, setPrimaryTextEl] = useElement<\n    HTMLSpanElement | HTMLAnchorElement | HTMLButtonElement\n  >(null);\n  const [secondaryTextEl, setSecondaryTextEl] = useElement<HTMLSpanElement>(null);\n\n  useEvent(\n    'keydown',\n    e => {\n      if (e.key === 'Enter' && !tabKeyNavigation) {\n        e.preventDefault();\n        setTabKeyNavigation(true);\n        getFocusables(listItemRef)[0]?.focus();\n      }\n      if (e.key === 'Escape' && tabKeyNavigation) {\n        e.preventDefault();\n        setTabKeyNavigation(false);\n        listItemRef.current?.focus();\n      }\n    },\n    { target: listItemRef, dependencies: [tabKeyNavigation] }\n  );\n\n  const primaryEl = useMemo(() => {\n    const primaryText = typeof primary === 'string' ? primary : primary.text;\n\n    const tooltip = (\n      <Tooltip smart target={primaryTextEl} showDelay='none' hideDelay='none'>\n        {primaryText}\n      </Tooltip>\n    );\n\n    const labelText = collapsed ? t('expand') : t('collapse');\n\n    if (items) {\n      return (\n        <>\n          <StyledExpandCollapseToggle\n            data-testid={testIds.expandCollapseButton}\n            variant='simple'\n            icon\n            label={labelText}\n            aria-label={`${labelText} - ${primaryText}`}\n            onClick={() => setCollapsed(cur => !cur)}\n            aria-owns={expandCollpaseId}\n            aria-expanded={!collapsed}\n            tabIndex={tabKeyNavigation ? 0 : -1}\n          >\n            <Icon name='caret-down' />\n          </StyledExpandCollapseToggle>\n          <span ref={setPrimaryTextEl}>\n            {primaryText}\n            {tooltip}\n          </span>\n        </>\n      );\n    }\n\n    if (typeof primary === 'string') {\n      return (\n        <span ref={setPrimaryTextEl}>\n          {primaryText}\n          {tooltip}\n        </span>\n      );\n    }\n\n    if (primary.onPreview && primary.href) {\n      return (\n        <Link\n          data-testid={testIds.primary}\n          href={primary.href}\n          onClick={primary.onClick}\n          onPreview={primary.onPreview}\n          ref={setPrimaryTextEl}\n          previewable\n        >\n          <StyledPrimary>\n            {primaryText}\n            {tooltip}\n          </StyledPrimary>\n        </Link>\n      );\n    }\n\n    return (\n      <Button\n        data-testid={testIds.primary}\n        variant='link'\n        onClick={primary.onClick}\n        href={primary.href}\n        ref={setPrimaryTextEl}\n      >\n        <StyledPrimary>\n          {primaryText}\n          {tooltip}\n        </StyledPrimary>\n      </Button>\n    );\n  }, [t, items, primary, collapsed, expandCollpaseId, primaryTextEl]);\n\n  return (\n    <Flex\n      data-testid={testIds.root}\n      {...restProps}\n      container={{ direction: 'column' }}\n      as={StyledStandardDragDropListItem}\n      ref={containerRef}\n      isDragging={isDragging}\n      hasActions={hasActions}\n      role='listitem'\n      aria-label={primary}\n      tabIndex={tabKeyNavigation ? -1 : 0}\n    >\n      <Flex\n        container={{ alignItems: 'center' }}\n        as={StyledListItemInner}\n        isDraggable={draggable}\n        isSelectable={!!onItemSelection}\n        hasActions={hasActions}\n        hasVisual={!!status || !!icon}\n      >\n        {draggable && (\n          <DragHandle\n            itemId={id}\n            ref={dragRef}\n            data-testid={testIds.dragHandle}\n            aria-label={typeof primary === 'string' ? primary : primary.text}\n          />\n        )}\n        <Flex container={{ alignItems: 'center', gap: 0.5 }} item={{ grow: 1, shrink: 1 }}>\n          <Flex\n            container={{ alignItems: 'center', gap: status || icon ? 1 : undefined, pad: 0.5 }}\n            as={StyledItemContent}\n          >\n            {onItemSelection &&\n              !data.items &&\n              (itemSelectionMode === 'single' ? (\n                <RadioButton\n                  data-testid={testIds.radio}\n                  aria-label={typeof primary === 'string' ? primary : primary.text}\n                  checked={selected}\n                  onChange={e => onItemSelection({ ...data, selected: e.target.checked })}\n                />\n              ) : (\n                <Checkbox\n                  data-testid={testIds.checkbox}\n                  aria-label={typeof primary === 'string' ? primary : primary.text}\n                  checked={selected}\n                  onChange={e => onItemSelection({ ...data, selected: e.target.checked })}\n                />\n              ))}\n            {status && <ItemStatus type={status?.type} message={status?.message} />}\n            {icon && !items && <Icon data-testid={testIds.icon} {...icon} size='s' />}\n\n            {primaryEl}\n          </Flex>\n        </Flex>\n\n        {secondary && (\n          <Flex\n            container={{ alignItems: 'center', justify: 'end', gap: 0.5 }}\n            // flex-shrink: 100000 to crush secondary text before primary\n            item={{ grow: 0, shrink: 100000 }}\n            numberOfActions={numberOfActions}\n            as={StyledItemSecondaryContainer}\n          >\n            {secondary && (\n              <StyledSecondary variant='secondary' ref={setSecondaryTextEl}>\n                {secondary}\n                <Tooltip smart target={secondaryTextEl} showDelay='none' hideDelay='none'>\n                  {secondary}\n                </Tooltip>\n              </StyledSecondary>\n            )}\n          </Flex>\n        )}\n\n        {hasActions && (\n          <Flex container={{ alignItems: 'center', gap: 0.5 }} as={StyledItemActions}>\n            {onAddTo && (\n              <span>\n                <Button\n                  data-testid={testIds.addButton}\n                  icon\n                  variant='simple'\n                  label={t('add')}\n                  aria-label={t('add_noun', [typeof primary === 'string' ? primary : primary.text])}\n                  onClick={(e: MouseEvent<HTMLButtonElement>) => {\n                    onAddTo?.(id, e);\n                  }}\n                >\n                  <Icon name='plus' />\n                </Button>\n              </span>\n            )}\n\n            {onConfigure && (\n              <span>\n                <Button\n                  data-testid={testIds.configureButton}\n                  icon\n                  variant='simple'\n                  label={t('configure')}\n                  aria-label={t('configure_noun', [\n                    typeof primary === 'string' ? primary : primary.text\n                  ])}\n                  onClick={(e: MouseEvent<HTMLButtonElement>) => {\n                    onConfigure?.(id, e);\n                  }}\n                >\n                  <Icon name='gear' />\n                </Button>\n              </span>\n            )}\n\n            {onRemove && (\n              <span>\n                <Button\n                  data-testid={testIds.removeButton}\n                  icon\n                  variant='simple'\n                  label={t('remove')}\n                  aria-label={t('remove_noun', [\n                    typeof primary === 'string' ? primary : primary.text\n                  ])}\n                  onClick={(e: MouseEvent<HTMLButtonElement>) => {\n                    onRemove?.(id, e);\n                  }}\n                >\n                  <Icon name='trash' />\n                </Button>\n              </span>\n            )}\n          </Flex>\n        )}\n      </Flex>\n\n      {/* Using data here so TS can track conditional type. */}\n      {data.items && data.items.length > 0 && (\n        <ExpandCollapse collapsed={collapsed} id={expandCollpaseId}>\n          <BaseStandardDragDropList\n            accept={data.accept}\n            items={data.items}\n            onChange={data.onChange}\n            onItemSelection={data.onItemSelection}\n            itemSelectionMode={data.itemSelectionMode}\n          />\n        </ExpandCollapse>\n      )}\n    </Flex>\n  );\n};\n\nconst ItemRendererWithTestIds = withTestIds(ItemRenderer, getItemRendererTestIds);\n\nBaseStandardDragDropList = forwardRef(function BaseStandardDragDropListFunction(\n  {\n    testId,\n    accept,\n    items: itemsProp,\n    onChange: onChangeProp,\n    onEnter,\n    onItemSelection,\n    itemSelectionMode = 'multi',\n    pushMode,\n    pullMode,\n    ...restProps\n  }: PropsWithoutRef<StandardDragDropListProps>,\n  ref: Ref<HTMLUListElement>\n) {\n  const flatIds = useMemo(() => getFlattenedIds(itemsProp), [itemsProp]);\n  const { tabKeyNavigation } = useContext(tabKeyNavigationContext);\n\n  const timerRef = useRef<number>();\n  const newItemsRef = useRef<StandardDragDropListItemProps[]>();\n\n  const mergeChangeHandler = useCallback(\n    (newItems: StandardDragDropListItemProps[]) => {\n      if (typeof timerRef.current === 'number' && newItemsRef.current) {\n        clearTimeout(timerRef.current);\n        timerRef.current = undefined;\n        const refedItems = newItemsRef.current;\n        newItemsRef.current = undefined;\n\n        const reffedItemsCount = getFlattenedIds(refedItems).length;\n        const newItemsCount = getFlattenedIds(newItems).length;\n\n        // Item moved between the top level list and nested list.\n        if (Math.abs(reffedItemsCount - newItemsCount) === 2) {\n          const itemsWithDuplicate = reffedItemsCount > newItemsCount ? refedItems : newItems;\n\n          const flatItemsWithDuplicate = getFlattenedIds(itemsWithDuplicate);\n\n          const duplicateItemId = flatItemsWithDuplicate.find(\n            (id, idx) => flatItemsWithDuplicate.indexOf(id) !== idx\n          );\n\n          // Should never happen.\n          if (!duplicateItemId) return;\n\n          // The duplicate was top level before.\n          if (itemsProp.some(({ id }) => id === duplicateItemId)) {\n            onChangeProp?.(itemsWithDuplicate.filter(({ id }) => id !== duplicateItemId));\n          }\n\n          // The duplicate was nested before.\n          else {\n            onChangeProp?.(\n              itemsWithDuplicate.map(innerItem => {\n                if (!innerItem.items) return innerItem;\n\n                if (\n                  itemsProp\n                    .find(({ id }) => id === innerItem.id)\n                    ?.items?.some(({ id: subItemId }) => subItemId === duplicateItemId)\n                ) {\n                  return {\n                    ...innerItem,\n                    items: innerItem.items.filter(({ id }) => id !== duplicateItemId)\n                  };\n                }\n\n                return innerItem;\n              })\n            );\n          }\n        } else {\n          // Failsafe for two unrelated change events within 100ms.\n          onChangeProp?.(refedItems);\n          onChangeProp?.(newItems);\n        }\n      } else {\n        newItemsRef.current = newItems;\n        timerRef.current = window.setTimeout(() => {\n          onChangeProp?.(newItems);\n        }, 100);\n      }\n    },\n    [onChangeProp, itemsProp]\n  );\n\n  const itemsToRender: DraggableItem<InternalStandardDragDropListItemProps>[] = useMemo(\n    () =>\n      itemsProp.map(item => {\n        const newItem = {\n          id: item.id,\n          type: item.type,\n          data: {\n            ...item,\n            onItemSelection,\n            itemSelectionMode,\n            draggable: item.draggable && !!onChangeProp\n          } as InternalStandardDragDropListItemProps\n        };\n        if (!item.items) return newItem;\n\n        return {\n          ...newItem,\n          data: {\n            ...item,\n            onItemSelection,\n            itemSelectionMode,\n            accept: item.accept ?? accept,\n            draggable: item.draggable && !!onChangeProp,\n            onChange: onChangeProp\n              ? (newItems: InternalStandardDragDropListItemProps[]) => {\n                  const newContentItems = itemsProp.map(topLevelItem =>\n                    topLevelItem.id === item.id && topLevelItem.items\n                      ? { ...topLevelItem, items: newItems }\n                      : topLevelItem\n                  );\n\n                  const flatNewItems = getFlattenedIds(newContentItems);\n\n                  if (\n                    itemsProp.some(propItem => !!propItem.items) &&\n                    flatIds.length !== flatNewItems.length\n                  ) {\n                    // An item may be \"removed\" or \"duplicated\".\n                    mergeChangeHandler(newContentItems);\n                  } else {\n                    onChangeProp(newContentItems);\n                  }\n                }\n              : undefined\n          } as InternalStandardDragDropListItemProps\n        };\n      }),\n    [\n      accept,\n      itemsProp,\n      onChangeProp,\n      itemSelectionMode,\n      tabKeyNavigation,\n      flatIds,\n      mergeChangeHandler\n    ]\n  );\n\n  const onChange = useCallback(\n    (newItems: DraggableItem<InternalStandardDragDropListItemProps>[]) => {\n      const newContentItems = newItems.map(({ data: { onChange: _, ...data } }) => {\n        return data;\n      });\n      const flatNewItems = getFlattenedIds(newContentItems);\n\n      if (itemsProp.some(propItem => !!propItem.items) && flatIds.length !== flatNewItems.length) {\n        // An item may be \"removed\" or \"duplicated\".\n        mergeChangeHandler(newContentItems);\n      } else {\n        onChangeProp?.(newContentItems);\n      }\n    },\n    [onChangeProp, flatIds, mergeChangeHandler]\n  );\n\n  return (\n    <DragDropList\n      testId={testId}\n      {...restProps}\n      ref={ref}\n      accept={accept}\n      items={itemsToRender}\n      pushMode={pushMode}\n      pullMode={pullMode}\n      itemRenderer={ItemRendererWithTestIds}\n      emptyRenderer={EmptyState}\n      onChange={onChange}\n      onEnter={\n        onEnter as (\n          item: DraggableItem<InternalStandardDragDropListItemProps>\n        ) => DraggableItem<InternalStandardDragDropListItemProps>\n      }\n    />\n  );\n});\n\ntype CombinedProps = StandardDragDropListProps & InternalStandardDragDropListItemProps;\n\nconst StandardDragDropList = forwardRef<HTMLDivElement, CombinedProps>(\n  (\n    {\n      testId,\n      accept,\n      pushMode,\n      pullMode,\n      items: itemsProp,\n      heading: title,\n      info,\n      footer,\n      headingTag = 'h2',\n      additionalInfo,\n      onChange,\n      onEnter,\n      onItemSelection,\n      itemSelectionMode = 'multi',\n      ...restProps\n    }: PropsWithoutRef<StandardDragDropListProps>,\n    ref: StandardDragDropListProps['ref']\n  ) => {\n    const [tabKeyNavigation, setTabKeyNavigation] = useState(false);\n    const contextValue = useMemo(\n      () => ({ tabKeyNavigation, setTabKeyNavigation }),\n      [tabKeyNavigation]\n    );\n    const containerRef = useConsolidatedRef(ref);\n    const listRef = useRef<HTMLUListElement>(null);\n    const t = useI18n();\n    const testIds = useTestIds(testId, getStandardDragDropListTestIds);\n    const { announceAssertive } = useLiveLog();\n    const [firstListElement, setFirstListElement] = useElement<HTMLLIElement>(null);\n\n    useEffect(() => {\n      setFirstListElement(\n        listRef.current?.querySelector<HTMLLIElement>('[role=\"listitem\"]') ?? null\n      );\n    }, [itemsProp]);\n\n    const arrowNavigationRef = tabKeyNavigation ? { current: null } : listRef;\n\n    const heading = title ? (\n      <Text variant={headingTag} role='heading'>\n        {title}\n      </Text>\n    ) : null;\n\n    const infoText = info ? <Text variant='primary'>{info}</Text> : undefined;\n\n    useFocusWithin([containerRef], isFocused => {\n      if (isFocused) {\n        announceAssertive({ message: (title ?? '') + info });\n      }\n    });\n\n    useFocusWithin([listRef], isFocused => {\n      if (!isFocused) {\n        setTabKeyNavigation(false);\n      }\n    });\n\n    useEvent(\n      'keydown',\n      e => {\n        if (e.key === 'Tab' && !tabKeyNavigation && listRef.current) {\n          listRef.current.inert = true; // Prevents focus from moving to the list items\n          setTimeout(() => {\n            if (listRef.current) listRef.current.inert = false;\n          }, 0);\n        }\n      },\n      { target: listRef }\n    );\n\n    useArrows(\n      arrowNavigationRef,\n      {\n        cycle: false,\n        selector: '[role=\"listitem\"]',\n        dir: 'up-down',\n        initialFocusElement: firstListElement\n      },\n      [tabKeyNavigation, firstListElement]\n    );\n\n    const descriptionId = useUID();\n\n    return (\n      <tabKeyNavigationContext.Provider value={contextValue}>\n        <StyledStandardDragDropList ref={containerRef} data-testid={testIds.root} {...restProps}>\n          {heading && (\n            <Flex container={{ direction: 'column', gap: 1, pad: [1, undefined] }}>\n              <Flex\n                data-testid={testIds.header}\n                container={{\n                  justify: 'between',\n                  alignItems: 'center',\n                  gap: 1\n                }}\n                as='header'\n              >\n                {additionalInfo ? (\n                  <Flex container>\n                    {heading}\n                    {/* Can assert title when heading is defined */}\n                    <AdditionalInfo heading={additionalInfo.heading ?? title!}>\n                      {additionalInfo.content}\n                    </AdditionalInfo>\n                  </Flex>\n                ) : (\n                  heading\n                )}\n              </Flex>\n              {infoText}\n            </Flex>\n          )}\n          <BaseStandardDragDropList\n            testId={testId}\n            accept={accept}\n            pushMode={pushMode}\n            pullMode={pullMode}\n            items={itemsProp}\n            onChange={onChange}\n            onEnter={onEnter}\n            onItemSelection={onItemSelection}\n            itemSelectionMode={itemSelectionMode}\n            aria-describedby={descriptionId}\n            ref={listRef}\n          />\n          {footer && (\n            <Flex\n              container={{\n                alignItems: 'center',\n                itemGap: 1,\n                pad: [1, undefined]\n              }}\n              as='footer'\n              onKeyDown={(e: KeyboardEvent) => {\n                if (e.key === 'Tab' && e.shiftKey && firstListElement) {\n                  e.preventDefault();\n                  firstListElement.tabIndex = 0;\n                  firstListElement?.focus();\n                }\n              }}\n            >\n              {footer}\n            </Flex>\n          )}\n          <HiddenText id={descriptionId}>{t('list_item_nav_instructions')}</HiddenText>\n        </StyledStandardDragDropList>\n      </tabKeyNavigationContext.Provider>\n    );\n  }\n);\n\nexport default withTestIds(StandardDragDropList, getStandardDragDropListTestIds);\n"]}

package/lib/components/StandardDragDropList/StandardDragDropList.styles.d.ts

@@ -1,22 +1,29 @@
-import { type DefaultTheme, type StyledComponent } from 'styled-components';
-export declare const StyledExpandCollapseToggle: StyledComponent<import("@pega/cosmos-react-core").ForwardRefForwardPropsComponent<import("@pega/cosmos-react-core").ButtonProps>, DefaultTheme, {}, never>;
-export declare const StyledItemStatus: StyledComponent<"div", DefaultTheme, {}, never>;
-export declare const StyledItemContent: StyledComponent<"div", DefaultTheme, {}, never>;
-export declare const StyledItemActions: StyledComponent<"div", DefaultTheme, {}, never>;
-export declare const StyledItemSecondaryContainer: StyledComponent<"div", DefaultTheme, {
+import { type IStyledComponent } from 'styled-components';
+import type { StandardDragDropListProps } from './StandardDragDropList.types';
+export declare const StyledExpandCollapseToggle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("@pega/cosmos-react-core").ButtonProps, "ref"> & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement> & import("@pega/cosmos-react-core").ForwardProps, "ref"> & {
+    ref?: ((instance: HTMLAnchorElement | HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLAnchorElement | HTMLButtonElement> | null | undefined;
+}, never>> & string & Omit<import("@pega/cosmos-react-core").ForwardRefForwardPropsComponent<import("@pega/cosmos-react-core").ButtonProps>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledItemStatus: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledItemContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledItemSecondaryContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledItemActions: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     numberOfActions: number;
-}, never>;
-export declare const StyledPrimary: StyledComponent<import("@pega/cosmos-react-core").ForwardRefForwardPropsComponent<import("@pega/cosmos-react-core").TextProps>, DefaultTheme, {}, never>;
-export declare const StyledSecondary: StyledComponent<import("@pega/cosmos-react-core").ForwardRefForwardPropsComponent<import("@pega/cosmos-react-core").TextProps>, DefaultTheme, {}, never>;
-export declare const StyledListItemInner: StyledComponent<"div", DefaultTheme, {
+}>> & string;
+export declare const StyledPrimary: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("@pega/cosmos-react-core").TextProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement | HTMLSpanElement> & import("@pega/cosmos-react-core").ForwardProps, "ref"> & {
+    ref?: ((instance: HTMLHeadingElement | HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLHeadingElement | HTMLSpanElement> | null | undefined;
+}, never>> & string & Omit<import("@pega/cosmos-react-core").ForwardRefForwardPropsComponent<import("@pega/cosmos-react-core").TextProps>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledSecondary: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("@pega/cosmos-react-core").TextProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement | HTMLSpanElement> & import("@pega/cosmos-react-core").ForwardProps, "ref"> & {
+    ref?: ((instance: HTMLHeadingElement | HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLHeadingElement | HTMLSpanElement> | null | undefined;
+}, never>> & string & Omit<import("@pega/cosmos-react-core").ForwardRefForwardPropsComponent<import("@pega/cosmos-react-core").TextProps>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledListItemInner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     isDraggable?: boolean;
     hasActions?: boolean;
     hasVisual?: boolean;
     isSelectable?: boolean;
-}, never>;
-export declare const StyledStandardDragDropListItem: StyledComponent<"li", DefaultTheme, {
+}>> & string;
+export declare const StyledStandardDragDropListItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {
     isDragging?: boolean;
     empty?: boolean;
-}, never>;
-export declare const StyledStandardDragDropList: StyledComponent<'div', DefaultTheme, object, never>;
+}>> & string;
+export declare const StyledStandardDragDropList: IStyledComponent<'web', StandardDragDropListProps>;
 //# sourceMappingURL=StandardDragDropList.styles.d.ts.map

package/lib/components/StandardDragDropList/StandardDragDropList.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StandardDragDropList.styles.d.ts","sourceRoot":"","sources":["../../../src/components/StandardDragDropList/StandardDragDropList.styles.ts"],"names":[],"mappings":"AAAA,OAAe,EAAO,KAAK,YAAY,EAAE,KAAK,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAQzF,eAAO,MAAM,0BAA0B,4JAerC,CAAC;AAIH,eAAO,MAAM,gBAAgB,iDAU3B,CAAC;AAIH,eAAO,MAAM,iBAAiB,iDAe5B,CAAC;AAIH,eAAO,MAAM,iBAAiB,iDAAe,CAAC;AAE9C,eAAO,MAAM,4BAA4B;qBAAiC,MAAM;SAa/E,CAAC;AAEF,eAAO,MAAM,aAAa,0JAGzB,CAAC;AAEF,eAAO,MAAM,eAAe,0JAG3B,CAAC;AAEF,eAAO,MAAM,mBAAmB;kBAChB,OAAO;iBACR,OAAO;gBACR,OAAO;mBACJ,OAAO;SAiCtB,CAAC;AAIH,eAAO,MAAM,8BAA8B;iBAC5B,OAAO;YACZ,OAAO;SAiEf,CAAC;AAIH,eAAO,MAAM,0BAA0B,EAAE,eAAe,CAAC,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,KAAK,CA8EvF,CAAC"}
+{"version":3,"file":"StandardDragDropList.styles.d.ts","sourceRoot":"","sources":["../../../src/components/StandardDragDropList/StandardDragDropList.styles.ts"],"names":[],"mappings":"AAAA,OAAe,EAAO,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAQvE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AAE9E,eAAO,MAAM,0BAA0B;;2LAerC,CAAC;AAIH,eAAO,MAAM,gBAAgB,6NAU3B,CAAC;AAIH,eAAO,MAAM,iBAAiB,6NAe5B,CAAC;AAIH,eAAO,MAAM,4BAA4B,6NAExC,CAAC;AAEF,eAAO,MAAM,iBAAiB;qBAAiC,MAAM;YAapE,CAAC;AAIF,eAAO,MAAM,aAAa;;yLAGzB,CAAC;AAEF,eAAO,MAAM,eAAe;;yLAE3B,CAAC;AAEF,eAAO,MAAM,mBAAmB;kBAChB,OAAO;iBACR,OAAO;gBACR,OAAO;mBACJ,OAAO;YAiCtB,CAAC;AAIH,eAAO,MAAM,8BAA8B;iBAC5B,OAAO;YACZ,OAAO;YAiEf,CAAC;AAIH,eAAO,MAAM,0BAA0B,EAAE,gBAAgB,CAAC,KAAK,EAAE,yBAAyB,CA6EtF,CAAC"}

package/lib/components/StandardDragDropList/StandardDragDropList.styles.js

@@ -49,8 +49,10 @@ export const StyledItemContent = styled.div(({ theme }) => {
   `;
 });
 StyledItemContent.defaultProps = defaultThemeProp;
-export const StyledItemActions = styled.div ``;
-export const StyledItemSecondaryContainer = styled.div(({ theme, numberOfActions }) => {
+export const StyledItemSecondaryContainer = styled.div `
+  min-width: 2rem;
+`;
+export const StyledItemActions = styled.div(({ theme, numberOfActions }) => {
     const minContainerWidth = `calc(${numberOfActions} * ${theme.base['hit-area']['mouse-min']} + ${numberOfActions - 1} * ${theme.base.spacing} / 2)`;
     const minCoarseContainerWidth = `calc(${numberOfActions} * ${theme.base['hit-area']['finger-min']} + ${numberOfActions - 1} * ${theme.base.spacing} / 2)`;
     return css `
@@ -61,12 +63,12 @@ export const StyledItemSecondaryContainer = styled.div(({ theme, numberOfActions
       }
     `;
 });
+StyledItemActions.defaultProps = defaultThemeProp;
 export const StyledPrimary = styled(Text) `
   display: inline;
   ${ellipsisOverflow};
 `;
 export const StyledSecondary = styled(Text) `
-  max-width: 14ch;
   ${ellipsisOverflow}
 `;
 export const StyledListItemInner = styled.div(({ theme, isDraggable, hasActions, hasVisual, isSelectable }) => {
@@ -175,7 +177,6 @@ export const StyledStandardDragDropList = styled.div(({ theme }) => {
     `;
     return css `
       flex-grow: 1;
-      background-color: ${theme.base.palette['primary-background']};
 
       ul {
         list-style: none;

package/lib/components/StandardDragDropList/StandardDragDropList.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"StandardDragDropList.styles.js","sourceRoot":"","sources":["../../../src/components/StandardDragDropList/StandardDragDropList.styles.ts"],"names":[],"mappings":"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","sourcesContent":["import styled, { css, type DefaultTheme, type StyledComponent } from 'styled-components';\n\nimport { Button, defaultThemeProp, StyledIcon, Text, useDirection } from '@pega/cosmos-react-core';\nimport { ellipsisOverflow } from '@pega/cosmos-react-core/lib/styles/mixins';\nimport { StyledPseudoRadioCheck } from '@pega/cosmos-react-core/lib/components/RadioCheck/RadioCheck';\n\nimport { StyledDragHandle } from '../DragHandle';\n\nexport const StyledExpandCollapseToggle = styled(Button)(({ theme }) => {\n  const { ltr } = useDirection();\n  return css`\n    & > div {\n      vertical-align: middle;\n    }\n\n    & ${StyledIcon} {\n      transition: transform ${theme.base.animation.speed} ${theme.base.animation.timing.ease};\n    }\n\n    &[aria-expanded='false'] ${StyledIcon}:first-of-type {\n      transform: rotateZ(${ltr ? '-' : ''}90deg);\n    }\n  `;\n});\n\nStyledExpandCollapseToggle.defaultProps = defaultThemeProp;\n\nexport const StyledItemStatus = styled.div(({ theme }) => {\n  return css`\n    ${StyledIcon} {\n      outline: none;\n\n      &:focus {\n        box-shadow: ${theme.base.shadow['focus-inset']};\n      }\n    }\n  `;\n});\n\nStyledItemStatus.defaultProps = defaultThemeProp;\n\nexport const StyledItemContent = styled.div(({ theme }) => {\n  return css`\n    &,\n    & > :nth-child(2) {\n      ${ellipsisOverflow}\n    }\n\n    & > ${StyledIcon} {\n      margin-inline: ${theme.base.spacing};\n    }\n\n    & ${StyledPseudoRadioCheck} {\n      margin-inline-end: 0;\n    }\n  `;\n});\n\nStyledItemContent.defaultProps = defaultThemeProp;\n\nexport const StyledItemActions = styled.div``;\n\nexport const StyledItemSecondaryContainer = styled.div<{ numberOfActions: number }>(\n  ({ theme, numberOfActions }) => {\n    const minContainerWidth = `calc(${numberOfActions} * ${theme.base['hit-area']['mouse-min']} + ${numberOfActions - 1} * ${theme.base.spacing} / 2)`;\n    const minCoarseContainerWidth = `calc(${numberOfActions} * ${theme.base['hit-area']['finger-min']} + ${numberOfActions - 1} * ${theme.base.spacing} / 2)`;\n\n    return css`\n      min-width: ${minContainerWidth};\n\n      @media (pointer: coarse) {\n        min-width: ${minCoarseContainerWidth};\n      }\n    `;\n  }\n);\n\nexport const StyledPrimary = styled(Text)`\n  display: inline;\n  ${ellipsisOverflow};\n`;\n\nexport const StyledSecondary = styled(Text)`\n  max-width: 14ch;\n  ${ellipsisOverflow}\n`;\n\nexport const StyledListItemInner = styled.div<{\n  isDraggable?: boolean;\n  hasActions?: boolean;\n  hasVisual?: boolean;\n  isSelectable?: boolean;\n}>(({ theme, isDraggable, hasActions, hasVisual, isSelectable }) => {\n  return css`\n    white-space: nowrap;\n    padding-inline-start: calc(${theme.base.spacing} / 2);\n    padding-inline-end: ${hasActions\n      ? `calc(${theme.base.spacing} / 2)`\n      : `calc(${theme.base.spacing} * 1.5)`};\n\n    ${!isDraggable &&\n    (!hasVisual || isSelectable) &&\n    css`\n      padding-inline-start: ${theme.base.spacing};\n    `}\n    ${hasVisual &&\n    !isDraggable &&\n    !isSelectable &&\n    css`\n      padding-inline-start: 0;\n    `}\n\n    &:has(${StyledExpandCollapseToggle}) {\n      padding-inline-start: calc(${theme.base.spacing} * 0.5);\n\n      &:not(:has(${StyledDragHandle})) {\n        padding-inline-start: 0;\n      }\n\n      & > ${StyledDragHandle} {\n        padding-inline-end: 0;\n      }\n    }\n  `;\n});\n\nStyledListItemInner.defaultProps = defaultThemeProp;\n\nexport const StyledStandardDragDropListItem = styled.li<{\n  isDragging?: boolean;\n  empty?: boolean;\n}>(({ theme, isDragging, empty }) => {\n  const bdrColor = theme.base.palette['border-line'];\n  const bdr = `0.0625rem dashed ${isDragging || empty ? bdrColor : 'transparent'}`;\n\n  if (empty) {\n    return css`\n      text-align: center;\n      padding: ${theme.base.spacing};\n      border: ${bdr};\n      font-style: italic;\n    `;\n  }\n\n  return css`\n    position: relative;\n    background: ${theme.base.palette['primary-background']};\n\n    ${isDragging &&\n    css`\n      z-index: 1;\n\n      & > div,\n      span {\n        opacity: 0.5;\n      }\n    `}\n\n    &::before,\n    &::after {\n      content: '';\n      display: block;\n      position: absolute;\n      height: 0.0625rem;\n      left: 0;\n      right: 0;\n      background: ${isDragging ? theme.base.palette['primary-background'] : bdrColor};\n    }\n\n    &::before {\n      top: 0;\n      border-top: ${bdr};\n      ${isDragging &&\n      css`\n        box-shadow: 0 0.0625rem 0 ${theme.base.palette.interactive};\n      `}\n    }\n\n    &::after {\n      bottom: -0.0625rem;\n      border-bottom: ${bdr};\n      ${isDragging &&\n      css`\n        box-shadow: 0 -0.0625rem 0 ${theme.base.palette.interactive};\n      `}\n    }\n\n    & > ${StyledListItemInner} {\n      min-height: calc(${theme.base['hit-area'].mouse} + ${theme.base.spacing});\n\n      @media (pointer: coarse) {\n        min-height: calc(${theme.base['hit-area']['finger-min']} + ${theme.base.spacing});\n      }\n    }\n  `;\n});\n\nStyledStandardDragDropListItem.defaultProps = defaultThemeProp;\n\nexport const StyledStandardDragDropList: StyledComponent<'div', DefaultTheme, object, never> =\n  styled.div(({ theme }) => {\n    const {\n      base: {\n        palette: { 'border-line': borderColor },\n        'border-radius': baseBorderRadius\n      },\n      components: {\n        'form-control': { 'border-radius': borderRadiusMultiplier, 'border-width': borderWidth }\n      }\n    } = theme;\n\n    const matchBottomBorderRadius = css`\n      border-end-start-radius: calc(${baseBorderRadius} * ${borderRadiusMultiplier});\n      border-end-end-radius: calc(${baseBorderRadius} * ${borderRadiusMultiplier});\n    `;\n\n    return css`\n      flex-grow: 1;\n      background-color: ${theme.base.palette['primary-background']};\n\n      ul {\n        list-style: none;\n        border: ${borderWidth} solid ${borderColor};\n        border-radius: calc(${baseBorderRadius} * ${borderRadiusMultiplier});\n\n        > ${StyledStandardDragDropListItem} {\n          &:first-child {\n            border-start-start-radius: calc(${baseBorderRadius} * ${borderRadiusMultiplier});\n            border-start-end-radius: calc(${baseBorderRadius} * ${borderRadiusMultiplier});\n\n            &::before {\n              display: none;\n            }\n          }\n\n          &:last-child,\n          &:last-child ${StyledStandardDragDropListItem}:last-child {\n            ${matchBottomBorderRadius}\n\n            &::after {\n              display: none;\n            }\n          }\n\n          &:last-child ${StyledStandardDragDropList} {\n            ${matchBottomBorderRadius}\n          }\n        }\n\n        ul {\n          border: none;\n          padding-inline: calc(3.5 * ${theme.base.spacing}) 0;\n\n          > ${StyledStandardDragDropListItem} {\n            &:first-child {\n              border-radius: 0;\n            }\n\n            &:first-child::before {\n              display: block;\n            }\n\n            &:last-child {\n              border-radius: 0;\n            }\n\n            &:last-child::after {\n              display: block;\n            }\n\n            ${StyledListItemInner} {\n              padding-inline-start: calc(${theme.base.spacing} * 1);\n            }\n          }\n        }\n      }\n    `;\n  });\n\nStyledStandardDragDropList.defaultProps = defaultThemeProp;\n"]}
+{"version":3,"file":"StandardDragDropList.styles.js","sourceRoot":"","sources":["../../../src/components/StandardDragDropList/StandardDragDropList.styles.ts"],"names":[],"mappings":"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","sourcesContent":["import styled, { css, type IStyledComponent } from 'styled-components';\n\nimport { Button, defaultThemeProp, StyledIcon, Text, useDirection } from '@pega/cosmos-react-core';\nimport { ellipsisOverflow } from '@pega/cosmos-react-core/lib/styles/mixins';\nimport { StyledPseudoRadioCheck } from '@pega/cosmos-react-core/lib/components/RadioCheck/RadioCheck';\n\nimport { StyledDragHandle } from '../DragHandle';\n\nimport type { StandardDragDropListProps } from './StandardDragDropList.types';\n\nexport const StyledExpandCollapseToggle = styled(Button)(({ theme }) => {\n  const { ltr } = useDirection();\n  return css`\n    & > div {\n      vertical-align: middle;\n    }\n\n    & ${StyledIcon} {\n      transition: transform ${theme.base.animation.speed} ${theme.base.animation.timing.ease};\n    }\n\n    &[aria-expanded='false'] ${StyledIcon}:first-of-type {\n      transform: rotateZ(${ltr ? '-' : ''}90deg);\n    }\n  `;\n});\n\nStyledExpandCollapseToggle.defaultProps = defaultThemeProp;\n\nexport const StyledItemStatus = styled.div(({ theme }) => {\n  return css`\n    ${StyledIcon} {\n      outline: none;\n\n      &:focus {\n        box-shadow: ${theme.base.shadow['focus-inset']};\n      }\n    }\n  `;\n});\n\nStyledItemStatus.defaultProps = defaultThemeProp;\n\nexport const StyledItemContent = styled.div(({ theme }) => {\n  return css`\n    &,\n    & > :nth-child(2) {\n      ${ellipsisOverflow}\n    }\n\n    & > ${StyledIcon} {\n      margin-inline: ${theme.base.spacing};\n    }\n\n    & ${StyledPseudoRadioCheck} {\n      margin-inline-end: 0;\n    }\n  `;\n});\n\nStyledItemContent.defaultProps = defaultThemeProp;\n\nexport const StyledItemSecondaryContainer = styled.div`\n  min-width: 2rem;\n`;\n\nexport const StyledItemActions = styled.div<{ numberOfActions: number }>(\n  ({ theme, numberOfActions }) => {\n    const minContainerWidth = `calc(${numberOfActions} * ${theme.base['hit-area']['mouse-min']} + ${numberOfActions - 1} * ${theme.base.spacing} / 2)`;\n    const minCoarseContainerWidth = `calc(${numberOfActions} * ${theme.base['hit-area']['finger-min']} + ${numberOfActions - 1} * ${theme.base.spacing} / 2)`;\n\n    return css`\n      min-width: ${minContainerWidth};\n\n      @media (pointer: coarse) {\n        min-width: ${minCoarseContainerWidth};\n      }\n    `;\n  }\n);\n\nStyledItemActions.defaultProps = defaultThemeProp;\n\nexport const StyledPrimary = styled(Text)`\n  display: inline;\n  ${ellipsisOverflow};\n`;\n\nexport const StyledSecondary = styled(Text)`\n  ${ellipsisOverflow}\n`;\n\nexport const StyledListItemInner = styled.div<{\n  isDraggable?: boolean;\n  hasActions?: boolean;\n  hasVisual?: boolean;\n  isSelectable?: boolean;\n}>(({ theme, isDraggable, hasActions, hasVisual, isSelectable }) => {\n  return css`\n    white-space: nowrap;\n    padding-inline-start: calc(${theme.base.spacing} / 2);\n    padding-inline-end: ${hasActions\n      ? `calc(${theme.base.spacing} / 2)`\n      : `calc(${theme.base.spacing} * 1.5)`};\n\n    ${!isDraggable &&\n    (!hasVisual || isSelectable) &&\n    css`\n      padding-inline-start: ${theme.base.spacing};\n    `}\n    ${hasVisual &&\n    !isDraggable &&\n    !isSelectable &&\n    css`\n      padding-inline-start: 0;\n    `}\n\n    &:has(${StyledExpandCollapseToggle}) {\n      padding-inline-start: calc(${theme.base.spacing} * 0.5);\n\n      &:not(:has(${StyledDragHandle})) {\n        padding-inline-start: 0;\n      }\n\n      & > ${StyledDragHandle} {\n        padding-inline-end: 0;\n      }\n    }\n  `;\n});\n\nStyledListItemInner.defaultProps = defaultThemeProp;\n\nexport const StyledStandardDragDropListItem = styled.li<{\n  isDragging?: boolean;\n  empty?: boolean;\n}>(({ theme, isDragging, empty }) => {\n  const bdrColor = theme.base.palette['border-line'];\n  const bdr = `0.0625rem dashed ${isDragging || empty ? bdrColor : 'transparent'}`;\n\n  if (empty) {\n    return css`\n      text-align: center;\n      padding: ${theme.base.spacing};\n      border: ${bdr};\n      font-style: italic;\n    `;\n  }\n\n  return css`\n    position: relative;\n    background: ${theme.base.palette['primary-background']};\n\n    ${isDragging &&\n    css`\n      z-index: 1;\n\n      & > div,\n      span {\n        opacity: 0.5;\n      }\n    `}\n\n    &::before,\n    &::after {\n      content: '';\n      display: block;\n      position: absolute;\n      height: 0.0625rem;\n      left: 0;\n      right: 0;\n      background: ${isDragging ? theme.base.palette['primary-background'] : bdrColor};\n    }\n\n    &::before {\n      top: 0;\n      border-top: ${bdr};\n      ${isDragging &&\n      css`\n        box-shadow: 0 0.0625rem 0 ${theme.base.palette.interactive};\n      `}\n    }\n\n    &::after {\n      bottom: -0.0625rem;\n      border-bottom: ${bdr};\n      ${isDragging &&\n      css`\n        box-shadow: 0 -0.0625rem 0 ${theme.base.palette.interactive};\n      `}\n    }\n\n    & > ${StyledListItemInner} {\n      min-height: calc(${theme.base['hit-area'].mouse} + ${theme.base.spacing});\n\n      @media (pointer: coarse) {\n        min-height: calc(${theme.base['hit-area']['finger-min']} + ${theme.base.spacing});\n      }\n    }\n  `;\n});\n\nStyledStandardDragDropListItem.defaultProps = defaultThemeProp;\n\nexport const StyledStandardDragDropList: IStyledComponent<'web', StandardDragDropListProps> =\n  styled.div(({ theme }) => {\n    const {\n      base: {\n        palette: { 'border-line': borderColor },\n        'border-radius': baseBorderRadius\n      },\n      components: {\n        'form-control': { 'border-radius': borderRadiusMultiplier, 'border-width': borderWidth }\n      }\n    } = theme;\n\n    const matchBottomBorderRadius = css`\n      border-end-start-radius: calc(${baseBorderRadius} * ${borderRadiusMultiplier});\n      border-end-end-radius: calc(${baseBorderRadius} * ${borderRadiusMultiplier});\n    `;\n\n    return css`\n      flex-grow: 1;\n\n      ul {\n        list-style: none;\n        border: ${borderWidth} solid ${borderColor};\n        border-radius: calc(${baseBorderRadius} * ${borderRadiusMultiplier});\n\n        > ${StyledStandardDragDropListItem} {\n          &:first-child {\n            border-start-start-radius: calc(${baseBorderRadius} * ${borderRadiusMultiplier});\n            border-start-end-radius: calc(${baseBorderRadius} * ${borderRadiusMultiplier});\n\n            &::before {\n              display: none;\n            }\n          }\n\n          &:last-child,\n          &:last-child ${StyledStandardDragDropListItem}:last-child {\n            ${matchBottomBorderRadius}\n\n            &::after {\n              display: none;\n            }\n          }\n\n          &:last-child ${StyledStandardDragDropList} {\n            ${matchBottomBorderRadius}\n          }\n        }\n\n        ul {\n          border: none;\n          padding-inline: calc(3.5 * ${theme.base.spacing}) 0;\n\n          > ${StyledStandardDragDropListItem} {\n            &:first-child {\n              border-radius: 0;\n            }\n\n            &:first-child::before {\n              display: block;\n            }\n\n            &:last-child {\n              border-radius: 0;\n            }\n\n            &:last-child::after {\n              display: block;\n            }\n\n            ${StyledListItemInner} {\n              padding-inline-start: calc(${theme.base.spacing} * 1);\n            }\n          }\n        }\n      }\n    `;\n  });\n\nStyledStandardDragDropList.defaultProps = defaultThemeProp;\n"]}

package/lib/components/StandardDragDropList/StandardDragDropList.test-ids.d.ts

@@ -1,3 +1,3 @@
-export declare const getItemRendererTestIds: (testIdProp?: import("@pega/cosmos-react-core").TestIdProp["testId"]) => import("@pega/cosmos-react-core").TestIdsRecord<readonly ["expand-collapse-button", "add-button", "configure-button", "remove-button", "drag-handle", "icon", "checkbox"]>;
+export declare const getItemRendererTestIds: (testIdProp?: import("@pega/cosmos-react-core").TestIdProp["testId"]) => import("@pega/cosmos-react-core").TestIdsRecord<readonly ["expand-collapse-button", "add-button", "configure-button", "remove-button", "drag-handle", "icon", "checkbox", "radio", "primary"]>;
 export declare const getStandardDragDropListTestIds: (testIdProp?: import("@pega/cosmos-react-core").TestIdProp["testId"]) => import("@pega/cosmos-react-core").TestIdsRecord<readonly ["header"]>;
 //# sourceMappingURL=StandardDragDropList.test-ids.d.ts.map

package/lib/components/StandardDragDropList/StandardDragDropList.test-ids.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StandardDragDropList.test-ids.d.ts","sourceRoot":"","sources":["../../../src/components/StandardDragDropList/StandardDragDropList.test-ids.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB,qPAQxB,CAAC;AAEZ,eAAO,MAAM,8BAA8B,+IAEhC,CAAC"}
+{"version":3,"file":"StandardDragDropList.test-ids.d.ts","sourceRoot":"","sources":["../../../src/components/StandardDragDropList/StandardDragDropList.test-ids.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB,yQAUxB,CAAC;AAEZ,eAAO,MAAM,8BAA8B,+IAEhC,CAAC"}

package/lib/components/StandardDragDropList/StandardDragDropList.test-ids.js

@@ -6,7 +6,9 @@ export const getItemRendererTestIds = createTestIds('standard-drag-drop-item', [
     'remove-button',
     'drag-handle',
     'icon',
-    'checkbox'
+    'checkbox',
+    'radio',
+    'primary'
 ]);
 export const getStandardDragDropListTestIds = createTestIds('standard-drag-drop-list', [
     'header'

package/lib/components/StandardDragDropList/StandardDragDropList.test-ids.js.map

@@ -1 +1 @@
-{"version":3,"file":"StandardDragDropList.test-ids.js","sourceRoot":"","sources":["../../../src/components/StandardDragDropList/StandardDragDropList.test-ids.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAExD,MAAM,CAAC,MAAM,sBAAsB,GAAG,aAAa,CAAC,yBAAyB,EAAE;IAC7E,wBAAwB;IACxB,YAAY;IACZ,kBAAkB;IAClB,eAAe;IACf,aAAa;IACb,MAAM;IACN,UAAU;CACF,CAAC,CAAC;AAEZ,MAAM,CAAC,MAAM,8BAA8B,GAAG,aAAa,CAAC,yBAAyB,EAAE;IACrF,QAAQ;CACA,CAAC,CAAC","sourcesContent":["import { createTestIds } from '@pega/cosmos-react-core';\n\nexport const getItemRendererTestIds = createTestIds('standard-drag-drop-item', [\n  'expand-collapse-button',\n  'add-button',\n  'configure-button',\n  'remove-button',\n  'drag-handle',\n  'icon',\n  'checkbox'\n] as const);\n\nexport const getStandardDragDropListTestIds = createTestIds('standard-drag-drop-list', [\n  'header'\n] as const);\n"]}
+{"version":3,"file":"StandardDragDropList.test-ids.js","sourceRoot":"","sources":["../../../src/components/StandardDragDropList/StandardDragDropList.test-ids.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAExD,MAAM,CAAC,MAAM,sBAAsB,GAAG,aAAa,CAAC,yBAAyB,EAAE;IAC7E,wBAAwB;IACxB,YAAY;IACZ,kBAAkB;IAClB,eAAe;IACf,aAAa;IACb,MAAM;IACN,UAAU;IACV,OAAO;IACP,SAAS;CACD,CAAC,CAAC;AAEZ,MAAM,CAAC,MAAM,8BAA8B,GAAG,aAAa,CAAC,yBAAyB,EAAE;IACrF,QAAQ;CACA,CAAC,CAAC","sourcesContent":["import { createTestIds } from '@pega/cosmos-react-core';\n\nexport const getItemRendererTestIds = createTestIds('standard-drag-drop-item', [\n  'expand-collapse-button',\n  'add-button',\n  'configure-button',\n  'remove-button',\n  'drag-handle',\n  'icon',\n  'checkbox',\n  'radio',\n  'primary'\n] as const);\n\nexport const getStandardDragDropListTestIds = createTestIds('standard-drag-drop-list', [\n  'header'\n] as const);\n"]}

package/lib/components/StandardDragDropList/StandardDragDropList.types.d.ts

@@ -1,5 +1,5 @@
 import type { MouseEvent, MouseEventHandler, ReactNode, Ref } from 'react';
-import type { TestIdProp, OmitStrict, BaseProps, NoChildrenProp, ForwardProps, HeadingTag, AdditionalInfoProps, IconProps, FormControlProps } from '@pega/cosmos-react-core';
+import type { LinkProps, TestIdProp, OmitStrict, BaseProps, NoChildrenProp, ForwardProps, HeadingTag, AdditionalInfoProps, IconProps, FormControlProps } from '@pega/cosmos-react-core';
 import type { DragDropListProps } from '../DragDropList';
 export interface StandardDragDropListProps extends OmitStrict<DragDropListProps<StandardDragDropListItemProps>, 'dragHandles' | 'itemRenderer' | 'emptyRenderer' | 'items' | 'onChange'>, BaseProps, NoChildrenProp, TestIdProp {
     /** The contents of the list. */
@@ -18,8 +18,10 @@ export interface StandardDragDropListProps extends OmitStrict<DragDropListProps<
      * @default h2
      */
     headingTag?: HeadingTag;
-    /** Enables list item selection rendering checkboxes for each. */
+    /** Enables list item selection, rendering radio buttons in single mode or checkboxes in multi mode. */
     onItemSelection?: (item: StandardDragDropListItemProps) => void;
+    /** Controls list item selection control visualization. */
+    itemSelectionMode?: 'single' | 'multi';
     /** A region for various list level actions */
     footer?: ReactNode;
     /**
@@ -41,6 +43,7 @@ export type StandardDragDropListItemProps = ForwardProps & {
         text: string;
         onClick: MouseEventHandler;
         href?: string;
+        onPreview?: LinkProps['onPreview'];
     } & ForwardProps);
     /** An additional textual representation for the item e.g. metadata. */
     secondary?: string;

package/lib/components/StandardDragDropList/StandardDragDropList.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StandardDragDropList.types.d.ts","sourceRoot":"","sources":["../../../src/components/StandardDragDropList/StandardDragDropList.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"StandardDragDropList.types.d.ts","sourceRoot":"","sources":["../../../src/components/StandardDragDropList/StandardDragDropList.types.ts"],"names":[],"mappings":"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"}

package/lib/components/StandardDragDropList/StandardDragDropList.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"StandardDragDropList.types.js","sourceRoot":"","sources":["../../../src/components/StandardDragDropList/StandardDragDropList.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { MouseEvent, MouseEventHandler, ReactNode, Ref } from 'react';\n\nimport type {\n  TestIdProp,\n  OmitStrict,\n  BaseProps,\n  NoChildrenProp,\n  ForwardProps,\n  HeadingTag,\n  AdditionalInfoProps,\n  IconProps,\n  FormControlProps\n} from '@pega/cosmos-react-core';\n\nimport type { DragDropListProps } from '../DragDropList';\n\nexport interface StandardDragDropListProps\n  extends OmitStrict<\n      DragDropListProps<StandardDragDropListItemProps>,\n      'dragHandles' | 'itemRenderer' | 'emptyRenderer' | 'items' | 'onChange'\n    >,\n    BaseProps,\n    NoChildrenProp,\n    TestIdProp {\n  /** The contents of the list. */\n  items: StandardDragDropListItemProps[];\n  /** A title for the list. */\n  heading?: string;\n  /** Renders a button that when clicked presents additional information for the list. */\n  additionalInfo?: {\n    heading?: AdditionalInfoProps['heading'];\n    content: AdditionalInfoProps['children'];\n  };\n  /** For use in providing instructional information about the list. */\n  info?: FormControlProps['info'];\n  /**\n   * Select the heading tag for header\n   * @default h2\n   */\n  headingTag?: HeadingTag;\n  /** Enables list item selection rendering checkboxes for each. */\n  onItemSelection?: (item: StandardDragDropListItemProps) => void;\n  /** A region for various list level actions */\n  footer?: ReactNode;\n  /**\n   * Called when the list's content changes by way of drag for reorder, add or remove.\n   * The handler is provided an array of items representing the new state.\n   */\n  onChange?: (items: StandardDragDropListProps['items']) => void;\n  /** A ref to the root HTMLElement for the component. */\n  ref?: Ref<HTMLDivElement>;\n}\n\ntype ItemAction = (\n  id: StandardDragDropListItemProps['id'],\n  e: MouseEvent<HTMLButtonElement>\n) => void;\n\nexport type StandardDragDropListItemProps = ForwardProps & {\n  /** An identifier unique within the entire list hierarchy. */\n  id: string;\n  /** Indicates the type of item for determining drop acceptance by a target list. */\n  type: string;\n  /** The primary textual representation for the item or props for a linkable resource. */\n  primary: string | ({ text: string; onClick: MouseEventHandler; href?: string } & ForwardProps);\n  /** An additional textual representation for the item e.g. metadata. */\n  secondary?: string;\n  /** Presents the item as being in an invalidate state. */\n  status?: {\n    type: 'error' | 'warning';\n    message: string;\n  };\n  /** Whether or not the item can be reordered with drag. */\n  draggable?: boolean;\n  /** Selected state of the item. */\n  selected?: boolean;\n  /** Defines the props of the icon passed to the list item */\n  icon?: OmitStrict<IconProps, 'size'>;\n  /**\n   * If the item is configurable pass a callback to render a button.\n   * The item's id and an event argument provides access to the underlying HTMLButtonElement.\n   */\n  onConfigure?: ItemAction;\n  /**\n   * If the item can be removed form the list pass a callback to render a button.\n   * The handler's event argument provides access to the underlying HTMLButtonElement.\n   */\n  onRemove?: ItemAction;\n} & (\n    | {\n        /** If the item can possess a nested list of items. */\n        items: StandardDragDropListItemProps[];\n        /** Type of items allowed to be dropped on the list. If not passed it will inherit accept from the parent list. */\n        accept?: StandardDragDropListProps['accept'];\n        /** Optionally render an add button for parent item types. */\n        onAddTo?: ItemAction;\n      }\n    | {\n        items?: undefined;\n        accept?: never;\n        onAddTo?: never;\n      }\n  );\n"]}
+{"version":3,"file":"StandardDragDropList.types.js","sourceRoot":"","sources":["../../../src/components/StandardDragDropList/StandardDragDropList.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { MouseEvent, MouseEventHandler, ReactNode, Ref } from 'react';\n\nimport type {\n  LinkProps,\n  TestIdProp,\n  OmitStrict,\n  BaseProps,\n  NoChildrenProp,\n  ForwardProps,\n  HeadingTag,\n  AdditionalInfoProps,\n  IconProps,\n  FormControlProps\n} from '@pega/cosmos-react-core';\n\nimport type { DragDropListProps } from '../DragDropList';\n\nexport interface StandardDragDropListProps\n  extends OmitStrict<\n      DragDropListProps<StandardDragDropListItemProps>,\n      'dragHandles' | 'itemRenderer' | 'emptyRenderer' | 'items' | 'onChange'\n    >,\n    BaseProps,\n    NoChildrenProp,\n    TestIdProp {\n  /** The contents of the list. */\n  items: StandardDragDropListItemProps[];\n  /** A title for the list. */\n  heading?: string;\n  /** Renders a button that when clicked presents additional information for the list. */\n  additionalInfo?: {\n    heading?: AdditionalInfoProps['heading'];\n    content: AdditionalInfoProps['children'];\n  };\n  /** For use in providing instructional information about the list. */\n  info?: FormControlProps['info'];\n  /**\n   * Select the heading tag for header\n   * @default h2\n   */\n  headingTag?: HeadingTag;\n  /** Enables list item selection, rendering radio buttons in single mode or checkboxes in multi mode. */\n  onItemSelection?: (item: StandardDragDropListItemProps) => void;\n  /** Controls list item selection control visualization. */\n  itemSelectionMode?: 'single' | 'multi';\n  /** A region for various list level actions */\n  footer?: ReactNode;\n  /**\n   * Called when the list's content changes by way of drag for reorder, add or remove.\n   * The handler is provided an array of items representing the new state.\n   */\n  onChange?: (items: StandardDragDropListProps['items']) => void;\n  /** A ref to the root HTMLElement for the component. */\n  ref?: Ref<HTMLDivElement>;\n}\n\ntype ItemAction = (\n  id: StandardDragDropListItemProps['id'],\n  e: MouseEvent<HTMLButtonElement>\n) => void;\n\nexport type StandardDragDropListItemProps = ForwardProps & {\n  /** An identifier unique within the entire list hierarchy. */\n  id: string;\n  /** Indicates the type of item for determining drop acceptance by a target list. */\n  type: string;\n  /** The primary textual representation for the item or props for a linkable resource. */\n  primary:\n    | string\n    | ({\n        text: string;\n        onClick: MouseEventHandler;\n        href?: string;\n        onPreview?: LinkProps['onPreview'];\n      } & ForwardProps);\n  /** An additional textual representation for the item e.g. metadata. */\n  secondary?: string;\n  /** Presents the item as being in an invalidate state. */\n  status?: {\n    type: 'error' | 'warning';\n    message: string;\n  };\n  /** Whether or not the item can be reordered with drag. */\n  draggable?: boolean;\n  /** Selected state of the item. */\n  selected?: boolean;\n  /** Defines the props of the icon passed to the list item */\n  icon?: OmitStrict<IconProps, 'size'>;\n  /**\n   * If the item is configurable pass a callback to render a button.\n   * The item's id and an event argument provides access to the underlying HTMLButtonElement.\n   */\n  onConfigure?: ItemAction;\n  /**\n   * If the item can be removed form the list pass a callback to render a button.\n   * The handler's event argument provides access to the underlying HTMLButtonElement.\n   */\n  onRemove?: ItemAction;\n} & (\n    | {\n        /** If the item can possess a nested list of items. */\n        items: StandardDragDropListItemProps[];\n        /** Type of items allowed to be dropped on the list. If not passed it will inherit accept from the parent list. */\n        accept?: StandardDragDropListProps['accept'];\n        /** Optionally render an add button for parent item types. */\n        onAddTo?: ItemAction;\n      }\n    | {\n        items?: undefined;\n        accept?: never;\n        onAddTo?: never;\n      }\n  );\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/cosmos-react-dnd",
-  "version": "9.0.0-build.9.9",
+  "version": "9.0.0",
   "license": "SEE LICENSE IN LICENSE",
   "author": "Pegasystems",
   "sideEffects": false,
@@ -14,10 +14,9 @@
     "build": "tsc -b tsconfig.build.json"
   },
   "dependencies": {
-    "@pega/cosmos-react-core": "9.0.0-build.9.9",
+    "@pega/cosmos-react-core": "9.0.0",
     "@types/react": "^17.0.62 || ^18.3.3",
     "@types/react-dom": "^17.0.20 || ^18.3.0",
-    "@types/styled-components": "^5.1.26",
     "dnd-core": "14.0.1",
     "polished": "^4.1.0",
     "rdndmb-html5-to-touch": "^7.1.3",
@@ -25,7 +24,7 @@
     "react-dnd": "^14.0.5",
     "react-dnd-multi-backend": "^7.1.3",
     "react-dom": "^17.0.0 || ^18.0.0",
-    "styled-components": "^5.2.0"
+    "styled-components": "~6.3.11"
   },
   "devDependencies": {
     "@storybook/addon-actions": "~8.2.9",
@@ -34,6 +33,6 @@
     "@testing-library/dom": "^10.3.0",
     "@testing-library/react": "^16.0.0",
     "@testing-library/user-event": "^14.6.1",
-    "typescript": "~5.8.3"
+    "typescript": "~5.9.3"
   }
 }