@buoy-gg/jotai 2.1.11 → 2.1.13

package/lib/commonjs/jotai/components/JotaiEventFilterView.js

@@ -1,305 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.JotaiEventFilterView = JotaiEventFilterView;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _jotaiStateStore = require("../utils/jotaiStateStore");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * JotaiEventFilterView
- *
- * Filter configuration UI for hiding atoms from the Atoms and Events tabs.
- * Mirrors ZustandEventFilterView.tsx from @buoy-gg/zustand.
- */
-
-function getAtomColorForPattern(pattern, atoms) {
-  const match = atoms.find(a => a.label.toLowerCase().includes(pattern.toLowerCase()));
-  return match ? match.color : null;
-}
-function JotaiEventFilterView({
-  ignoredPatterns,
-  onTogglePattern,
-  onAddPattern,
-  atoms
-}) {
-  const [newPattern, setNewPattern] = (0, _react.useState)("");
-  const handleAddPattern = () => {
-    const trimmed = newPattern.trim();
-    if (trimmed && !ignoredPatterns.has(trimmed)) {
-      onAddPattern(trimmed);
-      setNewPattern("");
-    }
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
-    style: styles.container,
-    contentContainerStyle: styles.scrollContent,
-    showsVerticalScrollIndicator: false,
-    nestedScrollEnabled: true,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.section,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_sharedUi.SectionHeader, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.SectionHeader.Icon, {
-          icon: _sharedUi.Filter,
-          color: _sharedUi.buoyColors.textSecondary,
-          size: 12
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.SectionHeader.Title, {
-          children: "REGISTERED ATOMS"
-        })]
-      }), atoms.length === 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.emptyText,
-        children: "No atoms registered yet."
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
-        style: styles.atomList,
-        contentContainerStyle: styles.atomListContent,
-        nestedScrollEnabled: true,
-        children: atoms.map(atom => {
-          const atomColor = _jotaiStateStore.jotaiStateStore.getAtomColor(atom.label);
-          const isFiltered = Array.from(ignoredPatterns).some(p => atom.label.toLowerCase().includes(p.toLowerCase()));
-          return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-            style: [styles.atomRow, isFiltered && styles.atomRowFiltered],
-            onPress: () => onTogglePattern(atom.label),
-            activeOpacity: 0.7,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-              style: [styles.atomDot, {
-                backgroundColor: atomColor
-              }]
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: [styles.atomRowText, {
-                color: atomColor
-              }, isFiltered && styles.atomRowTextFiltered],
-              numberOfLines: 1,
-              children: atom.label
-            }), isFiltered ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: styles.filteredLabel,
-              children: "filtered"
-            }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: [styles.addLabel, {
-                color: atomColor
-              }],
-              children: "+ add"
-            })]
-          }, atom.label);
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.addInputWrapper,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
-          value: newPattern,
-          onChangeText: setNewPattern,
-          onSubmitEditing: handleAddPattern,
-          placeholder: "Type a pattern and press Enter...",
-          placeholderTextColor: _sharedUi.macOSColors.text.muted,
-          returnKeyType: "done",
-          autoCapitalize: "none",
-          autoCorrect: false,
-          style: styles.patternInput
-        })
-      })]
-    }), ignoredPatterns.size > 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.section,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_sharedUi.SectionHeader, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.SectionHeader.Icon, {
-          icon: _sharedUi.Filter,
-          color: _sharedUi.buoyColors.textSecondary,
-          size: 12
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.SectionHeader.Title, {
-          children: "ACTIVE FILTERS"
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.patternList,
-        children: Array.from(ignoredPatterns).map(pattern => {
-          const atomColor = getAtomColorForPattern(pattern, atoms);
-          return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-            style: styles.patternRow,
-            onPress: () => onTogglePattern(pattern),
-            activeOpacity: 0.8,
-            children: [atomColor ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-              style: [styles.atomDot, {
-                backgroundColor: atomColor
-              }]
-            }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: [styles.patternText, atomColor ? {
-                color: atomColor
-              } : null],
-              numberOfLines: 1,
-              children: pattern
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.X, {
-              size: 12,
-              color: _sharedUi.buoyColors.primary + "80"
-            })]
-          }, pattern);
-        })
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.section,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_sharedUi.SectionHeader, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.SectionHeader.Icon, {
-          icon: _sharedUi.Filter,
-          color: _sharedUi.buoyColors.textSecondary,
-          size: 12
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.SectionHeader.Title, {
-          children: "HOW ATOM FILTERS WORK"
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.howItWorksText,
-        children: "Patterns hide matching atoms from both the Atoms tab and the Events tab. Tap an atom above to quickly add it as a filter."
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.examplesContainer,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.examplesTitle,
-          children: "EXAMPLES:"
-        }), ["• count -> hides countAtom from atoms & events", "• auth -> hides authAtom, authStatusAtom", "• user -> hides userAtom from both tabs"].map(ex => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.exampleItem,
-          children: ex
-        }, ex))]
-      })]
-    })]
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: _sharedUi.buoyColors.base
-  },
-  scrollContent: {
-    paddingTop: 16,
-    paddingHorizontal: 16,
-    paddingBottom: 24,
-    gap: 16
-  },
-  section: {
-    backgroundColor: _sharedUi.buoyColors.card,
-    borderRadius: 16,
-    borderWidth: 1,
-    borderColor: _sharedUi.buoyColors.border,
-    overflow: "hidden"
-  },
-  atomList: {
-    maxHeight: 180
-  },
-  atomListContent: {
-    paddingHorizontal: 16,
-    paddingTop: 8,
-    paddingBottom: 16,
-    gap: 10
-  },
-  atomRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 10,
-    paddingVertical: 10,
-    paddingHorizontal: 12,
-    backgroundColor: _sharedUi.buoyColors.hover,
-    borderRadius: 8,
-    borderWidth: 1,
-    borderColor: _sharedUi.buoyColors.border
-  },
-  atomRowFiltered: {
-    opacity: 0.45
-  },
-  atomDot: {
-    width: 7,
-    height: 7,
-    borderRadius: 3.5
-  },
-  atomRowText: {
-    flex: 1,
-    fontSize: 12,
-    fontWeight: "600",
-    fontFamily: "monospace"
-  },
-  atomRowTextFiltered: {
-    color: _sharedUi.macOSColors.text.muted,
-    textDecorationLine: "line-through"
-  },
-  filteredLabel: {
-    fontSize: 10,
-    fontWeight: "500",
-    color: _sharedUi.macOSColors.text.disabled,
-    fontFamily: "monospace"
-  },
-  addLabel: {
-    fontSize: 10,
-    fontWeight: "600",
-    fontFamily: "monospace"
-  },
-  addInputWrapper: {
-    paddingHorizontal: 16,
-    paddingTop: 8,
-    paddingBottom: 8
-  },
-  patternList: {
-    paddingHorizontal: 16,
-    paddingBottom: 16,
-    gap: 8
-  },
-  patternRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between",
-    paddingVertical: 10,
-    paddingHorizontal: 12,
-    backgroundColor: _sharedUi.buoyColors.hover,
-    borderRadius: 8,
-    borderWidth: 1,
-    borderColor: _sharedUi.buoyColors.border,
-    gap: 8
-  },
-  patternText: {
-    flex: 1,
-    fontSize: 12,
-    fontFamily: "monospace",
-    color: _sharedUi.buoyColors.text
-  },
-  howItWorksText: {
-    fontSize: 11,
-    color: _sharedUi.buoyColors.textSecondary,
-    lineHeight: 16,
-    marginTop: 8,
-    paddingHorizontal: 16,
-    fontFamily: "monospace"
-  },
-  examplesContainer: {
-    paddingTop: 8,
-    paddingHorizontal: 16,
-    paddingBottom: 16,
-    borderTopWidth: 1,
-    borderTopColor: _sharedUi.buoyColors.border,
-    marginTop: 12
-  },
-  examplesTitle: {
-    fontSize: 10,
-    fontWeight: "600",
-    color: _sharedUi.buoyColors.textMuted,
-    fontFamily: "monospace",
-    letterSpacing: 0.5,
-    marginBottom: 6
-  },
-  exampleItem: {
-    fontSize: 10,
-    color: _sharedUi.buoyColors.textMuted,
-    fontFamily: "monospace",
-    lineHeight: 16
-  },
-  emptyText: {
-    fontSize: 11,
-    color: _sharedUi.macOSColors.text.muted,
-    paddingHorizontal: 16,
-    paddingVertical: 12,
-    fontFamily: "monospace"
-  },
-  patternInput: {
-    borderWidth: 1,
-    borderColor: _sharedUi.buoyColors.primary + "40",
-    borderRadius: 8,
-    paddingHorizontal: 12,
-    paddingVertical: 8,
-    fontSize: 12,
-    color: _sharedUi.buoyColors.text,
-    fontFamily: "monospace",
-    backgroundColor: _sharedUi.buoyColors.input
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.JotaiEventFilterView=JotaiEventFilterView;var _react=require("react"),_reactNative=require("react-native"),_sharedUi=require("@buoy-gg/shared-ui"),_jotaiStateStore=require("../utils/jotaiStateStore"),_jsxRuntime=require("react/jsx-runtime");function getAtomColorForPattern(e,t){const o=t.find(t=>t.label.toLowerCase().includes(e.toLowerCase()));return o?o.color:null}function JotaiEventFilterView({ignoredPatterns:e,onTogglePattern:t,onAddPattern:o,atoms:r}){const[i,a]=(0,_react.useState)("");return(0,_jsxRuntime.jsxs)(_reactNative.ScrollView,{style:styles.container,contentContainerStyle:styles.scrollContent,showsVerticalScrollIndicator:!1,nestedScrollEnabled:!0,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.section,children:[(0,_jsxRuntime.jsxs)(_sharedUi.SectionHeader,{children:[(0,_jsxRuntime.jsx)(_sharedUi.SectionHeader.Icon,{icon:_sharedUi.Filter,color:_sharedUi.buoyColors.textSecondary,size:12}),(0,_jsxRuntime.jsx)(_sharedUi.SectionHeader.Title,{children:"REGISTERED ATOMS"})]}),0===r.length?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.emptyText,children:"No atoms registered yet."}):(0,_jsxRuntime.jsx)(_reactNative.ScrollView,{style:styles.atomList,contentContainerStyle:styles.atomListContent,nestedScrollEnabled:!0,children:r.map(o=>{const r=_jotaiStateStore.jotaiStateStore.getAtomColor(o.label),i=Array.from(e).some(e=>o.label.toLowerCase().includes(e.toLowerCase()));return(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{style:[styles.atomRow,i&&styles.atomRowFiltered],onPress:()=>t(o.label),activeOpacity:.7,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.atomDot,{backgroundColor:r}]}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.atomRowText,{color:r},i&&styles.atomRowTextFiltered],numberOfLines:1,children:o.label}),i?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.filteredLabel,children:"filtered"}):(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.addLabel,{color:r}],children:"+ add"})]},o.label)})}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.addInputWrapper,children:(0,_jsxRuntime.jsx)(_reactNative.TextInput,{value:i,onChangeText:a,onSubmitEditing:()=>{const t=i.trim();t&&!e.has(t)&&(o(t),a(""))},placeholder:"Type a pattern and press Enter...",placeholderTextColor:_sharedUi.macOSColors.text.muted,returnKeyType:"done",autoCapitalize:"none",autoCorrect:!1,style:styles.patternInput})})]}),e.size>0&&(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.section,children:[(0,_jsxRuntime.jsxs)(_sharedUi.SectionHeader,{children:[(0,_jsxRuntime.jsx)(_sharedUi.SectionHeader.Icon,{icon:_sharedUi.Filter,color:_sharedUi.buoyColors.textSecondary,size:12}),(0,_jsxRuntime.jsx)(_sharedUi.SectionHeader.Title,{children:"ACTIVE FILTERS"})]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.patternList,children:Array.from(e).map(e=>{const o=getAtomColorForPattern(e,r);return(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{style:styles.patternRow,onPress:()=>t(e),activeOpacity:.8,children:[o?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.atomDot,{backgroundColor:o}]}):null,(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.patternText,o?{color:o}:null],numberOfLines:1,children:e}),(0,_jsxRuntime.jsx)(_sharedUi.X,{size:12,color:_sharedUi.buoyColors.primary+"80"})]},e)})})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.section,children:[(0,_jsxRuntime.jsxs)(_sharedUi.SectionHeader,{children:[(0,_jsxRuntime.jsx)(_sharedUi.SectionHeader.Icon,{icon:_sharedUi.Filter,color:_sharedUi.buoyColors.textSecondary,size:12}),(0,_jsxRuntime.jsx)(_sharedUi.SectionHeader.Title,{children:"HOW ATOM FILTERS WORK"})]}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.howItWorksText,children:"Patterns hide matching atoms from both the Atoms tab and the Events tab. Tap an atom above to quickly add it as a filter."}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.examplesContainer,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.examplesTitle,children:"EXAMPLES:"}),["• count -> hides countAtom from atoms & events","• auth -> hides authAtom, authStatusAtom","• user -> hides userAtom from both tabs"].map(e=>(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.exampleItem,children:e},e))]})]})]})}const styles=_reactNative.StyleSheet.create({container:{flex:1,backgroundColor:_sharedUi.buoyColors.base},scrollContent:{paddingTop:16,paddingHorizontal:16,paddingBottom:24,gap:16},section:{backgroundColor:_sharedUi.buoyColors.card,borderRadius:16,borderWidth:1,borderColor:_sharedUi.buoyColors.border,overflow:"hidden"},atomList:{maxHeight:180},atomListContent:{paddingHorizontal:16,paddingTop:8,paddingBottom:16,gap:10},atomRow:{flexDirection:"row",alignItems:"center",gap:10,paddingVertical:10,paddingHorizontal:12,backgroundColor:_sharedUi.buoyColors.hover,borderRadius:8,borderWidth:1,borderColor:_sharedUi.buoyColors.border},atomRowFiltered:{opacity:.45},atomDot:{width:7,height:7,borderRadius:3.5},atomRowText:{flex:1,fontSize:12,fontWeight:"600",fontFamily:"monospace"},atomRowTextFiltered:{color:_sharedUi.macOSColors.text.muted,textDecorationLine:"line-through"},filteredLabel:{fontSize:10,fontWeight:"500",color:_sharedUi.macOSColors.text.disabled,fontFamily:"monospace"},addLabel:{fontSize:10,fontWeight:"600",fontFamily:"monospace"},addInputWrapper:{paddingHorizontal:16,paddingTop:8,paddingBottom:8},patternList:{paddingHorizontal:16,paddingBottom:16,gap:8},patternRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingVertical:10,paddingHorizontal:12,backgroundColor:_sharedUi.buoyColors.hover,borderRadius:8,borderWidth:1,borderColor:_sharedUi.buoyColors.border,gap:8},patternText:{flex:1,fontSize:12,fontFamily:"monospace",color:_sharedUi.buoyColors.text},howItWorksText:{fontSize:11,color:_sharedUi.buoyColors.textSecondary,lineHeight:16,marginTop:8,paddingHorizontal:16,fontFamily:"monospace"},examplesContainer:{paddingTop:8,paddingHorizontal:16,paddingBottom:16,borderTopWidth:1,borderTopColor:_sharedUi.buoyColors.border,marginTop:12},examplesTitle:{fontSize:10,fontWeight:"600",color:_sharedUi.buoyColors.textMuted,fontFamily:"monospace",letterSpacing:.5,marginBottom:6},exampleItem:{fontSize:10,color:_sharedUi.buoyColors.textMuted,fontFamily:"monospace",lineHeight:16},emptyText:{fontSize:11,color:_sharedUi.macOSColors.text.muted,paddingHorizontal:16,paddingVertical:12,fontFamily:"monospace"},patternInput:{borderWidth:1,borderColor:_sharedUi.buoyColors.primary+"40",borderRadius:8,paddingHorizontal:12,paddingVertical:8,fontSize:12,color:_sharedUi.buoyColors.text,fontFamily:"monospace",backgroundColor:_sharedUi.buoyColors.input}});

package/lib/commonjs/jotai/components/JotaiIcon.js

@@ -1,35 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.JOTAI_ICON_COLOR = void 0;
-exports.JotaiIcon = JotaiIcon;
-var _reactNative = require("react-native");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Jotai DevTools icon
- */
-
-const JOTAI_ICON_COLOR = exports.JOTAI_ICON_COLOR = "#6C47FF";
-function JotaiIcon({
-  size,
-  color
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: {
-      width: size,
-      height: size,
-      justifyContent: "center",
-      alignItems: "center"
-    },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: {
-        fontSize: size * 0.75,
-        color: color || JOTAI_ICON_COLOR,
-        fontWeight: "700"
-      },
-      children: "J"
-    })
-  });
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.JOTAI_ICON_COLOR=void 0,exports.JotaiIcon=JotaiIcon;var _reactNative=require("react-native"),_jsxRuntime=require("react/jsx-runtime");const JOTAI_ICON_COLOR=exports.JOTAI_ICON_COLOR="#6C47FF";function JotaiIcon({size:e,color:t}){return(0,_jsxRuntime.jsx)(_reactNative.View,{style:{width:e,height:e,justifyContent:"center",alignItems:"center"},children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:{fontSize:.75*e,color:t||JOTAI_ICON_COLOR,fontWeight:"700"},children:"J"})})}