@xyo-network/react-archivist 2.26.28 → 2.26.31

package/dist/cjs/components/Details.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+import { XyoArchivist } from '@xyo-network/archivist';
+export interface ArchivistDetails extends FlexBoxProps {
+    archivist?: XyoArchivist;
+}
+export declare const ArchivistDetails: React.FC<ArchivistDetails>;

package/dist/cjs/components/Details.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ArchivistDetails = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_button_1 = require("@xylabs/react-button");
+const react_flexbox_1 = require("@xylabs/react-flexbox");
+const react_shared_1 = require("@xylabs/react-shared");
+const react_1 = require("react");
+const contexts_1 = require("../contexts");
+const ArchivistDetails = (_a) => {
+    var { archivist: archivistProp } = _a, props = tslib_1.__rest(_a, ["archivist"]);
+    const { archivist = archivistProp } = (0, contexts_1.useArchivist)();
+    const [payloads, setPayloads] = (0, react_1.useState)();
+    const [refresh, setRefresh] = (0, react_1.useState)(0);
+    (0, react_shared_1.useAsyncEffect)(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    (mounted) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        var _b;
+        const payloads = yield ((_b = archivist === null || archivist === void 0 ? void 0 : archivist.all) === null || _b === void 0 ? void 0 : _b.call(archivist));
+        if (mounted()) {
+            setPayloads(payloads);
+        }
+    }), [archivist, refresh]);
+    return ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexCol, Object.assign({}, props, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { children: `Payloads: ${payloads ? payloads.length : '-'}` }), (0, jsx_runtime_1.jsxs)(material_1.ButtonGroup, { children: [(0, jsx_runtime_1.jsx)(react_button_1.ButtonEx, Object.assign({ disabled: (archivist === null || archivist === void 0 ? void 0 : archivist.commit) === undefined, onClick: () => { var _a; return (_a = archivist === null || archivist === void 0 ? void 0 : archivist.commit) === null || _a === void 0 ? void 0 : _a.call(archivist); } }, { children: "Commit" })), (0, jsx_runtime_1.jsx)(react_button_1.ButtonEx, Object.assign({ disabled: (archivist === null || archivist === void 0 ? void 0 : archivist.clear) === undefined, onClick: () => { var _a; return (_a = archivist === null || archivist === void 0 ? void 0 : archivist.clear) === null || _a === void 0 ? void 0 : _a.call(archivist); } }, { children: "Clear" })), (0, jsx_runtime_1.jsx)(react_button_1.ButtonEx, Object.assign({ onClick: () => {
+                            setRefresh(refresh + 1);
+                        } }, { children: "Refresh" }))] })] })));
+};
+exports.ArchivistDetails = ArchivistDetails;
+//# sourceMappingURL=Details.js.map

package/dist/cjs/components/Details.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Details.js","sourceRoot":"","sources":["../../../src/components/Details.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAuD;AACvD,uDAA+C;AAC/C,yDAA6D;AAC7D,uDAAqD;AAGrD,iCAAgC;AAEhC,0CAA0C;AAMnC,MAAM,gBAAgB,GAA+B,CAAC,EAAsC,EAAE,EAAE;QAA1C,EAAE,SAAS,EAAE,aAAa,OAAY,EAAP,KAAK,sBAApC,aAAsC,CAAF;IAC/F,MAAM,EAAE,SAAS,GAAG,aAAa,EAAE,GAAG,IAAA,uBAAY,GAAE,CAAA;IACpD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,GAAgB,CAAA;IACxD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAA;IAEzC,IAAA,6BAAc;IACZ,uDAAuD;IACvD,CAAO,OAAO,EAAE,EAAE;;QAChB,MAAM,QAAQ,GAAG,MAAM,CAAA,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,GAAG,yDAAI,CAAA,CAAA;QACzC,IAAI,OAAO,EAAE,EAAE;YACb,WAAW,CAAC,QAAQ,CAAC,CAAA;SACtB;IACH,CAAC,CAAA,EACD,CAAC,SAAS,EAAE,OAAO,CAAC,CACrB,CAAA;IAED,OAAO,CACL,wBAAC,uBAAO,oBAAK,KAAK,eAChB,uBAAC,qBAAU,cAAE,aAAa,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,GAAc,EAC1E,wBAAC,sBAAW,eACV,uBAAC,uBAAQ,kBAAC,QAAQ,EAAE,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,MAAM,MAAK,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,WAAC,OAAA,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,MAAM,yDAAI,CAAA,EAAA,4BAE9E,EACX,uBAAC,uBAAQ,kBAAC,QAAQ,EAAE,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,MAAK,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,WAAC,OAAA,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,yDAAI,CAAA,EAAA,2BAE5E,EACX,uBAAC,uBAAQ,kBACP,OAAO,EAAE,GAAG,EAAE;4BACZ,UAAU,CAAC,OAAO,GAAG,CAAC,CAAC,CAAA;wBACzB,CAAC,6BAGQ,IACC,KACN,CACX,CAAA;AACH,CAAC,CAAA;AApCY,QAAA,gBAAgB,oBAoC5B"}

package/dist/cjs/components/index.d.ts

@@ -1 +1 @@
-export * from './ApiHistory';
+export * from './Details';

package/dist/cjs/components/index.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./ApiHistory"), exports);
+tslib_1.__exportStar(require("./Details"), exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,uDAA4B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,oDAAyB"}

package/dist/cjs/contexts/Provider.js

@@ -19,10 +19,10 @@ const ArchivistProvider = ({ archivist: archivistProp, required = false, childre
 exports.ArchivistProvider = ArchivistProvider;
 const MemoryArchivistProvider = (_a) => {
     var _b;
-    var { config = {} } = _a, props = tslib_1.__rest(_a, ["config"]);
+    var { config = {}, children } = _a, props = tslib_1.__rest(_a, ["config", "children"]);
     const { archivist } = (0, use_1.useArchivist)();
     config.parent = (_b = config.parent) !== null && _b !== void 0 ? _b : archivist;
-    return (0, jsx_runtime_1.jsx)(exports.ArchivistProvider, Object.assign({ archivist: new archivist_1.XyoMemoryArchivist(config) }, props));
+    return ((0, jsx_runtime_1.jsx)(exports.ArchivistProvider, Object.assign({ archivist: new archivist_1.XyoMemoryArchivist(config) }, props, { children: children })));
 };
 exports.MemoryArchivistProvider = MemoryArchivistProvider;
 const RemoteArchivistProvider = (_a) => {

package/dist/cjs/contexts/Provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../src/contexts/Provider.tsx"],"names":[],"mappings":";;;;;AACA,0CAA+E;AAC/E,sDAA6F;AAC7F,iCAAgC;AAEhC,uCAA4C;AAC5C,+BAAoC;AAO7B,MAAM,iBAAiB,GAAmD,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC5I,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAA2B,aAAa,CAAC,CAAA;IAEnF,OAAO,CACL,uBAAC,0BAAgB,CAAC,QAAQ,kBACxB,KAAK,EAAE;YACL,SAAS;YACT,QAAQ,EAAE,IAAI;YACd,YAAY;SACb,gBAEA,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,IACxB,CAC7B,CAAA;AACH,CAAC,CAAA;AAdY,QAAA,iBAAiB,qBAc7B;AAOM,MAAM,uBAAuB,GAAyD,CAAC,EAAyB,EAAE,EAAE;;QAA7B,EAAE,MAAM,GAAG,EAAE,OAAY,EAAP,KAAK,sBAAvB,UAAyB,CAAF;IACnH,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,kBAAY,GAAE,CAAA;IACpC,MAAM,CAAC,MAAM,GAAG,MAAA,MAAM,CAAC,MAAM,mCAAI,SAAS,CAAA;IAC1C,OAAO,uBAAC,yBAAiB,kBAAC,SAAS,EAAE,IAAI,8BAAkB,CAAC,MAAM,CAAC,IAAM,KAAK,EAAI,CAAA;AACpF,CAAC,CAAA;AAJY,QAAA,uBAAuB,2BAInC;AAOM,MAAM,uBAAuB,GAAsD,CAAC,EAAyB,EAAE,EAAE;;QAA7B,EAAE,MAAM,GAAG,EAAE,OAAY,EAAP,KAAK,sBAAvB,UAAyB,CAAF;IAChH,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,kBAAY,GAAE,CAAA;IACpC,MAAM,CAAC,MAAM,GAAG,MAAA,MAAM,CAAC,MAAM,mCAAI,SAAS,CAAA;IAC1C,OAAO,uBAAC,yBAAiB,kBAAC,SAAS,EAAE,IAAI,wBAAkB,CAAC,MAAM,CAAC,IAAM,KAAK,EAAI,CAAA;AACpF,CAAC,CAAA;AAJY,QAAA,uBAAuB,2BAInC"}
+{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../src/contexts/Provider.tsx"],"names":[],"mappings":";;;;;AACA,0CAA+E;AAC/E,sDAA6F;AAC7F,iCAAgC;AAGhC,uCAA4C;AAC5C,+BAAoC;AAO7B,MAAM,iBAAiB,GAAmD,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC5I,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAA2B,aAAa,CAAC,CAAA;IAEnF,OAAO,CACL,uBAAC,0BAAgB,CAAC,QAAQ,kBACxB,KAAK,EAAE;YACL,SAAS;YACT,QAAQ,EAAE,IAAI;YACd,YAAY;SACb,gBAEA,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,IACxB,CAC7B,CAAA;AACH,CAAC,CAAA;AAdY,QAAA,iBAAiB,qBAc7B;AAOM,MAAM,uBAAuB,GAAyD,CAAC,EAAmC,EAAE,EAAE;;QAAvC,EAAE,MAAM,GAAG,EAAE,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAAjC,sBAAmC,CAAF;IAC7H,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,kBAAY,GAAE,CAAA;IACpC,MAAM,CAAC,MAAM,GAAG,MAAA,MAAM,CAAC,MAAM,mCAAI,SAAS,CAAA;IAC1C,OAAO,CACL,uBAAC,yBAAiB,kBAAC,SAAS,EAAE,IAAI,8BAAkB,CAAC,MAAM,CAAC,IAAM,KAAK,cACpE,QAAQ,IACS,CACrB,CAAA;AACH,CAAC,CAAA;AARY,QAAA,uBAAuB,2BAQnC;AAOM,MAAM,uBAAuB,GAAsD,CAAC,EAAyB,EAAE,EAAE;;QAA7B,EAAE,MAAM,GAAG,EAAE,OAAY,EAAP,KAAK,sBAAvB,UAAyB,CAAF;IAChH,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,kBAAY,GAAE,CAAA;IACpC,MAAM,CAAC,MAAM,GAAG,MAAA,MAAM,CAAC,MAAM,mCAAI,SAAS,CAAA;IAC1C,OAAO,uBAAC,yBAAiB,kBAAC,SAAS,EAAE,IAAI,wBAAkB,CAAC,MAAM,CAAC,IAAM,KAAK,EAAI,CAAA;AACpF,CAAC,CAAA;AAJY,QAAA,uBAAuB,2BAInC"}

package/dist/cjs/index.d.ts

@@ -1 +1,2 @@
+export * from './components';
 export * from './contexts';

package/dist/cjs/index.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./components"), exports);
 tslib_1.__exportStar(require("./contexts"), exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAAA,qDAA0B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAAA,uDAA4B;AAC5B,qDAA0B"}

package/dist/esm/components/Details.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+import { XyoArchivist } from '@xyo-network/archivist';
+export interface ArchivistDetails extends FlexBoxProps {
+    archivist?: XyoArchivist;
+}
+export declare const ArchivistDetails: React.FC<ArchivistDetails>;

package/dist/esm/components/Details.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ButtonGroup, Typography } from '@mui/material';
+import { ButtonEx } from '@xylabs/react-button';
+import { FlexCol } from '@xylabs/react-flexbox';
+import { useAsyncEffect } from '@xylabs/react-shared';
+import { useState } from 'react';
+import { useArchivist } from '../contexts';
+export const ArchivistDetails = ({ archivist: archivistProp, ...props }) => {
+    const { archivist = archivistProp } = useArchivist();
+    const [payloads, setPayloads] = useState();
+    const [refresh, setRefresh] = useState(0);
+    useAsyncEffect(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    async (mounted) => {
+        const payloads = await archivist?.all?.();
+        if (mounted()) {
+            setPayloads(payloads);
+        }
+    }, [archivist, refresh]);
+    return (_jsxs(FlexCol, { ...props, children: [_jsx(Typography, { children: `Payloads: ${payloads ? payloads.length : '-'}` }), _jsxs(ButtonGroup, { children: [_jsx(ButtonEx, { disabled: archivist?.commit === undefined, onClick: () => archivist?.commit?.(), children: "Commit" }), _jsx(ButtonEx, { disabled: archivist?.clear === undefined, onClick: () => archivist?.clear?.(), children: "Clear" }), _jsx(ButtonEx, { onClick: () => {
+                            setRefresh(refresh + 1);
+                        }, children: "Refresh" })] })] }));
+};
+//# sourceMappingURL=Details.js.map

package/dist/esm/components/Details.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Details.js","sourceRoot":"","sources":["../../../src/components/Details.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAgB,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAGrD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAM1C,MAAM,CAAC,MAAM,gBAAgB,GAA+B,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACrG,MAAM,EAAE,SAAS,GAAG,aAAa,EAAE,GAAG,YAAY,EAAE,CAAA;IACpD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,EAAgB,CAAA;IACxD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IAEzC,cAAc;IACZ,uDAAuD;IACvD,KAAK,EAAE,OAAO,EAAE,EAAE;QAChB,MAAM,QAAQ,GAAG,MAAM,SAAS,EAAE,GAAG,EAAE,EAAE,CAAA;QACzC,IAAI,OAAO,EAAE,EAAE;YACb,WAAW,CAAC,QAAQ,CAAC,CAAA;SACtB;IACH,CAAC,EACD,CAAC,SAAS,EAAE,OAAO,CAAC,CACrB,CAAA;IAED,OAAO,CACL,MAAC,OAAO,OAAK,KAAK,aAChB,KAAC,UAAU,cAAE,aAAa,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,GAAc,EAC1E,MAAC,WAAW,eACV,KAAC,QAAQ,IAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,KAAK,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,EAAE,uBAE9E,EACX,KAAC,QAAQ,IAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,KAAK,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,sBAE5E,EACX,KAAC,QAAQ,IACP,OAAO,EAAE,GAAG,EAAE;4BACZ,UAAU,CAAC,OAAO,GAAG,CAAC,CAAC,CAAA;wBACzB,CAAC,wBAGQ,IACC,IACN,CACX,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/index.d.ts

@@ -1 +1 @@
-export * from './ApiHistory';
+export * from './Details';

package/dist/esm/components/index.js

@@ -1,2 +1,2 @@
-export * from './ApiHistory';
+export * from './Details';
 //# sourceMappingURL=index.js.map

package/dist/esm/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA"}

package/dist/esm/contexts/Provider.js

@@ -12,10 +12,10 @@ export const ArchivistProvider = ({ archivist: archivistProp, required = false,
             setArchivist,
         }, children: archivist ? children : required ? null : children }));
 };
-export const MemoryArchivistProvider = ({ config = {}, ...props }) => {
+export const MemoryArchivistProvider = ({ config = {}, children, ...props }) => {
     const { archivist } = useArchivist();
     config.parent = config.parent ?? archivist;
-    return _jsx(ArchivistProvider, { archivist: new XyoMemoryArchivist(config), ...props });
+    return (_jsx(ArchivistProvider, { archivist: new XyoMemoryArchivist(config), ...props, children: children }));
 };
 export const RemoteArchivistProvider = ({ config = {}, ...props }) => {
     const { archivist } = useArchivist();

package/dist/esm/contexts/Provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../src/contexts/Provider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,kBAAkB,EAA4B,MAAM,kBAAkB,CAAA;AAC/E,OAAO,EAAoC,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAC7F,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAOpC,MAAM,CAAC,MAAM,iBAAiB,GAAmD,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC5I,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAA2B,aAAa,CAAC,CAAA;IAEnF,OAAO,CACL,KAAC,gBAAgB,CAAC,QAAQ,IACxB,KAAK,EAAE;YACL,SAAS;YACT,QAAQ,EAAE,IAAI;YACd,YAAY;SACb,YAEA,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,GACxB,CAC7B,CAAA;AACH,CAAC,CAAA;AAOD,MAAM,CAAC,MAAM,uBAAuB,GAAyD,CAAC,EAAE,MAAM,GAAG,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACzH,MAAM,EAAE,SAAS,EAAE,GAAG,YAAY,EAAE,CAAA;IACpC,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,IAAI,SAAS,CAAA;IAC1C,OAAO,KAAC,iBAAiB,IAAC,SAAS,EAAE,IAAI,kBAAkB,CAAC,MAAM,CAAC,KAAM,KAAK,GAAI,CAAA;AACpF,CAAC,CAAA;AAOD,MAAM,CAAC,MAAM,uBAAuB,GAAsD,CAAC,EAAE,MAAM,GAAG,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACtH,MAAM,EAAE,SAAS,EAAE,GAAG,YAAY,EAAE,CAAA;IACpC,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,IAAI,SAAS,CAAA;IAC1C,OAAO,KAAC,iBAAiB,IAAC,SAAS,EAAE,IAAI,kBAAkB,CAAC,MAAM,CAAC,KAAM,KAAK,GAAI,CAAA;AACpF,CAAC,CAAA"}
+{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../src/contexts/Provider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,kBAAkB,EAA4B,MAAM,kBAAkB,CAAA;AAC/E,OAAO,EAAoC,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAC7F,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAGhC,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAOpC,MAAM,CAAC,MAAM,iBAAiB,GAAmD,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC5I,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAA2B,aAAa,CAAC,CAAA;IAEnF,OAAO,CACL,KAAC,gBAAgB,CAAC,QAAQ,IACxB,KAAK,EAAE;YACL,SAAS;YACT,QAAQ,EAAE,IAAI;YACd,YAAY;SACb,YAEA,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,GACxB,CAC7B,CAAA;AACH,CAAC,CAAA;AAOD,MAAM,CAAC,MAAM,uBAAuB,GAAyD,CAAC,EAAE,MAAM,GAAG,EAAE,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACnI,MAAM,EAAE,SAAS,EAAE,GAAG,YAAY,EAAE,CAAA;IACpC,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,IAAI,SAAS,CAAA;IAC1C,OAAO,CACL,KAAC,iBAAiB,IAAC,SAAS,EAAE,IAAI,kBAAkB,CAAC,MAAM,CAAC,KAAM,KAAK,YACpE,QAAQ,GACS,CACrB,CAAA;AACH,CAAC,CAAA;AAOD,MAAM,CAAC,MAAM,uBAAuB,GAAsD,CAAC,EAAE,MAAM,GAAG,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACtH,MAAM,EAAE,SAAS,EAAE,GAAG,YAAY,EAAE,CAAA;IACpC,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,IAAI,SAAS,CAAA;IAC1C,OAAO,KAAC,iBAAiB,IAAC,SAAS,EAAE,IAAI,kBAAkB,CAAC,MAAM,CAAC,KAAM,KAAK,GAAI,CAAA;AACpF,CAAC,CAAA"}

package/dist/esm/index.d.ts

@@ -1 +1,2 @@
+export * from './components';
 export * from './contexts';

package/dist/esm/index.js

@@ -1,2 +1,3 @@
+export * from './components';
 export * from './contexts';
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA"}

package/package.json

@@ -21,7 +21,7 @@
     "@xyo-network/archivist": "^2.22.11",
     "@xyo-network/boundwitness": "^2.22.11",
     "@xyo-network/payload": "^2.22.11",
-    "@xyo-network/react-shared": "^2.26.28",
+    "@xyo-network/react-shared": "^2.26.31",
     "lru-cache": "^7.13.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
@@ -82,5 +82,5 @@
   },
   "sideEffects": false,
   "types": "dist/esm/index.d.ts",
-  "version": "2.26.28"
+  "version": "2.26.31"
 }

package/src/components/Details.stories.tsx

@@ -0,0 +1,38 @@
+import { ComponentMeta, ComponentStory } from '@storybook/react'
+import { forget } from '@xylabs/sdk-js'
+import { XyoMemoryArchivist } from '@xyo-network/archivist'
+
+import { appThemeDecorator } from '../../../../.storybook'
+import { ArchivistDetails } from './Details'
+
+const StorybookEntry = {
+  argTypes: {},
+  component: ArchivistDetails,
+  parameters: {
+    docs: {
+      page: null,
+    },
+  },
+  title: 'archivist/Details',
+} as ComponentMeta<typeof ArchivistDetails>
+
+const Template: ComponentStory<typeof ArchivistDetails> = (args) => <ArchivistDetails {...args}></ArchivistDetails>
+
+const archivist = new XyoMemoryArchivist()
+const initArchivist = async () => {
+  await archivist.insert?.([{ schema: 'network.xyo.test' }])
+}
+forget(initArchivist())
+
+const Default = Template.bind({})
+Default.args = {}
+Default.decorators = [appThemeDecorator]
+
+const WithData = Template.bind({})
+WithData.args = { archivist }
+WithData.decorators = [appThemeDecorator]
+
+export { Default, WithData }
+
+// eslint-disable-next-line import/no-default-export
+export default StorybookEntry

package/src/components/Details.tsx

@@ -0,0 +1,51 @@
+import { ButtonGroup, Typography } from '@mui/material'
+import { ButtonEx } from '@xylabs/react-button'
+import { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'
+import { useAsyncEffect } from '@xylabs/react-shared'
+import { XyoArchivist } from '@xyo-network/archivist'
+import { XyoPayload } from '@xyo-network/payload'
+import { useState } from 'react'
+
+import { useArchivist } from '../contexts'
+
+export interface ArchivistDetails extends FlexBoxProps {
+  archivist?: XyoArchivist
+}
+
+export const ArchivistDetails: React.FC<ArchivistDetails> = ({ archivist: archivistProp, ...props }) => {
+  const { archivist = archivistProp } = useArchivist()
+  const [payloads, setPayloads] = useState<XyoPayload[]>()
+  const [refresh, setRefresh] = useState(0)
+
+  useAsyncEffect(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    async (mounted) => {
+      const payloads = await archivist?.all?.()
+      if (mounted()) {
+        setPayloads(payloads)
+      }
+    },
+    [archivist, refresh]
+  )
+
+  return (
+    <FlexCol {...props}>
+      <Typography>{`Payloads: ${payloads ? payloads.length : '-'}`}</Typography>
+      <ButtonGroup>
+        <ButtonEx disabled={archivist?.commit === undefined} onClick={() => archivist?.commit?.()}>
+          Commit
+        </ButtonEx>
+        <ButtonEx disabled={archivist?.clear === undefined} onClick={() => archivist?.clear?.()}>
+          Clear
+        </ButtonEx>
+        <ButtonEx
+          onClick={() => {
+            setRefresh(refresh + 1)
+          }}
+        >
+          Refresh
+        </ButtonEx>
+      </ButtonGroup>
+    </FlexCol>
+  )
+}

package/src/components/index.ts

@@ -0,0 +1 @@
+export * from './Details'

package/src/contexts/Provider.tsx

@@ -3,6 +3,7 @@ import { XyoRemoteArchivist, XyoRemoteArchivistConfig } from '@xyo-network/api'
 import { XyoArchivist, XyoArchivistConfig, XyoMemoryArchivist } from '@xyo-network/archivist'
 import { useState } from 'react'
 
+import { ArchivistDetails } from '../components'
 import { ArchivistContext } from './Context'
 import { useArchivist } from './use'
 
@@ -32,10 +33,14 @@ export interface MemoryArchivistProviderProps {
   config?: XyoArchivistConfig
 }
 
-export const MemoryArchivistProvider: React.FC<WithChildren<MemoryArchivistProviderProps>> = ({ config = {}, ...props }) => {
+export const MemoryArchivistProvider: React.FC<WithChildren<MemoryArchivistProviderProps>> = ({ config = {}, children, ...props }) => {
   const { archivist } = useArchivist()
   config.parent = config.parent ?? archivist
-  return <ArchivistProvider archivist={new XyoMemoryArchivist(config)} {...props} />
+  return (
+    <ArchivistProvider archivist={new XyoMemoryArchivist(config)} {...props}>
+      {children}
+    </ArchivistProvider>
+  )
 }
 
 export interface ApiArchivistProviderProps {

package/src/index.ts

@@ -1 +1,2 @@
+export * from './components'
 export * from './contexts'