@buoy-gg/zustand 7.0.41 → 7.0.43

package/lib/module/zustand/components/ZustandActionButton.js

@@ -1,114 +1 @@
-"use strict";
-
-/**
- * ZustandActionButton
- *
- * Generic action button for Zustand DevTools footer.
- * Mirrors ReduxActionButton.tsx
- */
-
-import { TouchableOpacity, Text, View, StyleSheet } from "react-native";
-import { night, monoFont } from "@buoy-gg/shared-ui";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const buttonConfigs = {
-  copy: {
-    color: night.color.accent,
-    backgroundColor: night.color.accentSoft,
-    borderColor: night.color.accentBorder,
-    textColor: night.color.accent
-  },
-  reset: {
-    color: night.color.warning,
-    backgroundColor: night.color.warningSoft,
-    borderColor: night.color.warning + "40",
-    textColor: night.color.warning
-  },
-  clear: {
-    color: night.color.danger,
-    backgroundColor: night.color.dangerSoft,
-    borderColor: night.color.danger + "40",
-    textColor: night.color.danger
-  },
-  jump: {
-    color: night.color.warning,
-    backgroundColor: night.color.warningSoft,
-    borderColor: night.color.warning + "40",
-    textColor: night.color.warning
-  }
-};
-export function ZustandActionButton({
-  onPress,
-  text,
-  type,
-  disabled = false,
-  testID
-}) {
-  const config = buttonConfigs[type];
-  return /*#__PURE__*/_jsxs(TouchableOpacity, {
-    disabled: disabled,
-    onPress: onPress,
-    style: [styles.button, {
-      backgroundColor: disabled ? night.color.textTertiary + "1A" : config.backgroundColor,
-      borderColor: disabled ? night.color.textTertiary + "33" : config.borderColor,
-      opacity: disabled ? 0.5 : 1
-    }],
-    activeOpacity: 0.7,
-    testID: testID,
-    accessibilityRole: "button",
-    accessibilityLabel: text,
-    accessibilityState: {
-      disabled
-    },
-    children: [/*#__PURE__*/_jsx(View, {
-      style: [styles.dot, {
-        backgroundColor: disabled ? night.color.textTertiary : config.color
-      }]
-    }), /*#__PURE__*/_jsx(Text, {
-      style: [styles.text, {
-        color: disabled ? night.color.textTertiary : config.textColor
-      }],
-      children: text
-    })]
-  });
-}
-const styles = StyleSheet.create({
-  button: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "center",
-    borderRadius: 6,
-    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: night.color.text,
-    shadowOffset: {
-      width: 0,
-      height: 0
-    },
-    shadowOpacity: 0.6,
-    shadowRadius: 2
-  },
-  text: {
-    fontSize: 10,
-    fontWeight: "600",
-    letterSpacing: 0.5,
-    textTransform: "uppercase",
-    fontFamily: monoFont,
-    height: 12
-  }
-});
+"use strict";import{TouchableOpacity as s,Text as d,View as g,StyleSheet as h}from"react-native";import{night as o,monoFont as u}from"@buoy-gg/shared-ui";import{jsx as n,jsxs as f}from"react/jsx-runtime";const C={copy:{color:o.color.accent,backgroundColor:o.color.accentSoft,borderColor:o.color.accentBorder,textColor:o.color.accent},reset:{color:o.color.warning,backgroundColor:o.color.warningSoft,borderColor:o.color.warning+"40",textColor:o.color.warning},clear:{color:o.color.danger,backgroundColor:o.color.dangerSoft,borderColor:o.color.danger+"40",textColor:o.color.danger},jump:{color:o.color.warning,backgroundColor:o.color.warningSoft,borderColor:o.color.warning+"40",textColor:o.color.warning}};export function ZustandActionButton({onPress:i,text:c,type:l,disabled:r=false,testID:a}){const t=C[l];return f(s,{disabled:r,onPress:i,style:[e.button,{backgroundColor:r?o.color.textTertiary+"1A":t.backgroundColor,borderColor:r?o.color.textTertiary+"33":t.borderColor,opacity:r?.5:1}],activeOpacity:.7,testID:a,accessibilityRole:"button",accessibilityLabel:c,accessibilityState:{disabled:r},children:[n(g,{style:[e.dot,{backgroundColor:r?o.color.textTertiary:t.color}]}),n(d,{style:[e.text,{color:r?o.color.textTertiary:t.textColor}],children:c})]})}const e=h.create({button:{flexDirection:"row",alignItems:"center",justifyContent:"center",borderRadius:6,borderWidth:1,paddingHorizontal:12,paddingVertical:6,height:25,minWidth:80,shadowOffset:{width:0,height:1},shadowOpacity:.2,shadowRadius:2,elevation:2},dot:{width:5,height:5,borderRadius:3,marginRight:6,shadowColor:o.color.text,shadowOffset:{width:0,height:0},shadowOpacity:.6,shadowRadius:2},text:{fontSize:10,fontWeight:"600",letterSpacing:.5,textTransform:"uppercase",fontFamily:u,height:12}});

package/lib/module/zustand/components/ZustandDetailViewToggle.js

@@ -1,43 +1 @@
-"use strict";
-
-/**
- * ZustandDetailViewToggle
- *
- * Three-card toggle for switching between Change, State, and Diff views.
- * The cards themselves are the shared `DetailViewToggle`; this file owns
- * the zustand view list and testID prefix.
- */
-
-import React, { memo } from "react";
-import { DetailViewToggle, FileText, Database, GitBranch } from "@buoy-gg/shared-ui";
-import { jsx as _jsx } from "react/jsx-runtime";
-const VIEWS = [{
-  key: "change",
-  label: "CHANGE",
-  description: "View change details",
-  icon: FileText
-}, {
-  key: "state",
-  label: "STATE",
-  description: "View current state",
-  icon: Database
-}, {
-  key: "diff",
-  label: "DIFF",
-  description: "Compare changes",
-  icon: GitBranch
-}];
-const DIFF_DISABLED = ["diff"];
-export const ZustandDetailViewToggle = /*#__PURE__*/memo(function ZustandDetailViewToggle({
-  activeView,
-  onViewChange,
-  diffDisabled = false
-}) {
-  return /*#__PURE__*/_jsx(DetailViewToggle, {
-    views: VIEWS,
-    activeView: activeView,
-    onViewChange: onViewChange,
-    disabledKeys: diffDisabled ? DIFF_DISABLED : undefined,
-    testIDPrefix: "buoy-zustand"
-  });
-});
+"use strict";import m,{memo as a}from"react";import{DetailViewToggle as n,FileText as o,Database as s,GitBranch as c}from"@buoy-gg/shared-ui";import{jsx as r}from"react/jsx-runtime";const l=[{key:"change",label:"CHANGE",description:"View change details",icon:o},{key:"state",label:"STATE",description:"View current state",icon:s},{key:"diff",label:"DIFF",description:"Compare changes",icon:c}];const d=["diff"];export const ZustandDetailViewToggle=a(function f({activeView:e,onViewChange:i,diffDisabled:t=false}){return r(n,{views:l,activeView:e,onViewChange:i,disabledKeys:t?d:void 0,testIDPrefix:"buoy-zustand"})});

package/lib/module/zustand/components/ZustandEventFilterView.js

@@ -1,39 +1 @@
-"use strict";
-
-/**
- * ZustandEventFilterView
- *
- * The shared `EntityFilterView` with zustand's nouns: registered stores you
- * can tap to hide, active store-name patterns, and how it works.
- */
-
-import { useMemo } from "react";
-import { EntityFilterView } from "@buoy-gg/shared-ui";
-import { zustandStateStore } from "../utils/zustandStateStore";
-import { ZUSTAND_TEST_ID, slugForTestID } from "../utils/testIDs";
-import { jsx as _jsx } from "react/jsx-runtime";
-const EXAMPLES = ["• auth → hides authStore from stores & events", "• temp → hides tempStore, tempUserStore", "• cart → hides cartStore from both tabs"];
-export function ZustandEventFilterView({
-  ignoredPatterns,
-  onTogglePattern,
-  onAddPattern,
-  stores
-}) {
-  const entities = useMemo(() => stores.map(store => ({
-    name: store.name,
-    color: zustandStateStore.getStoreColor(store.name)
-  })), [stores]);
-  return /*#__PURE__*/_jsx(EntityFilterView, {
-    entities: entities,
-    ignoredPatterns: ignoredPatterns,
-    onTogglePattern: onTogglePattern,
-    onAddPattern: onAddPattern,
-    entityNoun: "STORES",
-    entitySingular: "store",
-    entityKey: "store",
-    testIDPrefix: ZUSTAND_TEST_ID,
-    slug: slugForTestID,
-    howItWorks: "Patterns hide matching stores from both the Stores tab and the Events tab. Tap a store above to quickly add it as a filter.",
-    examples: EXAMPLES
-  });
-}
+"use strict";import{useMemo as n}from"react";import{EntityFilterView as a}from"@buoy-gg/shared-ui";import{zustandStateStore as m}from"../utils/zustandStateStore";import{ZUSTAND_TEST_ID as S,slugForTestID as u}from"../utils/testIDs";import{jsx as d}from"react/jsx-runtime";const h=["\u2022 auth \u2192 hides authStore from stores & events","\u2022 temp \u2192 hides tempStore, tempUserStore","\u2022 cart \u2192 hides cartStore from both tabs"];export function ZustandEventFilterView({ignoredPatterns:o,onTogglePattern:r,onAddPattern:s,stores:t}){const i=n(()=>t.map(e=>({name:e.name,color:m.getStoreColor(e.name)})),[t]);return d(a,{entities:i,ignoredPatterns:o,onTogglePattern:r,onAddPattern:s,entityNoun:"STORES",entitySingular:"store",entityKey:"store",testIDPrefix:S,slug:u,howItWorks:"Patterns hide matching stores from both the Stores tab and the Events tab. Tap a store above to quickly add it as a filter.",examples:h})}

package/lib/module/zustand/components/ZustandIcon.js

@@ -1,11 +1 @@
-"use strict";
-
-/**
- * ZustandIcon — re-exported from the Buoy Icon Format.
- *
- * The artwork lives in shared/icons/zustand.json and is generated into
- * @buoy-gg/floating-tools-core, so React Native, the desktop dashboard and
- * Flutter all render the same drawing. Edit the JSON, then `pnpm icons`.
- */
-
-export { ZustandIcon, ZUSTAND_ICON_COLOR } from "@buoy-gg/shared-ui";
+"use strict";export{ZustandIcon,ZUSTAND_ICON_COLOR}from"@buoy-gg/shared-ui";