@multiplatform.one/table 6.6.0 → 7.0.0

package/dist/jsx/components/DataTableFilters/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","DataTableFilters_exports","DataTableFilters","module","exports","import_jsx_runtime","require","import_react","import_theme","import_react2","import_forms","import_tamagui","import_filterUtils","import_t","import_DataTableStateContext","props","_ref","_props_filters","_ref1","_props_onFiltersChange","_ref2","_props_onAddFilter","_ref3","_props_onRemoveFilter","_ref4","_props_onClearFilters","_props_availableColumns","ctx","useDataTableState","filters","state","onFiltersChange","actions","setFilters","onAddFilter","addFilter","onRemoveFilter","removeFilter","onClearFilters","clearFilters","availableColumns","maxFilters","showFilterCount","compact","showFilterBuilder","setShowFilterBuilder","useState","knobProps","useResolvedKnobs","canAddMoreFilters","length","handleAddFilter","handleAddFilter2","filter","handleUpdateFilter","handleUpdateFilter2","filterId","updates","updatedFilters","map","id","jsxs","XStack","alignItems","gap","children","jsx","View","backgroundColor","paddingHorizontal","paddingVertical","borderRadius","Text","color","fontSize","Popover","open","onOpenChange","Trigger","asChild","Button","size","sizeToken","variant","icon","PlusIcon","disabled","t","Content","borderWidth","borderColor","enterStyle","x","y","opacity","exitStyle","transition","overshootClamping","FilterBuilder","onCancel","onPress","XIcon","YStack","padding","justifyContent","FunnelIcon","fontWeight","render","margin","minWidth","maxWidth","Separator","ScrollView","maxHeight","index","ActiveFilter","onUpdate","onRemove","param","sz","builderMinWidth","selectedColumnId","setSelectedColumnId","selectedOperator","setSelectedOperator","filterValue","setFilterValue","filterValues","setFilterValues","selectedColumn","find","col","availableOperators","useMemo","baseOperators","type","columnOptions","label","operatorOptions","op","getOperatorLabel","filterValueObj","operator","includes","values","columnId","renderValueInput","renderValueInput2","Input","placeholder","onChangeText","text","newValues","options","option","checked","onChange","e","v","count","String","join","split","trim","Select","onValueChange","toString","keyboardType","panelPadding"],"sources":["../../../../src/components/DataTableFilters/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","DataTableFilters_exports","DataTableFilters","module","exports","import_jsx_runtime","require","import_react","import_theme","import_react2","import_forms","import_tamagui","import_filterFields","import_t","import_DataTableStateContext","import_DataTableFilterChips","import_FilterOperatorValueEditor","props","_ref","_props_filters","_ref1","_props_onAddFilter","_ref2","_props_onRemoveFilter","_ref3","_props_onClearFilters","_props_availableColumns","_filters_find","ctx","useDataTableState","filters","state","onAddFilter","actions","addFilter","onRemoveFilter","removeFilter","onClearFilters","clearFilters","availableColumns","maxFilters","showFilterCount","compact","builderOpen","setBuilderOpen","useState","editingId","setEditingId","knobProps","useResolvedKnobs","canAddMoreFilters","length","editingFilter","find","f","id","triggerName","t","triggerLabel","handleCommit","handleCommit2","filter","_ref4","_props_onFiltersChange","updated","map","row","onFiltersChange","setFilters","openBuilder","openBuilder2","filterId","handleOpenChange","handleOpenChange2","next","trigger","jsx","Button","size","accent","variant","icon","PlusIcon","FunnelIcon","weight","children","YStack","jsxs","XStack","flexWrap","alignItems","gap","View","alignSelf","flexShrink","FloatingPanel","open","onOpenChange","fitContent","scrollable","FilterBuilder","onCommit","onCancel","canAdd","_ref12","column","col","columnId","label","getFilterChipLabel","options","FilterChip","onRemove","onPress","chromeless","param","selectedColumnId","setSelectedColumnId","selectedOperator","setSelectedOperator","filterValue","setFilterValue","selectedColumn","useEffect","_editingFilter_value_value","operator","String","columnOptions"],"sources":["../../../../src/components/DataTableFilters/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/components/DataTableGrouping/index.mjs

@@ -1,13 +1,12 @@
-import { ChartBarIcon, CalculatorIcon, CaretDownIcon, CaretLeftIcon, CaretRightIcon, CaretUpIcon, HashIcon, MinusIcon, PlusIcon, GearIcon } from "@phosphor-icons/react";
+import { ArrowDownIcon, ArrowUpIcon, ChartBarIcon, CalculatorIcon, CaretDownIcon, CaretLeftIcon, CaretRightIcon, CaretUpIcon, HashIcon, MinusIcon, PlusIcon, GearIcon } from "@phosphor-icons/react";
 import { useDirection } from "@multiplatform.one/components";
-import { formatNumber, useResolvedKnobs } from "@multiplatform.one/theme";
+import { ensureFocusVisibleRing, formatNumber, getGroupPosition, hairline, sizeRecipeForToken, stackEdgeRadius, stackRadiusProps, useResolvedKnobs } from "@multiplatform.one/theme";
 import { useCallback, useMemo, useState } from "react";
 import { Button, Select } from "@multiplatform.one/forms";
 import { Popover, Separator, Text, View, XStack, YStack, isWeb } from "tamagui";
 import { getViewLeafRows } from "../../utils/viewData.mjs";
 import { useDataTableState } from "../DataTable/DataTableStateContext.mjs";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { createElement } from "react";
 const EMPTY_EXPANDED_GROUPS = /* @__PURE__ */new Set();
 const groupHeaderPaddingMap = {
   small: "$2",
@@ -19,11 +18,35 @@ const groupItemPaddingMap = {
   medium: "$2",
   large: "$3"
 };
+const groupIndentStepMap = {
+  small: 12,
+  medium: 16,
+  large: 24
+};
 const groupMetaSizeMap = {
   $3: "$2",
   $4: "$3",
   $5: "$4"
 };
+const groupIconSize = token => sizeRecipeForToken(token).iconSize;
+const startRail = isWeb ? {
+  borderInlineStartWidth: 4,
+  borderInlineStartStyle: "solid",
+  borderInlineStartColor: "$color6"
+} : {
+  borderStartWidth: 4,
+  borderStartColor: "$color6"
+};
+function groupIndent(space, level) {
+  return (groupIndentStepMap[space ?? "medium"] ?? 16) * Math.max(0, level);
+}
+function formatCellValue(value) {
+  if (value == null) return "";
+  if (typeof value === "number") {
+    return Number.isFinite(value) ? formatNumber(value) : "";
+  }
+  return String(value);
+}
 function formatAggregateValue(value, agg) {
   if (value == null) return formatNumber(0);
   if (typeof value === "number") {
@@ -81,6 +104,8 @@ function DataTableGrouping(props) {
     groupedData,
     columns,
     level: 0,
+    stackStart: true,
+    stackEnd: true,
     aggregations,
     showAggregations,
     expandedGroups,
@@ -93,6 +118,8 @@ function GroupedDataRenderer({
   groupedData,
   columns,
   level,
+  stackStart,
+  stackEnd,
   aggregations,
   showAggregations,
   expandedGroups,
@@ -101,12 +128,20 @@ function GroupedDataRenderer({
   renderGroupFooter
 }) {
   return /* @__PURE__ */jsx(YStack, {
-    children: groupedData.map(group => {
+    children: groupedData.map((group, groupIndex) => {
       const groupKey = getGroupKey(group);
       const isExpanded = expandedGroups.has(groupKey);
       const isExpandable = (group.children?.length ?? 0) > 0 || group.items.length > 0;
+      const position = getGroupPosition(groupIndex, groupedData.length);
+      const isFirst = position === "first" || position === "only";
+      const isLast = position === "last" || position === "only";
+      const headerStart = stackStart && isFirst;
+      const headerEnd = stackEnd && isLast && !isExpanded;
+      const childStackEnd = stackEnd && isLast;
       return /* @__PURE__ */jsxs(YStack, {
-        children: [/* @__PURE__ */jsx(GroupHeader, {
+        children: [groupIndex > 0 ? /* @__PURE__ */jsx(View, {
+          ...hairline.line
+        }) : null, /* @__PURE__ */jsx(GroupHeader, {
           group,
           level,
           isExpanded,
@@ -114,13 +149,19 @@ function GroupedDataRenderer({
           aggregations,
           showAggregations: showAggregations ?? true,
           onToggleExpansion: () => onToggleExpansion(groupKey),
-          renderCustomHeader: renderGroupHeader
-        }), isExpanded && /* @__PURE__ */jsx(YStack, {
-          marginInlineStart: level * 20,
-          children: group.children && group.children.length > 0 ? /* @__PURE__ */jsx(GroupedDataRenderer, {
+          renderCustomHeader: renderGroupHeader,
+          position,
+          stackStart: headerStart,
+          stackEnd: headerEnd
+        }), isExpanded && /* @__PURE__ */jsxs(Fragment, {
+          children: [/* @__PURE__ */jsx(View, {
+            ...hairline.line
+          }), group.children && group.children.length > 0 ? /* @__PURE__ */jsx(GroupedDataRenderer, {
             groupedData: group.children,
             columns,
             level: level + 1,
+            stackStart: false,
+            stackEnd: childStackEnd,
             aggregations,
             showAggregations,
             expandedGroups,
@@ -129,8 +170,10 @@ function GroupedDataRenderer({
             renderGroupFooter
           }) : /* @__PURE__ */jsx(GroupItems, {
             items: group.items,
-            columns
-          })
+            columns,
+            level: level + 1,
+            stackEnd: childStackEnd
+          })]
         }), renderGroupFooter && isExpanded && /* @__PURE__ */jsx(GroupFooter, {
           group,
           level,
@@ -148,41 +191,66 @@ function GroupHeader({
   aggregations,
   showAggregations,
   onToggleExpansion,
-  renderCustomHeader
+  renderCustomHeader,
+  position = "only",
+  stackStart,
+  stackEnd
 }) {
   const {
     knobProps
   } = useResolvedKnobs();
   const CollapsedCaretIcon = useDirection() === "rtl" ? CaretLeftIcon : CaretRightIcon;
+  const corners = stackEdgeRadius(knobProps.borderRadius.borderRadius, {
+    start: stackStart,
+    end: stackEnd
+  });
+  const iconSize = groupIconSize(String(knobProps.sizeToken));
+  const metaSize = groupMetaSizeMap[knobProps.sizeToken] ?? "$3";
+  const indent = groupIndent(knobProps.space, level);
+  const label = group.value == null || group.value === "" ? "No Value" : String(group.value);
+  const countLabel = `${formatNumber(group.count, {
+    maximumFractionDigits: 0
+  })} item${group.count !== 1 ? "s" : ""}`;
   if (renderCustomHeader) {
     return /* @__PURE__ */jsx(View, {
       children: renderCustomHeader(group, level)
     });
   }
   return /* @__PURE__ */jsxs(XStack, {
-    ...knobProps.borderRadius,
+    ...corners,
+    ...startRail,
     alignItems: "center",
+    gap: "$2",
+    minHeight: 44,
     padding: groupHeaderPaddingMap[knobProps.space] ?? "$3",
     backgroundColor: knobProps.inputBackground,
-    ...(isWeb ? {
-      borderInlineStartWidth: 4,
-      borderInlineStartStyle: "solid",
-      borderInlineStartColor: "$color6"
-    } : {
-      borderStartWidth: 4,
-      borderStartColor: "$color6"
-    }),
+    overflow: "hidden",
     cursor: "pointer",
     hoverStyle: {
-      backgroundColor: level === 0 ? "$accentBackground" : {
-        backgroundColor: "$color2"
-      }.backgroundColor
+      backgroundColor: "$backgroundHover",
+      ...corners
+    },
+    pressStyle: {
+      backgroundColor: "$backgroundPress",
+      ...corners
     },
     onPress: onToggleExpansion,
     role: "button",
     tabIndex: 0,
     "aria-expanded": isExpanded,
+    "aria-label": `${label}, ${countLabel}`,
+    outlineWidth: 0,
+    focusStyle: {
+      outlineWidth: 0
+    },
+    focusVisibleStyle: ensureFocusVisibleRing({
+      outlineOffset: -2
+    }),
     ...{
+      "data-testid": "data-table-group-header",
+      "data-group-position": position,
+      "data-stack-start": stackStart ? "true" : "false",
+      "data-stack-end": stackEnd ? "true" : "false",
       onKeyDown: e => {
         if (e.key === "Enter" || e.key === " ") {
           e.preventDefault();
@@ -191,40 +259,49 @@ function GroupHeader({
       }
     },
     children: [/* @__PURE__ */jsx(View, {
-      width: 20,
+      width: iconSize + 4,
       alignItems: "center",
+      marginInlineStart: indent,
       children: hasChildren && (isExpanded ? /* @__PURE__ */jsx(CaretDownIcon, {
-        size: 16
+        size: iconSize
       }) : /* @__PURE__ */jsx(CollapsedCaretIcon, {
-        size: 16
+        size: iconSize
       }))
-    }), /* @__PURE__ */jsxs(YStack, {
+    }), /* @__PURE__ */jsxs(XStack, {
       flex: 1,
+      alignItems: "center",
+      justifyContent: "space-between",
+      gap: "$3",
+      flexWrap: "wrap",
       children: [/* @__PURE__ */jsxs(XStack, {
         alignItems: "center",
         gap: "$2",
+        flexShrink: 1,
+        minWidth: 0,
         children: [/* @__PURE__ */jsx(Text, {
           fontSize: knobProps.sizeToken,
           fontWeight: "600",
-          children: group.value == null || group.value === "" ? "No Value" : String(group.value)
+          numberOfLines: 1,
+          children: label
         }), /* @__PURE__ */jsxs(Text, {
-          fontSize: groupMetaSizeMap[knobProps.sizeToken] ?? "$3",
+          fontSize: metaSize,
           color: "$color10",
-          children: ["(", group.count, " item", group.count !== 1 ? "s" : "", ")"]
+          children: ["(", countLabel, ")"]
         })]
       }), showAggregations && aggregations.length > 0 && /* @__PURE__ */jsx(XStack, {
-        gap: "$4",
-        marginTop: "$2",
+        gap: "$3",
+        flexWrap: "wrap",
+        justifyContent: "flex-end",
         children: aggregations.map((agg, index) => /* @__PURE__ */jsxs(XStack, {
-          alignItems: "center",
+          alignItems: "baseline",
           gap: "$1",
-          children: [/* @__PURE__ */jsxs(Text, {
-            fontSize: groupMetaSizeMap[knobProps.sizeToken] ?? "$3",
+          children: [/* @__PURE__ */jsx(Text, {
+            fontSize: metaSize,
             color: "$color10",
-            children: [agg.label || `${agg.function}(${agg.column})`, ":"]
+            children: `${agg.label || `${agg.function}(${agg.column})`}:`
           }), /* @__PURE__ */jsx(Text, {
-            fontSize: groupMetaSizeMap[knobProps.sizeToken] ?? "$3",
-            fontWeight: "500",
+            fontSize: metaSize,
+            fontWeight: "600",
             children: formatAggregateValue(group.aggregations[agg.column]?.[agg.function], agg)
           })]
         }, index))
@@ -234,34 +311,60 @@ function GroupHeader({
 }
 function GroupItems({
   items,
-  columns = []
+  columns = [],
+  level,
+  stackEnd
 }) {
   const {
     knobProps
   } = useResolvedKnobs();
+  const metaSize = groupMetaSizeMap[knobProps.sizeToken] ?? "$3";
+  const indent = groupIndent(knobProps.space, level);
   return /* @__PURE__ */jsx(YStack, {
-    children: items.map((item, index) => /* @__PURE__ */createElement(XStack, {
-      ...knobProps.borderRadius,
-      key: index,
-      padding: groupItemPaddingMap[knobProps.space] ?? "$2",
-      paddingInlineStart: "$4",
-      backgroundColor: index % 2 === 0 ? "$background" : "$color2",
-      borderBottomWidth: 1,
-      borderBottomColor: "$borderColor"
-    }, columns.length > 0 ? columns.map((column, colIndex) => {
-      const key = column.accessorKey || column.id || `col-${colIndex}`;
-      const value = item[key];
-      return /* @__PURE__ */jsx(View, {
-        flex: 1,
-        children: /* @__PURE__ */jsx(Text, {
-          fontSize: groupMetaSizeMap[knobProps.sizeToken] ?? "$3",
-          children: String(value ?? "")
-        })
-      }, key);
-    }) : /* @__PURE__ */jsx(Text, {
-      fontSize: groupMetaSizeMap[knobProps.sizeToken] ?? "$3",
-      children: JSON.stringify(item, null, 2)
-    })))
+    children: items.map((item, index) => {
+      const position = getGroupPosition(index, items.length);
+      const isLast = position === "last" || position === "only";
+      const corners = stackEdgeRadius(knobProps.borderRadius.borderRadius, {
+        start: false,
+        end: stackEnd && isLast
+      });
+      return /* @__PURE__ */jsxs(YStack, {
+        children: [index > 0 ? /* @__PURE__ */jsx(View, {
+          ...hairline.line
+        }) : null, /* @__PURE__ */jsx(XStack, {
+          ...corners,
+          padding: groupItemPaddingMap[knobProps.space] ?? "$2",
+          paddingInlineStart: indent + 12,
+          overflow: "hidden",
+          backgroundColor: index % 2 === 0 ? "$background" : "$color2",
+          hoverStyle: {
+            backgroundColor: "$backgroundHover",
+            ...corners
+          },
+          ...{
+            "data-testid": "data-table-group-item",
+            "data-group-position": position,
+            "data-stack-end": stackEnd && isLast ? "true" : "false"
+          },
+          children: columns.length > 0 ? columns.map((column, colIndex) => {
+            const key = column.accessorKey || column.id || `col-${colIndex}`;
+            const value = item[key];
+            return /* @__PURE__ */jsx(View, {
+              flex: 1,
+              minWidth: 0,
+              children: /* @__PURE__ */jsx(Text, {
+                fontSize: metaSize,
+                numberOfLines: 1,
+                children: formatCellValue(value)
+              })
+            }, key);
+          }) : /* @__PURE__ */jsx(Text, {
+            fontSize: metaSize,
+            children: JSON.stringify(item, null, 2)
+          })
+        })]
+      }, index);
+    })
   });
 }
 function GroupFooter({
@@ -269,8 +372,11 @@ function GroupFooter({
   level,
   renderCustomFooter
 }) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
   return /* @__PURE__ */jsx(View, {
-    marginInlineStart: level * 20,
+    paddingInlineStart: groupIndent(knobProps.space, level),
     children: renderCustomFooter(group, level)
   });
 }
@@ -329,6 +435,18 @@ function DataTableGroupingConfig(props) {
     };
     onConfigChange(newConfig);
   };
+  const handleMoveGroupBy = (index, direction) => {
+    const next = [...currentConfig.columns];
+    const swap = index + direction;
+    if (swap < 0 || swap >= next.length) return;
+    [next[index], next[swap]] = [next[swap], next[index]];
+    onConfigChange({
+      ...currentConfig,
+      columns: next
+    });
+  };
+  const iconSize = groupIconSize(String(sz));
+  const radius = knobProps.borderRadius.borderRadius;
   return (
     // LC-06/LC-10: collision handling — the config list grows with every
     // group-by/aggregation added and must clamp + scroll inside the viewport
@@ -346,7 +464,7 @@ function DataTableGroupingConfig(props) {
           size: knobProps.sizeToken,
           variant: "outlined",
           icon: /* @__PURE__ */jsx(GearIcon, {
-            size: 16
+            size: iconSize
           }),
           disabled,
           "aria-label": "Grouping configuration",
@@ -354,12 +472,12 @@ function DataTableGroupingConfig(props) {
             alignItems: "center",
             gap: "$2",
             children: [/* @__PURE__ */jsx(ChartBarIcon, {
-              size: 16
+              size: iconSize
             }), /* @__PURE__ */jsx(Text, {
               children: "Group & Aggregate"
             }), (currentConfig.columns.length > 0 || currentConfig.aggregations.length > 0) && /* @__PURE__ */jsx(View, {
               backgroundColor: "$color6",
-              borderRadius: knobProps.borderRadius.borderRadius,
+              borderRadius: 1e3,
               paddingHorizontal: "$1",
               paddingVertical: 2,
               minWidth: 20,
@@ -416,29 +534,61 @@ function DataTableGroupingConfig(props) {
                   children: [currentConfig.columns.length, " selected"]
                 })]
               }), /* @__PURE__ */jsx(YStack, {
-                gap: "$1",
                 children: currentConfig.columns.map((columnKey, index) => {
                   const column = columns.find(col => (col.accessorKey || col.id) === columnKey);
-                  return /* @__PURE__ */jsxs(XStack, {
-                    alignItems: "center",
-                    gap: "$2",
-                    padding: "$2",
-                    ...{
-                      backgroundColor: "$color2"
-                    },
-                    borderRadius: knobProps.borderRadius.borderRadius,
-                    children: [/* @__PURE__ */jsxs(Text, {
-                      fontSize: "$3",
-                      flex: 1,
-                      children: [column?.header || columnKey, " (", index + 1, ")"]
-                    }), /* @__PURE__ */jsx(Button, {
-                      size: knobProps.sizeToken,
-                      variant: "outlined",
-                      icon: /* @__PURE__ */jsx(MinusIcon, {
-                        size: 16
-                      }),
-                      onPress: () => handleRemoveGroupBy(columnKey),
-                      "aria-label": `Remove grouping by ${column?.header || columnKey}`
+                  const position = getGroupPosition(index, currentConfig.columns.length);
+                  const corners = stackRadiusProps(position, radius);
+                  const label = String(column?.header || columnKey);
+                  return /* @__PURE__ */jsxs(YStack, {
+                    children: [index > 0 ? /* @__PURE__ */jsx(View, {
+                      ...hairline.line
+                    }) : null, /* @__PURE__ */jsxs(XStack, {
+                      alignItems: "center",
+                      gap: "$2",
+                      padding: "$2",
+                      overflow: "hidden",
+                      backgroundColor: "$color2",
+                      ...corners,
+                      hoverStyle: {
+                        backgroundColor: "$backgroundHover",
+                        ...corners
+                      },
+                      ...{
+                        "data-group-position": position
+                      },
+                      children: [/* @__PURE__ */jsx(Text, {
+                        fontSize: "$3",
+                        flex: 1,
+                        numberOfLines: 1,
+                        children: `${label} \xB7 ${index + 1}`
+                      }), /* @__PURE__ */jsx(Button, {
+                        size: "$2",
+                        variant: "outlined",
+                        icon: /* @__PURE__ */jsx(ArrowUpIcon, {
+                          size: iconSize
+                        }),
+                        disabled: disabled || index === 0,
+                        onPress: () => handleMoveGroupBy(index, -1),
+                        "aria-label": `Move ${label} up`
+                      }), /* @__PURE__ */jsx(Button, {
+                        size: "$2",
+                        variant: "outlined",
+                        icon: /* @__PURE__ */jsx(ArrowDownIcon, {
+                          size: iconSize
+                        }),
+                        disabled: disabled || index === currentConfig.columns.length - 1,
+                        onPress: () => handleMoveGroupBy(index, 1),
+                        "aria-label": `Move ${label} down`
+                      }), /* @__PURE__ */jsx(Button, {
+                        size: "$2",
+                        variant: "outlined",
+                        icon: /* @__PURE__ */jsx(MinusIcon, {
+                          size: iconSize
+                        }),
+                        disabled,
+                        onPress: () => handleRemoveGroupBy(columnKey),
+                        "aria-label": `Remove grouping by ${label}`
+                      })]
                     })]
                   }, columnKey);
                 })
@@ -473,29 +623,44 @@ function DataTableGroupingConfig(props) {
                   children: [currentConfig.aggregations.length, " configured"]
                 })]
               }), /* @__PURE__ */jsx(YStack, {
-                gap: "$1",
-                children: currentConfig.aggregations.map((agg, index) => /* @__PURE__ */jsxs(XStack, {
-                  alignItems: "center",
-                  gap: "$2",
-                  padding: "$2",
-                  ...{
-                    backgroundColor: "$color2"
-                  },
-                  borderRadius: knobProps.borderRadius.borderRadius,
-                  children: [/* @__PURE__ */jsxs(Text, {
-                    fontSize: "$3",
-                    flex: 1,
-                    children: [agg.function, "(", agg.column, ")", agg.label && ` as "${agg.label}"`]
-                  }), /* @__PURE__ */jsx(Button, {
-                    size: knobProps.sizeToken,
-                    variant: "outlined",
-                    icon: /* @__PURE__ */jsx(MinusIcon, {
-                      size: 16
-                    }),
-                    onPress: () => handleRemoveAggregation(index),
-                    "aria-label": `Remove ${agg.function} aggregation on ${agg.column}`
-                  })]
-                }, index))
+                children: currentConfig.aggregations.map((agg, index) => {
+                  const position = getGroupPosition(index, currentConfig.aggregations.length);
+                  const corners = stackRadiusProps(position, radius);
+                  return /* @__PURE__ */jsxs(YStack, {
+                    children: [index > 0 ? /* @__PURE__ */jsx(View, {
+                      ...hairline.line
+                    }) : null, /* @__PURE__ */jsxs(XStack, {
+                      alignItems: "center",
+                      gap: "$2",
+                      padding: "$2",
+                      overflow: "hidden",
+                      backgroundColor: "$color2",
+                      ...corners,
+                      hoverStyle: {
+                        backgroundColor: "$backgroundHover",
+                        ...corners
+                      },
+                      ...{
+                        "data-group-position": position
+                      },
+                      children: [/* @__PURE__ */jsxs(Text, {
+                        fontSize: "$3",
+                        flex: 1,
+                        numberOfLines: 1,
+                        children: [agg.function, "(", agg.column, ")", agg.label && ` as "${agg.label}"`]
+                      }), /* @__PURE__ */jsx(Button, {
+                        size: "$2",
+                        variant: "outlined",
+                        icon: /* @__PURE__ */jsx(MinusIcon, {
+                          size: iconSize
+                        }),
+                        disabled,
+                        onPress: () => handleRemoveAggregation(index),
+                        "aria-label": `Remove ${agg.function} aggregation on ${agg.column}`
+                      })]
+                    })]
+                  }, `${agg.function}-${agg.column}-${index}`);
+                })
               }), /* @__PURE__ */jsx(AggregationSelector, {
                 columns: aggregatableColumns,
                 onAddAggregation: handleAddAggregation