@buoy-gg/redux 4.0.2 → 6.0.0

package/lib/commonjs/redux/components/ReduxActionItem.js

@@ -3,7 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ReduxActionItem = ReduxActionItem;
+exports.ReduxActionItem = void 0;
+var _react = require("react");
 var _reactNative = require("react-native");
 var _sharedUi = require("@buoy-gg/shared-ui");
 var _reduxActionStore = require("../utils/reduxActionStore");
@@ -206,11 +207,15 @@ function getPrimaryText(action) {
   }
   return action.type;
 }
-function ReduxActionItem({
+
+// Memo justified by profiling (tool-bench 2026-07-06): ReduxActionItem
+// x172 renders during a 5s idle dwell at 200 seeded actions. The relative
+// timestamp is delegated to the shared <RelativeTime/> leaf so the 5s
+// tick re-renders only that Text, not this row.
+const ReduxActionItem = exports.ReduxActionItem = /*#__PURE__*/(0, _react.memo)(function ReduxActionItem({
   action,
   onPress
 }) {
-  const relativeTime = (0, _sharedUi.useRelativeTime)(action.timestamp);
   const sliceName = action.sliceName ?? undefined;
   const statusColor = getStatusColor(action.category, action.hasStateChange, sliceName);
   const statusLabel = getStatusLabel(action.category, sliceName);
@@ -323,7 +328,9 @@ function ReduxActionItem({
     statusLabel: statusLabel,
     statusSublabel: sublabel,
     primaryText: primaryText,
-    bottomRightText: relativeTime
+    bottomRightText: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.RelativeTime, {
+      timestamp: action.timestamp
+    })
     // Use customBadge if we have special indicators, otherwise show action badge as text
     ,
     customBadge: customBadge,
@@ -332,7 +339,7 @@ function ReduxActionItem({
     showChevron: true,
     onPress: () => onPress(action)
   });
-}
+});
 const styles = _reactNative.StyleSheet.create({
   badgeContainer: {
     flexDirection: "row",

package/lib/commonjs/redux/components/ReduxModal.js

@@ -281,6 +281,10 @@ function ReduxModal({
     onIndexChange: handleIndexChange
   }) : null;
   const footerHeight = selectedAction && visibleActions.length > 1 ? 68 : 0;
+
+  // The action list owns its scrolling so FlatList virtualization works
+  // (see ZustandModal — same pattern, same tool-bench evidence).
+  const listOwnsScroll = selectedAction == null;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_sharedUi.TickProvider, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.JsModal, {
       visible: visible,
@@ -295,6 +299,7 @@ function ReduxModal({
       enablePersistence: true,
       initialMode: "bottomSheet",
       enableGlitchEffects: true,
+      disableScrollWrapper: listOwnsScroll,
       styles: {},
       footer: footerNode,
       footerHeight: footerHeight,
@@ -350,10 +355,10 @@ function ReduxModal({
             contentContainerStyle: styles.listContent,
             showsVerticalScrollIndicator: true,
             removeClippedSubviews: true,
-            initialNumToRender: 15,
-            maxToRenderPerBatch: 10,
-            windowSize: 10,
-            scrollEnabled: false
+            initialNumToRender: 12,
+            maxToRenderPerBatch: 8,
+            windowSize: 5,
+            updateCellsBatchingPeriod: 50
           }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(EmptyState, {
             isEnabled: isEnabled
           })]

package/lib/module/redux/components/ReduxActionItem.js

@@ -5,8 +5,9 @@
  * Uses shared CompactRow for consistent styling with React Query devtools
  */
 
+import { memo } from "react";
 import { View, Text, StyleSheet } from "react-native";
-import { CompactRow, buoyColors, Zap, AlertCircle, Clock, useRelativeTime } from "@buoy-gg/shared-ui";
+import { CompactRow, buoyColors, Zap, AlertCircle, Clock, RelativeTime } from "@buoy-gg/shared-ui";
 import { reduxActionStore } from "../utils/reduxActionStore";
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 /**
@@ -202,11 +203,15 @@ function getPrimaryText(action) {
   }
   return action.type;
 }
-export function ReduxActionItem({
+
+// Memo justified by profiling (tool-bench 2026-07-06): ReduxActionItem
+// x172 renders during a 5s idle dwell at 200 seeded actions. The relative
+// timestamp is delegated to the shared <RelativeTime/> leaf so the 5s
+// tick re-renders only that Text, not this row.
+export const ReduxActionItem = /*#__PURE__*/memo(function ReduxActionItem({
   action,
   onPress
 }) {
-  const relativeTime = useRelativeTime(action.timestamp);
   const sliceName = action.sliceName ?? undefined;
   const statusColor = getStatusColor(action.category, action.hasStateChange, sliceName);
   const statusLabel = getStatusLabel(action.category, sliceName);
@@ -319,7 +324,9 @@ export function ReduxActionItem({
     statusLabel: statusLabel,
     statusSublabel: sublabel,
     primaryText: primaryText,
-    bottomRightText: relativeTime
+    bottomRightText: /*#__PURE__*/_jsx(RelativeTime, {
+      timestamp: action.timestamp
+    })
     // Use customBadge if we have special indicators, otherwise show action badge as text
     ,
     customBadge: customBadge,
@@ -328,7 +335,7 @@ export function ReduxActionItem({
     showChevron: true,
     onPress: () => onPress(action)
   });
-}
+});
 const styles = StyleSheet.create({
   badgeContainer: {
     flexDirection: "row",

package/lib/module/redux/components/ReduxModal.js

@@ -276,6 +276,10 @@ export function ReduxModal({
     onIndexChange: handleIndexChange
   }) : null;
   const footerHeight = selectedAction && visibleActions.length > 1 ? 68 : 0;
+
+  // The action list owns its scrolling so FlatList virtualization works
+  // (see ZustandModal — same pattern, same tool-bench evidence).
+  const listOwnsScroll = selectedAction == null;
   return /*#__PURE__*/_jsxs(TickProvider, {
     children: [/*#__PURE__*/_jsx(JsModal, {
       visible: visible,
@@ -290,6 +294,7 @@ export function ReduxModal({
       enablePersistence: true,
       initialMode: "bottomSheet",
       enableGlitchEffects: true,
+      disableScrollWrapper: listOwnsScroll,
       styles: {},
       footer: footerNode,
       footerHeight: footerHeight,
@@ -345,10 +350,10 @@ export function ReduxModal({
             contentContainerStyle: styles.listContent,
             showsVerticalScrollIndicator: true,
             removeClippedSubviews: true,
-            initialNumToRender: 15,
-            maxToRenderPerBatch: 10,
-            windowSize: 10,
-            scrollEnabled: false
+            initialNumToRender: 12,
+            maxToRenderPerBatch: 8,
+            windowSize: 5,
+            updateCellsBatchingPeriod: 50
           }) : /*#__PURE__*/_jsx(EmptyState, {
             isEnabled: isEnabled
           })]

package/lib/typescript/redux/components/ReduxActionItem.d.ts

@@ -7,6 +7,6 @@ interface ReduxActionItemProps {
     action: ReduxAction;
     onPress: (action: ReduxAction) => void;
 }
-export declare function ReduxActionItem({ action, onPress }: ReduxActionItemProps): import("react").JSX.Element;
+export declare const ReduxActionItem: import("react").NamedExoticComponent<ReduxActionItemProps>;
 export {};
 //# sourceMappingURL=ReduxActionItem.d.ts.map

package/lib/typescript/redux/components/ReduxActionItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReduxActionItem.d.ts","sourceRoot":"","sources":["../../../../src/redux/components/ReduxActionItem.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAK,EAAE,WAAW,EAAkB,MAAM,UAAU,CAAC;AAG5D,UAAU,oBAAoB;IAC5B,MAAM,EAAE,WAAW,CAAC;IACpB,OAAO,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;CACxC;AA+JD,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,oBAAoB,+BAmGxE"}
+{"version":3,"file":"ReduxActionItem.d.ts","sourceRoot":"","sources":["../../../../src/redux/components/ReduxActionItem.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAKH,OAAO,KAAK,EAAE,WAAW,EAAkB,MAAM,UAAU,CAAC;AAG5D,UAAU,oBAAoB;IAC5B,MAAM,EAAE,WAAW,CAAC;IACpB,OAAO,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;CACxC;AAmKD,eAAO,MAAM,eAAe,4DAkG1B,CAAC"}

package/lib/typescript/redux/components/ReduxModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReduxModal.d.ts","sourceRoot":"","sources":["../../../../src/redux/components/ReduxModal.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AA2CH,yCAAyC;AACzC,eAAO,MAAM,sBAAsB,KAAK,CAAC;AAEzC,UAAU,eAAe;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,2BAA2B,CAAC,EAAE,OAAO,CAAC;CACvC;AAgBD,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,OAAO,EACP,MAAM,EACN,UAAU,EACV,2BAAmC,GACpC,EAAE,eAAe,sCA4XjB"}
+{"version":3,"file":"ReduxModal.d.ts","sourceRoot":"","sources":["../../../../src/redux/components/ReduxModal.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AA2CH,yCAAyC;AACzC,eAAO,MAAM,sBAAsB,KAAK,CAAC;AAEzC,UAAU,eAAe;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,2BAA2B,CAAC,EAAE,OAAO,CAAC;CACvC;AAgBD,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,OAAO,EACP,MAAM,EACN,UAAU,EACV,2BAAmC,GACpC,EAAE,eAAe,sCAiYjB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@buoy-gg/redux",
-  "version": "4.0.2",
+  "version": "6.0.0",
   "description": "Redux Toolkit DevTools for React Native",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -26,9 +26,9 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@buoy-gg/shared-ui": "4.0.2",
-    "@buoy-gg/floating-tools-core": "4.0.2",
-    "@buoy-gg/license": "4.0.2"
+    "@buoy-gg/shared-ui": "6.0.0",
+    "@buoy-gg/license": "6.0.0",
+    "@buoy-gg/floating-tools-core": "6.0.0"
   },
   "peerDependencies": {
     "@reduxjs/toolkit": ">=2.0.0",