@pega/cosmos-react-core 9.20.0 → 9.21.1

package/lib/components/File/FileItem.d.ts

@@ -1,11 +1,44 @@
 import type { Ref } from 'react';
 import type { ForwardRefForwardPropsComponent, BaseProps } from '../../types';
 import type { FileVisualProps } from './FileVisual';
+interface FileMetadataFieldBase {
+    /** Unique identifier for this metadata field. */
+    id: string;
+    /** Display label for the field. */
+    label: string;
+    /** Additional info shown alongside the field label. */
+    additionalInfo?: {
+        heading?: string;
+        content: string;
+    };
+    /** Callback fired when the field value changes. */
+    onChange: (value: string) => void;
+}
+export interface FileMetadataTextField extends FileMetadataFieldBase {
+    /** Current value of the text input. */
+    value?: string;
+    selected?: never;
+    options?: never;
+}
+export interface FileMetadataSelectField extends FileMetadataFieldBase {
+    /** The id of the currently selected option. */
+    selected?: string;
+    /** Selectable options rendered as a ComboBox. */
+    options: {
+        id: string;
+        label: string;
+    }[];
+    value?: never;
+}
+export type FileMetadataField = FileMetadataTextField | FileMetadataSelectField;
+export type FileMetadata = FileMetadataField[];
 export interface FileItemProps extends BaseProps {
     /** Unique id for item. */
     id: string;
     /** Name of the file. */
     name: string;
+    /** File metadata and edit configuration. When provided, enables edit mode with stacked single-column layout and inline editable fields. */
+    metadata?: FileMetadata;
     /** A string to be used as an image src for a attachment thumbnail. Falls back to a provided icon or the default attachment icon. */
     thumbnail?: FileVisualProps['thumbnail'];
     /** File extension. Use 'url' for link */
@@ -49,9 +82,14 @@ export declare const StyledPreviewTitle: import("styled-components/dist/types").
 export declare const StyledTextTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("../Text").TextProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement | HTMLSpanElement> & import("../../types").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<ForwardRefForwardPropsComponent<import("../Text").TextProps>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledErrorTextTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<Omit<import("../Text").TextProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement | HTMLSpanElement> & import("../../types").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>, never>> & string;
 export declare const StyledFileItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     compactMode: FileItemProps["compact"];
     isDisabled?: FileItemProps["disabled"];
+    hasMetadata?: boolean;
+    isErrorOrProgressItem?: boolean;
 }>> & string;
 declare const FileItem: ForwardRefForwardPropsComponent<FileItemProps>;
 export default FileItem;

package/lib/components/File/FileItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileItem.d.ts","sourceRoot":"","sources":["../../../src/components/File/FileItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAmB,GAAG,EAAuC,MAAM,OAAO,CAAC;AAYvF,OAAO,KAAK,EAAE,+BAA+B,EAAE,SAAS,EAAU,MAAM,aAAa,CAAC;AAyBtF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAIpD,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,0BAA0B;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,wBAAwB;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,oIAAoI;IACpI,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IACzC,yCAAyC;IACzC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,8IAA8I;IAC9I,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,aAAa,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IAC7C,yGAAyG;IACzG,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,aAAa,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IAC3C,6IAA6I;IAC7I,SAAS,CAAC,EAAE,CAAC,EAAE,EAAE,aAAa,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IAC9C,8HAA8H;IAC9H,qBAAqB,CAAC,EAAE,CAAC,EAAE,EAAE,aAAa,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IAC1D;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,0IAA0I;IAC1I,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,aAAa,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IAC/C,yGAAyG;IACzG,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,aAAa,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IAC7C,yGAAyG;IACzG,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,aAAa,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IAC3C,gIAAgI;IAChI,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oGAAoG;IACpG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oCAAoC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAgBD,eAAO,MAAM,kBAAkB;;2IAE9B,CAAC;AAEF,eAAO,MAAM,eAAe;;uIAE3B,CAAC;AAyBF,eAAO,MAAM,cAAc;iBACZ,aAAa,CAAC,SAAS,CAAC;iBACxB,aAAa,CAAC,UAAU,CAAC;YA2EvC,CAAC;AAIF,QAAA,MAAM,QAAQ,EAAE,+BAA+B,CAAC,aAAa,CAiQ3D,CAAC;AAEH,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"FileItem.d.ts","sourceRoot":"","sources":["../../../src/components/File/FileItem.tsx"],"names":[],"mappings":"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"}

package/lib/components/File/FileItem.js

@@ -2,6 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { forwardRef, useEffect, useState } from 'react';
 import styled, { css } from 'styled-components';
 import Icon, { registerIcon } from '../Icon';
+import Input from '../Input';
+import ComboBox from '../ComboBox';
 import * as openIcon from '../Icon/icons/open.icon';
 import * as timesIcon from '../Icon/icons/times.icon';
 import * as previewIcon from '../Icon/icons/preview.icon';
@@ -18,8 +20,9 @@ import Progress from '../Progress';
 import { StyledProgressRing } from '../Progress/Progress.styles';
 import { formatNumber } from '../Number';
 import Flex from '../Flex';
+import Grid from '../Grid';
 import { StyledIconShape } from '../Icon/Icon';
-import { getActiveElement, getFocusables } from '../../utils';
+import { getActiveElement, getFocusables, isInstance } from '../../utils';
 import { ellipsisOverflow } from '../../styles/mixins';
 import { StyledLinkPopover, StyledLinkPreviewPopoverBtn } from '../Link/Link';
 import Popover from '../Popover';
@@ -34,6 +37,28 @@ const StyledErrorIcon = styled(Icon)(({ theme }) => {
   `;
 });
 StyledErrorIcon.defaultProps = defaultThemeProp;
+const StyledStatusVisualInEditableLayout = styled.div(({ theme: { components: { input } } }) => {
+    return css `
+      min-inline-size: ${input.height};
+      min-block-size: ${input.height};
+
+      > ${StyledErrorIcon} {
+        margin-inline-start: 0;
+      }
+
+      > ${StyledProgressRing} {
+        margin-inline-start: 0;
+        inline-size: ${input.height};
+        block-size: ${input.height};
+
+        > svg {
+          width: 100%;
+          height: 100%;
+        }
+      }
+    `;
+});
+StyledStatusVisualInEditableLayout.defaultProps = defaultThemeProp;
 const titleEllipsisStyle = css `
   flex-shrink: 1;
   ${ellipsisOverflow}
@@ -44,11 +69,17 @@ export const StyledPreviewTitle = styled(Button) `
 export const StyledTextTitle = styled(Text) `
   ${titleEllipsisStyle}
 `;
-const StyledMeta = styled(StyledText)(({ theme, error }) => {
+export const StyledErrorTextTitle = styled(StyledTextTitle)(({ theme }) => {
+    return css `
+    font-weight: ${theme.base['font-weight']['semi-bold']};
+  `;
+});
+StyledErrorTextTitle.defaultProps = defaultThemeProp;
+const StyledMeta = styled(StyledText)(({ theme, error, alignStart }) => {
     return css `
     /* min width to show percentage in full */
     min-width: 4ch;
-    margin-inline-start: auto;
+    margin-inline-start: ${alignStart ? 'unset' : 'auto'};
     ${titleEllipsisStyle}
     ${error &&
         css `
@@ -63,14 +94,51 @@ const StyledActionsWrapper = styled.div(({ meta }) => {
   `;
 });
 StyledActionsWrapper.defaultProps = defaultThemeProp;
-export const StyledFileItem = styled.div(({ theme: { base: { palette, spacing, 'hit-area': { compact }, 'disabled-opacity': disabledOpacity }, components: { input, 'form-control': { ':disabled': { 'background-color': disabledBackgroundColor, 'border-color': disabledBorderColor } } } }, compactMode, isDisabled }) => {
+const StyledMetadataGrid = styled(Grid)(({ theme }) => {
+    return css `
+    grid-template-columns: repeat(2, 1fr);
+
+    @container (width < ${theme.base.breakpoints.sm}) {
+      grid-template-columns: 1fr;
+    }
+  `;
+});
+StyledMetadataGrid.defaultProps = defaultThemeProp;
+export const StyledFileItem = styled.div(({ theme: { base: { palette, spacing, 'hit-area': { compact, 'compact-min': compactMin, 'mouse-min': mouseMin, 'finger-min': fingerMin }, 'disabled-opacity': disabledOpacity }, components: { input, 'form-control': { ':disabled': { 'background-color': disabledBackgroundColor, 'border-color': disabledBorderColor } } } }, compactMode, isDisabled, hasMetadata, isErrorOrProgressItem }) => {
+    const labelOffset = `calc(${compactMin} + 0.25 * ${spacing})`;
     return css `
       border-radius: calc(var(--container-border-radius) * 0.5);
       border: 0.0625rem solid ${palette['border-line']};
-      background-color: ${palette['primary-background']};
+      ${!hasMetadata &&
+        css `
+        background-color: ${palette['primary-background']};
+      `}
       height: ${input.height};
       min-width: calc(${input.height} + 12ch + 1.5 * ${spacing} + ${compact});
 
+      ${hasMetadata &&
+        css `
+        container-type: inline-size;
+        border: none;
+        border-block-start: 0.0625rem solid ${palette['border-line']};
+        border-start-start-radius: 0;
+        border-start-end-radius: 0;
+        height: auto;
+        min-height: ${input.height};
+
+        &:first-child {
+          border-block-start: none;
+        }
+
+        > ${StyledActionsWrapper} {
+          align-self: flex-start;
+          margin-block-start: ${isErrorOrProgressItem ? '0' : labelOffset};
+          margin-inline-end: calc(-0.5 * ${spacing});
+          inline-size: ${input.height};
+          block-size: ${input.height};
+        }
+      `}
+
       ${compactMode &&
         css `
         height: ${compact};
@@ -100,12 +168,32 @@ export const StyledFileItem = styled.div(({ theme: { base: { palette, spacing, '
         border-start-end-radius: 0;
         border-end-end-radius: 0;
         width: ${input.height};
+        min-width: ${mouseMin};
         flex-shrink: 0;
 
+        @media (pointer: coarse) {
+          min-width: ${fingerMin};
+        }
+
+        ${hasMetadata &&
+        css `
+          height: ${input.height};
+          min-height: ${mouseMin};
+          overflow: hidden;
+          border-radius: calc(var(--container-border-radius) * 0.5);
+          margin-block-start: ${isErrorOrProgressItem ? '0' : labelOffset};
+
+          @media (pointer: coarse) {
+            min-height: ${fingerMin};
+          }
+        `}
+
         ${compactMode &&
         css `
           height: ${compact};
           width: ${compact};
+          min-width: unset;
+          min-height: unset;
         `}
       }
       ${isDisabled &&
@@ -118,7 +206,7 @@ export const StyledFileItem = styled.div(({ theme: { base: { palette, spacing, '
 });
 StyledFileItem.defaultProps = defaultThemeProp;
 const FileItem = forwardRef(function FileItem(props, ref) {
-    const { id, name, thumbnail, format, error, onCancel, onEdit, onPreview, onPreviewPopoverClick, onDownload, onDelete, onOpen, progress, compact = false, previewFromActions = false, disabled = false, ...restProps } = props;
+    const { id, name, metadata, thumbnail, format, error, onCancel, onEdit, onPreview, onPreviewPopoverClick, onDownload, onDelete, onOpen, progress, compact = false, previewFromActions = false, disabled = false, ...restProps } = props;
     const [thumbnailError, setThumbnailError] = useState(false);
     const [textTarget, setTextTarget] = useElement();
     const [metaTarget, setMetaTarget] = useElement();
@@ -129,7 +217,9 @@ const FileItem = forwardRef(function FileItem(props, ref) {
     const { previewTriggerRef } = usePreviewContext();
     const t = useI18n();
     const uploading = typeof progress === 'number' && progress < 100;
+    const isErrorOrProgressItem = Boolean(error || uploading);
     const itemRef = useConsolidatedRef(ref);
+    const hasMetadata = !!metadata;
     const activeElement = getActiveElement();
     const activeElementInItem = itemRef.current?.contains(activeElement);
     let metaMessage;
@@ -148,7 +238,7 @@ const FileItem = forwardRef(function FileItem(props, ref) {
     }
     const definedActions = [
         previewFromActions ? { onClick: onPreview, text: t('preview'), icon: 'preview' } : undefined,
-        { onClick: onEdit, text: t('edit'), icon: 'pencil' },
+        { onClick: hasMetadata ? undefined : onEdit, text: t('edit'), icon: 'pencil' },
         { onClick: onDownload, text: t('download'), icon: 'download' },
         { onClick: onDelete, text: t('delete'), icon: 'trash' },
         { onClick: onOpen, text: t('link_open_in_tab_text'), icon: 'open' }
@@ -168,11 +258,11 @@ const FileItem = forwardRef(function FileItem(props, ref) {
     let visual;
     let contextualLabel;
     if (uploading) {
-        visual = _jsx(Progress, { variant: 'ring', placement: 'inline', value: progress });
+        visual = hasMetadata ? (_jsx(Flex, { container: { alignItems: 'center', justify: 'center' }, item: { shrink: 0 }, as: StyledStatusVisualInEditableLayout, children: _jsx(Progress, { variant: 'ring', placement: 'inline', value: progress }) })) : (_jsx(Progress, { variant: 'ring', placement: 'inline', value: progress }));
         contextualLabel = t('uploading_file', [name]);
     }
     else if (error) {
-        visual = _jsx(StyledErrorIcon, { name: 'warn-solid' });
+        visual = hasMetadata ? (_jsx(Flex, { container: { alignItems: 'center', justify: 'center' }, item: { shrink: 0 }, as: StyledStatusVisualInEditableLayout, children: _jsx(StyledErrorIcon, { name: 'warn-solid' }) })) : (_jsx(StyledErrorIcon, { name: 'warn-solid' }));
         contextualLabel = t('upload_failed', [name, error]);
     }
     else {
@@ -186,25 +276,79 @@ const FileItem = forwardRef(function FileItem(props, ref) {
             getFocusables(itemRef.current)[0]?.focus();
         }
     }, [progress, error, onCancel, onDelete, onPreview, onEdit, onDownload]);
+    const showInlinePreview = !hasMetadata &&
+        !previewFromActions &&
+        ((!inModal && onPreviewPopoverClick) || onPreview) &&
+        !(error || uploading);
+    let primaryContent;
+    if (metadata && metadata.length > 0 && !error && !uploading) {
+        primaryContent = (_jsx(StyledMetadataGrid, { container: { gap: 1 }, children: metadata.map((field, index) => {
+                const spanFull = index === metadata.length - 1 && metadata.length % 2 !== 0;
+                const gridItem = spanFull ? { colStartEnd: '1 / -1' } : {};
+                if (field.options && field.options.length > 0) {
+                    return (_jsx(Grid, { item: gridItem, children: _jsx(ComboBox, { label: field.label, selected: (() => {
+                                if (!field.selected)
+                                    return;
+                                const selectedItem = field.options.find(opt => opt.id === field.selected);
+                                if (!selectedItem)
+                                    return;
+                                return {
+                                    items: {
+                                        id: selectedItem.id,
+                                        text: selectedItem.label
+                                    }
+                                };
+                            })(), menu: {
+                                mode: 'single-select',
+                                items: field.options.map(opt => ({ id: opt.id, primary: opt.label })),
+                                onItemClick: (optionId) => field.onChange(optionId)
+                            }, disabled: disabled }) }, field.id));
+                }
+                return (_jsx(Grid, { item: gridItem, children: _jsx(Input, { label: field.label, value: field.value, onChange: (e) => field.onChange(e.target.value), additionalInfo: field.additionalInfo, disabled: disabled }) }, field.id));
+            }) }));
+    }
+    else if (showInlinePreview) {
+        primaryContent = (_jsxs(Button, { ...restProps, as: StyledPreviewTitle, variant: 'link', ref: setTextTarget, onClick: () => {
+                onPreview?.(id);
+            }, onKeyDown: (e) => {
+                if (e.getModifierState('Alt') && e.code === 'KeyP') {
+                    if (isInstance(e.currentTarget, HTMLElement)) {
+                        previewTriggerRef.current = e.currentTarget;
+                    }
+                    onPreviewPopoverClick?.(id);
+                }
+            }, onMouseEnter: onPreviewPopoverClick ? () => setPopover(true) : undefined, onMouseLeave: onPreviewPopoverClick ? () => setPopover(false) : undefined, onFocus: onPreviewPopoverClick ? () => setPreviewPopover(true) : undefined, onBlur: onPreviewPopoverClick ? () => setPreviewPopover(false) : undefined, "aria-label": t('preview_file', [name]), disabled: disabled, children: [name, format === 'url' && _jsx(Icon, { name: 'open' })] }));
+    }
+    else {
+        primaryContent = (_jsx(Text, { ...restProps, as: hasMetadata && !!error ? StyledErrorTextTitle : StyledTextTitle, ref: setTextTarget, children: name }));
+    }
+    let detailsContent;
+    const containerPad = hasMetadata
+        ? [1, 0.5, 1, undefined]
+        : [undefined, 0.5, undefined, undefined];
+    const metaContent = metaMessage ? (_jsxs(_Fragment, { children: [_jsx(Text, { as: StyledMeta, variant: 'secondary', error: !!error && !uploading, alignStart: hasMetadata && (!!error || uploading), ref: setMetaTarget, children: metaMessage }), metaTarget && (_jsx(Tooltip, { target: metaTarget, describeTarget: false, smart: true, children: metaMessage }))] })) : null;
+    if (hasMetadata) {
+        detailsContent = (_jsxs(Flex, { item: { grow: 1 }, container: {
+                direction: 'column'
+            }, children: [primaryContent, metaContent] }));
+    }
+    else {
+        detailsContent = (_jsxs(_Fragment, { children: [primaryContent, metaContent] }));
+    }
     return (_jsxs(Flex, { as: StyledFileItem, container: {
-            pad: [undefined, 0.5, undefined, undefined],
-            alignItems: 'center',
+            pad: containerPad,
+            alignItems: hasMetadata ? 'start' : 'center',
             justify: 'start',
             gap: 1
-        }, isDisabled: disabled, compactMode: compact, ref: itemRef, children: [visual, !previewFromActions &&
-                ((!inModal && onPreviewPopoverClick) || onPreview) &&
-                !(error || uploading) ? (_jsxs(Button, { ...restProps, as: StyledPreviewTitle, variant: 'link', ref: setTextTarget, onClick: () => {
-                    onPreview?.(id);
-                }, onKeyDown: (e) => {
-                    if (e.getModifierState('Alt') && e.code === 'KeyP') {
-                        previewTriggerRef.current = e.currentTarget;
-                        onPreviewPopoverClick?.(id);
-                    }
-                }, onMouseEnter: onPreviewPopoverClick ? () => setPopover(true) : undefined, onMouseLeave: onPreviewPopoverClick ? () => setPopover(false) : undefined, onFocus: onPreviewPopoverClick ? () => setPreviewPopover(true) : undefined, onBlur: onPreviewPopoverClick ? () => setPreviewPopover(false) : undefined, "aria-label": t('preview_file', [name]), disabled: disabled, children: [name, format === 'url' && _jsx(Icon, { name: 'open' })] })) : (_jsx(Text, { ...restProps, as: StyledTextTitle, ref: setTextTarget, children: name })), metaMessage && (_jsxs(_Fragment, { children: [_jsx(Text, { as: StyledMeta, variant: 'secondary', error: error && !uploading, ref: setMetaTarget, children: metaMessage }), metaTarget && (_jsx(Tooltip, { target: metaTarget, describeTarget: false, smart: true, children: metaMessage }))] })), (error || uploading) && onCancel && (_jsx(StyledActionsWrapper, { meta: !!metaMessage, children: _jsx(Button, { label: t('cancel'), "aria-label": `${t('cancel')} - ${contextualLabel}`, variant: 'simple', compact: true, icon: true, onClick: () => onCancel(id), children: _jsx(Icon, { name: 'times' }) }) })), !(error || uploading) && !!definedActions.length && (_jsx(StyledActionsWrapper, { meta: !!metaMessage, children: _jsx(Actions, { items: definedActions, compact: true, iconOnly: true, contextualLabel: name, disabled: disabled }) })), textTarget && !onPreviewPopoverClick && (_jsx(Tooltip, { target: textTarget, smart: true, describeTarget: false, children: name })), onPreviewPopoverClick && !inModal && !previewFromActions && (_jsx(Popover, { as: StyledLinkPopover, show: popover, placement: 'top', groupId: 'tooltip', showDelay: 'short', target: textTarget, onMouseEnter: () => setPopover(true), onMouseLeave: () => setPopover(false), arrow: true, portal: true, children: _jsx(StyledLinkPreviewPopoverBtn, { type: 'button', onClick: () => {
-                        previewTriggerRef.current = textTarget;
+        }, isDisabled: disabled, compactMode: compact, hasMetadata: hasMetadata, isErrorOrProgressItem: isErrorOrProgressItem, ref: itemRef, children: [visual, detailsContent, (error || uploading) && onCancel && (_jsx(StyledActionsWrapper, { meta: !!metaMessage, children: _jsx(Button, { label: t('cancel'), "aria-label": `${t('cancel')} - ${contextualLabel}`, variant: 'simple', compact: !hasMetadata, icon: true, onClick: () => onCancel(id), children: _jsx(Icon, { name: 'times' }) }) })), !(error || uploading) && !!definedActions.length && (_jsx(StyledActionsWrapper, { meta: !!metaMessage, children: _jsx(Actions, { items: definedActions, compact: !hasMetadata, iconOnly: true, contextualLabel: name, disabled: disabled }) })), textTarget && !onPreviewPopoverClick && (_jsx(Tooltip, { target: textTarget, smart: true, describeTarget: false, children: name })), onPreviewPopoverClick && !inModal && !previewFromActions && (_jsx(Popover, { as: StyledLinkPopover, show: popover, placement: 'top', groupId: 'tooltip', showDelay: 'short', target: textTarget, onMouseEnter: () => setPopover(true), onMouseLeave: () => setPopover(false), arrow: true, portal: true, children: _jsx(StyledLinkPreviewPopoverBtn, { type: 'button', onClick: () => {
+                        if (isInstance(textTarget, HTMLElement)) {
+                            previewTriggerRef.current = textTarget;
+                        }
                         onPreviewPopoverClick?.(id);
                     }, tabIndex: -1, children: _jsx("div", { children: _jsx("span", { children: t('preview') }) }) }) })), onPreviewPopoverClick && !inModal && !previewFromActions && (_jsx(Popover, { as: StyledLinkPopover, show: previewPopover, placement: 'top', groupId: 'tooltip', showDelay: 'short', target: textTarget, arrow: true, portal: true, children: _jsx(StyledLinkPreviewPopoverBtn, { type: 'button', onClick: () => {
-                        previewTriggerRef.current = textTarget;
+                        if (isInstance(textTarget, HTMLElement)) {
+                            previewTriggerRef.current = textTarget;
+                        }
                         onPreviewPopoverClick?.(id);
                     }, tabIndex: -1, children: _jsxs("div", { children: [_jsx("span", { children: t('preview') }), _jsxs(Flex, { container: { inline: true, justify: 'end' }, children: [_jsx(Keyboard, { keyName: 'Alt' }), _jsx(Keyboard, { keyName: 'P' })] })] }) }) }))] }));
 });

package/lib/components/File/FileItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileItem.js","sourceRoot":"","sources":["../../../src/components/File/FileItem.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useEffect, useState } from 'react';\nimport type { PropsWithoutRef, Ref, KeyboardEvent as ReactKeyboardEvent } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport Icon, { registerIcon } from '../Icon';\nimport * as openIcon from '../Icon/icons/open.icon';\nimport * as timesIcon from '../Icon/icons/times.icon';\nimport * as previewIcon from '../Icon/icons/preview.icon';\nimport * as editIcon from '../Icon/icons/pencil.icon';\nimport * as downloadIcon from '../Icon/icons/download.icon';\nimport * as deleteIcon from '../Icon/icons/trash.icon';\nimport Text, { StyledText } from '../Text';\nimport Tooltip from '../Tooltip';\nimport type { ForwardRefForwardPropsComponent, BaseProps, Action } from '../../types';\nimport { defaultThemeProp } from '../../theme';\nimport Button, { StyledButton } from '../Button';\nimport {\n  useI18n,\n  useElement,\n  useConfiguration,\n  useConsolidatedRef,\n  usePreviewContext,\n  useModalContext\n} from '../../hooks';\nimport Actions from '../Actions';\nimport Progress from '../Progress';\nimport { StyledProgressRing } from '../Progress/Progress.styles';\nimport { formatNumber } from '../Number';\nimport Flex from '../Flex';\nimport { StyledIconShape } from '../Icon/Icon';\nimport { getActiveElement, getFocusables } from '../../utils';\nimport { ellipsisOverflow } from '../../styles/mixins';\nimport { StyledLinkPopover, StyledLinkPreviewPopoverBtn } from '../Link/Link';\nimport Popover from '../Popover';\nimport { Keyboard } from '../Badges';\n\nimport { getKindFromMimeType, getMimeTypeFromFile } from './utils';\nimport FileVisual, { StyledFileVisual } from './FileVisual';\nimport type { FileVisualProps } from './FileVisual';\n\nregisterIcon(openIcon, timesIcon, previewIcon, editIcon, downloadIcon, deleteIcon);\n\nexport interface FileItemProps extends BaseProps {\n  /** Unique id for item. */\n  id: string;\n  /** Name of the file. */\n  name: string;\n  /** A string to be used as an image src for a attachment thumbnail. Falls back to a provided icon or the default attachment icon. */\n  thumbnail?: FileVisualProps['thumbnail'];\n  /** File extension. Use 'url' for link */\n  format?: string;\n  /**\n   * Used for a smaller sized FileItem.\n   * @default false\n   */\n  compact?: boolean;\n  /** When passed, will render a single icon button for yet to be or in progress uploads. Use this action to trigger xhr request termination. */\n  onCancel?: (id: FileItemProps['id']) => void;\n  /** When passed, will render a single icon button or within a MenuButton if other actions are defined. */\n  onEdit?: (id: FileItemProps['id']) => void;\n  /** When passed, the file name will be rendered as a clickable button. Fires on direct click of the name. Passes file id as the parameter. */\n  onPreview?: (id: FileItemProps['id']) => void;\n  /** When passed, will render a preview tooltip. Will be fired on click of preview tooltip. Passes file id as the parameter. */\n  onPreviewPopoverClick?: (id: FileItemProps['id']) => void;\n  /**\n   * Moves preview option to actions menu.\n   * To be used only in compact mode of single file input when rendered in a table\n   */\n  previewFromActions?: boolean;\n  /** When passed, will render a single icon button or within a MenuButton if other actions are defined. Passes file id as the parameter. */\n  onDownload?: (id: FileItemProps['id']) => void;\n  /** When passed, will render a single icon button or within a MenuButton if other actions are defined. */\n  onDelete?: (id: FileItemProps['id']) => void;\n  /** When passed, will render a single icon button or within a MenuButton if other actions are defined. */\n  onOpen?: (id: FileItemProps['id']) => void;\n  /** If the attachment is in an upload state, pass progress as a number between 0-100 representing the percentage of progress. */\n  progress?: number;\n  /** Set if there is an error uploading the file. Applies error styling to the meta string passed. */\n  error?: string;\n  /** Setting the disable state */\n  disabled?: boolean;\n  /** Ref for the wrapping element. */\n  ref?: Ref<HTMLDivElement>;\n}\n\nconst StyledErrorIcon = styled(Icon)(({ theme }) => {\n  return css`\n    color: ${theme.base.palette.urgent};\n    margin-inline-start: calc(0.5 * ${theme.base.spacing});\n  `;\n});\n\nStyledErrorIcon.defaultProps = defaultThemeProp;\n\nconst titleEllipsisStyle = css`\n  flex-shrink: 1;\n  ${ellipsisOverflow}\n`;\n\nexport const StyledPreviewTitle = styled(Button)`\n  ${titleEllipsisStyle}\n`;\n\nexport const StyledTextTitle = styled(Text)`\n  ${titleEllipsisStyle}\n`;\n\nconst StyledMeta = styled(StyledText)<{ error: boolean }>(({ theme, error }) => {\n  return css`\n    /* min width to show percentage in full */\n    min-width: 4ch;\n    margin-inline-start: auto;\n    ${titleEllipsisStyle}\n    ${error &&\n    css`\n      color: ${theme.base.palette.urgent};\n    `}\n  `;\n});\n\nStyledMeta.defaultProps = defaultThemeProp;\n\nconst StyledActionsWrapper = styled.div<{ meta: boolean }>(({ meta }) => {\n  return css`\n    margin-inline-start: ${meta ? 'unset' : 'auto'};\n  `;\n});\n\nStyledActionsWrapper.defaultProps = defaultThemeProp;\n\nexport const StyledFileItem = styled.div<{\n  compactMode: FileItemProps['compact'];\n  isDisabled?: FileItemProps['disabled'];\n}>(\n  ({\n    theme: {\n      base: {\n        palette,\n        spacing,\n        'hit-area': { compact },\n        'disabled-opacity': disabledOpacity\n      },\n      components: {\n        input,\n        'form-control': {\n          ':disabled': {\n            'background-color': disabledBackgroundColor,\n            'border-color': disabledBorderColor\n          }\n        }\n      }\n    },\n    compactMode,\n    isDisabled\n  }) => {\n    return css`\n      border-radius: calc(var(--container-border-radius) * 0.5);\n      border: 0.0625rem solid ${palette['border-line']};\n      background-color: ${palette['primary-background']};\n      height: ${input.height};\n      min-width: calc(${input.height} + 12ch + 1.5 * ${spacing} + ${compact});\n\n      ${compactMode &&\n      css`\n        height: ${compact};\n        min-width: calc(${compact} + 12ch + 2 * ${spacing});\n        width: fit-content;\n        max-width: 25ch;\n\n        ${StyledPreviewTitle}, ${StyledTextTitle} {\n          min-width: 12ch;\n          max-width: calc(25ch - (${compact} + 2 * ${spacing}));\n        }\n\n        ${StyledActionsWrapper} > ${StyledButton} {\n          min-height: 100%;\n          min-width: 100%;\n          margin-block: ${spacing};\n        }\n      `}\n\n      > ${StyledProgressRing} {\n        margin-inline-start: calc(0.5 * ${spacing});\n      }\n\n      > ${StyledFileVisual}, > ${StyledIconShape} {\n        border-start-start-radius: inherit;\n        border-end-start-radius: inherit;\n        border-start-end-radius: 0;\n        border-end-end-radius: 0;\n        width: ${input.height};\n        flex-shrink: 0;\n\n        ${compactMode &&\n        css`\n          height: ${compact};\n          width: ${compact};\n        `}\n      }\n      ${isDisabled &&\n      css`\n        background-color: ${disabledBackgroundColor};\n        border-color: ${disabledBorderColor};\n        opacity: ${disabledOpacity};\n      `}\n    `;\n  }\n);\n\nStyledFileItem.defaultProps = defaultThemeProp;\n\nconst FileItem: ForwardRefForwardPropsComponent<FileItemProps> = forwardRef(function FileItem(\n  props: PropsWithoutRef<FileItemProps>,\n  ref: FileItemProps['ref']\n) {\n  const {\n    id,\n    name,\n    thumbnail,\n    format,\n    error,\n    onCancel,\n    onEdit,\n    onPreview,\n    onPreviewPopoverClick,\n    onDownload,\n    onDelete,\n    onOpen,\n    progress,\n    compact = false,\n    previewFromActions = false,\n    disabled = false,\n    ...restProps\n  } = props;\n\n  const [thumbnailError, setThumbnailError] = useState(false);\n  const [textTarget, setTextTarget] = useElement();\n  const [metaTarget, setMetaTarget] = useElement();\n  const [popover, setPopover] = useState(false);\n  const [previewPopover, setPreviewPopover] = useState(false);\n  const { locale } = useConfiguration();\n  const { initialized: inModal } = useModalContext();\n  const { previewTriggerRef } = usePreviewContext();\n  const t = useI18n();\n  const uploading = typeof progress === 'number' && progress < 100;\n  const itemRef = useConsolidatedRef(ref);\n\n  const activeElement = getActiveElement();\n  const activeElementInItem = itemRef.current?.contains(activeElement);\n\n  let metaMessage;\n\n  if (uploading) {\n    metaMessage = formatNumber(progress, {\n      locale,\n      options: {\n        style: 'unit',\n        unit: 'percent',\n        maximumFractionDigits: 0\n      }\n    });\n  } else if (error) {\n    metaMessage = error;\n  }\n\n  const definedActions: Action[] = [\n    previewFromActions ? { onClick: onPreview, text: t('preview'), icon: 'preview' } : undefined,\n    { onClick: onEdit, text: t('edit'), icon: 'pencil' },\n    { onClick: onDownload, text: t('download'), icon: 'download' },\n    { onClick: onDelete, text: t('delete'), icon: 'trash' },\n    { onClick: onOpen, text: t('link_open_in_tab_text'), icon: 'open' }\n  ].flatMap(action => {\n    if (!action || !action.onClick) return [];\n\n    const { text, icon, onClick: onActionClick } = action;\n    return [\n      {\n        id: text,\n        text,\n        icon,\n        onClick: () => onActionClick(id)\n      }\n    ];\n  });\n\n  let visual;\n  let contextualLabel;\n\n  if (uploading) {\n    visual = <Progress variant='ring' placement='inline' value={progress} />;\n    contextualLabel = t('uploading_file', [name]);\n  } else if (error) {\n    visual = <StyledErrorIcon name='warn-solid' />;\n    contextualLabel = t('upload_failed', [name, error]);\n  } else {\n    visual = (\n      <FileVisual\n        type={\n          format === 'url' ? 'link' : getKindFromMimeType(getMimeTypeFromFile(format ?? '') ?? '')\n        }\n        thumbnail={thumbnailError ? undefined : thumbnail}\n        onThumbnailError={() => {\n          setThumbnailError(true);\n        }}\n      />\n    );\n    contextualLabel = name;\n  }\n\n  useEffect(() => {\n    if (!activeElement?.isConnected && activeElementInItem && itemRef.current) {\n      getFocusables(itemRef.current)[0]?.focus();\n    }\n  }, [progress, error, onCancel, onDelete, onPreview, onEdit, onDownload]);\n\n  return (\n    <Flex\n      as={StyledFileItem}\n      container={{\n        pad: [undefined, 0.5, undefined, undefined],\n        alignItems: 'center',\n        justify: 'start',\n        gap: 1\n      }}\n      isDisabled={disabled}\n      compactMode={compact}\n      ref={itemRef}\n    >\n      {visual}\n\n      {!previewFromActions &&\n      ((!inModal && onPreviewPopoverClick) || onPreview) &&\n      !(error || uploading) ? (\n        <Button\n          {...restProps}\n          as={StyledPreviewTitle}\n          variant='link'\n          ref={setTextTarget}\n          onClick={() => {\n            onPreview?.(id);\n          }}\n          onKeyDown={(e: ReactKeyboardEvent) => {\n            if (e.getModifierState('Alt') && e.code === 'KeyP') {\n              previewTriggerRef.current = e.currentTarget as HTMLElement;\n              onPreviewPopoverClick?.(id);\n            }\n          }}\n          onMouseEnter={onPreviewPopoverClick ? () => setPopover(true) : undefined}\n          onMouseLeave={onPreviewPopoverClick ? () => setPopover(false) : undefined}\n          onFocus={onPreviewPopoverClick ? () => setPreviewPopover(true) : undefined}\n          onBlur={onPreviewPopoverClick ? () => setPreviewPopover(false) : undefined}\n          aria-label={t('preview_file', [name])}\n          disabled={disabled}\n        >\n          {name}\n          {format === 'url' && <Icon name='open' />}\n        </Button>\n      ) : (\n        <Text {...restProps} as={StyledTextTitle} ref={setTextTarget}>\n          {name}\n        </Text>\n      )}\n      {metaMessage && (\n        <>\n          <Text as={StyledMeta} variant='secondary' error={error && !uploading} ref={setMetaTarget}>\n            {metaMessage}\n          </Text>\n\n          {metaTarget && (\n            <Tooltip target={metaTarget} describeTarget={false} smart>\n              {metaMessage}\n            </Tooltip>\n          )}\n        </>\n      )}\n\n      {(error || uploading) && onCancel && (\n        <StyledActionsWrapper meta={!!metaMessage}>\n          <Button\n            label={t('cancel')}\n            aria-label={`${t('cancel')} - ${contextualLabel}`}\n            variant='simple'\n            compact\n            icon\n            onClick={() => onCancel(id)}\n          >\n            <Icon name='times' />\n          </Button>\n        </StyledActionsWrapper>\n      )}\n\n      {!(error || uploading) && !!definedActions.length && (\n        <StyledActionsWrapper meta={!!metaMessage}>\n          <Actions\n            items={definedActions}\n            compact\n            iconOnly\n            contextualLabel={name}\n            disabled={disabled}\n          />\n        </StyledActionsWrapper>\n      )}\n\n      {textTarget && !onPreviewPopoverClick && (\n        <Tooltip target={textTarget} smart describeTarget={false}>\n          {name}\n        </Tooltip>\n      )}\n\n      {onPreviewPopoverClick && !inModal && !previewFromActions && (\n        <Popover\n          as={StyledLinkPopover}\n          show={popover}\n          placement='top'\n          groupId='tooltip'\n          showDelay='short'\n          target={textTarget}\n          onMouseEnter={() => setPopover(true)}\n          onMouseLeave={() => setPopover(false)}\n          arrow\n          portal\n        >\n          <StyledLinkPreviewPopoverBtn\n            type='button'\n            onClick={() => {\n              previewTriggerRef.current = textTarget as HTMLElement;\n              onPreviewPopoverClick?.(id);\n            }}\n            tabIndex={-1}\n          >\n            <div>\n              <span>{t('preview')}</span>\n            </div>\n          </StyledLinkPreviewPopoverBtn>\n        </Popover>\n      )}\n\n      {onPreviewPopoverClick && !inModal && !previewFromActions && (\n        <Popover\n          as={StyledLinkPopover}\n          show={previewPopover}\n          placement='top'\n          groupId='tooltip'\n          showDelay='short'\n          target={textTarget}\n          arrow\n          portal\n        >\n          <StyledLinkPreviewPopoverBtn\n            type='button'\n            onClick={() => {\n              previewTriggerRef.current = textTarget as HTMLElement;\n              onPreviewPopoverClick?.(id);\n            }}\n            tabIndex={-1}\n          >\n            <div>\n              <span>{t('preview')}</span>\n              <Flex container={{ inline: true, justify: 'end' }}>\n                <Keyboard keyName='Alt' />\n                <Keyboard keyName='P' />\n              </Flex>\n            </div>\n          </StyledLinkPreviewPopoverBtn>\n        </Popover>\n      )}\n    </Flex>\n  );\n});\n\nexport default FileItem;\n"]}
+{"version":3,"file":"FileItem.js","sourceRoot":"","sources":["../../../src/components/File/FileItem.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useEffect, useState } from 'react';\nimport type {\n  PropsWithoutRef,\n  Ref,\n  KeyboardEvent as ReactKeyboardEvent,\n  ReactNode,\n  ChangeEvent\n} from 'react';\nimport styled, { css } from 'styled-components';\n\nimport Icon, { registerIcon } from '../Icon';\nimport Input from '../Input';\nimport ComboBox from '../ComboBox';\nimport * as openIcon from '../Icon/icons/open.icon';\nimport * as timesIcon from '../Icon/icons/times.icon';\nimport * as previewIcon from '../Icon/icons/preview.icon';\nimport * as editIcon from '../Icon/icons/pencil.icon';\nimport * as downloadIcon from '../Icon/icons/download.icon';\nimport * as deleteIcon from '../Icon/icons/trash.icon';\nimport Text, { StyledText } from '../Text';\nimport Tooltip from '../Tooltip';\nimport type { ForwardRefForwardPropsComponent, BaseProps, Action } from '../../types';\nimport { defaultThemeProp } from '../../theme';\nimport Button, { StyledButton } from '../Button';\nimport {\n  useI18n,\n  useElement,\n  useConfiguration,\n  useConsolidatedRef,\n  usePreviewContext,\n  useModalContext\n} from '../../hooks';\nimport Actions from '../Actions';\nimport Progress from '../Progress';\nimport { StyledProgressRing } from '../Progress/Progress.styles';\nimport { formatNumber } from '../Number';\nimport Flex from '../Flex';\nimport type { FlexContainerProps } from '../Flex';\nimport Grid from '../Grid';\nimport { StyledIconShape } from '../Icon/Icon';\nimport { getActiveElement, getFocusables, isInstance } from '../../utils';\nimport { ellipsisOverflow } from '../../styles/mixins';\nimport { StyledLinkPopover, StyledLinkPreviewPopoverBtn } from '../Link/Link';\nimport Popover from '../Popover';\nimport { Keyboard } from '../Badges';\n\nimport { getKindFromMimeType, getMimeTypeFromFile } from './utils';\nimport FileVisual, { StyledFileVisual } from './FileVisual';\nimport type { FileVisualProps } from './FileVisual';\n\nregisterIcon(openIcon, timesIcon, previewIcon, editIcon, downloadIcon, deleteIcon);\n\ninterface FileMetadataFieldBase {\n  /** Unique identifier for this metadata field. */\n  id: string;\n  /** Display label for the field. */\n  label: string;\n  /** Additional info shown alongside the field label. */\n  additionalInfo?: { heading?: string; content: string };\n  /** Callback fired when the field value changes. */\n  onChange: (value: string) => void;\n}\n\nexport interface FileMetadataTextField extends FileMetadataFieldBase {\n  /** Current value of the text input. */\n  value?: string;\n  selected?: never;\n  options?: never;\n}\n\nexport interface FileMetadataSelectField extends FileMetadataFieldBase {\n  /** The id of the currently selected option. */\n  selected?: string;\n  /** Selectable options rendered as a ComboBox. */\n  options: { id: string; label: string }[];\n  value?: never;\n}\n\nexport type FileMetadataField = FileMetadataTextField | FileMetadataSelectField;\n\nexport type FileMetadata = FileMetadataField[];\n\nexport interface FileItemProps extends BaseProps {\n  /** Unique id for item. */\n  id: string;\n  /** Name of the file. */\n  name: string;\n  /** File metadata and edit configuration. When provided, enables edit mode with stacked single-column layout and inline editable fields. */\n  metadata?: FileMetadata;\n  /** A string to be used as an image src for a attachment thumbnail. Falls back to a provided icon or the default attachment icon. */\n  thumbnail?: FileVisualProps['thumbnail'];\n  /** File extension. Use 'url' for link */\n  format?: string;\n  /**\n   * Used for a smaller sized FileItem.\n   * @default false\n   */\n  compact?: boolean;\n  /** When passed, will render a single icon button for yet to be or in progress uploads. Use this action to trigger xhr request termination. */\n  onCancel?: (id: FileItemProps['id']) => void;\n  /** When passed, will render a single icon button or within a MenuButton if other actions are defined. */\n  onEdit?: (id: FileItemProps['id']) => void;\n  /** When passed, the file name will be rendered as a clickable button. Fires on direct click of the name. Passes file id as the parameter. */\n  onPreview?: (id: FileItemProps['id']) => void;\n  /** When passed, will render a preview tooltip. Will be fired on click of preview tooltip. Passes file id as the parameter. */\n  onPreviewPopoverClick?: (id: FileItemProps['id']) => void;\n  /**\n   * Moves preview option to actions menu.\n   * To be used only in compact mode of single file input when rendered in a table\n   */\n  previewFromActions?: boolean;\n  /** When passed, will render a single icon button or within a MenuButton if other actions are defined. Passes file id as the parameter. */\n  onDownload?: (id: FileItemProps['id']) => void;\n  /** When passed, will render a single icon button or within a MenuButton if other actions are defined. */\n  onDelete?: (id: FileItemProps['id']) => void;\n  /** When passed, will render a single icon button or within a MenuButton if other actions are defined. */\n  onOpen?: (id: FileItemProps['id']) => void;\n  /** If the attachment is in an upload state, pass progress as a number between 0-100 representing the percentage of progress. */\n  progress?: number;\n  /** Set if there is an error uploading the file. Applies error styling to the meta string passed. */\n  error?: string;\n  /** Setting the disable state */\n  disabled?: boolean;\n  /** Ref for the wrapping element. */\n  ref?: Ref<HTMLDivElement>;\n}\n\nconst StyledErrorIcon = styled(Icon)(({ theme }) => {\n  return css`\n    color: ${theme.base.palette.urgent};\n    margin-inline-start: calc(0.5 * ${theme.base.spacing});\n  `;\n});\n\nStyledErrorIcon.defaultProps = defaultThemeProp;\n\nconst StyledStatusVisualInEditableLayout = styled.div(\n  ({\n    theme: {\n      components: { input }\n    }\n  }) => {\n    return css`\n      min-inline-size: ${input.height};\n      min-block-size: ${input.height};\n\n      > ${StyledErrorIcon} {\n        margin-inline-start: 0;\n      }\n\n      > ${StyledProgressRing} {\n        margin-inline-start: 0;\n        inline-size: ${input.height};\n        block-size: ${input.height};\n\n        > svg {\n          width: 100%;\n          height: 100%;\n        }\n      }\n    `;\n  }\n);\n\nStyledStatusVisualInEditableLayout.defaultProps = defaultThemeProp;\n\nconst titleEllipsisStyle = css`\n  flex-shrink: 1;\n  ${ellipsisOverflow}\n`;\n\nexport const StyledPreviewTitle = styled(Button)`\n  ${titleEllipsisStyle}\n`;\n\nexport const StyledTextTitle = styled(Text)`\n  ${titleEllipsisStyle}\n`;\n\nexport const StyledErrorTextTitle = styled(StyledTextTitle)(({ theme }) => {\n  return css`\n    font-weight: ${theme.base['font-weight']['semi-bold']};\n  `;\n});\n\nStyledErrorTextTitle.defaultProps = defaultThemeProp;\n\nconst StyledMeta = styled(StyledText)<{ error: boolean; alignStart?: boolean }>(({\n  theme,\n  error,\n  alignStart\n}) => {\n  return css`\n    /* min width to show percentage in full */\n    min-width: 4ch;\n    margin-inline-start: ${alignStart ? 'unset' : 'auto'};\n    ${titleEllipsisStyle}\n    ${error &&\n    css`\n      color: ${theme.base.palette.urgent};\n    `}\n  `;\n});\n\nStyledMeta.defaultProps = defaultThemeProp;\n\nconst StyledActionsWrapper = styled.div<{ meta: boolean }>(({ meta }) => {\n  return css`\n    margin-inline-start: ${meta ? 'unset' : 'auto'};\n  `;\n});\n\nStyledActionsWrapper.defaultProps = defaultThemeProp;\n\nconst StyledMetadataGrid = styled(Grid)(({ theme }) => {\n  return css`\n    grid-template-columns: repeat(2, 1fr);\n\n    @container (width < ${theme.base.breakpoints.sm}) {\n      grid-template-columns: 1fr;\n    }\n  `;\n});\n\nStyledMetadataGrid.defaultProps = defaultThemeProp;\n\nexport const StyledFileItem = styled.div<{\n  compactMode: FileItemProps['compact'];\n  isDisabled?: FileItemProps['disabled'];\n  hasMetadata?: boolean;\n  isErrorOrProgressItem?: boolean;\n}>(\n  ({\n    theme: {\n      base: {\n        palette,\n        spacing,\n        'hit-area': {\n          compact,\n          'compact-min': compactMin,\n          'mouse-min': mouseMin,\n          'finger-min': fingerMin\n        },\n        'disabled-opacity': disabledOpacity\n      },\n      components: {\n        input,\n        'form-control': {\n          ':disabled': {\n            'background-color': disabledBackgroundColor,\n            'border-color': disabledBorderColor\n          }\n        }\n      }\n    },\n    compactMode,\n    isDisabled,\n    hasMetadata,\n    isErrorOrProgressItem\n  }) => {\n    const labelOffset = `calc(${compactMin} + 0.25 * ${spacing})`;\n\n    return css`\n      border-radius: calc(var(--container-border-radius) * 0.5);\n      border: 0.0625rem solid ${palette['border-line']};\n      ${!hasMetadata &&\n      css`\n        background-color: ${palette['primary-background']};\n      `}\n      height: ${input.height};\n      min-width: calc(${input.height} + 12ch + 1.5 * ${spacing} + ${compact});\n\n      ${hasMetadata &&\n      css`\n        container-type: inline-size;\n        border: none;\n        border-block-start: 0.0625rem solid ${palette['border-line']};\n        border-start-start-radius: 0;\n        border-start-end-radius: 0;\n        height: auto;\n        min-height: ${input.height};\n\n        &:first-child {\n          border-block-start: none;\n        }\n\n        > ${StyledActionsWrapper} {\n          align-self: flex-start;\n          margin-block-start: ${isErrorOrProgressItem ? '0' : labelOffset};\n          margin-inline-end: calc(-0.5 * ${spacing});\n          inline-size: ${input.height};\n          block-size: ${input.height};\n        }\n      `}\n\n      ${compactMode &&\n      css`\n        height: ${compact};\n        min-width: calc(${compact} + 12ch + 2 * ${spacing});\n        width: fit-content;\n        max-width: 25ch;\n\n        ${StyledPreviewTitle}, ${StyledTextTitle} {\n          min-width: 12ch;\n          max-width: calc(25ch - (${compact} + 2 * ${spacing}));\n        }\n\n        ${StyledActionsWrapper} > ${StyledButton} {\n          min-height: 100%;\n          min-width: 100%;\n          margin-block: ${spacing};\n        }\n      `}\n\n      > ${StyledProgressRing} {\n        margin-inline-start: calc(0.5 * ${spacing});\n      }\n\n      > ${StyledFileVisual}, > ${StyledIconShape} {\n        border-start-start-radius: inherit;\n        border-end-start-radius: inherit;\n        border-start-end-radius: 0;\n        border-end-end-radius: 0;\n        width: ${input.height};\n        min-width: ${mouseMin};\n        flex-shrink: 0;\n\n        @media (pointer: coarse) {\n          min-width: ${fingerMin};\n        }\n\n        ${hasMetadata &&\n        css`\n          height: ${input.height};\n          min-height: ${mouseMin};\n          overflow: hidden;\n          border-radius: calc(var(--container-border-radius) * 0.5);\n          margin-block-start: ${isErrorOrProgressItem ? '0' : labelOffset};\n\n          @media (pointer: coarse) {\n            min-height: ${fingerMin};\n          }\n        `}\n\n        ${compactMode &&\n        css`\n          height: ${compact};\n          width: ${compact};\n          min-width: unset;\n          min-height: unset;\n        `}\n      }\n      ${isDisabled &&\n      css`\n        background-color: ${disabledBackgroundColor};\n        border-color: ${disabledBorderColor};\n        opacity: ${disabledOpacity};\n      `}\n    `;\n  }\n);\n\nStyledFileItem.defaultProps = defaultThemeProp;\n\nconst FileItem: ForwardRefForwardPropsComponent<FileItemProps> = forwardRef(function FileItem(\n  props: PropsWithoutRef<FileItemProps>,\n  ref: FileItemProps['ref']\n) {\n  const {\n    id,\n    name,\n    metadata,\n    thumbnail,\n    format,\n    error,\n    onCancel,\n    onEdit,\n    onPreview,\n    onPreviewPopoverClick,\n    onDownload,\n    onDelete,\n    onOpen,\n    progress,\n    compact = false,\n    previewFromActions = false,\n    disabled = false,\n    ...restProps\n  } = props;\n\n  const [thumbnailError, setThumbnailError] = useState(false);\n  const [textTarget, setTextTarget] = useElement();\n  const [metaTarget, setMetaTarget] = useElement();\n  const [popover, setPopover] = useState(false);\n  const [previewPopover, setPreviewPopover] = useState(false);\n  const { locale } = useConfiguration();\n  const { initialized: inModal } = useModalContext();\n  const { previewTriggerRef } = usePreviewContext();\n  const t = useI18n();\n  const uploading = typeof progress === 'number' && progress < 100;\n  const isErrorOrProgressItem = Boolean(error || uploading);\n  const itemRef = useConsolidatedRef(ref);\n  const hasMetadata = !!metadata;\n\n  const activeElement = getActiveElement();\n  const activeElementInItem = itemRef.current?.contains(activeElement);\n\n  let metaMessage;\n\n  if (uploading) {\n    metaMessage = formatNumber(progress, {\n      locale,\n      options: {\n        style: 'unit',\n        unit: 'percent',\n        maximumFractionDigits: 0\n      }\n    });\n  } else if (error) {\n    metaMessage = error;\n  }\n\n  const definedActions: Action[] = [\n    previewFromActions ? { onClick: onPreview, text: t('preview'), icon: 'preview' } : undefined,\n    { onClick: hasMetadata ? undefined : onEdit, text: t('edit'), icon: 'pencil' },\n    { onClick: onDownload, text: t('download'), icon: 'download' },\n    { onClick: onDelete, text: t('delete'), icon: 'trash' },\n    { onClick: onOpen, text: t('link_open_in_tab_text'), icon: 'open' }\n  ].flatMap(action => {\n    if (!action || !action.onClick) return [];\n\n    const { text, icon, onClick: onActionClick } = action;\n    return [\n      {\n        id: text,\n        text,\n        icon,\n        onClick: () => onActionClick(id)\n      }\n    ];\n  });\n\n  let visual;\n  let contextualLabel;\n\n  if (uploading) {\n    visual = hasMetadata ? (\n      <Flex\n        container={{ alignItems: 'center', justify: 'center' }}\n        item={{ shrink: 0 }}\n        as={StyledStatusVisualInEditableLayout}\n      >\n        <Progress variant='ring' placement='inline' value={progress} />\n      </Flex>\n    ) : (\n      <Progress variant='ring' placement='inline' value={progress} />\n    );\n    contextualLabel = t('uploading_file', [name]);\n  } else if (error) {\n    visual = hasMetadata ? (\n      <Flex\n        container={{ alignItems: 'center', justify: 'center' }}\n        item={{ shrink: 0 }}\n        as={StyledStatusVisualInEditableLayout}\n      >\n        <StyledErrorIcon name='warn-solid' />\n      </Flex>\n    ) : (\n      <StyledErrorIcon name='warn-solid' />\n    );\n    contextualLabel = t('upload_failed', [name, error]);\n  } else {\n    visual = (\n      <FileVisual\n        type={\n          format === 'url' ? 'link' : getKindFromMimeType(getMimeTypeFromFile(format ?? '') ?? '')\n        }\n        thumbnail={thumbnailError ? undefined : thumbnail}\n        onThumbnailError={() => {\n          setThumbnailError(true);\n        }}\n      />\n    );\n    contextualLabel = name;\n  }\n\n  useEffect(() => {\n    if (!activeElement?.isConnected && activeElementInItem && itemRef.current) {\n      getFocusables(itemRef.current)[0]?.focus();\n    }\n  }, [progress, error, onCancel, onDelete, onPreview, onEdit, onDownload]);\n\n  const showInlinePreview =\n    !hasMetadata &&\n    !previewFromActions &&\n    ((!inModal && onPreviewPopoverClick) || onPreview) &&\n    !(error || uploading);\n\n  let primaryContent: ReactNode;\n\n  if (metadata && metadata.length > 0 && !error && !uploading) {\n    primaryContent = (\n      <StyledMetadataGrid container={{ gap: 1 }}>\n        {metadata.map((field, index) => {\n          const spanFull = index === metadata.length - 1 && metadata.length % 2 !== 0;\n          const gridItem = spanFull ? { colStartEnd: '1 / -1' } : {};\n\n          if (field.options && field.options.length > 0) {\n            return (\n              <Grid item={gridItem} key={field.id}>\n                <ComboBox\n                  label={field.label}\n                  selected={(() => {\n                    if (!field.selected) return;\n\n                    const selectedItem = field.options.find(opt => opt.id === field.selected);\n                    if (!selectedItem) return;\n\n                    return {\n                      items: {\n                        id: selectedItem.id,\n                        text: selectedItem.label\n                      }\n                    };\n                  })()}\n                  menu={{\n                    mode: 'single-select',\n                    items: field.options.map(opt => ({ id: opt.id, primary: opt.label })),\n                    onItemClick: (optionId: string) => field.onChange(optionId)\n                  }}\n                  disabled={disabled}\n                />\n              </Grid>\n            );\n          }\n\n          return (\n            <Grid item={gridItem} key={field.id}>\n              <Input\n                label={field.label}\n                value={field.value}\n                onChange={(e: ChangeEvent<HTMLInputElement>) => field.onChange(e.target.value)}\n                additionalInfo={field.additionalInfo}\n                disabled={disabled}\n              />\n            </Grid>\n          );\n        })}\n      </StyledMetadataGrid>\n    );\n  } else if (showInlinePreview) {\n    primaryContent = (\n      <Button\n        {...restProps}\n        as={StyledPreviewTitle}\n        variant='link'\n        ref={setTextTarget}\n        onClick={() => {\n          onPreview?.(id);\n        }}\n        onKeyDown={(e: ReactKeyboardEvent) => {\n          if (e.getModifierState('Alt') && e.code === 'KeyP') {\n            if (isInstance(e.currentTarget, HTMLElement)) {\n              previewTriggerRef.current = e.currentTarget;\n            }\n            onPreviewPopoverClick?.(id);\n          }\n        }}\n        onMouseEnter={onPreviewPopoverClick ? () => setPopover(true) : undefined}\n        onMouseLeave={onPreviewPopoverClick ? () => setPopover(false) : undefined}\n        onFocus={onPreviewPopoverClick ? () => setPreviewPopover(true) : undefined}\n        onBlur={onPreviewPopoverClick ? () => setPreviewPopover(false) : undefined}\n        aria-label={t('preview_file', [name])}\n        disabled={disabled}\n      >\n        {name}\n        {format === 'url' && <Icon name='open' />}\n      </Button>\n    );\n  } else {\n    primaryContent = (\n      <Text\n        {...restProps}\n        as={hasMetadata && !!error ? StyledErrorTextTitle : StyledTextTitle}\n        ref={setTextTarget}\n      >\n        {name}\n      </Text>\n    );\n  }\n\n  let detailsContent: ReactNode;\n\n  const containerPad: FlexContainerProps['pad'] = hasMetadata\n    ? [1, 0.5, 1, undefined]\n    : [undefined, 0.5, undefined, undefined];\n\n  const metaContent = metaMessage ? (\n    <>\n      <Text\n        as={StyledMeta}\n        variant='secondary'\n        error={!!error && !uploading}\n        alignStart={hasMetadata && (!!error || uploading)}\n        ref={setMetaTarget}\n      >\n        {metaMessage}\n      </Text>\n      {metaTarget && (\n        <Tooltip target={metaTarget} describeTarget={false} smart>\n          {metaMessage}\n        </Tooltip>\n      )}\n    </>\n  ) : null;\n\n  if (hasMetadata) {\n    detailsContent = (\n      <Flex\n        item={{ grow: 1 }}\n        container={{\n          direction: 'column'\n        }}\n      >\n        {primaryContent}\n\n        {metaContent}\n      </Flex>\n    );\n  } else {\n    detailsContent = (\n      <>\n        {primaryContent}\n        {metaContent}\n      </>\n    );\n  }\n\n  return (\n    <Flex\n      as={StyledFileItem}\n      container={{\n        pad: containerPad,\n        alignItems: hasMetadata ? 'start' : 'center',\n        justify: 'start',\n        gap: 1\n      }}\n      isDisabled={disabled}\n      compactMode={compact}\n      hasMetadata={hasMetadata}\n      isErrorOrProgressItem={isErrorOrProgressItem}\n      ref={itemRef}\n    >\n      {visual}\n\n      {detailsContent}\n\n      {(error || uploading) && onCancel && (\n        <StyledActionsWrapper meta={!!metaMessage}>\n          <Button\n            label={t('cancel')}\n            aria-label={`${t('cancel')} - ${contextualLabel}`}\n            variant='simple'\n            compact={!hasMetadata}\n            icon\n            onClick={() => onCancel(id)}\n          >\n            <Icon name='times' />\n          </Button>\n        </StyledActionsWrapper>\n      )}\n\n      {!(error || uploading) && !!definedActions.length && (\n        <StyledActionsWrapper meta={!!metaMessage}>\n          <Actions\n            items={definedActions}\n            compact={!hasMetadata}\n            iconOnly\n            contextualLabel={name}\n            disabled={disabled}\n          />\n        </StyledActionsWrapper>\n      )}\n\n      {textTarget && !onPreviewPopoverClick && (\n        <Tooltip target={textTarget} smart describeTarget={false}>\n          {name}\n        </Tooltip>\n      )}\n\n      {onPreviewPopoverClick && !inModal && !previewFromActions && (\n        <Popover\n          as={StyledLinkPopover}\n          show={popover}\n          placement='top'\n          groupId='tooltip'\n          showDelay='short'\n          target={textTarget}\n          onMouseEnter={() => setPopover(true)}\n          onMouseLeave={() => setPopover(false)}\n          arrow\n          portal\n        >\n          <StyledLinkPreviewPopoverBtn\n            type='button'\n            onClick={() => {\n              if (isInstance(textTarget, HTMLElement)) {\n                previewTriggerRef.current = textTarget;\n              }\n              onPreviewPopoverClick?.(id);\n            }}\n            tabIndex={-1}\n          >\n            <div>\n              <span>{t('preview')}</span>\n            </div>\n          </StyledLinkPreviewPopoverBtn>\n        </Popover>\n      )}\n\n      {onPreviewPopoverClick && !inModal && !previewFromActions && (\n        <Popover\n          as={StyledLinkPopover}\n          show={previewPopover}\n          placement='top'\n          groupId='tooltip'\n          showDelay='short'\n          target={textTarget}\n          arrow\n          portal\n        >\n          <StyledLinkPreviewPopoverBtn\n            type='button'\n            onClick={() => {\n              if (isInstance(textTarget, HTMLElement)) {\n                previewTriggerRef.current = textTarget;\n              }\n              onPreviewPopoverClick?.(id);\n            }}\n            tabIndex={-1}\n          >\n            <div>\n              <span>{t('preview')}</span>\n              <Flex container={{ inline: true, justify: 'end' }}>\n                <Keyboard keyName='Alt' />\n                <Keyboard keyName='P' />\n              </Flex>\n            </div>\n          </StyledLinkPreviewPopoverBtn>\n        </Popover>\n      )}\n    </Flex>\n  );\n});\n\nexport default FileItem;\n"]}

package/lib/components/File/FileList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileList.d.ts","sourceRoot":"","sources":["../../../src/components/File/FileList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAG7C,OAAO,KAAK,EAAc,cAAc,EAAE,MAAM,aAAa,CAAC;AAW9D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAIhD,MAAM,WAAW,eAAe;IAC9B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,MAAM,MAAM,aAAa,GAAG,cAAc,CACxC,KAAK,EACH,CAAC,eAAe,GAAG;IACjB,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB,CAAC,GACF,CAAC,eAAe,GAAG;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC,CACL,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0MAI1B,CAAC;AAuBF,QAAA,MAAM,QAAQ,2HAwDb,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"FileList.d.ts","sourceRoot":"","sources":["../../../src/components/File/FileList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAG7C,OAAO,KAAK,EAAc,cAAc,EAAE,MAAM,aAAa,CAAC;AAW9D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAIhD,MAAM,WAAW,eAAe;IAC9B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,MAAM,MAAM,aAAa,GAAG,cAAc,CACxC,KAAK,EACH,CAAC,eAAe,GAAG;IACjB,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB,CAAC,GACF,CAAC,eAAe,GAAG;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC,CACL,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0MAI1B,CAAC;AAuBF,QAAA,MAAM,QAAQ,2HAoEb,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/components/File/FileList.js

@@ -33,6 +33,7 @@ const FileList = forwardRef(function FileList({ type, items, onDownloadAll, disa
     const listRef = useConsolidatedRef(ref);
     const isSmallOrAbove = useBreakpoint('sm', { breakpointRef: listRef });
     const t = useI18n();
+    const isAdvancedEdit = type === 'item' && items.length > 0 && items.every(item => !!item.metadata);
     const prevItems = usePrevious(items);
     const activeElementContained = listRef.current?.contains(getActiveElement());
     useEffect(() => {
@@ -58,9 +59,12 @@ const FileList = forwardRef(function FileList({ type, items, onDownloadAll, disa
             }
         });
     }, [items]);
-    return (_jsxs(Flex, { container: { direction: 'column', gap: 1 }, children: [_jsx(Grid, { ...restProps, ref: listRef, container: { gap: 0.5, cols: isSmallOrAbove ? 'repeat(2, 1fr)' : '1fr' }, as: StyledFileList, children: type === 'display'
+    return (_jsxs(Flex, { container: { direction: 'column', gap: 1 }, children: [_jsx(Grid, { ...restProps, ref: listRef, container: {
+                    gap: isAdvancedEdit ? 0 : 0.5,
+                    cols: isAdvancedEdit || !isSmallOrAbove ? '1fr' : 'repeat(2, 1fr)'
+                }, as: StyledFileList, children: type === 'display'
                     ? items.map(item => _jsx(FileDisplay, { ...item }, item.id))
-                    : items.map(item => _jsx(FileItem, { ...item, disabled: disabled }, item.id)) }), onDownloadAll && items.length > 1 && (_jsx(Button, { as: StyledDownloadAllButton, onClick: onDownloadAll, variant: 'link', children: t('download_all') }))] }));
+                    : items.map(item => (_jsx(FileItem, { ...item, ...(isAdvancedEdit ? { previewFromActions: true } : {}), disabled: disabled }, item.id))) }), onDownloadAll && items.length > 1 && (_jsx(Button, { as: StyledDownloadAllButton, onClick: onDownloadAll, variant: 'link', children: t('download_all') }))] }));
 });
 export default FileList;
 //# sourceMappingURL=FileList.js.map

package/lib/components/File/FileList.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileList.js","sourceRoot":"","sources":["../../../src/components/File/FileList.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useEffect } from 'react';\nimport type { PropsWithoutRef } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport type { RefElement, WithAttributes } from '../../types';\nimport { useBreakpoint, useConsolidatedRef, useI18n, usePrevious } from '../../hooks';\nimport Grid from '../Grid';\nimport { StyledLink } from '../Link';\nimport { getActiveElement, getFocusables } from '../../utils';\nimport Flex from '../Flex';\nimport Button from '../Button';\nimport { defaultThemeProp } from '../../theme';\nimport { calculateFontSize, type FontSize } from '../../styles';\nimport { ellipsisOverflow } from '../../styles/mixins';\n\nimport type { FileDisplayProps } from './FileDisplay';\nimport type { FileItemProps } from './FileItem';\nimport FileDisplay from './FileDisplay';\nimport FileItem from './FileItem';\n\nexport interface CommonFileProps {\n  onDownloadAll?: () => void;\n}\n\nexport type FileListProps = WithAttributes<\n  'div',\n  | (CommonFileProps & {\n      type: 'display';\n      items: FileDisplayProps[];\n      disabled?: never;\n    })\n  | (CommonFileProps & {\n      type: 'item';\n      items: FileItemProps[];\n      disabled?: boolean;\n    })\n>;\n\nexport const StyledFileList = styled(Grid)`\n  ${StyledLink} + ${StyledLink} {\n    margin-inline-start: unset;\n  }\n`;\n\nconst StyledDownloadAllButton = styled.button(\n  ({\n    theme: {\n      components: { text },\n      base: { 'font-size': fontSize, 'font-scale': fontScale, spacing }\n    }\n  }) => {\n    const fontSizes = calculateFontSize(fontSize, fontScale);\n    return css`\n      font-size: ${fontSizes[text.secondary['font-size'] as FontSize]};\n      ${ellipsisOverflow}\n      flex-shrink: 1;\n      width: fit-content;\n      margin-inline-start: calc(0.5 * ${spacing});\n      margin-block-end: calc(0.5 * ${spacing});\n    `;\n  }\n);\n\nStyledDownloadAllButton.defaultProps = defaultThemeProp;\n\nconst FileList = forwardRef<RefElement<FileListProps>, PropsWithoutRef<FileListProps>>(\n  function FileList({ type, items, onDownloadAll, disabled = false, ...restProps }, ref) {\n    const listRef = useConsolidatedRef(ref);\n    const isSmallOrAbove = useBreakpoint('sm', { breakpointRef: listRef });\n    const t = useI18n();\n\n    const prevItems = usePrevious(items);\n    const activeElementContained = listRef.current?.contains(getActiveElement());\n\n    useEffect(() => {\n      // Early exit when focus doesn't need to be grabbed\n      if (\n        items.length === 0 ||\n        !activeElementContained ||\n        listRef.current?.contains(getActiveElement())\n      ) {\n        return;\n      }\n\n      prevItems?.forEach((item, oldIndex) => {\n        const newIndex = items.findIndex(newItem => {\n          return item.id === newItem.id;\n        });\n\n        if (newIndex === -1 && listRef.current) {\n          if (oldIndex === prevItems.length - 1) {\n            // Move the focus to previous element when last element is removed\n            getFocusables(listRef.current.children[items.length - 1])[0]?.focus();\n          } else {\n            // Otherwise, Move the focus to next element\n            getFocusables(listRef.current.children[oldIndex])[0]?.focus();\n          }\n        }\n      });\n    }, [items]);\n\n    return (\n      <Flex container={{ direction: 'column', gap: 1 }}>\n        <Grid\n          {...restProps}\n          ref={listRef}\n          container={{ gap: 0.5, cols: isSmallOrAbove ? 'repeat(2, 1fr)' : '1fr' }}\n          as={StyledFileList}\n        >\n          {type === 'display'\n            ? items.map(item => <FileDisplay key={item.id} {...item} />)\n            : items.map(item => <FileItem key={item.id} {...item} disabled={disabled} />)}\n        </Grid>\n        {onDownloadAll && items.length > 1 && (\n          <Button as={StyledDownloadAllButton} onClick={onDownloadAll} variant='link'>\n            {t('download_all')}\n          </Button>\n        )}\n      </Flex>\n    );\n  }\n);\n\nexport default FileList;\n"]}
+{"version":3,"file":"FileList.js","sourceRoot":"","sources":["../../../src/components/File/FileList.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useEffect } from 'react';\nimport type { PropsWithoutRef } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport type { RefElement, WithAttributes } from '../../types';\nimport { useBreakpoint, useConsolidatedRef, useI18n, usePrevious } from '../../hooks';\nimport Grid from '../Grid';\nimport { StyledLink } from '../Link';\nimport { getActiveElement, getFocusables } from '../../utils';\nimport Flex from '../Flex';\nimport Button from '../Button';\nimport { defaultThemeProp } from '../../theme';\nimport { calculateFontSize, type FontSize } from '../../styles';\nimport { ellipsisOverflow } from '../../styles/mixins';\n\nimport type { FileDisplayProps } from './FileDisplay';\nimport type { FileItemProps } from './FileItem';\nimport FileDisplay from './FileDisplay';\nimport FileItem from './FileItem';\n\nexport interface CommonFileProps {\n  onDownloadAll?: () => void;\n}\n\nexport type FileListProps = WithAttributes<\n  'div',\n  | (CommonFileProps & {\n      type: 'display';\n      items: FileDisplayProps[];\n      disabled?: never;\n    })\n  | (CommonFileProps & {\n      type: 'item';\n      items: FileItemProps[];\n      disabled?: boolean;\n    })\n>;\n\nexport const StyledFileList = styled(Grid)`\n  ${StyledLink} + ${StyledLink} {\n    margin-inline-start: unset;\n  }\n`;\n\nconst StyledDownloadAllButton = styled.button(\n  ({\n    theme: {\n      components: { text },\n      base: { 'font-size': fontSize, 'font-scale': fontScale, spacing }\n    }\n  }) => {\n    const fontSizes = calculateFontSize(fontSize, fontScale);\n    return css`\n      font-size: ${fontSizes[text.secondary['font-size'] as FontSize]};\n      ${ellipsisOverflow}\n      flex-shrink: 1;\n      width: fit-content;\n      margin-inline-start: calc(0.5 * ${spacing});\n      margin-block-end: calc(0.5 * ${spacing});\n    `;\n  }\n);\n\nStyledDownloadAllButton.defaultProps = defaultThemeProp;\n\nconst FileList = forwardRef<RefElement<FileListProps>, PropsWithoutRef<FileListProps>>(\n  function FileList({ type, items, onDownloadAll, disabled = false, ...restProps }, ref) {\n    const listRef = useConsolidatedRef(ref);\n    const isSmallOrAbove = useBreakpoint('sm', { breakpointRef: listRef });\n    const t = useI18n();\n    const isAdvancedEdit =\n      type === 'item' && items.length > 0 && items.every(item => !!item.metadata);\n\n    const prevItems = usePrevious(items);\n    const activeElementContained = listRef.current?.contains(getActiveElement());\n\n    useEffect(() => {\n      // Early exit when focus doesn't need to be grabbed\n      if (\n        items.length === 0 ||\n        !activeElementContained ||\n        listRef.current?.contains(getActiveElement())\n      ) {\n        return;\n      }\n\n      prevItems?.forEach((item, oldIndex) => {\n        const newIndex = items.findIndex(newItem => {\n          return item.id === newItem.id;\n        });\n\n        if (newIndex === -1 && listRef.current) {\n          if (oldIndex === prevItems.length - 1) {\n            // Move the focus to previous element when last element is removed\n            getFocusables(listRef.current.children[items.length - 1])[0]?.focus();\n          } else {\n            // Otherwise, Move the focus to next element\n            getFocusables(listRef.current.children[oldIndex])[0]?.focus();\n          }\n        }\n      });\n    }, [items]);\n\n    return (\n      <Flex container={{ direction: 'column', gap: 1 }}>\n        <Grid\n          {...restProps}\n          ref={listRef}\n          container={{\n            gap: isAdvancedEdit ? 0 : 0.5,\n            cols: isAdvancedEdit || !isSmallOrAbove ? '1fr' : 'repeat(2, 1fr)'\n          }}\n          as={StyledFileList}\n        >\n          {type === 'display'\n            ? items.map(item => <FileDisplay key={item.id} {...item} />)\n            : items.map(item => (\n                <FileItem\n                  key={item.id}\n                  {...item}\n                  {...(isAdvancedEdit ? { previewFromActions: true } : {})}\n                  disabled={disabled}\n                />\n              ))}\n        </Grid>\n        {onDownloadAll && items.length > 1 && (\n          <Button as={StyledDownloadAllButton} onClick={onDownloadAll} variant='link'>\n            {t('download_all')}\n          </Button>\n        )}\n      </Flex>\n    );\n  }\n);\n\nexport default FileList;\n"]}

package/lib/components/File/index.d.ts

@@ -1,7 +1,7 @@
 export { default as FileInput } from './FileInput';
 export type { FileInputProps } from './FileInput';
 export { default as FileItem } from './FileItem';
-export type { FileItemProps } from './FileItem';
+export type { FileItemProps, FileMetadata, FileMetadataField, FileMetadataTextField, FileMetadataSelectField } from './FileItem';
 export { default as FileUploadItem } from './FileUploadItem';
 export type { FileUploadItemProps } from './FileUploadItem';
 export { default as FileDisplay } from './FileDisplay';

package/lib/components/File/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/File/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/File/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,YAAY,EACV,aAAa,EACb,YAAY,EACZ,iBAAiB,EACjB,qBAAqB,EACrB,uBAAuB,EACxB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC"}

package/lib/components/File/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/File/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AAEnD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEjD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAE7D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AAEvD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AAErD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEjD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAE/D,OAAO,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC","sourcesContent":["export { default as FileInput } from './FileInput';\nexport type { FileInputProps } from './FileInput';\nexport { default as FileItem } from './FileItem';\nexport type { FileItemProps } from './FileItem';\nexport { default as FileUploadItem } from './FileUploadItem';\nexport type { FileUploadItemProps } from './FileUploadItem';\nexport { default as FileDisplay } from './FileDisplay';\nexport type { FileDisplayProps } from './FileDisplay';\nexport { default as FileVisual } from './FileVisual';\nexport type { FileVisualProps } from './FileVisual';\nexport { default as FileList } from './FileList';\nexport type { FileListProps } from './FileList';\nexport { default as FileDisplayList } from './FileDisplayList';\nexport type { FileDisplayListProps } from './FileDisplayList';\nexport { getKindFromMimeType, getMimeTypeFromFile } from './utils';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/File/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AAEnD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AAQjD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAE7D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AAEvD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AAErD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEjD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAE/D,OAAO,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC","sourcesContent":["export { default as FileInput } from './FileInput';\nexport type { FileInputProps } from './FileInput';\nexport { default as FileItem } from './FileItem';\nexport type {\n  FileItemProps,\n  FileMetadata,\n  FileMetadataField,\n  FileMetadataTextField,\n  FileMetadataSelectField\n} from './FileItem';\nexport { default as FileUploadItem } from './FileUploadItem';\nexport type { FileUploadItemProps } from './FileUploadItem';\nexport { default as FileDisplay } from './FileDisplay';\nexport type { FileDisplayProps } from './FileDisplay';\nexport { default as FileVisual } from './FileVisual';\nexport type { FileVisualProps } from './FileVisual';\nexport { default as FileList } from './FileList';\nexport type { FileListProps } from './FileList';\nexport { default as FileDisplayList } from './FileDisplayList';\nexport type { FileDisplayListProps } from './FileDisplayList';\nexport { getKindFromMimeType, getMimeTypeFromFile } from './utils';\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"ListToolbar.d.ts","sourceRoot":"","sources":["../../../src/components/ListToolbar/ListToolbar.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAU,+BAA+B,EAAE,MAAM,aAAa,CAAC;AA4C3E,OAAO,KAAK,EACV,gBAAgB,EAIjB,MAAM,qBAAqB,CAAC;;;;AA8iB7B,wBAA+D"}
+{"version":3,"file":"ListToolbar.d.ts","sourceRoot":"","sources":["../../../src/components/ListToolbar/ListToolbar.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAU,+BAA+B,EAAE,MAAM,aAAa,CAAC;AA4C3E,OAAO,KAAK,EACV,gBAAgB,EAIjB,MAAM,qBAAqB,CAAC;;;;AAgjB7B,wBAA+D"}

package/lib/components/ListToolbar/ListToolbar.js

@@ -246,7 +246,7 @@ const ListToolbar = forwardRef(function ListToolbar({ testId, name, showName = t
                                 }, item: { grow: 1 }, children: [_jsxs(Flex, { container: {
                                             alignItems: 'center',
                                             gap: 1
-                                        }, item: { grow: 1 }, children: [_jsxs(StyledHeading, { "data-testid": testIds.heading, required: formControlProps?.required, showName: showName, headingTag: headingTag, "aria-describedby": formControlProps?.info ? `${uid}-info` : undefined, children: [_jsxs(Text, { variant: headingTag, ref: setHeadingEl, required: formControlProps?.required, children: [name, shouldRenderViewSelector && _jsx(_Fragment, { children: ":\u00A0" })] }), _jsx(Tooltip, { target: headingEl, describeTarget: false, hideDelay: 'none', smart: true, children: name }), shouldRenderViewSelector && (_jsxs(_Fragment, { children: [_jsx(MenuButton, { ref: setLabelEl, "data-testid": testIds.viewSelector, variant: 'link', text: selectedViewName, as: StyledViewSelector, menu: {
+                                        }, item: { grow: 1 }, children: [_jsxs(StyledHeading, { "data-testid": testIds.heading, required: formControlProps?.required, showName: showName, headingTag: headingTag, "aria-describedby": formControlProps?.info ? `${uid}-info` : undefined, children: [_jsxs(Text, { variant: headingTag, ref: setHeadingEl, required: formControlProps?.required, children: [name, shouldRenderViewSelector && viewSelector.views.length > 1 && _jsx(_Fragment, { children: ":\u00A0" })] }), _jsx(Tooltip, { target: headingEl, describeTarget: false, hideDelay: 'none', smart: true, children: name }), shouldRenderViewSelector && (_jsxs(_Fragment, { children: [_jsx(MenuButton, { ref: setLabelEl, "data-testid": testIds.viewSelector, variant: 'link', text: selectedViewName, showArrow: true, iconOnly: viewSelector.views.length <= 1, as: StyledViewSelector, menu: {
                                                                     mode: 'single-select',
                                                                     items: (filteredViewItems ?? viewSelector.views).map(view => {
                                                                         if (hasProp(view, 'items')) {

package/lib/components/ListToolbar/ListToolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListToolbar.js","sourceRoot":"","sources":["../../../src/components/ListToolbar/ListToolbar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport type { KeyboardEvent, PropsWithoutRef, MouseEvent } from 'react';\n\nimport VisuallyHiddenText from '../VisuallyHiddenText';\nimport Actions from '../Actions';\nimport Button from '../Button';\nimport type { Action, ForwardRefForwardPropsComponent } from '../../types';\nimport {\n  useBreakpoint,\n  useConfiguration,\n  useConsolidatedRef,\n  useElement,\n  useI18n,\n  useTestIds,\n  useUID\n} from '../../hooks';\nimport Flex from '../Flex';\nimport SearchInput from '../SearchInput';\nimport Icon, { registerIcon } from '../Icon';\nimport * as filterIcon from '../Icon/icons/filter.icon';\nimport * as arrowUpDownIcon from '../Icon/icons/arrow-up-down.icon';\nimport * as rowIcon from '../Icon/icons/row.icon';\nimport * as plusIcon from '../Icon/icons/plus.icon';\nimport * as moreIcon from '../Icon/icons/more.icon';\nimport * as wrapIcon from '../Icon/icons/wrap.icon';\nimport * as unwrapIcon from '../Icon/icons/unwrap.icon';\nimport { createStringMatcher, hasProp, isInstance, withTestIds } from '../../utils';\nimport { formatNumber } from '../Number';\nimport MenuButton from '../MenuButton';\nimport Avatar from '../Avatar';\nimport AdditionalInfo from '../AdditionalInfo';\nimport FullscreenButton from '../Fullscreen/FullscreenButton';\nimport Tooltip from '../Tooltip';\nimport Text from '../Text';\n\nimport PresetMenuPopover from './PresetMenuPopover';\nimport type { PresetMenuPopoverProps } from './PresetMenuPopover';\nimport {\n  StyledViewSelector,\n  StyledSearchForm,\n  StyledListToolbar,\n  StyledHeading,\n  StyledCountMeta,\n  StyledListToolbarContent,\n  StyledListToolbarDialog,\n  StyledErrorIcon,\n  StyledInfo,\n  StyledSearchContainer,\n  StyledExpandSearchButton\n} from './ListToolbar.styles';\nimport type {\n  ListToolbarProps,\n  PresetMenuProps,\n  QueryOptionDialogProps,\n  QueryOptionId\n} from './ListToolbar.types';\nimport helpers from './helpers';\nimport { getListToolbarTestIds } from './ListToolbar.test-ids';\n\nregisterIcon(filterIcon, arrowUpDownIcon, rowIcon, plusIcon, moreIcon, wrapIcon, unwrapIcon);\n\nconst CountMeta = ({ count, ...restProps }: { count: NonNullable<ListToolbarProps['count']> }) => {\n  const { locale } = useConfiguration();\n  const t = useI18n();\n  const totalFormattedValue = formatNumber(count.total ?? 0, {\n    locale,\n    options: {\n      useGrouping: true\n    }\n  });\n  return (\n    <StyledCountMeta variant='default' {...restProps}>\n      {count.selected\n        ? t(\n            'selected_count',\n            [formatNumber(count.selected, { locale, options: { useGrouping: true } })],\n            { count: count.selected }\n          )\n        : t(\n            'results_count',\n            [count.totalHasMore ? `${totalFormattedValue}+` : totalFormattedValue],\n            {\n              count: count.total\n            }\n          )}\n    </StyledCountMeta>\n  );\n};\n\nconst ListToolbar: ForwardRefForwardPropsComponent<ListToolbarProps> = forwardRef(\n  function ListToolbar(\n    {\n      testId,\n      name,\n      showName = true,\n      headingTag = 'h2',\n      viewSelector,\n      formControlProps,\n      createNew,\n      search,\n      count,\n      wrap,\n      additionalActions,\n      filter,\n      sort,\n      group,\n      actions,\n      actionsButtonRef,\n      ...restProps\n    }: PropsWithoutRef<ListToolbarProps>,\n    ref: ListToolbarProps['ref']\n  ) {\n    const uid = useUID();\n    const t = useI18n();\n    const testIds = useTestIds(testId, getListToolbarTestIds);\n\n    const consolidatedActionsButtonRef = useConsolidatedRef(actionsButtonRef);\n    const toolbarContentRef = useRef<HTMLDivElement>(null);\n    const searchInputRef = useRef<HTMLInputElement>(null);\n    const searchButtonRef = useRef<HTMLButtonElement>(null);\n    const [headingEl, setHeadingEl] = useElement<HTMLHeadingElement>();\n    const [labelEl, setLabelEl] = useElement<HTMLButtonElement>();\n    const [isSearchOpen, setIsSearchOpen] = useState(!!search?.value);\n    const isSmallOrAbove = useBreakpoint('sm', { breakpointRef: toolbarContentRef });\n    const viewMenuRef = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n      if (search?.value) {\n        setIsSearchOpen(true);\n      }\n    }, [search?.value]);\n\n    useEffect(() => {\n      if (!isSearchOpen || search?.value) return;\n      const openedSearch = searchInputRef.current?.parentElement;\n      if (!openedSearch) return;\n\n      const handleFocusOut = (e: FocusEvent) => {\n        if (!search?.value && !openedSearch.contains(e.relatedTarget as HTMLElement)) {\n          setIsSearchOpen(false);\n        }\n      };\n\n      openedSearch.addEventListener('focusout', handleFocusOut);\n\n      return () => {\n        openedSearch.removeEventListener('focusout', handleFocusOut);\n      };\n    }, [isSearchOpen, search?.value]);\n\n    const [currentQueryOptionId, setCurrentQueryOptionId] = useState<QueryOptionId | null>(null);\n    const queryOptionPopoverTarget = useRef<HTMLButtonElement>();\n\n    const [actionsQueryOptionPreset, setActionsQueryOptionPreset] =\n      useState<Pick<PresetMenuPopoverProps, 'heading' | 'menu'>>();\n    const [optionPresetMenuOpen, setOptionPresetMenuOpen] = useState(false);\n\n    const createNewButton = useMemo(() => {\n      if (!createNew?.onClick) return null;\n      const text = createNew.label ?? t('create_new');\n\n      return (\n        <Button data-testid={testIds.createNew} icon label={text} onClick={createNew.onClick}>\n          <Icon name='plus' />\n        </Button>\n      );\n    }, [t, createNew, isSmallOrAbove]);\n\n    const wrapButton = useMemo(() => {\n      if (!wrap) return null;\n\n      const text = wrap.enabled ? t('disable_word_wrap') : t('enable_word_wrap');\n\n      return (\n        <Button\n          data-testid={testIds.wrapButton}\n          variant='simple'\n          icon\n          label={text}\n          aria-label={text}\n          onClick={wrap.onClick}\n        >\n          <Icon name={wrap.enabled ? 'unwrap' : 'wrap'} />\n        </Button>\n      );\n    }, [wrap, isSmallOrAbove, t]);\n\n    const searchInput = useMemo(\n      () => (\n        <SearchInput\n          data-testid={testIds.searchInput}\n          {...search}\n          onSearchSubmit={(value: string) => {\n            search?.onSearchSubmit?.(value);\n          }}\n          onClick={(e: MouseEvent<HTMLInputElement>) => {\n            e.preventDefault();\n          }}\n          ref={searchInputRef}\n        />\n      ),\n      [search]\n    );\n\n    const searchLabel = t('search');\n    const expandableSearch = useMemo(() => {\n      return isSearchOpen ? (\n        searchInput\n      ) : (\n        <StyledExpandSearchButton\n          data-testid={testIds.searchButton}\n          variant='simple'\n          icon\n          label={searchLabel}\n          aria-label={t('expand_search')}\n          onClick={() => {\n            setIsSearchOpen(true);\n            setTimeout(() => searchInputRef.current?.focus());\n          }}\n          onKeyDown={(e: KeyboardEvent<HTMLElement>) => {\n            if (e.target !== searchInputRef.current && (e.key === 'Enter' || e.key === ' ')) {\n              setIsSearchOpen(true);\n              setTimeout(() => {\n                searchInputRef.current?.focus();\n                searchInputRef.current?.select();\n              });\n            }\n          }}\n          ref={searchButtonRef}\n        >\n          <Icon name='search' />\n        </StyledExpandSearchButton>\n      );\n    }, [searchLabel, setIsSearchOpen, isSearchOpen, searchInput]);\n\n    let queryOptionPopover = null;\n    if (currentQueryOptionId) {\n      const queryOptionProps = { filter, sort, group }[currentQueryOptionId];\n      if (\n        queryOptionProps &&\n        hasProp(queryOptionProps, 'renderer') &&\n        queryOptionPopoverTarget.current\n      ) {\n        queryOptionPopover = (\n          <StyledListToolbarDialog\n            target={queryOptionPopoverTarget.current}\n            heading={t(currentQueryOptionId)}\n            placement='bottom-end'\n            onCancel={() => {\n              if (queryOptionProps.onCancel() === false) return;\n              setCurrentQueryOptionId(null);\n            }}\n            onSubmit={() => {\n              if (queryOptionProps.onSubmit() === false) return;\n              setCurrentQueryOptionId(null);\n            }}\n          >\n            <queryOptionProps.renderer {...(queryOptionProps.rendererProps || {})} />\n          </StyledListToolbarDialog>\n        );\n      }\n    }\n\n    const getQueryOptionAction = useCallback(\n      (\n        id: 'sort' | 'group' | 'filter',\n        icon: string,\n        queryOptionProps: QueryOptionDialogProps | PresetMenuProps\n      ) => {\n        return {\n          text: t(id),\n          id,\n          icon,\n          count: queryOptionProps.count,\n          onClick: () => {\n            if (hasProp(queryOptionProps, 'renderer')) {\n              setCurrentQueryOptionId(id);\n              queryOptionPopoverTarget.current = consolidatedActionsButtonRef.current ?? undefined;\n            }\n            if (hasProp(queryOptionProps, 'items')) {\n              setActionsQueryOptionPreset({\n                heading: t(id),\n                menu: {\n                  mode: queryOptionProps.mode,\n                  items: queryOptionProps.items.map(item => ({ ...item, primary: item.text })),\n                  onItemClick: queryOptionProps.onItemClick\n                }\n              });\n              setOptionPresetMenuOpen(true);\n            }\n          }\n        };\n      },\n      []\n    );\n\n    const basicModeActions = useMemo(() => {\n      let basicActions: Action[] = [];\n      if (filter) {\n        const filterAction: Action = getQueryOptionAction('filter', 'filter', filter);\n        basicActions.push(filterAction);\n      }\n      if (sort) {\n        const sortAction: Action = getQueryOptionAction('sort', 'arrow-up-down', sort);\n        basicActions.push(sortAction);\n      }\n      if (group) {\n        const groupAction: Action = getQueryOptionAction('group', 'row', group);\n        basicActions.push(groupAction);\n      }\n      if (actions) {\n        basicActions = basicActions.concat(actions);\n      }\n      return basicActions.length ? basicActions : undefined;\n    }, [actions, filter, sort, group, getQueryOptionAction]);\n\n    const smallScreenActions = useMemo(() => {\n      let basicActions: Action[] = [];\n      if (createNew && createNew.onClick) {\n        const text = createNew.label ?? t('create_new');\n        const createNewAction: Action = {\n          text,\n          id: text,\n          icon: 'plus',\n          'aria-label': text,\n          onClick: (_, e) => createNew.onClick(e),\n          'data-testid': testIds.createNew\n        };\n        basicActions.push(createNewAction);\n      }\n      if (wrap) {\n        const text = wrap.enabled ? t('disable_word_wrap') : t('enable_word_wrap');\n        const wrapAction: Action = {\n          text,\n          id: text,\n          icon: wrap.enabled ? 'unwrap' : 'wrap',\n          'aria-label': text,\n          onClick: (_, e) => wrap.onClick(e),\n          'data-testid': testIds.wrapButton\n        };\n        basicActions.push(wrapAction);\n      }\n      if (basicModeActions) {\n        basicActions = basicActions.concat(basicModeActions);\n      }\n      return basicActions.length ? basicActions : undefined;\n    }, [createNew?.label, createNew?.onClick, wrap?.enabled, wrap?.onClick, basicModeActions]);\n\n    let labelText = name;\n\n    const viewItems = helpers.getViews(viewSelector?.views ?? []);\n    const shouldRenderViewSelector =\n      viewSelector &&\n      (viewSelector.views.length > 1 ||\n        (!!viewSelector.views.length && !!viewSelector.onCreateView) ||\n        !!viewSelector.filterInputProps);\n\n    const selectedViewName =\n      shouldRenderViewSelector && !!viewItems.length\n        ? helpers.getSelectedView(viewSelector.views)?.text ?? viewItems[0].text\n        : '';\n\n    if (selectedViewName) {\n      labelText = `${name}: ${selectedViewName}`;\n    }\n\n    const filterRegex = viewSelector?.filterInputProps?.value\n      ? createStringMatcher(viewSelector.filterInputProps.value, 'contains')\n      : null;\n\n    const filteredViewItems = filterRegex\n      ? (viewSelector?.views ?? []).reduce<NonNullable<ListToolbarProps['viewSelector']>['views']>(\n          (acc, view) => {\n            if (helpers.isView(view)) {\n              if (filterRegex.test(view.text)) {\n                acc.push(view);\n              }\n            } else {\n              const items = view.items.filter(v => filterRegex.test(v.text));\n\n              if (items.length) {\n                acc.push({ ...view, items });\n              }\n            }\n\n            return acc;\n          },\n          []\n        )\n      : null;\n\n    return (\n      <Flex\n        data-testid={testIds.root}\n        container\n        {...restProps}\n        as={StyledListToolbar}\n        ref={ref}\n        isSmallOrAbove={isSmallOrAbove}\n      >\n        <StyledListToolbarContent\n          container={{ direction: 'column' }}\n          ref={toolbarContentRef}\n          item={{ grow: 1 }}\n        >\n          <Flex\n            container={{\n              alignItems: 'center',\n              justify: 'between',\n              direction: 'row'\n            }}\n          >\n            <Flex\n              container={{\n                alignItems: isSmallOrAbove ? 'center' : undefined,\n                justify: 'between',\n                direction: isSmallOrAbove ? undefined : 'column'\n              }}\n              item={{ grow: 1 }}\n            >\n              <Flex\n                container={{\n                  alignItems: 'center',\n                  gap: 1\n                }}\n                item={{ grow: 1 }}\n              >\n                <StyledHeading\n                  data-testid={testIds.heading}\n                  required={formControlProps?.required}\n                  showName={showName}\n                  headingTag={headingTag}\n                  aria-describedby={formControlProps?.info ? `${uid}-info` : undefined}\n                >\n                  <Text\n                    variant={headingTag}\n                    ref={setHeadingEl}\n                    required={formControlProps?.required}\n                  >\n                    {name}\n                    {shouldRenderViewSelector && <>:&nbsp;</>}\n                  </Text>\n                  <Tooltip target={headingEl} describeTarget={false} hideDelay='none' smart>\n                    {name}\n                  </Tooltip>\n                  {shouldRenderViewSelector && (\n                    <>\n                      <MenuButton\n                        ref={setLabelEl}\n                        data-testid={testIds.viewSelector}\n                        variant='link'\n                        text={selectedViewName}\n                        as={StyledViewSelector}\n                        menu={{\n                          mode: 'single-select',\n                          items: (filteredViewItems ?? viewSelector.views).map(view => {\n                            if (hasProp(view, 'items')) {\n                              return {\n                                id: view.text,\n                                label: view.text,\n                                items: view.items.map(groupedView => {\n                                  return {\n                                    ...groupedView,\n                                    primary: groupedView.text,\n                                    visual: groupedView.visual ? (\n                                      <Avatar {...groupedView.visual} />\n                                    ) : undefined\n                                  };\n                                })\n                              };\n                            }\n\n                            const { visual, ...restView } = view;\n\n                            return {\n                              ...restView,\n                              primary: view.text,\n                              visual: visual ? <Avatar {...visual} /> : undefined\n                            };\n                          }),\n                          onItemClick: viewSelector.onViewSelect,\n                          ref: viewMenuRef,\n                          filterInputProps: viewSelector?.filterInputProps\n                            ? {\n                                ...viewSelector.filterInputProps,\n                                onBlur: (e: React.FocusEvent<HTMLInputElement>) => {\n                                  if (\n                                    isInstance(e.relatedTarget, Node) &&\n                                    viewMenuRef.current?.contains(e.relatedTarget)\n                                  ) {\n                                    return;\n                                  }\n\n                                  viewSelector.filterInputProps?.onBlur?.(e);\n                                }\n                              }\n                            : undefined,\n                          ...(viewSelector.onCreateView &&\n                            labelEl && {\n                              onCreateNew: {\n                                text: t('list_toolbar_add_view'),\n                                handler: () => {\n                                  viewSelector.onCreateView?.(labelEl);\n                                }\n                              }\n                            })\n                        }}\n                      />\n                      {labelEl && (\n                        <Tooltip target={labelEl} describeTarget={false} hideDelay='none' smart>\n                          {selectedViewName}\n                        </Tooltip>\n                      )}\n                    </>\n                  )}\n                </StyledHeading>\n                {formControlProps?.additionalInfo && (\n                  <AdditionalInfo\n                    heading={formControlProps.additionalInfo.heading}\n                    contextualLabel={labelText}\n                  >\n                    {formControlProps.additionalInfo.content}\n                  </AdditionalInfo>\n                )}\n                {isSmallOrAbove && count && <CountMeta data-testid={testIds.count} count={count} />}\n              </Flex>\n              <>\n                {isSmallOrAbove && additionalActions}\n                {search && isSmallOrAbove && expandableSearch}\n                {isSmallOrAbove && wrapButton}\n                {isSmallOrAbove && <FullscreenButton />}\n                {isSmallOrAbove && basicModeActions && (\n                  <Actions\n                    contextualLabel={labelText}\n                    items={basicModeActions.map(({ icon, ...restActionProps }) => ({\n                      ...restActionProps,\n                      visual: icon && <Icon name={icon} />\n                    }))}\n                    menuAt={1}\n                    ref={consolidatedActionsButtonRef}\n                  />\n                )}\n                {isSmallOrAbove && createNewButton}\n                {!isSmallOrAbove && count && (\n                  <CountMeta data-testid={testIds.count} count={count} />\n                )}\n              </>\n            </Flex>\n            {!isSmallOrAbove && (\n              <>\n                <FullscreenButton />\n                {smallScreenActions && (\n                  <Actions\n                    contextualLabel={labelText}\n                    items={smallScreenActions.map(({ icon, ...restActionProps }) => ({\n                      ...restActionProps,\n                      visual: icon && <Icon name={icon} />\n                    }))}\n                    menuAt={1}\n                    ref={consolidatedActionsButtonRef}\n                  />\n                )}\n              </>\n            )}\n          </Flex>\n          {!isSmallOrAbove && (search || (count && !!count.selected)) && (\n            <StyledSearchContainer container={{ alignItems: 'start', justify: 'between' }}>\n              <Flex\n                as={StyledSearchForm}\n                container={{ alignItems: 'stretch', wrap: 'wrap', gap: 1, direction: 'column' }}\n                item={{ grow: 1 }}\n              >\n                {search && searchInput}\n                {count && !!count.selected && additionalActions}\n              </Flex>\n            </StyledSearchContainer>\n          )}\n          {formControlProps?.info && (\n            <StyledInfo\n              role={\n                formControlProps.status === 'error' || formControlProps.status === 'warning'\n                  ? 'alert'\n                  : undefined\n              }\n              id={`${uid}-info`}\n              data-testid={testIds.info}\n              status={formControlProps.status}\n            >\n              {formControlProps.status === 'error' && (\n                <>\n                  <StyledErrorIcon name='warn-solid' />\n                  <VisuallyHiddenText>{` ${t('error')} `}</VisuallyHiddenText>\n                </>\n              )}\n              {formControlProps.info}\n            </StyledInfo>\n          )}\n        </StyledListToolbarContent>\n\n        {queryOptionPopover}\n\n        <PresetMenuPopover\n          buttonRef={consolidatedActionsButtonRef}\n          heading={actionsQueryOptionPreset?.heading}\n          menu={actionsQueryOptionPreset?.menu}\n          isOpen={optionPresetMenuOpen}\n          onClose={() => setOptionPresetMenuOpen(false)}\n        />\n      </Flex>\n    );\n  }\n);\n\nexport default withTestIds(ListToolbar, getListToolbarTestIds);\n"]}
+{"version":3,"file":"ListToolbar.js","sourceRoot":"","sources":["../../../src/components/ListToolbar/ListToolbar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport type { KeyboardEvent, PropsWithoutRef, MouseEvent } from 'react';\n\nimport VisuallyHiddenText from '../VisuallyHiddenText';\nimport Actions from '../Actions';\nimport Button from '../Button';\nimport type { Action, ForwardRefForwardPropsComponent } from '../../types';\nimport {\n  useBreakpoint,\n  useConfiguration,\n  useConsolidatedRef,\n  useElement,\n  useI18n,\n  useTestIds,\n  useUID\n} from '../../hooks';\nimport Flex from '../Flex';\nimport SearchInput from '../SearchInput';\nimport Icon, { registerIcon } from '../Icon';\nimport * as filterIcon from '../Icon/icons/filter.icon';\nimport * as arrowUpDownIcon from '../Icon/icons/arrow-up-down.icon';\nimport * as rowIcon from '../Icon/icons/row.icon';\nimport * as plusIcon from '../Icon/icons/plus.icon';\nimport * as moreIcon from '../Icon/icons/more.icon';\nimport * as wrapIcon from '../Icon/icons/wrap.icon';\nimport * as unwrapIcon from '../Icon/icons/unwrap.icon';\nimport { createStringMatcher, hasProp, isInstance, withTestIds } from '../../utils';\nimport { formatNumber } from '../Number';\nimport MenuButton from '../MenuButton';\nimport Avatar from '../Avatar';\nimport AdditionalInfo from '../AdditionalInfo';\nimport FullscreenButton from '../Fullscreen/FullscreenButton';\nimport Tooltip from '../Tooltip';\nimport Text from '../Text';\n\nimport PresetMenuPopover from './PresetMenuPopover';\nimport type { PresetMenuPopoverProps } from './PresetMenuPopover';\nimport {\n  StyledViewSelector,\n  StyledSearchForm,\n  StyledListToolbar,\n  StyledHeading,\n  StyledCountMeta,\n  StyledListToolbarContent,\n  StyledListToolbarDialog,\n  StyledErrorIcon,\n  StyledInfo,\n  StyledSearchContainer,\n  StyledExpandSearchButton\n} from './ListToolbar.styles';\nimport type {\n  ListToolbarProps,\n  PresetMenuProps,\n  QueryOptionDialogProps,\n  QueryOptionId\n} from './ListToolbar.types';\nimport helpers from './helpers';\nimport { getListToolbarTestIds } from './ListToolbar.test-ids';\n\nregisterIcon(filterIcon, arrowUpDownIcon, rowIcon, plusIcon, moreIcon, wrapIcon, unwrapIcon);\n\nconst CountMeta = ({ count, ...restProps }: { count: NonNullable<ListToolbarProps['count']> }) => {\n  const { locale } = useConfiguration();\n  const t = useI18n();\n  const totalFormattedValue = formatNumber(count.total ?? 0, {\n    locale,\n    options: {\n      useGrouping: true\n    }\n  });\n  return (\n    <StyledCountMeta variant='default' {...restProps}>\n      {count.selected\n        ? t(\n            'selected_count',\n            [formatNumber(count.selected, { locale, options: { useGrouping: true } })],\n            { count: count.selected }\n          )\n        : t(\n            'results_count',\n            [count.totalHasMore ? `${totalFormattedValue}+` : totalFormattedValue],\n            {\n              count: count.total\n            }\n          )}\n    </StyledCountMeta>\n  );\n};\n\nconst ListToolbar: ForwardRefForwardPropsComponent<ListToolbarProps> = forwardRef(\n  function ListToolbar(\n    {\n      testId,\n      name,\n      showName = true,\n      headingTag = 'h2',\n      viewSelector,\n      formControlProps,\n      createNew,\n      search,\n      count,\n      wrap,\n      additionalActions,\n      filter,\n      sort,\n      group,\n      actions,\n      actionsButtonRef,\n      ...restProps\n    }: PropsWithoutRef<ListToolbarProps>,\n    ref: ListToolbarProps['ref']\n  ) {\n    const uid = useUID();\n    const t = useI18n();\n    const testIds = useTestIds(testId, getListToolbarTestIds);\n\n    const consolidatedActionsButtonRef = useConsolidatedRef(actionsButtonRef);\n    const toolbarContentRef = useRef<HTMLDivElement>(null);\n    const searchInputRef = useRef<HTMLInputElement>(null);\n    const searchButtonRef = useRef<HTMLButtonElement>(null);\n    const [headingEl, setHeadingEl] = useElement<HTMLHeadingElement>();\n    const [labelEl, setLabelEl] = useElement<HTMLButtonElement>();\n    const [isSearchOpen, setIsSearchOpen] = useState(!!search?.value);\n    const isSmallOrAbove = useBreakpoint('sm', { breakpointRef: toolbarContentRef });\n    const viewMenuRef = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n      if (search?.value) {\n        setIsSearchOpen(true);\n      }\n    }, [search?.value]);\n\n    useEffect(() => {\n      if (!isSearchOpen || search?.value) return;\n      const openedSearch = searchInputRef.current?.parentElement;\n      if (!openedSearch) return;\n\n      const handleFocusOut = (e: FocusEvent) => {\n        if (!search?.value && !openedSearch.contains(e.relatedTarget as HTMLElement)) {\n          setIsSearchOpen(false);\n        }\n      };\n\n      openedSearch.addEventListener('focusout', handleFocusOut);\n\n      return () => {\n        openedSearch.removeEventListener('focusout', handleFocusOut);\n      };\n    }, [isSearchOpen, search?.value]);\n\n    const [currentQueryOptionId, setCurrentQueryOptionId] = useState<QueryOptionId | null>(null);\n    const queryOptionPopoverTarget = useRef<HTMLButtonElement>();\n\n    const [actionsQueryOptionPreset, setActionsQueryOptionPreset] =\n      useState<Pick<PresetMenuPopoverProps, 'heading' | 'menu'>>();\n    const [optionPresetMenuOpen, setOptionPresetMenuOpen] = useState(false);\n\n    const createNewButton = useMemo(() => {\n      if (!createNew?.onClick) return null;\n      const text = createNew.label ?? t('create_new');\n\n      return (\n        <Button data-testid={testIds.createNew} icon label={text} onClick={createNew.onClick}>\n          <Icon name='plus' />\n        </Button>\n      );\n    }, [t, createNew, isSmallOrAbove]);\n\n    const wrapButton = useMemo(() => {\n      if (!wrap) return null;\n\n      const text = wrap.enabled ? t('disable_word_wrap') : t('enable_word_wrap');\n\n      return (\n        <Button\n          data-testid={testIds.wrapButton}\n          variant='simple'\n          icon\n          label={text}\n          aria-label={text}\n          onClick={wrap.onClick}\n        >\n          <Icon name={wrap.enabled ? 'unwrap' : 'wrap'} />\n        </Button>\n      );\n    }, [wrap, isSmallOrAbove, t]);\n\n    const searchInput = useMemo(\n      () => (\n        <SearchInput\n          data-testid={testIds.searchInput}\n          {...search}\n          onSearchSubmit={(value: string) => {\n            search?.onSearchSubmit?.(value);\n          }}\n          onClick={(e: MouseEvent<HTMLInputElement>) => {\n            e.preventDefault();\n          }}\n          ref={searchInputRef}\n        />\n      ),\n      [search]\n    );\n\n    const searchLabel = t('search');\n    const expandableSearch = useMemo(() => {\n      return isSearchOpen ? (\n        searchInput\n      ) : (\n        <StyledExpandSearchButton\n          data-testid={testIds.searchButton}\n          variant='simple'\n          icon\n          label={searchLabel}\n          aria-label={t('expand_search')}\n          onClick={() => {\n            setIsSearchOpen(true);\n            setTimeout(() => searchInputRef.current?.focus());\n          }}\n          onKeyDown={(e: KeyboardEvent<HTMLElement>) => {\n            if (e.target !== searchInputRef.current && (e.key === 'Enter' || e.key === ' ')) {\n              setIsSearchOpen(true);\n              setTimeout(() => {\n                searchInputRef.current?.focus();\n                searchInputRef.current?.select();\n              });\n            }\n          }}\n          ref={searchButtonRef}\n        >\n          <Icon name='search' />\n        </StyledExpandSearchButton>\n      );\n    }, [searchLabel, setIsSearchOpen, isSearchOpen, searchInput]);\n\n    let queryOptionPopover = null;\n    if (currentQueryOptionId) {\n      const queryOptionProps = { filter, sort, group }[currentQueryOptionId];\n      if (\n        queryOptionProps &&\n        hasProp(queryOptionProps, 'renderer') &&\n        queryOptionPopoverTarget.current\n      ) {\n        queryOptionPopover = (\n          <StyledListToolbarDialog\n            target={queryOptionPopoverTarget.current}\n            heading={t(currentQueryOptionId)}\n            placement='bottom-end'\n            onCancel={() => {\n              if (queryOptionProps.onCancel() === false) return;\n              setCurrentQueryOptionId(null);\n            }}\n            onSubmit={() => {\n              if (queryOptionProps.onSubmit() === false) return;\n              setCurrentQueryOptionId(null);\n            }}\n          >\n            <queryOptionProps.renderer {...(queryOptionProps.rendererProps || {})} />\n          </StyledListToolbarDialog>\n        );\n      }\n    }\n\n    const getQueryOptionAction = useCallback(\n      (\n        id: 'sort' | 'group' | 'filter',\n        icon: string,\n        queryOptionProps: QueryOptionDialogProps | PresetMenuProps\n      ) => {\n        return {\n          text: t(id),\n          id,\n          icon,\n          count: queryOptionProps.count,\n          onClick: () => {\n            if (hasProp(queryOptionProps, 'renderer')) {\n              setCurrentQueryOptionId(id);\n              queryOptionPopoverTarget.current = consolidatedActionsButtonRef.current ?? undefined;\n            }\n            if (hasProp(queryOptionProps, 'items')) {\n              setActionsQueryOptionPreset({\n                heading: t(id),\n                menu: {\n                  mode: queryOptionProps.mode,\n                  items: queryOptionProps.items.map(item => ({ ...item, primary: item.text })),\n                  onItemClick: queryOptionProps.onItemClick\n                }\n              });\n              setOptionPresetMenuOpen(true);\n            }\n          }\n        };\n      },\n      []\n    );\n\n    const basicModeActions = useMemo(() => {\n      let basicActions: Action[] = [];\n      if (filter) {\n        const filterAction: Action = getQueryOptionAction('filter', 'filter', filter);\n        basicActions.push(filterAction);\n      }\n      if (sort) {\n        const sortAction: Action = getQueryOptionAction('sort', 'arrow-up-down', sort);\n        basicActions.push(sortAction);\n      }\n      if (group) {\n        const groupAction: Action = getQueryOptionAction('group', 'row', group);\n        basicActions.push(groupAction);\n      }\n      if (actions) {\n        basicActions = basicActions.concat(actions);\n      }\n      return basicActions.length ? basicActions : undefined;\n    }, [actions, filter, sort, group, getQueryOptionAction]);\n\n    const smallScreenActions = useMemo(() => {\n      let basicActions: Action[] = [];\n      if (createNew && createNew.onClick) {\n        const text = createNew.label ?? t('create_new');\n        const createNewAction: Action = {\n          text,\n          id: text,\n          icon: 'plus',\n          'aria-label': text,\n          onClick: (_, e) => createNew.onClick(e),\n          'data-testid': testIds.createNew\n        };\n        basicActions.push(createNewAction);\n      }\n      if (wrap) {\n        const text = wrap.enabled ? t('disable_word_wrap') : t('enable_word_wrap');\n        const wrapAction: Action = {\n          text,\n          id: text,\n          icon: wrap.enabled ? 'unwrap' : 'wrap',\n          'aria-label': text,\n          onClick: (_, e) => wrap.onClick(e),\n          'data-testid': testIds.wrapButton\n        };\n        basicActions.push(wrapAction);\n      }\n      if (basicModeActions) {\n        basicActions = basicActions.concat(basicModeActions);\n      }\n      return basicActions.length ? basicActions : undefined;\n    }, [createNew?.label, createNew?.onClick, wrap?.enabled, wrap?.onClick, basicModeActions]);\n\n    let labelText = name;\n\n    const viewItems = helpers.getViews(viewSelector?.views ?? []);\n    const shouldRenderViewSelector =\n      viewSelector &&\n      (viewSelector.views.length > 1 ||\n        (!!viewSelector.views.length && !!viewSelector.onCreateView) ||\n        !!viewSelector.filterInputProps);\n\n    const selectedViewName =\n      shouldRenderViewSelector && !!viewItems.length\n        ? helpers.getSelectedView(viewSelector.views)?.text ?? viewItems[0].text\n        : '';\n\n    if (selectedViewName) {\n      labelText = `${name}: ${selectedViewName}`;\n    }\n\n    const filterRegex = viewSelector?.filterInputProps?.value\n      ? createStringMatcher(viewSelector.filterInputProps.value, 'contains')\n      : null;\n\n    const filteredViewItems = filterRegex\n      ? (viewSelector?.views ?? []).reduce<NonNullable<ListToolbarProps['viewSelector']>['views']>(\n          (acc, view) => {\n            if (helpers.isView(view)) {\n              if (filterRegex.test(view.text)) {\n                acc.push(view);\n              }\n            } else {\n              const items = view.items.filter(v => filterRegex.test(v.text));\n\n              if (items.length) {\n                acc.push({ ...view, items });\n              }\n            }\n\n            return acc;\n          },\n          []\n        )\n      : null;\n\n    return (\n      <Flex\n        data-testid={testIds.root}\n        container\n        {...restProps}\n        as={StyledListToolbar}\n        ref={ref}\n        isSmallOrAbove={isSmallOrAbove}\n      >\n        <StyledListToolbarContent\n          container={{ direction: 'column' }}\n          ref={toolbarContentRef}\n          item={{ grow: 1 }}\n        >\n          <Flex\n            container={{\n              alignItems: 'center',\n              justify: 'between',\n              direction: 'row'\n            }}\n          >\n            <Flex\n              container={{\n                alignItems: isSmallOrAbove ? 'center' : undefined,\n                justify: 'between',\n                direction: isSmallOrAbove ? undefined : 'column'\n              }}\n              item={{ grow: 1 }}\n            >\n              <Flex\n                container={{\n                  alignItems: 'center',\n                  gap: 1\n                }}\n                item={{ grow: 1 }}\n              >\n                <StyledHeading\n                  data-testid={testIds.heading}\n                  required={formControlProps?.required}\n                  showName={showName}\n                  headingTag={headingTag}\n                  aria-describedby={formControlProps?.info ? `${uid}-info` : undefined}\n                >\n                  <Text\n                    variant={headingTag}\n                    ref={setHeadingEl}\n                    required={formControlProps?.required}\n                  >\n                    {name}\n                    {shouldRenderViewSelector && viewSelector.views.length > 1 && <>:&nbsp;</>}\n                  </Text>\n                  <Tooltip target={headingEl} describeTarget={false} hideDelay='none' smart>\n                    {name}\n                  </Tooltip>\n                  {shouldRenderViewSelector && (\n                    <>\n                      <MenuButton\n                        ref={setLabelEl}\n                        data-testid={testIds.viewSelector}\n                        variant='link'\n                        text={selectedViewName}\n                        showArrow\n                        iconOnly={viewSelector.views.length <= 1}\n                        as={StyledViewSelector}\n                        menu={{\n                          mode: 'single-select',\n                          items: (filteredViewItems ?? viewSelector.views).map(view => {\n                            if (hasProp(view, 'items')) {\n                              return {\n                                id: view.text,\n                                label: view.text,\n                                items: view.items.map(groupedView => {\n                                  return {\n                                    ...groupedView,\n                                    primary: groupedView.text,\n                                    visual: groupedView.visual ? (\n                                      <Avatar {...groupedView.visual} />\n                                    ) : undefined\n                                  };\n                                })\n                              };\n                            }\n\n                            const { visual, ...restView } = view;\n\n                            return {\n                              ...restView,\n                              primary: view.text,\n                              visual: visual ? <Avatar {...visual} /> : undefined\n                            };\n                          }),\n                          onItemClick: viewSelector.onViewSelect,\n                          ref: viewMenuRef,\n                          filterInputProps: viewSelector?.filterInputProps\n                            ? {\n                                ...viewSelector.filterInputProps,\n                                onBlur: (e: React.FocusEvent<HTMLInputElement>) => {\n                                  if (\n                                    isInstance(e.relatedTarget, Node) &&\n                                    viewMenuRef.current?.contains(e.relatedTarget)\n                                  ) {\n                                    return;\n                                  }\n\n                                  viewSelector.filterInputProps?.onBlur?.(e);\n                                }\n                              }\n                            : undefined,\n                          ...(viewSelector.onCreateView &&\n                            labelEl && {\n                              onCreateNew: {\n                                text: t('list_toolbar_add_view'),\n                                handler: () => {\n                                  viewSelector.onCreateView?.(labelEl);\n                                }\n                              }\n                            })\n                        }}\n                      />\n                      {labelEl && (\n                        <Tooltip target={labelEl} describeTarget={false} hideDelay='none' smart>\n                          {selectedViewName}\n                        </Tooltip>\n                      )}\n                    </>\n                  )}\n                </StyledHeading>\n                {formControlProps?.additionalInfo && (\n                  <AdditionalInfo\n                    heading={formControlProps.additionalInfo.heading}\n                    contextualLabel={labelText}\n                  >\n                    {formControlProps.additionalInfo.content}\n                  </AdditionalInfo>\n                )}\n                {isSmallOrAbove && count && <CountMeta data-testid={testIds.count} count={count} />}\n              </Flex>\n              <>\n                {isSmallOrAbove && additionalActions}\n                {search && isSmallOrAbove && expandableSearch}\n                {isSmallOrAbove && wrapButton}\n                {isSmallOrAbove && <FullscreenButton />}\n                {isSmallOrAbove && basicModeActions && (\n                  <Actions\n                    contextualLabel={labelText}\n                    items={basicModeActions.map(({ icon, ...restActionProps }) => ({\n                      ...restActionProps,\n                      visual: icon && <Icon name={icon} />\n                    }))}\n                    menuAt={1}\n                    ref={consolidatedActionsButtonRef}\n                  />\n                )}\n                {isSmallOrAbove && createNewButton}\n                {!isSmallOrAbove && count && (\n                  <CountMeta data-testid={testIds.count} count={count} />\n                )}\n              </>\n            </Flex>\n            {!isSmallOrAbove && (\n              <>\n                <FullscreenButton />\n                {smallScreenActions && (\n                  <Actions\n                    contextualLabel={labelText}\n                    items={smallScreenActions.map(({ icon, ...restActionProps }) => ({\n                      ...restActionProps,\n                      visual: icon && <Icon name={icon} />\n                    }))}\n                    menuAt={1}\n                    ref={consolidatedActionsButtonRef}\n                  />\n                )}\n              </>\n            )}\n          </Flex>\n          {!isSmallOrAbove && (search || (count && !!count.selected)) && (\n            <StyledSearchContainer container={{ alignItems: 'start', justify: 'between' }}>\n              <Flex\n                as={StyledSearchForm}\n                container={{ alignItems: 'stretch', wrap: 'wrap', gap: 1, direction: 'column' }}\n                item={{ grow: 1 }}\n              >\n                {search && searchInput}\n                {count && !!count.selected && additionalActions}\n              </Flex>\n            </StyledSearchContainer>\n          )}\n          {formControlProps?.info && (\n            <StyledInfo\n              role={\n                formControlProps.status === 'error' || formControlProps.status === 'warning'\n                  ? 'alert'\n                  : undefined\n              }\n              id={`${uid}-info`}\n              data-testid={testIds.info}\n              status={formControlProps.status}\n            >\n              {formControlProps.status === 'error' && (\n                <>\n                  <StyledErrorIcon name='warn-solid' />\n                  <VisuallyHiddenText>{` ${t('error')} `}</VisuallyHiddenText>\n                </>\n              )}\n              {formControlProps.info}\n            </StyledInfo>\n          )}\n        </StyledListToolbarContent>\n\n        {queryOptionPopover}\n\n        <PresetMenuPopover\n          buttonRef={consolidatedActionsButtonRef}\n          heading={actionsQueryOptionPreset?.heading}\n          menu={actionsQueryOptionPreset?.menu}\n          isOpen={optionPresetMenuOpen}\n          onClose={() => setOptionPresetMenuOpen(false)}\n        />\n      </Flex>\n    );\n  }\n);\n\nexport default withTestIds(ListToolbar, getListToolbarTestIds);\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/cosmos-react-core",
-  "version": "9.20.0",
+  "version": "9.21.1",
   "description": "Cosmos is a visual design system and UI component collection. Its goal is to empower application developers in their pursuit to create engaging and rewarding user experiences.",
   "license": "SEE LICENSE IN LICENSE",
   "author": "Pegasystems",