@buoy-gg/zustand 7.0.3 → 7.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/index.js +6 -0
- package/lib/commonjs/zustand/components/ZustandIcon.js +13 -30
- package/lib/commonjs/zustand/components/ZustandModal.js +58 -11
- package/lib/module/index.js +3 -1
- package/lib/module/zustand/components/ZustandIcon.js +6 -27
- package/lib/module/zustand/components/ZustandModal.js +57 -11
- package/lib/typescript/index.d.ts +1 -1
- package/lib/typescript/index.d.ts.map +1 -1
- package/lib/typescript/zustand/components/ZustandIcon.d.ts +6 -7
- package/lib/typescript/zustand/components/ZustandIcon.d.ts.map +1 -1
- package/lib/typescript/zustand/components/ZustandModal.d.ts +8 -1
- package/lib/typescript/zustand/components/ZustandModal.d.ts.map +1 -1
- package/lib/typescript/zustand/types/index.d.ts +15 -0
- package/lib/typescript/zustand/types/index.d.ts.map +1 -1
- package/package.json +3 -3
package/lib/commonjs/index.js
CHANGED
|
@@ -39,6 +39,12 @@ Object.defineProperty(exports, "ZustandStateDetailFooter", {
|
|
|
39
39
|
return _ZustandStateDetailContent.ZustandStateDetailFooter;
|
|
40
40
|
}
|
|
41
41
|
});
|
|
42
|
+
Object.defineProperty(exports, "ZustandToolView", {
|
|
43
|
+
enumerable: true,
|
|
44
|
+
get: function () {
|
|
45
|
+
return _ZustandModal.ZustandToolView;
|
|
46
|
+
}
|
|
47
|
+
});
|
|
42
48
|
Object.defineProperty(exports, "buoyDevTools", {
|
|
43
49
|
enumerable: true,
|
|
44
50
|
get: function () {
|
|
@@ -3,33 +3,16 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
20
|
-
style: {
|
|
21
|
-
width: size,
|
|
22
|
-
height: size,
|
|
23
|
-
justifyContent: "center",
|
|
24
|
-
alignItems: "center"
|
|
25
|
-
},
|
|
26
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
27
|
-
style: {
|
|
28
|
-
fontSize: size * 0.75,
|
|
29
|
-
color: color || ZUSTAND_ICON_COLOR,
|
|
30
|
-
fontWeight: "700"
|
|
31
|
-
},
|
|
32
|
-
children: "Z"
|
|
33
|
-
})
|
|
34
|
-
});
|
|
35
|
-
}
|
|
6
|
+
Object.defineProperty(exports, "ZUSTAND_ICON_COLOR", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _sharedUi.ZUSTAND_ICON_COLOR;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "ZustandIcon", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function () {
|
|
15
|
+
return _sharedUi.ZustandIcon;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
var _sharedUi = require("@buoy-gg/shared-ui");
|
|
@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.ZustandModal = ZustandModal;
|
|
7
|
+
exports.ZustandToolView = ZustandToolView;
|
|
7
8
|
var _react = require("react");
|
|
8
9
|
var _reactNative = require("react-native");
|
|
9
10
|
var _sharedUi = require("@buoy-gg/shared-ui");
|
|
@@ -46,7 +47,9 @@ function ZustandModal({
|
|
|
46
47
|
onClose,
|
|
47
48
|
onBack,
|
|
48
49
|
onMinimize,
|
|
49
|
-
enableSharedModalDimensions = false
|
|
50
|
+
enableSharedModalDimensions = false,
|
|
51
|
+
inline = false,
|
|
52
|
+
storesLoading = false
|
|
50
53
|
}) {
|
|
51
54
|
const isPro = (0, _license.useIsPro)();
|
|
52
55
|
const [showProModal, setShowProModal] = (0, _react.useState)(false);
|
|
@@ -404,7 +407,8 @@ function ZustandModal({
|
|
|
404
407
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ZustandStoreBrowser.ZustandStoreBrowser, {
|
|
405
408
|
stores: displayedStores,
|
|
406
409
|
searchQuery: searchText,
|
|
407
|
-
onViewHistory: handleViewHistory
|
|
410
|
+
onViewHistory: handleViewHistory,
|
|
411
|
+
isLoading: storesLoading
|
|
408
412
|
});
|
|
409
413
|
}
|
|
410
414
|
|
|
@@ -468,6 +472,29 @@ function ZustandModal({
|
|
|
468
472
|
// tool measured 17 JS FPS / 133% CPU at max load from this exact
|
|
469
473
|
// pattern; see tool-bench batches 2026-07-06).
|
|
470
474
|
const listOwnsScroll = !showFilters && !(selectedChange && selectedChangeIndex !== null) && (selectedHistoryStore != null || activeTab === "events");
|
|
475
|
+
const body = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
476
|
+
style: styles.container,
|
|
477
|
+
children: renderContent()
|
|
478
|
+
});
|
|
479
|
+
const upgradeModal = /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ProUpgradeModal, {
|
|
480
|
+
visible: showProModal,
|
|
481
|
+
onClose: () => setShowProModal(false),
|
|
482
|
+
featureName: "Full State History"
|
|
483
|
+
});
|
|
484
|
+
|
|
485
|
+
// The ONLY difference between the phone and the desktop dashboard is which
|
|
486
|
+
// shell the header, body and footer go in. Everything above this is shared.
|
|
487
|
+
if (inline) {
|
|
488
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_sharedUi.TickProvider, {
|
|
489
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
490
|
+
style: styles.inlineRoot,
|
|
491
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
492
|
+
style: styles.inlineHeader,
|
|
493
|
+
children: renderHeaderContent()
|
|
494
|
+
}), body, footerNode]
|
|
495
|
+
}), upgradeModal]
|
|
496
|
+
});
|
|
497
|
+
}
|
|
471
498
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_sharedUi.TickProvider, {
|
|
472
499
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.JsModal, {
|
|
473
500
|
visible: visible,
|
|
@@ -486,18 +513,38 @@ function ZustandModal({
|
|
|
486
513
|
styles: {},
|
|
487
514
|
footer: footerNode,
|
|
488
515
|
footerHeight: footerHeight,
|
|
489
|
-
children:
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
|
|
497
|
-
|
|
516
|
+
children: body
|
|
517
|
+
}), upgradeModal]
|
|
518
|
+
});
|
|
519
|
+
}
|
|
520
|
+
|
|
521
|
+
/**
|
|
522
|
+
* The same Zustand tool as `ZustandModal`, rendered INLINE for hosts that
|
|
523
|
+
* place tools in a panel rather than a modal. Exists so there is exactly one
|
|
524
|
+
* implementation — the desktop dashboard used to ship its own copy of this
|
|
525
|
+
* component's header, list and detail router.
|
|
526
|
+
*/
|
|
527
|
+
function ZustandToolView(props = {}) {
|
|
528
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(ZustandModal, {
|
|
529
|
+
...props,
|
|
530
|
+
inline: true,
|
|
531
|
+
visible: true,
|
|
532
|
+
onClose: () => {}
|
|
498
533
|
});
|
|
499
534
|
}
|
|
500
535
|
const styles = _reactNative.StyleSheet.create({
|
|
536
|
+
inlineRoot: {
|
|
537
|
+
flex: 1,
|
|
538
|
+
minHeight: 0,
|
|
539
|
+
backgroundColor: _sharedUi.macOSColors.background.base
|
|
540
|
+
},
|
|
541
|
+
inlineHeader: {
|
|
542
|
+
paddingHorizontal: 12,
|
|
543
|
+
paddingVertical: 8,
|
|
544
|
+
borderBottomWidth: 1,
|
|
545
|
+
borderBottomColor: _sharedUi.macOSColors.border.default,
|
|
546
|
+
backgroundColor: _sharedUi.macOSColors.background.card
|
|
547
|
+
},
|
|
501
548
|
container: {
|
|
502
549
|
flex: 1,
|
|
503
550
|
backgroundColor: _sharedUi.macOSColors.background.base
|
package/lib/module/index.js
CHANGED
|
@@ -64,7 +64,9 @@ export { useZustandStateChanges } from "./zustand/hooks/useZustandStateChanges";
|
|
|
64
64
|
// =============================================================================
|
|
65
65
|
// COMPONENTS (For custom UI implementations)
|
|
66
66
|
// =============================================================================
|
|
67
|
-
|
|
67
|
+
// `ZustandToolView` is the same tool rendered inline (header bar + body + footer)
|
|
68
|
+
// instead of inside a JsModal — for hosts that show tools in a panel.
|
|
69
|
+
export { ZustandModal, ZustandToolView } from "./zustand/components/ZustandModal";
|
|
68
70
|
export { ZustandStateChangeItem } from "./zustand/components/ZustandStateChangeItem";
|
|
69
71
|
export { ZustandStateDetailContent, ZustandStateDetailFooter } from "./zustand/components/ZustandStateDetailContent";
|
|
70
72
|
export { ZustandIcon, ZUSTAND_ICON_COLOR } from "./zustand/components/ZustandIcon";
|
|
@@ -1,32 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
/**
|
|
4
|
-
*
|
|
4
|
+
* ZustandIcon — re-exported from the Buoy Icon Format.
|
|
5
|
+
*
|
|
6
|
+
* The artwork lives in shared/icons/zustand.json and is generated into
|
|
7
|
+
* @buoy-gg/floating-tools-core, so React Native, the desktop dashboard and
|
|
8
|
+
* Flutter all render the same drawing. Edit the JSON, then `pnpm icons`.
|
|
5
9
|
*/
|
|
6
10
|
|
|
7
|
-
|
|
8
|
-
import { Text } from "react-native";
|
|
9
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
|
-
const ZUSTAND_ICON_COLOR = "#463B3F";
|
|
11
|
-
export function ZustandIcon({
|
|
12
|
-
size,
|
|
13
|
-
color
|
|
14
|
-
}) {
|
|
15
|
-
return /*#__PURE__*/_jsx(View, {
|
|
16
|
-
style: {
|
|
17
|
-
width: size,
|
|
18
|
-
height: size,
|
|
19
|
-
justifyContent: "center",
|
|
20
|
-
alignItems: "center"
|
|
21
|
-
},
|
|
22
|
-
children: /*#__PURE__*/_jsx(Text, {
|
|
23
|
-
style: {
|
|
24
|
-
fontSize: size * 0.75,
|
|
25
|
-
color: color || ZUSTAND_ICON_COLOR,
|
|
26
|
-
fontWeight: "700"
|
|
27
|
-
},
|
|
28
|
-
children: "Z"
|
|
29
|
-
})
|
|
30
|
-
});
|
|
31
|
-
}
|
|
32
|
-
export { ZUSTAND_ICON_COLOR };
|
|
11
|
+
export { ZustandIcon, ZUSTAND_ICON_COLOR } from "@buoy-gg/shared-ui";
|
|
@@ -42,7 +42,9 @@ export function ZustandModal({
|
|
|
42
42
|
onClose,
|
|
43
43
|
onBack,
|
|
44
44
|
onMinimize,
|
|
45
|
-
enableSharedModalDimensions = false
|
|
45
|
+
enableSharedModalDimensions = false,
|
|
46
|
+
inline = false,
|
|
47
|
+
storesLoading = false
|
|
46
48
|
}) {
|
|
47
49
|
const isPro = useIsPro();
|
|
48
50
|
const [showProModal, setShowProModal] = useState(false);
|
|
@@ -400,7 +402,8 @@ export function ZustandModal({
|
|
|
400
402
|
return /*#__PURE__*/_jsx(ZustandStoreBrowser, {
|
|
401
403
|
stores: displayedStores,
|
|
402
404
|
searchQuery: searchText,
|
|
403
|
-
onViewHistory: handleViewHistory
|
|
405
|
+
onViewHistory: handleViewHistory,
|
|
406
|
+
isLoading: storesLoading
|
|
404
407
|
});
|
|
405
408
|
}
|
|
406
409
|
|
|
@@ -464,6 +467,29 @@ export function ZustandModal({
|
|
|
464
467
|
// tool measured 17 JS FPS / 133% CPU at max load from this exact
|
|
465
468
|
// pattern; see tool-bench batches 2026-07-06).
|
|
466
469
|
const listOwnsScroll = !showFilters && !(selectedChange && selectedChangeIndex !== null) && (selectedHistoryStore != null || activeTab === "events");
|
|
470
|
+
const body = /*#__PURE__*/_jsx(View, {
|
|
471
|
+
style: styles.container,
|
|
472
|
+
children: renderContent()
|
|
473
|
+
});
|
|
474
|
+
const upgradeModal = /*#__PURE__*/_jsx(ProUpgradeModal, {
|
|
475
|
+
visible: showProModal,
|
|
476
|
+
onClose: () => setShowProModal(false),
|
|
477
|
+
featureName: "Full State History"
|
|
478
|
+
});
|
|
479
|
+
|
|
480
|
+
// The ONLY difference between the phone and the desktop dashboard is which
|
|
481
|
+
// shell the header, body and footer go in. Everything above this is shared.
|
|
482
|
+
if (inline) {
|
|
483
|
+
return /*#__PURE__*/_jsxs(TickProvider, {
|
|
484
|
+
children: [/*#__PURE__*/_jsxs(View, {
|
|
485
|
+
style: styles.inlineRoot,
|
|
486
|
+
children: [/*#__PURE__*/_jsx(View, {
|
|
487
|
+
style: styles.inlineHeader,
|
|
488
|
+
children: renderHeaderContent()
|
|
489
|
+
}), body, footerNode]
|
|
490
|
+
}), upgradeModal]
|
|
491
|
+
});
|
|
492
|
+
}
|
|
467
493
|
return /*#__PURE__*/_jsxs(TickProvider, {
|
|
468
494
|
children: [/*#__PURE__*/_jsx(JsModal, {
|
|
469
495
|
visible: visible,
|
|
@@ -482,18 +508,38 @@ export function ZustandModal({
|
|
|
482
508
|
styles: {},
|
|
483
509
|
footer: footerNode,
|
|
484
510
|
footerHeight: footerHeight,
|
|
485
|
-
children:
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
|
|
489
|
-
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
|
|
511
|
+
children: body
|
|
512
|
+
}), upgradeModal]
|
|
513
|
+
});
|
|
514
|
+
}
|
|
515
|
+
|
|
516
|
+
/**
|
|
517
|
+
* The same Zustand tool as `ZustandModal`, rendered INLINE for hosts that
|
|
518
|
+
* place tools in a panel rather than a modal. Exists so there is exactly one
|
|
519
|
+
* implementation — the desktop dashboard used to ship its own copy of this
|
|
520
|
+
* component's header, list and detail router.
|
|
521
|
+
*/
|
|
522
|
+
export function ZustandToolView(props = {}) {
|
|
523
|
+
return /*#__PURE__*/_jsx(ZustandModal, {
|
|
524
|
+
...props,
|
|
525
|
+
inline: true,
|
|
526
|
+
visible: true,
|
|
527
|
+
onClose: () => {}
|
|
494
528
|
});
|
|
495
529
|
}
|
|
496
530
|
const styles = StyleSheet.create({
|
|
531
|
+
inlineRoot: {
|
|
532
|
+
flex: 1,
|
|
533
|
+
minHeight: 0,
|
|
534
|
+
backgroundColor: macOSColors.background.base
|
|
535
|
+
},
|
|
536
|
+
inlineHeader: {
|
|
537
|
+
paddingHorizontal: 12,
|
|
538
|
+
paddingVertical: 8,
|
|
539
|
+
borderBottomWidth: 1,
|
|
540
|
+
borderBottomColor: macOSColors.border.default,
|
|
541
|
+
backgroundColor: macOSColors.background.card
|
|
542
|
+
},
|
|
497
543
|
container: {
|
|
498
544
|
flex: 1,
|
|
499
545
|
backgroundColor: macOSColors.background.base
|
|
@@ -40,7 +40,7 @@ export { buoyDevTools } from "./zustand/utils/buoyZustandMiddleware";
|
|
|
40
40
|
export { isStoreInstrumented } from "./zustand/utils/buoyZustandMiddleware";
|
|
41
41
|
export { useZustandStateChanges } from "./zustand/hooks/useZustandStateChanges";
|
|
42
42
|
export type { UseZustandStateChangesResult } from "./zustand/hooks/useZustandStateChanges";
|
|
43
|
-
export { ZustandModal } from "./zustand/components/ZustandModal";
|
|
43
|
+
export { ZustandModal, ZustandToolView } from "./zustand/components/ZustandModal";
|
|
44
44
|
export { ZustandStateChangeItem } from "./zustand/components/ZustandStateChangeItem";
|
|
45
45
|
export { ZustandStateDetailContent, ZustandStateDetailFooter, } from "./zustand/components/ZustandStateDetailContent";
|
|
46
46
|
export { ZustandIcon, ZUSTAND_ICON_COLOR } from "./zustand/components/ZustandIcon";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AAKH,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAKhE,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAKpE,OAAO,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAC;AAKrE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AAK5E,OAAO,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAChF,YAAY,EAAE,4BAA4B,EAAE,MAAM,wCAAwC,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AAKH,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAKhE,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAKpE,OAAO,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAC;AAKrE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AAK5E,OAAO,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAChF,YAAY,EAAE,4BAA4B,EAAE,MAAM,wCAAwC,CAAC;AAO3F,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAClF,OAAO,EAAE,sBAAsB,EAAE,MAAM,6CAA6C,CAAC;AACrF,OAAO,EACL,yBAAyB,EACzB,wBAAwB,GACzB,MAAM,gDAAgD,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAKnF,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAKvE,YAAY,EACV,iBAAiB,EACjB,kBAAkB,EAClB,gBAAgB,EAChB,oBAAoB,EACpB,aAAa,EACb,mBAAmB,EACnB,4BAA4B,GAC7B,MAAM,iBAAiB,CAAC;AAKzB,gBAAgB;AAChB,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC"}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
/**
|
|
2
|
-
*
|
|
2
|
+
* ZustandIcon — re-exported from the Buoy Icon Format.
|
|
3
|
+
*
|
|
4
|
+
* The artwork lives in shared/icons/zustand.json and is generated into
|
|
5
|
+
* @buoy-gg/floating-tools-core, so React Native, the desktop dashboard and
|
|
6
|
+
* Flutter all render the same drawing. Edit the JSON, then `pnpm icons`.
|
|
3
7
|
*/
|
|
4
|
-
|
|
5
|
-
export declare function ZustandIcon({ size, color, }: {
|
|
6
|
-
size: number;
|
|
7
|
-
color?: string;
|
|
8
|
-
}): import("react").JSX.Element;
|
|
9
|
-
export { ZUSTAND_ICON_COLOR };
|
|
8
|
+
export { ZustandIcon, ZUSTAND_ICON_COLOR } from "@buoy-gg/shared-ui";
|
|
10
9
|
//# sourceMappingURL=ZustandIcon.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ZustandIcon.d.ts","sourceRoot":"","sources":["../../../../src/zustand/components/ZustandIcon.tsx"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"ZustandIcon.d.ts","sourceRoot":"","sources":["../../../../src/zustand/components/ZustandIcon.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC"}
|
|
@@ -6,5 +6,12 @@
|
|
|
6
6
|
* - Events tab: Live state change monitoring with diffs
|
|
7
7
|
*/
|
|
8
8
|
import type { ZustandModalProps } from "../types";
|
|
9
|
-
export declare function ZustandModal({ visible, onClose, onBack, onMinimize, enableSharedModalDimensions, }: ZustandModalProps): import("react").JSX.Element | null;
|
|
9
|
+
export declare function ZustandModal({ visible, onClose, onBack, onMinimize, enableSharedModalDimensions, inline, storesLoading, }: ZustandModalProps): import("react").JSX.Element | null;
|
|
10
|
+
/**
|
|
11
|
+
* The same Zustand tool as `ZustandModal`, rendered INLINE for hosts that
|
|
12
|
+
* place tools in a panel rather than a modal. Exists so there is exactly one
|
|
13
|
+
* implementation — the desktop dashboard used to ship its own copy of this
|
|
14
|
+
* component's header, list and detail router.
|
|
15
|
+
*/
|
|
16
|
+
export declare function ZustandToolView(props?: Omit<ZustandModalProps, "visible" | "onClose" | "inline">): import("react").JSX.Element;
|
|
10
17
|
//# sourceMappingURL=ZustandModal.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ZustandModal.d.ts","sourceRoot":"","sources":["../../../../src/zustand/components/ZustandModal.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AA2CH,OAAO,KAAK,EAAE,iBAAiB,EAAsB,MAAM,UAAU,CAAC;AAqBtE,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,OAAO,EACP,MAAM,EACN,UAAU,EACV,2BAAmC,
|
|
1
|
+
{"version":3,"file":"ZustandModal.d.ts","sourceRoot":"","sources":["../../../../src/zustand/components/ZustandModal.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AA2CH,OAAO,KAAK,EAAE,iBAAiB,EAAsB,MAAM,UAAU,CAAC;AAqBtE,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,OAAO,EACP,MAAM,EACN,UAAU,EACV,2BAAmC,EACnC,MAAc,EACd,aAAqB,GACtB,EAAE,iBAAiB,sCAwjBnB;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAC7B,KAAK,GAAE,IAAI,CAAC,iBAAiB,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAM,+BAGtE"}
|
|
@@ -66,6 +66,21 @@ export interface ZustandFilter {
|
|
|
66
66
|
* Modal props for ZustandModal
|
|
67
67
|
*/
|
|
68
68
|
export interface ZustandModalProps {
|
|
69
|
+
/**
|
|
70
|
+
* Render as a header-bar + body (+ footer) stack instead of inside `JsModal`,
|
|
71
|
+
* for hosts that place tools in a panel rather than a modal (Buoy Desktop).
|
|
72
|
+
* Only the shell differs — header, screens and state are shared. See
|
|
73
|
+
* `ZustandToolView`.
|
|
74
|
+
*/
|
|
75
|
+
inline?: boolean;
|
|
76
|
+
/**
|
|
77
|
+
* Show the store browser's loading state instead of "no stores".
|
|
78
|
+
*
|
|
79
|
+
* On device stores register locally and immediately, so this is never needed.
|
|
80
|
+
* A remote host is waiting on a snapshot to arrive, and without it a device
|
|
81
|
+
* that genuinely has stores reads as empty for the first second or two.
|
|
82
|
+
*/
|
|
83
|
+
storesLoading?: boolean;
|
|
69
84
|
visible: boolean;
|
|
70
85
|
onClose: () => void;
|
|
71
86
|
onBack?: () => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/zustand/types/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAC3B,UAAU,GACV,SAAS,GACT,SAAS,GACT,SAAS,CAAC;AAEd;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,OAAO,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;IAGjB,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,OAAO,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE;QACH,QAAQ,EAAE,MAAM,OAAO,CAAC;QACxB,eAAe,CAAC,EAAE,MAAM,OAAO,CAAC;QAChC,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;QACxD,SAAS,EAAE,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,KAAK,IAAI,KAAK,MAAM,IAAI,CAAC;KACnF,CAAC;IACF,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;GAGG;AACH,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,OAAO,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,2BAA2B,CAAC,EAAE,OAAO,CAAC;CACvC;AAED;;GAEG;AACH,MAAM,WAAW,4BAA4B;IAC3C,yCAAyC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/zustand/types/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAC3B,UAAU,GACV,SAAS,GACT,SAAS,GACT,SAAS,CAAC;AAEd;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,OAAO,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;IAGjB,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,OAAO,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE;QACH,QAAQ,EAAE,MAAM,OAAO,CAAC;QACxB,eAAe,CAAC,EAAE,MAAM,OAAO,CAAC;QAChC,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;QACxD,SAAS,EAAE,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,KAAK,IAAI,KAAK,MAAM,IAAI,CAAC;KACnF,CAAC;IACF,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;GAGG;AACH,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,OAAO,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,2BAA2B,CAAC,EAAE,OAAO,CAAC;CACvC;AAED;;GAEG;AACH,MAAM,WAAW,4BAA4B;IAC3C,yCAAyC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@buoy-gg/zustand",
|
|
3
|
-
"version": "7.0.
|
|
3
|
+
"version": "7.0.5",
|
|
4
4
|
"description": "Zustand devtools inside your React Native app — state diffs, jump-to-state & one-tap store reset, no middleware. Part of Buoy devtools.",
|
|
5
5
|
"main": "lib/commonjs/index.js",
|
|
6
6
|
"module": "lib/module/index.js",
|
|
@@ -26,8 +26,8 @@
|
|
|
26
26
|
],
|
|
27
27
|
"sideEffects": false,
|
|
28
28
|
"dependencies": {
|
|
29
|
-
"@buoy-gg/shared-ui": "7.0.
|
|
30
|
-
"@buoy-gg/license": "7.0.
|
|
29
|
+
"@buoy-gg/shared-ui": "7.0.5",
|
|
30
|
+
"@buoy-gg/license": "7.0.5"
|
|
31
31
|
},
|
|
32
32
|
"peerDependencies": {
|
|
33
33
|
"react": "*",
|