@multiplatform.one/table 6.6.0 → 7.0.0

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

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

package/dist/esm/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