@buoy-gg/redux 7.0.31 → 7.0.33

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

@@ -38,24 +38,27 @@ const FREE_TIER_ACTION_LIMIT = exports.FREE_TIER_ACTION_LIMIT = _sharedUi.TIER_L
  */
 function EmptyState({
   isEnabled,
-  query
+  query,
+  totalActions
 }) {
-  const isFiltered = query.length > 0;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.emptyState,
-    testID: `${_testIDs.REDUX_TEST_ID}-empty`,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Zap, {
-      size: 32,
-      color: _sharedUi.night.color.textTertiary
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.emptyTitle,
-      testID: `${_testIDs.REDUX_TEST_ID}-empty-title`,
-      children: isFiltered ? "No Matches" : "No Redux actions"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.emptyText,
-      testID: `${_testIDs.REDUX_TEST_ID}-empty-text`,
-      children: isFiltered ? `No action type contains "${query}"` : isEnabled ? "Actions will appear here as they are dispatched" : "Enable capture to start recording actions"
-    })]
+  const content = (0, _sharedUi.resolveListEmptyState)({
+    subject: "actions",
+    search: query,
+    total: totalActions,
+    capturing: isEnabled,
+    waiting: {
+      otto: "waiting",
+      title: "No Redux actions",
+      message: "Actions will appear here as they are dispatched"
+    },
+    paused: {
+      title: "No Redux actions",
+      message: "Enable capture to start recording actions"
+    }
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ToolEmptyState, {
+    ...content,
+    testID: `${_testIDs.REDUX_TEST_ID}-empty`
   });
 }
 function ReduxModal({
@@ -512,7 +515,8 @@ function ReduxModal({
         updateCellsBatchingPeriod: 50
       }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(EmptyState, {
         isEnabled: isEnabled,
-        query: searchText
+        query: searchText,
+        totalActions: stats.totalActions
       })]
     })
   });
@@ -530,6 +534,7 @@ function ReduxModal({
         style: styles.inlineRoot,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
           style: styles.inlineHeader,
+          ..._sharedUi.windowDragProps,
           children: renderHeaderContent()
         }), body, footerNode]
       }), upgradeModal]
@@ -708,22 +713,6 @@ const styles = _reactNative.StyleSheet.create({
     paddingTop: 8,
     paddingBottom: 20
   },
-  emptyState: {
-    alignItems: "center",
-    paddingVertical: 40
-  },
-  emptyTitle: {
-    color: _sharedUi.night.color.text,
-    fontSize: 14,
-    fontWeight: "600",
-    marginTop: 12,
-    marginBottom: 6
-  },
-  emptyText: {
-    color: _sharedUi.night.color.textTertiary,
-    fontSize: 12,
-    textAlign: "center"
-  },
   // Locked actions banner styles
   lockedBanner: {
     flexDirection: "row",

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

@@ -9,7 +9,7 @@
 
 import { useState, useMemo, useRef, useCallback, useEffect } from "react";
 import { View, Text, StyleSheet, FlatList, TextInput, TouchableOpacity } from "react-native";
-import { JsModal, ModalHeader, macOSColors, night, Search, Trash2, Power, X, Zap, CheckCircle, Copy, Lock, AlertTriangle, devToolsStorageKeys, copyToClipboard, ProUpgradeModal, PowerToggleButton, TickProvider, useLimit, TIER_LIMITS } from "@buoy-gg/shared-ui";
+import { JsModal, ModalHeader, macOSColors, night, Search, Trash2, Power, X, Zap, CheckCircle, Copy, Lock, AlertTriangle, devToolsStorageKeys, copyToClipboard, ProUpgradeModal, PowerToggleButton, TickProvider, useLimit, TIER_LIMITS, windowDragProps, ToolEmptyState, resolveListEmptyState } from "@buoy-gg/shared-ui";
 import { useIsPro } from "@buoy-gg/license";
 import { useReduxActions } from "../hooks/useReduxActions";
 import { reduxActionStore } from "../utils/reduxActionStore";
@@ -33,24 +33,27 @@ export const FREE_TIER_ACTION_LIMIT = TIER_LIMITS["redux.actions"].free;
  */
 function EmptyState({
   isEnabled,
-  query
+  query,
+  totalActions
 }) {
-  const isFiltered = query.length > 0;
-  return /*#__PURE__*/_jsxs(View, {
-    style: styles.emptyState,
-    testID: `${REDUX_TEST_ID}-empty`,
-    children: [/*#__PURE__*/_jsx(Zap, {
-      size: 32,
-      color: night.color.textTertiary
-    }), /*#__PURE__*/_jsx(Text, {
-      style: styles.emptyTitle,
-      testID: `${REDUX_TEST_ID}-empty-title`,
-      children: isFiltered ? "No Matches" : "No Redux actions"
-    }), /*#__PURE__*/_jsx(Text, {
-      style: styles.emptyText,
-      testID: `${REDUX_TEST_ID}-empty-text`,
-      children: isFiltered ? `No action type contains "${query}"` : isEnabled ? "Actions will appear here as they are dispatched" : "Enable capture to start recording actions"
-    })]
+  const content = resolveListEmptyState({
+    subject: "actions",
+    search: query,
+    total: totalActions,
+    capturing: isEnabled,
+    waiting: {
+      otto: "waiting",
+      title: "No Redux actions",
+      message: "Actions will appear here as they are dispatched"
+    },
+    paused: {
+      title: "No Redux actions",
+      message: "Enable capture to start recording actions"
+    }
+  });
+  return /*#__PURE__*/_jsx(ToolEmptyState, {
+    ...content,
+    testID: `${REDUX_TEST_ID}-empty`
   });
 }
 export function ReduxModal({
@@ -507,7 +510,8 @@ export function ReduxModal({
         updateCellsBatchingPeriod: 50
       }) : /*#__PURE__*/_jsx(EmptyState, {
         isEnabled: isEnabled,
-        query: searchText
+        query: searchText,
+        totalActions: stats.totalActions
       })]
     })
   });
@@ -525,6 +529,7 @@ export function ReduxModal({
         style: styles.inlineRoot,
         children: [/*#__PURE__*/_jsx(View, {
           style: styles.inlineHeader,
+          ...windowDragProps,
           children: renderHeaderContent()
         }), body, footerNode]
       }), upgradeModal]
@@ -703,22 +708,6 @@ const styles = StyleSheet.create({
     paddingTop: 8,
     paddingBottom: 20
   },
-  emptyState: {
-    alignItems: "center",
-    paddingVertical: 40
-  },
-  emptyTitle: {
-    color: night.color.text,
-    fontSize: 14,
-    fontWeight: "600",
-    marginTop: 12,
-    marginBottom: 6
-  },
-  emptyText: {
-    color: night.color.textTertiary,
-    fontSize: 12,
-    textAlign: "center"
-  },
   // Locked actions banner styles
   lockedBanner: {
     flexDirection: "row",

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,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAG5C;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,QAAoC,CAAC;AAExE,UAAU,eAAe;IACvB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,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;IACtC;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC/C;;;;;;;OAOG;IACH,uBAAuB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxC,+EAA+E;IAC/E,iBAAiB,CAAC,EAAE,mBAAmB,CAAC;CACzC;AAiCD,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,OAAO,EACP,MAAM,EACN,UAAU,EACV,2BAAmC,EACnC,MAAc,EACd,cAAc,EACd,uBAAuB,EACvB,iBAAiB,GAClB,EAAE,eAAe,sCAslBjB;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAC3B,KAAK,GAAE,IAAI,CAAC,eAAe,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAM,+BAGpE"}
+{"version":3,"file":"ReduxModal.d.ts","sourceRoot":"","sources":["../../../../src/redux/components/ReduxModal.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AA+CH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAG5C;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,QAAoC,CAAC;AAExE,UAAU,eAAe;IACvB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,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;IACtC;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC/C;;;;;;;OAOG;IACH,uBAAuB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxC,+EAA+E;IAC/E,iBAAiB,CAAC,EAAE,mBAAmB,CAAC;CACzC;AAoCD,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,OAAO,EACP,MAAM,EACN,UAAU,EACV,2BAAmC,EACnC,MAAc,EACd,cAAc,EACd,uBAAuB,EACvB,iBAAiB,GAClB,EAAE,eAAe,sCA0lBjB;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAC3B,KAAK,GAAE,IAAI,CAAC,eAAe,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAM,+BAGpE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@buoy-gg/redux",
-  "version": "7.0.31",
+  "version": "7.0.33",
   "description": "Redux DevTools inside your React Native app — action log, state diffs & time travel with zero store changes. Part of Buoy devtools.",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -31,9 +31,9 @@
     "**/snapshotProvider.ts"
   ],
   "dependencies": {
-    "@buoy-gg/shared-ui": "^7.0.31",
-    "@buoy-gg/floating-tools-core": "^7.0.31",
-    "@buoy-gg/license": "^7.0.31"
+    "@buoy-gg/shared-ui": "^7.0.33",
+    "@buoy-gg/license": "^7.0.33",
+    "@buoy-gg/floating-tools-core": "^7.0.33"
   },
   "peerDependencies": {
     "@reduxjs/toolkit": ">=1.9.0",