normalize user action columns

2026-06-19 01:44:00 +02:00 · 2025-10-07 17:45:24 -07:00
parent 4600e56b94
commit c4f937b4da
5 changed files with 48 additions and 4 deletions
@@ -1,8 +1,40 @@
+import clsx from 'clsx';
+
+import styles from './row-index-column.module.css';
+
 import {
    ItemTableListInnerColumn,
+    TableColumnContainer,
    TableColumnTextContainer,
 } from '/@/renderer/components/item-list/item-table-list/item-table-list-column';
+import { ActionIcon } from '/@/shared/components/action-icon/action-icon';
+import { Text } from '/@/shared/components/text/text';

 export const RowIndexColumn = (props: ItemTableListInnerColumn) => {
+    const { controls, enableExpansion } = props;
+
+    if (enableExpansion) {
+        return (
+            <TableColumnContainer {...props}>
+                <ActionIcon
+                    className={clsx(styles.expand, 'hover-only')}
+                    icon="arrowDownS"
+                    iconProps={{ color: 'muted', size: 'xl' }}
+                    onClick={(e) =>
+                        controls.onItemExpand?.(
+                            props.data[props.rowIndex] as any,
+                            props.itemType,
+                            e,
+                        )
+                    }
+                    variant="subtle"
+                />
+                <Text className="hide-on-hover" isMuted>
+                    {props.rowIndex}
+                </Text>
+            </TableColumnContainer>
+        );
+    }
+
    return <TableColumnTextContainer {...props}>{props.rowIndex}</TableColumnTextContainer>;
 };