@buoy-gg/env 7.0.31 → 7.0.33

package/lib/commonjs/env/components/EnvVarsModal.js

@@ -220,21 +220,21 @@ function EnvVarsModal({
         vars: filteredVars,
         emptyMessage: ""
       })]
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.emptyState,
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ToolEmptyState, {
       testID: "buoy-env-empty",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Search, {
-        size: 32,
-        color: _sharedUi.night.color.textTertiary
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.emptyTitle,
-        testID: "buoy-env-empty-title",
-        children: searchQuery ? "No results found" : "No variables"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.emptySubtitle,
-        testID: "buoy-env-empty-subtitle",
-        children: searchQuery ? `No variables matching "${searchQuery}"` : `No ${activeFilter === "all" ? "" : activeFilter} variables found`
-      })]
+      ...(0, _sharedUi.resolveListEmptyState)({
+        subject: "variables",
+        verb: "declared",
+        search: searchQuery,
+        total: allVars.length,
+        waiting: {
+          // A missing .env is a config problem, not a stream that has
+          // not started — `keys` is the env-and-secrets state.
+          otto: "keys",
+          title: "No variables",
+          message: `No ${activeFilter === "all" ? "" : activeFilter} variables found`
+        }
+      })
     })]
   });
 
@@ -245,6 +245,7 @@ function EnvVarsModal({
       style: styles.inlineRoot,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
         style: styles.inlineHeader,
+        ..._sharedUi.windowDragProps,
         children: header
       }), body]
     });
@@ -363,22 +364,5 @@ const styles = _reactNative.StyleSheet.create({
     fontWeight: "500",
     color: _sharedUi.night.color.accent,
     fontFamily: "monospace"
-  },
-  emptyState: {
-    alignItems: "center",
-    justifyContent: "center",
-    paddingVertical: 48
-  },
-  emptyTitle: {
-    fontSize: 16,
-    fontWeight: "600",
-    color: _sharedUi.night.color.text,
-    marginTop: 12,
-    marginBottom: 8
-  },
-  emptySubtitle: {
-    fontSize: 13,
-    color: _sharedUi.night.color.textSecondary,
-    textAlign: "center"
   }
 });

package/lib/module/env/components/EnvVarsModal.js

@@ -1,6 +1,6 @@
 "use strict";
 
-import { JsModal, devToolsStorageKeys, ModalHeader, HeaderSearchButton, Search, X, displayValue, buoyColors, night } from "@buoy-gg/shared-ui";
+import { JsModal, devToolsStorageKeys, ModalHeader, HeaderSearchButton, Search, X, displayValue, buoyColors, night, windowDragProps, ToolEmptyState, resolveListEmptyState } from "@buoy-gg/shared-ui";
 import { useCallback, useState, useRef, useEffect, useMemo } from "react";
 import { View, TextInput, TouchableOpacity, StyleSheet, ScrollView, Text } from "react-native";
 import { EnvStatsOverview } from "./EnvStatsOverview";
@@ -215,21 +215,21 @@ export function EnvVarsModal({
         vars: filteredVars,
         emptyMessage: ""
       })]
-    }) : /*#__PURE__*/_jsxs(View, {
-      style: styles.emptyState,
+    }) : /*#__PURE__*/_jsx(ToolEmptyState, {
       testID: "buoy-env-empty",
-      children: [/*#__PURE__*/_jsx(Search, {
-        size: 32,
-        color: night.color.textTertiary
-      }), /*#__PURE__*/_jsx(Text, {
-        style: styles.emptyTitle,
-        testID: "buoy-env-empty-title",
-        children: searchQuery ? "No results found" : "No variables"
-      }), /*#__PURE__*/_jsx(Text, {
-        style: styles.emptySubtitle,
-        testID: "buoy-env-empty-subtitle",
-        children: searchQuery ? `No variables matching "${searchQuery}"` : `No ${activeFilter === "all" ? "" : activeFilter} variables found`
-      })]
+      ...resolveListEmptyState({
+        subject: "variables",
+        verb: "declared",
+        search: searchQuery,
+        total: allVars.length,
+        waiting: {
+          // A missing .env is a config problem, not a stream that has
+          // not started — `keys` is the env-and-secrets state.
+          otto: "keys",
+          title: "No variables",
+          message: `No ${activeFilter === "all" ? "" : activeFilter} variables found`
+        }
+      })
     })]
   });
 
@@ -240,6 +240,7 @@ export function EnvVarsModal({
       style: styles.inlineRoot,
       children: [/*#__PURE__*/_jsx(View, {
         style: styles.inlineHeader,
+        ...windowDragProps,
         children: header
       }), body]
     });
@@ -358,22 +359,5 @@ const styles = StyleSheet.create({
     fontWeight: "500",
     color: night.color.accent,
     fontFamily: "monospace"
-  },
-  emptyState: {
-    alignItems: "center",
-    justifyContent: "center",
-    paddingVertical: 48
-  },
-  emptyTitle: {
-    fontSize: 16,
-    fontWeight: "600",
-    color: night.color.text,
-    marginTop: 12,
-    marginBottom: 8
-  },
-  emptySubtitle: {
-    fontSize: 13,
-    color: night.color.textSecondary,
-    textAlign: "center"
   }
 });

package/lib/typescript/env/components/EnvVarsModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EnvVarsModal.d.ts","sourceRoot":"","sources":["../../../../src/env/components/EnvVarsModal.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,cAAc,EAAc,MAAM,UAAU,CAAC;AAUtD,UAAU,iBAAiB;IACzB,4CAA4C;IAC5C,OAAO,EAAE,OAAO,CAAC;IACjB,qDAAqD;IACrD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,qFAAqF;IACrF,eAAe,EAAE,cAAc,EAAE,CAAC;IAClC,yEAAyE;IACzE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,0DAA0D;IAC1D,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,2BAA2B,CAAC,EAAE,OAAO,CAAC;CACvC;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,OAAO,EACP,eAAe,EACf,MAAM,EACN,UAAU,EACV,2BAAmC,EACnC,MAAc,GACf,EAAE,iBAAiB,sCAsRnB;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAC1B,eAAe,GAChB,EAAE;IACD,eAAe,EAAE,cAAc,EAAE,CAAC;CACnC,+BASA"}
+{"version":3,"file":"EnvVarsModal.d.ts","sourceRoot":"","sources":["../../../../src/env/components/EnvVarsModal.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAE,cAAc,EAAc,MAAM,UAAU,CAAC;AAUtD,UAAU,iBAAiB;IACzB,4CAA4C;IAC5C,OAAO,EAAE,OAAO,CAAC;IACjB,qDAAqD;IACrD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,qFAAqF;IACrF,eAAe,EAAE,cAAc,EAAE,CAAC;IAClC,yEAAyE;IACzE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,0DAA0D;IAC1D,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,2BAA2B,CAAC,EAAE,OAAO,CAAC;CACvC;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,OAAO,EACP,eAAe,EACf,MAAM,EACN,UAAU,EACV,2BAAmC,EACnC,MAAc,GACf,EAAE,iBAAiB,sCA2RnB;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAC1B,eAAe,GAChB,EAAE;IACD,eAAe,EAAE,cAAc,EAAE,CAAC;CACnC,+BASA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@buoy-gg/env",
-  "version": "7.0.31",
+  "version": "7.0.33",
   "description": "Environment variable devtool for React Native — auto-discovers EXPO_PUBLIC_ vars, validates types, scores config health. Part of Buoy devtools.",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -26,8 +26,8 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@buoy-gg/shared-ui": "^7.0.31",
-    "@buoy-gg/floating-tools-core": "^7.0.31"
+    "@buoy-gg/floating-tools-core": "^7.0.33",
+    "@buoy-gg/shared-ui": "^7.0.33"
   },
   "peerDependencies": {
     "react": "*",