@buoy-gg/zustand 7.0.38 → 7.0.40

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

@@ -1 +1,43 @@
-"use strict";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}],DIFF_DISABLED=["diff"];export const ZustandDetailViewToggle=memo(function({activeView:e,onViewChange:i,diffDisabled:t=!1}){return _jsx(DetailViewToggle,{views:VIEWS,activeView:e,onViewChange:i,disabledKeys:t?DIFF_DISABLED:void 0,testIDPrefix:"buoy-zustand"})});
+"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"
+  });
+});

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

@@ -1 +1,39 @@
-"use strict";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:t,onTogglePattern:e,onAddPattern:r,stores:o}){const s=useMemo(()=>o.map(t=>({name:t.name,color:zustandStateStore.getStoreColor(t.name)})),[o]);return _jsx(EntityFilterView,{entities:s,ignoredPatterns:t,onTogglePattern:e,onAddPattern:r,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";
+
+/**
+ * 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
+  });
+}

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

@@ -1 +1,11 @@
-"use strict";export{ZustandIcon,ZUSTAND_ICON_COLOR}from"@buoy-gg/shared-ui";
+"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";