@multiplatform.one/table 6.7.0 → 7.1.0

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","DataTableFilters_exports","__export","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","target","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":["__toCommonJS","mod","__copyProps","__defProp","value","DataTableFilters_exports","__export","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","operatorNeedsNoValue","panelPadding"],"sources":["../../../../src/components/DataTableFilters/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/DataTableGrouping/index.cjs

@@ -38,7 +38,6 @@ var import_tamagui = require("tamagui");
 var import_viewData = require("../../utils/viewData.cjs");
 var import_DataTableStateContext = require("../DataTable/DataTableStateContext.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_react3 = require("react");
 const EMPTY_EXPANDED_GROUPS = /* @__PURE__ */new Set();
 const groupHeaderPaddingMap = {
   small: "$2",
@@ -50,11 +49,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 => (0, import_theme.sizeRecipeForToken)(token).iconSize;
+const startRail = import_tamagui.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) ? (0, import_theme.formatNumber)(value) : "";
+  }
+  return String(value);
+}
 function formatAggregateValue(value, agg) {
   if (value == null) return (0, import_theme.formatNumber)(0);
   if (typeof value === "number") {
@@ -112,6 +135,8 @@ function DataTableGrouping(props) {
     groupedData,
     columns,
     level: 0,
+    stackStart: true,
+    stackEnd: true,
     aggregations,
     showAggregations,
     expandedGroups,
@@ -124,6 +149,8 @@ function GroupedDataRenderer({
   groupedData,
   columns,
   level,
+  stackStart,
+  stackEnd,
   aggregations,
   showAggregations,
   expandedGroups,
@@ -132,12 +159,20 @@ function GroupedDataRenderer({
   renderGroupFooter
 }) {
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.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 = (0, import_theme.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__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(GroupHeader, {
+        children: [groupIndex > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+          ...import_theme.hairline.line
+        }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsx)(GroupHeader, {
           group,
           level,
           isExpanded,
@@ -145,13 +180,19 @@ function GroupedDataRenderer({
           aggregations,
           showAggregations: showAggregations ?? true,
           onToggleExpansion: () => onToggleExpansion(groupKey),
-          renderCustomHeader: renderGroupHeader
-        }), isExpanded && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-          marginInlineStart: level * 20,
-          children: group.children && group.children.length > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(GroupedDataRenderer, {
+          renderCustomHeader: renderGroupHeader,
+          position,
+          stackStart: headerStart,
+          stackEnd: headerEnd
+        }), isExpanded && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+            ...import_theme.hairline.line
+          }), group.children && group.children.length > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(GroupedDataRenderer, {
             groupedData: group.children,
             columns,
             level: level + 1,
+            stackStart: false,
+            stackEnd: childStackEnd,
             aggregations,
             showAggregations,
             expandedGroups,
@@ -160,8 +201,10 @@ function GroupedDataRenderer({
             renderGroupFooter
           }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(GroupItems, {
             items: group.items,
-            columns
-          })
+            columns,
+            level: level + 1,
+            stackEnd: childStackEnd
+          })]
         }), renderGroupFooter && isExpanded && /* @__PURE__ */(0, import_jsx_runtime.jsx)(GroupFooter, {
           group,
           level,
@@ -179,41 +222,66 @@ function GroupHeader({
   aggregations,
   showAggregations,
   onToggleExpansion,
-  renderCustomHeader
+  renderCustomHeader,
+  position = "only",
+  stackStart,
+  stackEnd
 }) {
   const {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
   const CollapsedCaretIcon = (0, import_components.useDirection)() === "rtl" ? import_react.CaretLeftIcon : import_react.CaretRightIcon;
+  const corners = (0, import_theme.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 = `${(0, import_theme.formatNumber)(group.count, {
+    maximumFractionDigits: 0
+  })} item${group.count !== 1 ? "s" : ""}`;
   if (renderCustomHeader) {
     return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
       children: renderCustomHeader(group, level)
     });
   }
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-    ...knobProps.borderRadius,
+    ...corners,
+    ...startRail,
     alignItems: "center",
+    gap: "$2",
+    minHeight: 44,
     padding: groupHeaderPaddingMap[knobProps.space] ?? "$3",
     backgroundColor: knobProps.inputBackground,
-    ...(import_tamagui.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: (0, import_theme.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();
@@ -222,40 +290,49 @@ function GroupHeader({
       }
     },
     children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-      width: 20,
+      width: iconSize + 4,
       alignItems: "center",
+      marginInlineStart: indent,
       children: hasChildren && (isExpanded ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.CaretDownIcon, {
-        size: 16
+        size: iconSize
       }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(CollapsedCaretIcon, {
-        size: 16
+        size: iconSize
       }))
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
       flex: 1,
+      alignItems: "center",
+      justifyContent: "space-between",
+      gap: "$3",
+      flexWrap: "wrap",
       children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
         alignItems: "center",
         gap: "$2",
+        flexShrink: 1,
+        minWidth: 0,
         children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
           fontSize: knobProps.sizeToken,
           fontWeight: "600",
-          children: group.value == null || group.value === "" ? "No Value" : String(group.value)
+          numberOfLines: 1,
+          children: label
         }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.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__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
-        gap: "$4",
-        marginTop: "$2",
+        gap: "$3",
+        flexWrap: "wrap",
+        justifyContent: "flex-end",
         children: aggregations.map((agg, index) => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-          alignItems: "center",
+          alignItems: "baseline",
           gap: "$1",
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Text, {
-            fontSize: groupMetaSizeMap[knobProps.sizeToken] ?? "$3",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+            fontSize: metaSize,
             color: "$color10",
-            children: [agg.label || `${agg.function}(${agg.column})`, ":"]
+            children: `${agg.label || `${agg.function}(${agg.column})`}:`
           }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-            fontSize: groupMetaSizeMap[knobProps.sizeToken] ?? "$3",
-            fontWeight: "500",
+            fontSize: metaSize,
+            fontWeight: "600",
             children: formatAggregateValue(group.aggregations[agg.column]?.[agg.function], agg)
           })]
         }, index))
@@ -265,34 +342,60 @@ function GroupHeader({
 }
 function GroupItems({
   items,
-  columns = []
+  columns = [],
+  level,
+  stackEnd
 }) {
   const {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
+  const metaSize = groupMetaSizeMap[knobProps.sizeToken] ?? "$3";
+  const indent = groupIndent(knobProps.space, level);
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-    children: items.map((item, index) => /* @__PURE__ */(0, import_react3.createElement)(import_tamagui.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__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-        flex: 1,
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-          fontSize: groupMetaSizeMap[knobProps.sizeToken] ?? "$3",
-          children: String(value ?? "")
-        })
-      }, key);
-    }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-      fontSize: groupMetaSizeMap[knobProps.sizeToken] ?? "$3",
-      children: JSON.stringify(item, null, 2)
-    })))
+    children: items.map((item, index) => {
+      const position = (0, import_theme.getGroupPosition)(index, items.length);
+      const isLast = position === "last" || position === "only";
+      const corners = (0, import_theme.stackEdgeRadius)(knobProps.borderRadius.borderRadius, {
+        start: false,
+        end: stackEnd && isLast
+      });
+      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        children: [index > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+          ...import_theme.hairline.line
+        }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.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__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+              flex: 1,
+              minWidth: 0,
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+                fontSize: metaSize,
+                numberOfLines: 1,
+                children: formatCellValue(value)
+              })
+            }, key);
+          }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+            fontSize: metaSize,
+            children: JSON.stringify(item, null, 2)
+          })
+        })]
+      }, index);
+    })
   });
 }
 function GroupFooter({
@@ -300,8 +403,11 @@ function GroupFooter({
   level,
   renderCustomFooter
 }) {
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-    marginInlineStart: level * 20,
+    paddingInlineStart: groupIndent(knobProps.space, level),
     children: renderCustomFooter(group, level)
   });
 }
@@ -360,6 +466,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
@@ -377,7 +495,7 @@ function DataTableGroupingConfig(props) {
           size: knobProps.sizeToken,
           variant: "outlined",
           icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.GearIcon, {
-            size: 16
+            size: iconSize
           }),
           disabled,
           "aria-label": "Grouping configuration",
@@ -385,12 +503,12 @@ function DataTableGroupingConfig(props) {
             alignItems: "center",
             gap: "$2",
             children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.ChartBarIcon, {
-              size: 16
+              size: iconSize
             }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
               children: "Group & Aggregate"
             }), (currentConfig.columns.length > 0 || currentConfig.aggregations.length > 0) && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
               backgroundColor: "$color6",
-              borderRadius: knobProps.borderRadius.borderRadius,
+              borderRadius: 1e3,
               paddingHorizontal: "$1",
               paddingVertical: 2,
               minWidth: 20,
@@ -447,29 +565,61 @@ function DataTableGroupingConfig(props) {
                   children: [currentConfig.columns.length, " selected"]
                 })]
               }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-                gap: "$1",
                 children: currentConfig.columns.map((columnKey, index) => {
                   const column = columns.find(col => (col.accessorKey || col.id) === columnKey);
-                  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-                    alignItems: "center",
-                    gap: "$2",
-                    padding: "$2",
-                    ...{
-                      backgroundColor: "$color2"
-                    },
-                    borderRadius: knobProps.borderRadius.borderRadius,
-                    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Text, {
-                      fontSize: "$3",
-                      flex: 1,
-                      children: [column?.header || columnKey, " (", index + 1, ")"]
-                    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
-                      size: knobProps.sizeToken,
-                      variant: "outlined",
-                      icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.MinusIcon, {
-                        size: 16
-                      }),
-                      onPress: () => handleRemoveGroupBy(columnKey),
-                      "aria-label": `Remove grouping by ${column?.header || columnKey}`
+                  const position = (0, import_theme.getGroupPosition)(index, currentConfig.columns.length);
+                  const corners = (0, import_theme.stackRadiusProps)(position, radius);
+                  const label = String(column?.header || columnKey);
+                  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+                    children: [index > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+                      ...import_theme.hairline.line
+                    }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+                      alignItems: "center",
+                      gap: "$2",
+                      padding: "$2",
+                      overflow: "hidden",
+                      backgroundColor: "$color2",
+                      ...corners,
+                      hoverStyle: {
+                        backgroundColor: "$backgroundHover",
+                        ...corners
+                      },
+                      ...{
+                        "data-group-position": position
+                      },
+                      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+                        fontSize: "$3",
+                        flex: 1,
+                        numberOfLines: 1,
+                        children: `${label} \xB7 ${index + 1}`
+                      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+                        size: "$2",
+                        variant: "outlined",
+                        icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.ArrowUpIcon, {
+                          size: iconSize
+                        }),
+                        disabled: disabled || index === 0,
+                        onPress: () => handleMoveGroupBy(index, -1),
+                        "aria-label": `Move ${label} up`
+                      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+                        size: "$2",
+                        variant: "outlined",
+                        icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.ArrowDownIcon, {
+                          size: iconSize
+                        }),
+                        disabled: disabled || index === currentConfig.columns.length - 1,
+                        onPress: () => handleMoveGroupBy(index, 1),
+                        "aria-label": `Move ${label} down`
+                      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+                        size: "$2",
+                        variant: "outlined",
+                        icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.MinusIcon, {
+                          size: iconSize
+                        }),
+                        disabled,
+                        onPress: () => handleRemoveGroupBy(columnKey),
+                        "aria-label": `Remove grouping by ${label}`
+                      })]
                     })]
                   }, columnKey);
                 })
@@ -504,29 +654,44 @@ function DataTableGroupingConfig(props) {
                   children: [currentConfig.aggregations.length, " configured"]
                 })]
               }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-                gap: "$1",
-                children: currentConfig.aggregations.map((agg, index) => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-                  alignItems: "center",
-                  gap: "$2",
-                  padding: "$2",
-                  ...{
-                    backgroundColor: "$color2"
-                  },
-                  borderRadius: knobProps.borderRadius.borderRadius,
-                  children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Text, {
-                    fontSize: "$3",
-                    flex: 1,
-                    children: [agg.function, "(", agg.column, ")", agg.label && ` as "${agg.label}"`]
-                  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
-                    size: knobProps.sizeToken,
-                    variant: "outlined",
-                    icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.MinusIcon, {
-                      size: 16
-                    }),
-                    onPress: () => handleRemoveAggregation(index),
-                    "aria-label": `Remove ${agg.function} aggregation on ${agg.column}`
-                  })]
-                }, index))
+                children: currentConfig.aggregations.map((agg, index) => {
+                  const position = (0, import_theme.getGroupPosition)(index, currentConfig.aggregations.length);
+                  const corners = (0, import_theme.stackRadiusProps)(position, radius);
+                  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+                    children: [index > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+                      ...import_theme.hairline.line
+                    }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+                      alignItems: "center",
+                      gap: "$2",
+                      padding: "$2",
+                      overflow: "hidden",
+                      backgroundColor: "$color2",
+                      ...corners,
+                      hoverStyle: {
+                        backgroundColor: "$backgroundHover",
+                        ...corners
+                      },
+                      ...{
+                        "data-group-position": position
+                      },
+                      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Text, {
+                        fontSize: "$3",
+                        flex: 1,
+                        numberOfLines: 1,
+                        children: [agg.function, "(", agg.column, ")", agg.label && ` as "${agg.label}"`]
+                      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+                        size: "$2",
+                        variant: "outlined",
+                        icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.MinusIcon, {
+                          size: iconSize
+                        }),
+                        disabled,
+                        onPress: () => handleRemoveAggregation(index),
+                        "aria-label": `Remove ${agg.function} aggregation on ${agg.column}`
+                      })]
+                    })]
+                  }, `${agg.function}-${agg.column}-${index}`);
+                })
               }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(AggregationSelector, {
                 columns: aggregatableColumns,
                 onAddAggregation: handleAddAggregation