@buoy-gg/react-query 1.7.2

package/lib/commonjs/react-query/components/query-browser/ActionButton.js

@@ -0,0 +1,127 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ActionButton;
+var _reactNative = require("react-native");
+var _sharedUi = require("@buoy-gg/shared-ui");
+var _jsxRuntime = require("react/jsx-runtime");
+// Define the color mappings using Buoy theme colors
+const buttonConfigs = {
+  btnRefetch: {
+    color: _sharedUi.buoyColors.success,
+    backgroundColor: _sharedUi.buoyColors.success + "15",
+    borderColor: _sharedUi.buoyColors.success + "40",
+    textColor: _sharedUi.buoyColors.success
+  },
+  btnInvalidate: {
+    color: _sharedUi.buoyColors.warning,
+    backgroundColor: _sharedUi.buoyColors.warning + "15",
+    borderColor: _sharedUi.buoyColors.warning + "40",
+    textColor: _sharedUi.buoyColors.warning
+  },
+  btnReset: {
+    color: _sharedUi.buoyColors.textSecondary,
+    backgroundColor: _sharedUi.buoyColors.textSecondary + "26",
+    borderColor: _sharedUi.buoyColors.textSecondary + "59",
+    textColor: _sharedUi.buoyColors.textSecondary
+  },
+  btnRemove: {
+    color: _sharedUi.buoyColors.error,
+    backgroundColor: _sharedUi.buoyColors.error + "15",
+    borderColor: _sharedUi.buoyColors.error + "40",
+    textColor: _sharedUi.buoyColors.error
+  },
+  btnTriggerLoading: {
+    color: _sharedUi.buoyColors.primary,
+    backgroundColor: _sharedUi.buoyColors.primary + "15",
+    borderColor: _sharedUi.buoyColors.primary + "40",
+    textColor: _sharedUi.buoyColors.primary
+  },
+  btnTriggerLoadiError: {
+    color: _sharedUi.buoyColors.textMuted,
+    backgroundColor: _sharedUi.buoyColors.textMuted + "26",
+    borderColor: _sharedUi.buoyColors.textMuted + "59",
+    textColor: _sharedUi.buoyColors.textMuted
+  }
+};
+/** Generic rectangular action button used throughout the query modal footers. */
+function ActionButton({
+  onClick,
+  text,
+  _textColorClass,
+  bgColorClass,
+  disabled
+}) {
+  // Get the button configuration
+  const config = buttonConfigs[bgColorClass];
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
+    "sentry-label": "ignore devtools action button",
+    disabled: disabled,
+    onPress: onClick,
+    style: [styles.button, {
+      backgroundColor: disabled ? _sharedUi.buoyColors.textMuted + "1A" : config.backgroundColor,
+      borderColor: disabled ? _sharedUi.buoyColors.textMuted + "33" : config.borderColor,
+      opacity: disabled ? 0.5 : 1
+    }],
+    activeOpacity: 0.7,
+    accessibilityRole: "button",
+    accessibilityLabel: text,
+    accessibilityState: {
+      disabled
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.dot, {
+        backgroundColor: disabled ? _sharedUi.buoyColors.textMuted : config.color
+      }]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.text, {
+        color: disabled ? _sharedUi.buoyColors.textMuted : config.textColor
+      }],
+      children: text
+    })]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  button: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center",
+    borderRadius: 6,
+    // rectangular button shape
+    borderWidth: 1,
+    paddingHorizontal: 12,
+    paddingVertical: 6,
+    height: 25,
+    minWidth: 80,
+    shadowOffset: {
+      width: 0,
+      height: 1
+    },
+    shadowOpacity: 0.2,
+    shadowRadius: 2,
+    elevation: 2
+  },
+  dot: {
+    width: 5,
+    height: 5,
+    borderRadius: 3,
+    marginRight: 6,
+    shadowColor: _sharedUi.buoyColors.text,
+    shadowOffset: {
+      width: 0,
+      height: 0
+    },
+    shadowOpacity: 0.6,
+    shadowRadius: 2
+  },
+  text: {
+    fontSize: 10,
+    fontWeight: "600",
+    letterSpacing: 0.5,
+    textTransform: "uppercase",
+    fontFamily: "monospace",
+    height: 12
+  }
+});

package/lib/commonjs/react-query/components/query-browser/ClearCacheButton.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _sharedUi = require("@buoy-gg/shared-ui");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Icon-only button for clearing either the query or mutation cache from the dev tools UI.
+ */
+const ClearCacheButton = ({
+  type,
+  onClear,
+  disabled = false
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+    "sentry-label": "ignore devtools clear cache button",
+    style: [styles.button, disabled && styles.disabledButton],
+    onPress: onClear,
+    disabled: disabled,
+    activeOpacity: 0.7,
+    accessibilityLabel: `Clear ${type} cache`,
+    accessibilityRole: "button",
+    accessibilityState: {
+      disabled
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Trash, {
+      size: 16,
+      strokeWidth: 2,
+      color: disabled ? _sharedUi.buoyColors.textSecondary : _sharedUi.buoyColors.warning
+    })
+  });
+};
+const styles = _reactNative.StyleSheet.create({
+  button: {
+    width: 32,
+    height: 32,
+    borderRadius: 6,
+    backgroundColor: _sharedUi.buoyColors.warning + "15",
+    justifyContent: "center",
+    alignItems: "center",
+    borderWidth: 1,
+    borderColor: _sharedUi.buoyColors.warning + "33"
+  },
+  disabledButton: {
+    opacity: 0.5,
+    backgroundColor: _sharedUi.buoyColors.textSecondary + "1A",
+    borderColor: _sharedUi.buoyColors.textSecondary + "33"
+  }
+});
+var _default = exports.default = ClearCacheButton;