@multiplatform.one/table 7.23.1 → 7.24.0

package/dist/cjs/components/DataTable/DataTableRoot.native.js

@@ -52,13 +52,13 @@ var import_react_i18next = require("react-i18next");
 var import_useDataTable = require("../../hooks/useDataTable.native.js");
 var import_useDragScroll = require("../../hooks/useDragScroll.native.js");
 var import_useDataTableKeyboard = require("../../hooks/useDataTableKeyboard.native.js");
-var import_DataTableColumnPinning = require("../DataTableColumnPinning/index.native.js");
-var import_DataTablePagination = require("../DataTablePagination/index.native.js");
-var import_DataTableToolbar = require("../DataTableToolbar/index.native.js");
-var import_DataTableBulkActions = require("../DataTableBulkActions/index.native.js");
-var import_DataTableCell = require("../DataTableCell/index.native.js");
-var import_ColumnHeaderFilter = require("../ColumnHeaderFilter/index.native.js");
-var import_DataTableFilterChips = require("../DataTableFilterChips/index.native.js");
+var import_DataTableColumnPinning = require("../DataTableColumnPinning");
+var import_DataTablePagination = require("../DataTablePagination");
+var import_DataTableToolbar = require("../DataTableToolbar");
+var import_DataTableBulkActions = require("../DataTableBulkActions");
+var import_DataTableCell = require("../DataTableCell");
+var import_ColumnHeaderFilter = require("../ColumnHeaderFilter");
+var import_DataTableFilterChips = require("../DataTableFilterChips");
 var import_table_primitives = require("@multiplatform.one/table-primitives");
 var import_DataTableContext = require("./DataTableContext.native.js");
 var import_DataTableStateContext = require("./DataTableStateContext.native.js");
@@ -531,9 +531,6 @@ function DataTableRoot(param) {
       "aria-label": deriveRowLabel(row, rowIndex),
       onPress: handlePress,
       cursor: "pointer",
-      pressStyle: {
-        backgroundColor: "$color4"
-      },
       ...(variant === "card" ? {
         role: "button"
       } : {}),
@@ -1613,7 +1610,8 @@ function DataTableRoot(param) {
                         selected: Boolean(enableRowSelection && ((_row_getIsSelected = row.getIsSelected) === null || _row_getIsSelected === void 0 ? void 0 : _row_getIsSelected.call(row))),
                         keyboardFocused: false,
                         zebraOn: tableZebraOn,
-                        index
+                        index,
+                        pressable: rowPressActive
                       }),
                       ...{
                         animation: "quick"
@@ -1693,10 +1691,11 @@ function DataTableRoot(param) {
                 cut off below the fold, so the frame says so with a
                 bottom fade that clears once the last row is reached.
                 Sticky inside the scroll container; zero layout cost
-                (negative margin overlays the last visible row).
-                Rendered as a Table.Row: a <div> is not a valid child
-                of the real <tbody> (SSR parsers foster-parent it out
-                of the table). Only reachable in the flex displayMode
+                (a zero-height row whose cell paints the fade upward
+                over the last visible row). Rendered as a Table.Row
+                and a <td>: a <div> is not a valid child of the real
+                <tbody> or <tr> (SSR parsers foster-parent it out of
+                the table). Only reachable in the flex displayMode
                 (bodyClipped needs a scrollable body), where the row
                 renders display:flex like the old View. */
                 import_tamagui.isWeb && bodyClipped && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Row, {
@@ -1704,17 +1703,26 @@ function DataTableRoot(param) {
                   role: "presentation",
                   position: "sticky",
                   bottom: 0,
-                  height: 28,
-                  marginTop: -28,
+                  height: 0,
                   flexShrink: 0,
                   zIndex: 2,
                   pointerEvents: "none",
                   ...{
                     "data-table-clip-affordance": "true"
                   },
-                  style: {
-                    background: "linear-gradient(to bottom, rgba(0,0,0,0), var(--background))"
-                  }
+                  children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+                    ...{
+                      render: "td"
+                    },
+                    position: "absolute",
+                    left: 0,
+                    right: 0,
+                    bottom: 0,
+                    height: 28,
+                    style: {
+                      background: "linear-gradient(to bottom, rgba(0,0,0,0), var(--background))"
+                    }
+                  })
                 })]
               }), /* Table Footer */
               hasFooter && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Foot, {