@buoy-gg/storage 7.0.41 → 7.0.43

package/lib/commonjs/storage/components/SelectionActionBar.js

@@ -1,207 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SelectionActionBar = SelectionActionBar;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _license = require("@buoy-gg/license");
-var _deleteStorageKeys = require("../utils/deleteStorageKeys");
-var _jsxRuntime = require("react/jsx-runtime");
-function SelectionActionBar({
-  selectedKeys,
-  mmkvInstances,
-  onDeleteComplete,
-  onHideKeys,
-  onSelectAll,
-  onClearSelection,
-  totalVisibleKeys
-}) {
-  const [showUpgradeModal, setShowUpgradeModal] = (0, _react.useState)(false);
-  const isPro = (0, _license.useIsPro)();
-
-  // Auto-close upgrade modal when user becomes Pro
-  (0, _react.useEffect)(() => {
-    if (showUpgradeModal && isPro) {
-      setShowUpgradeModal(false);
-    }
-  }, [showUpgradeModal, isPro]);
-  const selectedCount = selectedKeys.length;
-  const allSelected = selectedCount === totalVisibleKeys && totalVisibleKeys > 0;
-
-  // Generate copy data for selected keys
-  const getCopyData = () => {
-    const data = {};
-    selectedKeys.forEach(key => {
-      const prefix = key.instanceId ? `[${key.storageType}:${key.instanceId}]` : `[${key.storageType}]`;
-      data[`${prefix} ${key.key}`] = key.value;
-    });
-    return {
-      selectedCount,
-      keys: data,
-      timestamp: new Date().toISOString()
-    };
-  };
-
-  // Hide selected keys (adds them to the filter store; non-destructive)
-  const handleHideSelected = () => {
-    if (selectedCount === 0) return;
-    onHideKeys?.(selectedKeys);
-  };
-
-  // Handle delete selected keys
-  const handleDeleteSelected = () => {
-    if (selectedCount === 0) return;
-
-    // Gate delete behind Pro
-    if (!isPro) {
-      setShowUpgradeModal(true);
-      return;
-    }
-    _reactNative.Alert.alert("Delete Selected Keys", `Delete ${selectedCount} selected key${selectedCount > 1 ? "s" : ""}? This cannot be undone.`, [{
-      text: "Cancel",
-      style: "cancel"
-    }, {
-      text: "Delete",
-      style: "destructive",
-      onPress: async () => {
-        try {
-          await (0, _deleteStorageKeys.deleteStorageKeys)(selectedKeys, mmkvInstances);
-          onDeleteComplete?.();
-        } catch (error) {
-          _reactNative.Alert.alert("Error", `Failed to delete keys: ${error}`);
-        }
-      }
-    }]);
-  };
-  if (selectedCount === 0) {
-    return null;
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.container,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.leftSection,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-        style: styles.selectAllButton,
-        onPress: allSelected ? onClearSelection : onSelectAll,
-        testID: "buoy-storage-select-all",
-        accessibilityLabel: allSelected ? "Deselect all keys" : "Select all keys",
-        accessibilityRole: "button",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.CheckSquare, {
-          size: 14,
-          color: allSelected ? _sharedUi.night.color.accent : _sharedUi.night.color.textSecondary
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.selectAllText,
-          children: allSelected ? "Deselect All" : "Select All"
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.countBadge,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-          style: styles.countText,
-          children: [selectedCount, " selected"]
-        })
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.actionsSection,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.CopyButton, {
-        value: getCopyData(),
-        size: 14,
-        testID: "buoy-storage-selection-copy",
-        buttonStyle: styles.actionButton,
-        colors: {
-          idle: _sharedUi.night.color.accent,
-          success: _sharedUi.macOSColors.semantic.success,
-          error: _sharedUi.macOSColors.semantic.error
-        }
-      }), onHideKeys && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-        style: styles.actionButton,
-        onPress: handleHideSelected,
-        testID: "buoy-storage-selection-hide",
-        accessibilityLabel: "Hide selected keys",
-        accessibilityRole: "button",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.EyeOff, {
-          size: 14,
-          color: _sharedUi.night.color.warning
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-        style: styles.actionButton,
-        onPress: handleDeleteSelected,
-        testID: "buoy-storage-selection-delete",
-        accessibilityLabel: "Delete selected keys",
-        accessibilityRole: "button",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Trash2, {
-          size: 14,
-          color: _sharedUi.night.color.danger
-        })
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ProUpgradeModal, {
-      visible: showUpgradeModal,
-      onClose: () => setShowUpgradeModal(false),
-      featureName: "Storage Editing"
-    })]
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between",
-    backgroundColor: _sharedUi.night.color.accentSoft,
-    borderRadius: 8,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.accentBorderStrong,
-    paddingHorizontal: 12,
-    paddingVertical: 8,
-    marginBottom: 10
-  },
-  leftSection: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 12
-  },
-  selectAllButton: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 6,
-    paddingVertical: 4,
-    paddingHorizontal: 8,
-    backgroundColor: _sharedUi.night.color.surface,
-    borderRadius: 6,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border
-  },
-  selectAllText: {
-    fontSize: 11,
-    fontWeight: "600",
-    color: _sharedUi.night.color.textSecondary
-  },
-  countBadge: {
-    backgroundColor: _sharedUi.night.color.accentFill,
-    paddingHorizontal: 8,
-    paddingVertical: 4,
-    borderRadius: 6
-  },
-  countText: {
-    fontSize: 11,
-    fontWeight: "700",
-    color: _sharedUi.night.color.accent,
-    fontFamily: _sharedUi.monoFont
-  },
-  actionsSection: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8
-  },
-  actionButton: {
-    width: 28,
-    height: 28,
-    alignItems: "center",
-    justifyContent: "center",
-    borderRadius: 6,
-    backgroundColor: _sharedUi.night.color.surface,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.SelectionActionBar=SelectionActionBar;var _react=require("react");var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _license=require("@buoy-gg/license");var _deleteStorageKeys=require("../utils/deleteStorageKeys");var _jsxRuntime=require("react/jsx-runtime");function SelectionActionBar({selectedKeys:o,mmkvInstances:d,onDeleteComplete:u,onHideKeys:s,onSelectAll:g,onClearSelection:h,totalVisibleKeys:a}){const[c,n]=(0,_react.useState)(false);const i=(0,_license.useIsPro)();(0,_react.useEffect)(()=>{if(c&&i){n(false)}},[c,i]);const e=o.length;const r=e===a&&a>0;const y=()=>{const l={};o.forEach(t=>{const x=t.instanceId?`[${t.storageType}:${t.instanceId}]`:`[${t.storageType}]`;l[`${x} ${t.key}`]=t.value});return{selectedCount:e,keys:l,timestamp:new Date().toISOString()}};const b=()=>{if(e===0)return;s?.(o)};const f=()=>{if(e===0)return;if(!i){n(true);return}_reactNative.Alert.alert("Delete Selected Keys",`Delete ${e} selected key${e>1?"s":""}? This cannot be undone.`,[{text:"Cancel",style:"cancel"},{text:"Delete",style:"destructive",onPress:async()=>{try{await(0,_deleteStorageKeys.deleteStorageKeys)(o,d);u?.()}catch(l){_reactNative.Alert.alert("Error",`Failed to delete keys: ${l}`)}}}])};if(e===0){return null}return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.container,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.leftSection,children:[(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{style:styles.selectAllButton,onPress:r?h:g,testID:"buoy-storage-select-all",accessibilityLabel:r?"Deselect all keys":"Select all keys",accessibilityRole:"button",children:[(0,_jsxRuntime.jsx)(_sharedUi.CheckSquare,{size:14,color:r?_sharedUi.night.color.accent:_sharedUi.night.color.textSecondary}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.selectAllText,children:r?"Deselect All":"Select All"})]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.countBadge,children:(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.countText,children:[e," selected"]})})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.actionsSection,children:[(0,_jsxRuntime.jsx)(_sharedUi.CopyButton,{value:y(),size:14,testID:"buoy-storage-selection-copy",buttonStyle:styles.actionButton,colors:{idle:_sharedUi.night.color.accent,success:_sharedUi.macOSColors.semantic.success,error:_sharedUi.macOSColors.semantic.error}}),s&&(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{style:styles.actionButton,onPress:b,testID:"buoy-storage-selection-hide",accessibilityLabel:"Hide selected keys",accessibilityRole:"button",children:(0,_jsxRuntime.jsx)(_sharedUi.EyeOff,{size:14,color:_sharedUi.night.color.warning})}),(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{style:styles.actionButton,onPress:f,testID:"buoy-storage-selection-delete",accessibilityLabel:"Delete selected keys",accessibilityRole:"button",children:(0,_jsxRuntime.jsx)(_sharedUi.Trash2,{size:14,color:_sharedUi.night.color.danger})})]}),(0,_jsxRuntime.jsx)(_sharedUi.ProUpgradeModal,{visible:c,onClose:()=>n(false),featureName:"Storage Editing"})]})}const styles=_reactNative.StyleSheet.create({container:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",backgroundColor:_sharedUi.night.color.accentSoft,borderRadius:8,borderWidth:1,borderColor:_sharedUi.night.color.accentBorderStrong,paddingHorizontal:12,paddingVertical:8,marginBottom:10},leftSection:{flexDirection:"row",alignItems:"center",gap:12},selectAllButton:{flexDirection:"row",alignItems:"center",gap:6,paddingVertical:4,paddingHorizontal:8,backgroundColor:_sharedUi.night.color.surface,borderRadius:6,borderWidth:1,borderColor:_sharedUi.night.color.border},selectAllText:{fontSize:11,fontWeight:"600",color:_sharedUi.night.color.textSecondary},countBadge:{backgroundColor:_sharedUi.night.color.accentFill,paddingHorizontal:8,paddingVertical:4,borderRadius:6},countText:{fontSize:11,fontWeight:"700",color:_sharedUi.night.color.accent,fontFamily:_sharedUi.monoFont},actionsSection:{flexDirection:"row",alignItems:"center",gap:8},actionButton:{width:28,height:28,alignItems:"center",justifyContent:"center",borderRadius:6,backgroundColor:_sharedUi.night.color.surface,borderWidth:1,borderColor:_sharedUi.night.color.border}});

package/lib/commonjs/storage/components/StorageActionButtons.js

@@ -1,242 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StorageActionButtons = StorageActionButtons;
-var _storageLabels = require("../utils/storageLabels");
-var _react = require("react");
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _license = require("@buoy-gg/license");
-var _asyncStorage = _interopRequireDefault(require("@react-native-async-storage/async-storage"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function StorageActionButtons({
-  copyValue,
-  mmkvInstances = [],
-  activeStorageType = "all",
-  onClearComplete,
-  isSelectMode = false,
-  onToggleSelectMode,
-  selectedCount = 0
-}) {
-  const [showUpgradeModal, setShowUpgradeModal] = (0, _react.useState)(false);
-  const isPro = (0, _license.useIsPro)();
-
-  // Auto-close upgrade modal when user becomes Pro
-  (0, _react.useEffect)(() => {
-    if (showUpgradeModal && isPro) {
-      setShowUpgradeModal(false);
-    }
-  }, [showUpgradeModal, isPro]);
-  const handleClearAsyncStorage = () => {
-    // Gate clear behind Pro
-    if (!isPro) {
-      setShowUpgradeModal(true);
-      return;
-    }
-    _reactNative.Alert.alert(`Clear ${_storageLabels.storageLabels.asyncFull}`, `Delete all ${_storageLabels.storageLabels.asyncFull} keys? This cannot be undone.`, [{
-      text: "Cancel",
-      style: "cancel"
-    }, {
-      text: "Clear",
-      style: "destructive",
-      onPress: async () => {
-        try {
-          await _asyncStorage.default.clear();
-          onClearComplete?.();
-        } catch (error) {
-          _reactNative.Alert.alert("Error", `Failed: ${error}`);
-        }
-      }
-    }]);
-  };
-  const handleClearMMKV = (instanceId, instanceName) => {
-    // Gate clear behind Pro
-    if (!isPro) {
-      setShowUpgradeModal(true);
-      return;
-    }
-    _reactNative.Alert.alert(`Clear ${instanceName}`, `Delete all keys from ${instanceName}? This cannot be undone.`, [{
-      text: "Cancel",
-      style: "cancel"
-    }, {
-      text: "Clear",
-      style: "destructive",
-      onPress: () => {
-        try {
-          const inst = mmkvInstances.find(i => i.id === instanceId);
-          if (inst) {
-            inst.instance.clearAll();
-            onClearComplete?.();
-          }
-        } catch (error) {
-          _reactNative.Alert.alert("Error", `Failed: ${error}`);
-        }
-      }
-    }]);
-  };
-  const handleClearAllMMKV = () => {
-    // Gate clear behind Pro
-    if (!isPro) {
-      setShowUpgradeModal(true);
-      return;
-    }
-    _reactNative.Alert.alert(`Clear All ${_storageLabels.storageLabels.mmkv}`, `Delete all keys from ${mmkvInstances.length} instances? This cannot be undone.`, [{
-      text: "Cancel",
-      style: "cancel"
-    }, {
-      text: "Clear All",
-      style: "destructive",
-      onPress: () => {
-        try {
-          mmkvInstances.forEach(inst => inst.instance.clearAll());
-          onClearComplete?.();
-        } catch (error) {
-          _reactNative.Alert.alert("Error", `Failed: ${error}`);
-        }
-      }
-    }]);
-  };
-  const handleClearAll = () => {
-    // Gate clear behind Pro
-    if (!isPro) {
-      setShowUpgradeModal(true);
-      return;
-    }
-    _reactNative.Alert.alert("Clear All Storage", "Delete all storage data? This cannot be undone.", [{
-      text: "Cancel",
-      style: "cancel"
-    }, {
-      text: "Clear All",
-      style: "destructive",
-      onPress: async () => {
-        try {
-          await _asyncStorage.default.clear();
-          mmkvInstances.forEach(inst => inst.instance.clearAll());
-          onClearComplete?.();
-        } catch (error) {
-          _reactNative.Alert.alert("Error", `Failed: ${error}`);
-        }
-      }
-    }]);
-  };
-  const showAsyncActions = activeStorageType === "all" || activeStorageType === "async";
-  const showMMKVActions = activeStorageType === "all" || activeStorageType === "mmkv";
-
-  // Determine which clear actions to show based on active filter
-  const showClearAll = activeStorageType === "all";
-  const showClearAsync = showAsyncActions && !showClearAll;
-  const showClearMMKVIndividual = showMMKVActions && !showClearAll;
-  const showClearAllMMKV = showMMKVActions && mmkvInstances.length > 1 && !showClearAll;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.container,
-    children: [onToggleSelectMode && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-      onPress: onToggleSelectMode,
-      testID: "buoy-storage-select-mode",
-      accessibilityLabel: isSelectMode ? "Exit selection mode" : "Select keys",
-      accessibilityRole: "button",
-      style: [styles.actionButton, isSelectMode && styles.actionButtonActive],
-      children: isSelectMode ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.selectModeActiveContainer,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.X, {
-          size: 14,
-          color: _sharedUi.night.color.accent
-        }), selectedCount > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.selectedCountText,
-          children: selectedCount
-        })]
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.SquareDashed, {
-        size: 16,
-        color: _sharedUi.night.color.textSecondary
-      })
-    }), !isSelectMode && /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.CopyButton, {
-      value: copyValue,
-      size: 16,
-      testID: "buoy-storage-export-copy",
-      buttonStyle: styles.actionButton,
-      colors: {
-        idle: _sharedUi.night.color.textSecondary,
-        success: _sharedUi.macOSColors.semantic.success,
-        error: _sharedUi.macOSColors.semantic.error
-      }
-    }), !isSelectMode && showClearAll && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-      onPress: handleClearAll,
-      testID: "buoy-storage-clear-all",
-      accessibilityLabel: "Clear all storage",
-      accessibilityRole: "button",
-      style: styles.actionButton,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Trash2, {
-        size: 16,
-        color: _sharedUi.night.color.danger
-      })
-    }), !isSelectMode && showClearAsync && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-      onPress: handleClearAsyncStorage,
-      testID: "buoy-storage-clear-async",
-      accessibilityLabel: `Clear ${_storageLabels.storageLabels.asyncFull}`,
-      accessibilityRole: "button",
-      style: styles.actionButton,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Trash2, {
-        size: 16,
-        color: _sharedUi.night.color.danger
-      })
-    }), !isSelectMode && showClearAllMMKV && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-      onPress: handleClearAllMMKV,
-      testID: "buoy-storage-clear-mmkv-all",
-      accessibilityLabel: `Clear all ${_storageLabels.storageLabels.mmkv} instances`,
-      accessibilityRole: "button",
-      style: styles.actionButton,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Trash2, {
-        size: 16,
-        color: _sharedUi.night.color.danger
-      })
-    }), !isSelectMode && showClearMMKVIndividual && mmkvInstances.length === 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-      onPress: () => handleClearMMKV(mmkvInstances[0].id, mmkvInstances[0].id),
-      testID: "buoy-storage-clear-mmkv",
-      accessibilityLabel: `Clear ${_storageLabels.storageLabels.mmkv} instance`,
-      accessibilityRole: "button",
-      style: styles.actionButton,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Trash2, {
-        size: 16,
-        color: _sharedUi.night.color.danger
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ProUpgradeModal, {
-      visible: showUpgradeModal,
-      onClose: () => setShowUpgradeModal(false),
-      featureName: "Storage Editing"
-    })]
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8
-  },
-  actionButton: {
-    width: 32,
-    height: 32,
-    alignItems: "center",
-    justifyContent: "center",
-    borderRadius: 6,
-    backgroundColor: _sharedUi.night.color.buttonSurface,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border
-  },
-  actionButtonActive: {
-    backgroundColor: _sharedUi.night.color.accentSoft,
-    borderColor: _sharedUi.night.color.accentBorderStrong
-  },
-  selectModeActiveContainer: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 2
-  },
-  selectedCountText: {
-    fontSize: 10,
-    fontWeight: "700",
-    color: _sharedUi.night.color.accent,
-    fontFamily: _sharedUi.monoFont
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.StorageActionButtons=StorageActionButtons;var _storageLabels=require("../utils/storageLabels");var _react=require("react");var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _license=require("@buoy-gg/license");var _asyncStorage=_interopRequireDefault(require("@react-native-async-storage/async-storage"));var _jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(l){return l&&l.__esModule?l:{default:l}}function StorageActionButtons({copyValue:l,mmkvInstances:t=[],activeStorageType:s="all",onClearComplete:c,isSelectMode:r=false,onToggleSelectMode:y,selectedCount:h=0}){const[u,a]=(0,_react.useState)(false);const o=(0,_license.useIsPro)();(0,_react.useEffect)(()=>{if(u&&o){a(false)}},[u,o]);const g=()=>{if(!o){a(true);return}_reactNative.Alert.alert(`Clear ${_storageLabels.storageLabels.asyncFull}`,`Delete all ${_storageLabels.storageLabels.asyncFull} keys? This cannot be undone.`,[{text:"Cancel",style:"cancel"},{text:"Clear",style:"destructive",onPress:async()=>{try{await _asyncStorage.default.clear();c?.()}catch(e){_reactNative.Alert.alert("Error",`Failed: ${e}`)}}}])};const x=(e,b)=>{if(!o){a(true);return}_reactNative.Alert.alert(`Clear ${b}`,`Delete all keys from ${b}? This cannot be undone.`,[{text:"Cancel",style:"cancel"},{text:"Clear",style:"destructive",onPress:()=>{try{const i=t.find(D=>D.id===e);if(i){i.instance.clearAll();c?.()}}catch(i){_reactNative.Alert.alert("Error",`Failed: ${i}`)}}}])};const f=()=>{if(!o){a(true);return}_reactNative.Alert.alert(`Clear All ${_storageLabels.storageLabels.mmkv}`,`Delete all keys from ${t.length} instances? This cannot be undone.`,[{text:"Cancel",style:"cancel"},{text:"Clear All",style:"destructive",onPress:()=>{try{t.forEach(e=>e.instance.clearAll());c?.()}catch(e){_reactNative.Alert.alert("Error",`Failed: ${e}`)}}}])};const A=()=>{if(!o){a(true);return}_reactNative.Alert.alert("Clear All Storage","Delete all storage data? This cannot be undone.",[{text:"Cancel",style:"cancel"},{text:"Clear All",style:"destructive",onPress:async()=>{try{await _asyncStorage.default.clear();t.forEach(e=>e.instance.clearAll());c?.()}catch(e){_reactNative.Alert.alert("Error",`Failed: ${e}`)}}}])};const C=s==="all"||s==="async";const d=s==="all"||s==="mmkv";const n=s==="all";const j=C&&!n;const v=d&&!n;const w=d&&t.length>1&&!n;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.container,children:[y&&(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:y,testID:"buoy-storage-select-mode",accessibilityLabel:r?"Exit selection mode":"Select keys",accessibilityRole:"button",style:[styles.actionButton,r&&styles.actionButtonActive],children:r?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.selectModeActiveContainer,children:[(0,_jsxRuntime.jsx)(_sharedUi.X,{size:14,color:_sharedUi.night.color.accent}),h>0&&(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.selectedCountText,children:h})]}):(0,_jsxRuntime.jsx)(_sharedUi.SquareDashed,{size:16,color:_sharedUi.night.color.textSecondary})}),!r&&(0,_jsxRuntime.jsx)(_sharedUi.CopyButton,{value:l,size:16,testID:"buoy-storage-export-copy",buttonStyle:styles.actionButton,colors:{idle:_sharedUi.night.color.textSecondary,success:_sharedUi.macOSColors.semantic.success,error:_sharedUi.macOSColors.semantic.error}}),!r&&n&&(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:A,testID:"buoy-storage-clear-all",accessibilityLabel:"Clear all storage",accessibilityRole:"button",style:styles.actionButton,children:(0,_jsxRuntime.jsx)(_sharedUi.Trash2,{size:16,color:_sharedUi.night.color.danger})}),!r&&j&&(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:g,testID:"buoy-storage-clear-async",accessibilityLabel:`Clear ${_storageLabels.storageLabels.asyncFull}`,accessibilityRole:"button",style:styles.actionButton,children:(0,_jsxRuntime.jsx)(_sharedUi.Trash2,{size:16,color:_sharedUi.night.color.danger})}),!r&&w&&(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:f,testID:"buoy-storage-clear-mmkv-all",accessibilityLabel:`Clear all ${_storageLabels.storageLabels.mmkv} instances`,accessibilityRole:"button",style:styles.actionButton,children:(0,_jsxRuntime.jsx)(_sharedUi.Trash2,{size:16,color:_sharedUi.night.color.danger})}),!r&&v&&t.length===1&&(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:()=>x(t[0].id,t[0].id),testID:"buoy-storage-clear-mmkv",accessibilityLabel:`Clear ${_storageLabels.storageLabels.mmkv} instance`,accessibilityRole:"button",style:styles.actionButton,children:(0,_jsxRuntime.jsx)(_sharedUi.Trash2,{size:16,color:_sharedUi.night.color.danger})}),(0,_jsxRuntime.jsx)(_sharedUi.ProUpgradeModal,{visible:u,onClose:()=>a(false),featureName:"Storage Editing"})]})}const styles=_reactNative.StyleSheet.create({container:{flexDirection:"row",alignItems:"center",gap:8},actionButton:{width:32,height:32,alignItems:"center",justifyContent:"center",borderRadius:6,backgroundColor:_sharedUi.night.color.buttonSurface,borderWidth:1,borderColor:_sharedUi.night.color.border},actionButtonActive:{backgroundColor:_sharedUi.night.color.accentSoft,borderColor:_sharedUi.night.color.accentBorderStrong},selectModeActiveContainer:{flexDirection:"row",alignItems:"center",gap:2},selectedCountText:{fontSize:10,fontWeight:"700",color:_sharedUi.night.color.accent,fontFamily:_sharedUi.monoFont}});

package/lib/commonjs/storage/components/StorageBrowserMode.js

@@ -1,61 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StorageBrowserMode = StorageBrowserMode;
-var _GameUIStorageBrowser = require("./GameUIStorageBrowser");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Storage browser mode component
- * Displays storage keys with game UI styled interface
- */
-function StorageBrowserMode({
-  requiredStorageKeys = [],
-  showFilters = false,
-  ignoredPatterns = new Set(),
-  onTogglePattern,
-  onAddPattern,
-  searchQuery = "",
-  storageDataRef,
-  eventCountByKey,
-  lastWriteByKey,
-  onViewHistory,
-  enabledStorageTypes,
-  statusFilter,
-  onStatusFilterChange,
-  onStatusCountsChange,
-  pinnedKeys,
-  onTogglePin,
-  applySafeAreaInset,
-  storageTypeFilter,
-  onStorageTypeFilterChange,
-  detailKey,
-  onOpenKey,
-  onCloseDetail
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_GameUIStorageBrowser.GameUIStorageBrowser, {
-    requiredStorageKeys: requiredStorageKeys,
-    showFilters: showFilters,
-    ignoredPatterns: ignoredPatterns,
-    onTogglePattern: onTogglePattern,
-    onAddPattern: onAddPattern,
-    searchQuery: searchQuery,
-    storageDataRef: storageDataRef,
-    eventCountByKey: eventCountByKey,
-    lastWriteByKey: lastWriteByKey,
-    onViewHistory: onViewHistory,
-    enabledStorageTypes: enabledStorageTypes,
-    statusFilter: statusFilter,
-    onStatusFilterChange: onStatusFilterChange,
-    onStatusCountsChange: onStatusCountsChange,
-    pinnedKeys: pinnedKeys,
-    onTogglePin: onTogglePin,
-    applySafeAreaInset: applySafeAreaInset,
-    storageTypeFilter: storageTypeFilter,
-    onStorageTypeFilterChange: onStorageTypeFilterChange,
-    detailKey: detailKey,
-    onOpenKey: onOpenKey,
-    onCloseDetail: onCloseDetail
-  });
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.StorageBrowserMode=StorageBrowserMode;var _GameUIStorageBrowser=require("./GameUIStorageBrowser");var _jsxRuntime=require("react/jsx-runtime");function StorageBrowserMode({requiredStorageKeys:e=[],showFilters:r=false,ignoredPatterns:t=new Set,onTogglePattern:o,onAddPattern:a,searchQuery:n="",storageDataRef:s,eventCountByKey:i,lastWriteByKey:g,onViewHistory:u,enabledStorageTypes:l,statusFilter:y,onStatusFilterChange:S,onStatusCountsChange:d,pinnedKeys:p,onTogglePin:w,applySafeAreaInset:B,storageTypeFilter:C,onStorageTypeFilterChange:K,detailKey:c,onOpenKey:f,onCloseDetail:h}){return(0,_jsxRuntime.jsx)(_GameUIStorageBrowser.GameUIStorageBrowser,{requiredStorageKeys:e,showFilters:r,ignoredPatterns:t,onTogglePattern:o,onAddPattern:a,searchQuery:n,storageDataRef:s,eventCountByKey:i,lastWriteByKey:g,onViewHistory:u,enabledStorageTypes:l,statusFilter:y,onStatusFilterChange:S,onStatusCountsChange:d,pinnedKeys:p,onTogglePin:w,applySafeAreaInset:B,storageTypeFilter:C,onStorageTypeFilterChange:K,detailKey:c,onOpenKey:f,onCloseDetail:h})}

package/lib/commonjs/storage/components/StorageEventActionButton.js

@@ -1,121 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StorageEventActionButton = StorageEventActionButton;
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * StorageEventActionButton
- *
- * Action button for Storage DevTools detail view
- * Matches Redux DevTools ActionButton styling
- */
-
-// Button color configurations matching Redux/React Query pattern
-const buttonConfigs = {
-  copy: {
-    color: _sharedUi.night.color.accent,
-    backgroundColor: _sharedUi.night.color.accentSoft,
-    borderColor: _sharedUi.night.color.accentBorderStrong,
-    textColor: _sharedUi.night.color.accent
-  },
-  jump: {
-    color: _sharedUi.night.color.warning,
-    backgroundColor: _sharedUi.night.color.warningSoft,
-    borderColor: _sharedUi.night.color.warning + "40",
-    textColor: _sharedUi.night.color.warning
-  },
-  undo: {
-    color: _sharedUi.night.color.info,
-    backgroundColor: _sharedUi.night.color.infoSoft,
-    borderColor: _sharedUi.night.color.info + "40",
-    textColor: _sharedUi.night.color.info
-  }
-};
-function StorageEventActionButton({
-  onPress,
-  text,
-  type,
-  disabled = false,
-  locked = false
-}) {
-  const config = buttonConfigs[type];
-  const isDisabledOrLocked = disabled || locked;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-    disabled: isDisabledOrLocked,
-    onPress: onPress,
-    style: [styles.button, {
-      backgroundColor: isDisabledOrLocked ? _sharedUi.night.color.fill : config.backgroundColor,
-      borderColor: isDisabledOrLocked ? _sharedUi.night.color.fillTertiary : config.borderColor,
-      opacity: disabled ? 0.5 : 1
-    }],
-    activeOpacity: 0.7,
-    testID: `buoy-storage-action-${type}`,
-    accessibilityRole: "button",
-    accessibilityLabel: text,
-    accessibilityState: {
-      disabled: isDisabledOrLocked
-    },
-    children: [locked ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Lock, {
-      size: 10,
-      color: _sharedUi.night.color.textTertiary,
-      style: styles.lockIcon
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [styles.dot, {
-        backgroundColor: isDisabledOrLocked ? _sharedUi.night.color.textTertiary : config.color
-      }]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [styles.text, {
-        color: isDisabledOrLocked ? _sharedUi.night.color.textTertiary : config.textColor
-      }],
-      children: text
-    })]
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  button: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "center",
-    borderRadius: 6,
-    borderWidth: 1,
-    paddingHorizontal: 12,
-    paddingVertical: 6,
-    height: 25,
-    minWidth: 70,
-    shadowOffset: {
-      width: 0,
-      height: 1
-    },
-    shadowOpacity: 0.2,
-    shadowRadius: 2,
-    elevation: 2
-  },
-  dot: {
-    width: 5,
-    height: 5,
-    borderRadius: 3,
-    marginRight: 6,
-    shadowColor: _sharedUi.night.color.text,
-    shadowOffset: {
-      width: 0,
-      height: 0
-    },
-    shadowOpacity: 0.6,
-    shadowRadius: 2
-  },
-  lockIcon: {
-    marginRight: 4
-  },
-  text: {
-    fontSize: 10,
-    fontWeight: "600",
-    letterSpacing: 0.5,
-    textTransform: "uppercase",
-    fontFamily: _sharedUi.monoFont,
-    height: 12
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.StorageEventActionButton=StorageEventActionButton;var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _jsxRuntime=require("react/jsx-runtime");const buttonConfigs={copy:{color:_sharedUi.night.color.accent,backgroundColor:_sharedUi.night.color.accentSoft,borderColor:_sharedUi.night.color.accentBorderStrong,textColor:_sharedUi.night.color.accent},jump:{color:_sharedUi.night.color.warning,backgroundColor:_sharedUi.night.color.warningSoft,borderColor:_sharedUi.night.color.warning+"40",textColor:_sharedUi.night.color.warning},undo:{color:_sharedUi.night.color.info,backgroundColor:_sharedUi.night.color.infoSoft,borderColor:_sharedUi.night.color.info+"40",textColor:_sharedUi.night.color.info}};function StorageEventActionButton({onPress:c,text:r,type:e,disabled:i=false,locked:n=false}){const t=buttonConfigs[e];const o=i||n;return(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{disabled:o,onPress:c,style:[styles.button,{backgroundColor:o?_sharedUi.night.color.fill:t.backgroundColor,borderColor:o?_sharedUi.night.color.fillTertiary:t.borderColor,opacity:i?.5:1}],activeOpacity:.7,testID:`buoy-storage-action-${e}`,accessibilityRole:"button",accessibilityLabel:r,accessibilityState:{disabled:o},children:[n?(0,_jsxRuntime.jsx)(_sharedUi.Lock,{size:10,color:_sharedUi.night.color.textTertiary,style:styles.lockIcon}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.dot,{backgroundColor:o?_sharedUi.night.color.textTertiary:t.color}]}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.text,{color:o?_sharedUi.night.color.textTertiary:t.textColor}],children:r})]})}const styles=_reactNative.StyleSheet.create({button:{flexDirection:"row",alignItems:"center",justifyContent:"center",borderRadius:6,borderWidth:1,paddingHorizontal:12,paddingVertical:6,height:25,minWidth:70,shadowOffset:{width:0,height:1},shadowOpacity:.2,shadowRadius:2,elevation:2},dot:{width:5,height:5,borderRadius:3,marginRight:6,shadowColor:_sharedUi.night.color.text,shadowOffset:{width:0,height:0},shadowOpacity:.6,shadowRadius:2},lockIcon:{marginRight:4},text:{fontSize:10,fontWeight:"600",letterSpacing:.5,textTransform:"uppercase",fontFamily:_sharedUi.monoFont,height:12}});