@xyo-network/react-witness 2.70.6 → 2.70.7
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/dist/browser/components/Card/CardContent.d.cts.map +1 -1
- package/dist/browser/components/Card/CardContent.d.mts.map +1 -1
- package/dist/browser/components/Card/CardContent.d.ts.map +1 -1
- package/dist/browser/index.cjs +2 -12
- package/dist/browser/index.cjs.map +1 -1
- package/dist/browser/index.js +2 -2
- package/dist/browser/index.js.map +1 -1
- package/dist/node/components/Card/CardContent.d.cts.map +1 -1
- package/dist/node/components/Card/CardContent.d.mts.map +1 -1
- package/dist/node/components/Card/CardContent.d.ts.map +1 -1
- package/dist/node/index.cjs +2 -12
- package/dist/node/index.cjs.map +1 -1
- package/dist/node/index.js +2 -2
- package/dist/node/index.js.map +1 -1
- package/package.json +7 -5
- package/src/components/Card/CardContent.tsx +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/CardContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAEhD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAqB,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;
|
|
1
|
+
{"version":3,"file":"CardContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/CardContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAEhD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAqB,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAEhF,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAC5D,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,MAAM,uBAAuB,GAAG,iBAAiB,CAAC,eAAe,CAAC,GACtE,gBAAgB,GAAG;IACjB,WAAW,CAAC,EAAE,OAAO,EAAE,CAAA;CACxB,CAAA;AAEH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAWhE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/CardContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAEhD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAqB,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;
|
|
1
|
+
{"version":3,"file":"CardContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/CardContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAEhD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAqB,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAEhF,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAC5D,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,MAAM,uBAAuB,GAAG,iBAAiB,CAAC,eAAe,CAAC,GACtE,gBAAgB,GAAG;IACjB,WAAW,CAAC,EAAE,OAAO,EAAE,CAAA;CACxB,CAAA;AAEH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAWhE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/CardContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAEhD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAqB,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;
|
|
1
|
+
{"version":3,"file":"CardContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/CardContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAEhD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAqB,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAEhF,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAC5D,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,MAAM,uBAAuB,GAAG,iBAAiB,CAAC,eAAe,CAAC,GACtE,gBAAgB,GAAG;IACjB,WAAW,CAAC,EAAE,OAAO,EAAE,CAAA;CACxB,CAAA;AAEH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAWhE,CAAA"}
|
package/dist/browser/index.cjs
CHANGED
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
2
|
var __defProp = Object.defineProperty;
|
|
4
3
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
5
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
6
|
var __export = (target, all) => {
|
|
9
7
|
for (var name in all)
|
|
@@ -17,14 +15,6 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
15
|
}
|
|
18
16
|
return to;
|
|
19
17
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
-
mod
|
|
27
|
-
));
|
|
28
18
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
19
|
|
|
30
20
|
// src/index.ts
|
|
@@ -54,11 +44,11 @@ var WitnessCardActions = ({ onObserve, module: module2, ...props }) => {
|
|
|
54
44
|
// src/components/Card/CardContent.tsx
|
|
55
45
|
var import_react_flexbox = require("@xylabs/react-flexbox");
|
|
56
46
|
var import_react_module2 = require("@xyo-network/react-module");
|
|
57
|
-
var
|
|
47
|
+
var import_react_payload_raw_info = require("@xyo-network/react-payload-raw-info");
|
|
58
48
|
var import_jsx_runtime2 = require("react/jsx-runtime");
|
|
59
49
|
var WitnessCardContent = ({ children, observation, module: module2, ...props }) => {
|
|
60
50
|
return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_module2.ModuleCardContent, { module: module2, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_flexbox.FlexGrowRow, { flexWrap: "wrap", justifyContent: "start", gap: 2, children: [
|
|
61
|
-
observation ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
|
51
|
+
observation ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_payload_raw_info.JsonViewerEx, { value: observation }) : null,
|
|
62
52
|
children
|
|
63
53
|
] }) });
|
|
64
54
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/index.ts","../../src/components/Card/Card.tsx","../../src/components/Card/CardActions.tsx","../../src/components/Card/CardContent.tsx","../../src/components/Card/CardHeader.tsx","../../src/hooks/node/useWitnessesFromNode.tsx","../../src/hooks/node/useWitnessFromNode.tsx"],"sourcesContent":["export * from './components'\nexport * from './hooks'\n","import { Card, CardProps } from '@mui/material'\nimport { usePromise } from '@xylabs/react-promise'\nimport { ModuleRenderProps } from '@xyo-network/react-module'\nimport { WitnessInstance } from '@xyo-network/witness-model'\nimport { useState } from 'react'\n\nimport { WitnessCardActions } from './CardActions'\nimport { WitnessCardContent } from './CardContent'\nimport { WitnessCardHeader } from './CardHeader'\n\nexport const WitnessCard: React.FC<CardProps & ModuleRenderProps<WitnessInstance>> = ({ children, module, ...props }) => {\n const [retry, setRetry] = useState(-1)\n const [observation] = usePromise(async () => {\n if (retry >= 0) {\n return await module?.observe()\n }\n }, [module, retry])\n return (\n <Card {...props}>\n <WitnessCardHeader module={module} />\n <WitnessCardContent module={module} observation={observation} />\n {children}\n <WitnessCardActions module={module} onObserve={() => setRetry(retry + 1)} />\n </Card>\n )\n}\n","import { CardActionsProps } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { ModuleCardActions, ModuleRenderProps } from '@xyo-network/react-module'\nimport { WitnessInstance } from '@xyo-network/witness-model'\n\nexport type WitnessCardActionsProps = ModuleRenderProps<WitnessInstance> &\n CardActionsProps & {\n onObserve?: (module?: WitnessInstance) => void\n }\n\nexport const WitnessCardActions: React.FC<WitnessCardActionsProps> = ({ onObserve, module, ...props }) => {\n return (\n <ModuleCardActions module={module} {...props}>\n <ButtonEx onClick={() => onObserve?.(module)} size={'small'} variant={'outlined'}>\n Observe\n </ButtonEx>\n </ModuleCardActions>\n )\n}\n","import { CardContentProps } from '@mui/material'\nimport { FlexGrowRow } from '@xylabs/react-flexbox'\nimport { Payload } from '@xyo-network/payload-model'\nimport { ModuleCardContent, ModuleRenderProps } from '@xyo-network/react-module'\nimport {
|
|
1
|
+
{"version":3,"sources":["../../src/index.ts","../../src/components/Card/Card.tsx","../../src/components/Card/CardActions.tsx","../../src/components/Card/CardContent.tsx","../../src/components/Card/CardHeader.tsx","../../src/hooks/node/useWitnessesFromNode.tsx","../../src/hooks/node/useWitnessFromNode.tsx"],"sourcesContent":["export * from './components'\nexport * from './hooks'\n","import { Card, CardProps } from '@mui/material'\nimport { usePromise } from '@xylabs/react-promise'\nimport { ModuleRenderProps } from '@xyo-network/react-module'\nimport { WitnessInstance } from '@xyo-network/witness-model'\nimport { useState } from 'react'\n\nimport { WitnessCardActions } from './CardActions'\nimport { WitnessCardContent } from './CardContent'\nimport { WitnessCardHeader } from './CardHeader'\n\nexport const WitnessCard: React.FC<CardProps & ModuleRenderProps<WitnessInstance>> = ({ children, module, ...props }) => {\n const [retry, setRetry] = useState(-1)\n const [observation] = usePromise(async () => {\n if (retry >= 0) {\n return await module?.observe()\n }\n }, [module, retry])\n return (\n <Card {...props}>\n <WitnessCardHeader module={module} />\n <WitnessCardContent module={module} observation={observation} />\n {children}\n <WitnessCardActions module={module} onObserve={() => setRetry(retry + 1)} />\n </Card>\n )\n}\n","import { CardActionsProps } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { ModuleCardActions, ModuleRenderProps } from '@xyo-network/react-module'\nimport { WitnessInstance } from '@xyo-network/witness-model'\n\nexport type WitnessCardActionsProps = ModuleRenderProps<WitnessInstance> &\n CardActionsProps & {\n onObserve?: (module?: WitnessInstance) => void\n }\n\nexport const WitnessCardActions: React.FC<WitnessCardActionsProps> = ({ onObserve, module, ...props }) => {\n return (\n <ModuleCardActions module={module} {...props}>\n <ButtonEx onClick={() => onObserve?.(module)} size={'small'} variant={'outlined'}>\n Observe\n </ButtonEx>\n </ModuleCardActions>\n )\n}\n","import { CardContentProps } from '@mui/material'\nimport { FlexGrowRow } from '@xylabs/react-flexbox'\nimport { Payload } from '@xyo-network/payload-model'\nimport { ModuleCardContent, ModuleRenderProps } from '@xyo-network/react-module'\nimport { JsonViewerEx } from '@xyo-network/react-payload-raw-info'\nimport { WitnessInstance } from '@xyo-network/witness-model'\nimport React from 'react'\n\nexport type WitnessCardContentProps = ModuleRenderProps<WitnessInstance> &\n CardContentProps & {\n observation?: Payload[]\n }\n\nexport const WitnessCardContent: React.FC<WitnessCardContentProps> = ({ children, observation, module, ...props }) => {\n return (\n <ModuleCardContent module={module} {...props}>\n <FlexGrowRow flexWrap=\"wrap\" justifyContent=\"start\" gap={2}>\n {observation ?\n <JsonViewerEx value={observation} />\n : null}\n {children}\n </FlexGrowRow>\n </ModuleCardContent>\n )\n}\n","import { CardHeaderProps } from '@mui/material'\nimport { ModuleCardHeader, ModuleRenderProps } from '@xyo-network/react-module'\nimport { WitnessInstance } from '@xyo-network/witness-model'\n\nexport const WitnessCardHeader: React.FC<ModuleRenderProps<WitnessInstance> & CardHeaderProps> = ({ title, module, ...props }) => {\n return <ModuleCardHeader module={module} title={title ?? module?.config.name ?? 'Witness'} {...props} />\n}\n","import { ModuleFilter } from '@xyo-network/module-model'\nimport { ModuleFromNodeConfig, useModulesFromNode } from '@xyo-network/react-node'\nimport { isWitnessInstance, WitnessInstance } from '@xyo-network/witness-model'\n\nexport const useWitnessesFromNode = (\n filter?: ModuleFilter,\n config?: ModuleFromNodeConfig,\n): [WitnessInstance[] | null | undefined, Error | undefined] => {\n const [modules, error] = useModulesFromNode(filter, config)\n if (error) {\n return [null, error]\n }\n return modules ?\n [\n // eslint-disable-next-line unicorn/no-array-reduce\n modules.reduce<WitnessInstance[]>((prev, module) => {\n if (isWitnessInstance(module)) {\n prev.push(module)\n }\n return prev\n }, []),\n undefined,\n ]\n : [modules, error]\n}\n","import { ModuleFromNodeConfig, useModuleFromNode } from '@xyo-network/react-node'\nimport { asWitnessInstance, WitnessInstance } from '@xyo-network/witness-model'\n\nexport const useWitnessFromNode = (\n nameOrAddressOrInstance?: string | WitnessInstance,\n config?: ModuleFromNodeConfig,\n): [WitnessInstance | undefined, Error | undefined] => {\n const [module, error] = useModuleFromNode(nameOrAddressOrInstance, config)\n const instance = asWitnessInstance(module)\n if (module && !instance) {\n const error = new Error(`Resolved module is not a WitnessInstance [${module.config?.schema}:${module.config?.name}:${module.address}]`)\n console.error(error.message)\n return [undefined, error]\n }\n return [instance, error]\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,sBAAgC;AAChC,2BAA2B;AAG3B,mBAAyB;;;ACHzB,0BAAyB;AACzB,0BAAqD;AAW/C;AAHC,IAAM,qBAAwD,CAAC,EAAE,WAAW,QAAAA,SAAQ,GAAG,MAAM,MAAM;AACxG,SACE,4CAAC,yCAAkB,QAAQA,SAAS,GAAG,OACrC,sDAAC,gCAAS,SAAS,MAAM,YAAYA,OAAM,GAAG,MAAM,SAAS,SAAS,YAAY,qBAElF,GACF;AAEJ;;;ACjBA,2BAA4B;AAE5B,IAAAC,uBAAqD;AACrD,oCAA6B;AAYvB,IAAAC,sBAAA;AAHC,IAAM,qBAAwD,CAAC,EAAE,UAAU,aAAa,QAAAC,SAAQ,GAAG,MAAM,MAAM;AACpH,SACE,6CAAC,0CAAkB,QAAQA,SAAS,GAAG,OACrC,wDAAC,oCAAY,UAAS,QAAO,gBAAe,SAAQ,KAAK,GACtD;AAAA,kBACC,6CAAC,8CAAa,OAAO,aAAa,IAClC;AAAA,IACD;AAAA,KACH,GACF;AAEJ;;;ACvBA,IAAAC,uBAAoD;AAI3C,IAAAC,sBAAA;AADF,IAAM,oBAAoF,CAAC,EAAE,OAAO,QAAAC,SAAQ,GAAG,MAAM,MAAM;AAChI,SAAO,6CAAC,yCAAiB,QAAQA,SAAQ,OAAO,SAASA,SAAQ,OAAO,QAAQ,WAAY,GAAG,OAAO;AACxG;;;AHYI,IAAAC,sBAAA;AARG,IAAM,cAAwE,CAAC,EAAE,UAAU,QAAAC,SAAQ,GAAG,MAAM,MAAM;AACvH,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAS,EAAE;AACrC,QAAM,CAAC,WAAW,QAAI,iCAAW,YAAY;AAC3C,QAAI,SAAS,GAAG;AACd,aAAO,MAAMA,SAAQ,QAAQ;AAAA,IAC/B;AAAA,EACF,GAAG,CAACA,SAAQ,KAAK,CAAC;AAClB,SACE,8CAAC,wBAAM,GAAG,OACR;AAAA,iDAAC,qBAAkB,QAAQA,SAAQ;AAAA,IACnC,6CAAC,sBAAmB,QAAQA,SAAQ,aAA0B;AAAA,IAC7D;AAAA,IACD,6CAAC,sBAAmB,QAAQA,SAAQ,WAAW,MAAM,SAAS,QAAQ,CAAC,GAAG;AAAA,KAC5E;AAEJ;;;AIxBA,wBAAyD;AACzD,2BAAmD;AAE5C,IAAM,uBAAuB,CAClC,QACA,WAC8D;AAC9D,QAAM,CAAC,SAAS,KAAK,QAAI,sCAAmB,QAAQ,MAAM;AAC1D,MAAI,OAAO;AACT,WAAO,CAAC,MAAM,KAAK;AAAA,EACrB;AACA,SAAO,UACH;AAAA;AAAA,IAEE,QAAQ,OAA0B,CAAC,MAAMC,YAAW;AAClD,cAAI,wCAAkBA,OAAM,GAAG;AAC7B,aAAK,KAAKA,OAAM;AAAA,MAClB;AACA,aAAO;AAAA,IACT,GAAG,CAAC,CAAC;AAAA,IACL;AAAA,EACF,IACA,CAAC,SAAS,KAAK;AACrB;;;ACxBA,IAAAC,qBAAwD;AACxD,IAAAC,wBAAmD;AAE5C,IAAM,qBAAqB,CAChC,yBACA,WACqD;AACrD,QAAM,CAACC,SAAQ,KAAK,QAAI,sCAAkB,yBAAyB,MAAM;AACzE,QAAM,eAAW,yCAAkBA,OAAM;AACzC,MAAIA,WAAU,CAAC,UAAU;AACvB,UAAMC,SAAQ,IAAI,MAAM,6CAA6CD,QAAO,QAAQ,MAAM,IAAIA,QAAO,QAAQ,IAAI,IAAIA,QAAO,OAAO,GAAG;AACtI,YAAQ,MAAMC,OAAM,OAAO;AAC3B,WAAO,CAAC,QAAWA,MAAK;AAAA,EAC1B;AACA,SAAO,CAAC,UAAU,KAAK;AACzB;","names":["module","import_react_module","import_jsx_runtime","module","import_react_module","import_jsx_runtime","module","import_jsx_runtime","module","module","import_react_node","import_witness_model","module","error"]}
|
package/dist/browser/index.js
CHANGED
|
@@ -14,11 +14,11 @@ var WitnessCardActions = ({ onObserve, module, ...props }) => {
|
|
|
14
14
|
// src/components/Card/CardContent.tsx
|
|
15
15
|
import { FlexGrowRow } from "@xylabs/react-flexbox";
|
|
16
16
|
import { ModuleCardContent } from "@xyo-network/react-module";
|
|
17
|
-
import
|
|
17
|
+
import { JsonViewerEx } from "@xyo-network/react-payload-raw-info";
|
|
18
18
|
import { jsx as jsx2, jsxs } from "react/jsx-runtime";
|
|
19
19
|
var WitnessCardContent = ({ children, observation, module, ...props }) => {
|
|
20
20
|
return /* @__PURE__ */ jsx2(ModuleCardContent, { module, ...props, children: /* @__PURE__ */ jsxs(FlexGrowRow, { flexWrap: "wrap", justifyContent: "start", gap: 2, children: [
|
|
21
|
-
observation ? /* @__PURE__ */ jsx2(
|
|
21
|
+
observation ? /* @__PURE__ */ jsx2(JsonViewerEx, { value: observation }) : null,
|
|
22
22
|
children
|
|
23
23
|
] }) });
|
|
24
24
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/Card/Card.tsx","../../src/components/Card/CardActions.tsx","../../src/components/Card/CardContent.tsx","../../src/components/Card/CardHeader.tsx","../../src/hooks/node/useWitnessesFromNode.tsx","../../src/hooks/node/useWitnessFromNode.tsx"],"sourcesContent":["import { Card, CardProps } from '@mui/material'\nimport { usePromise } from '@xylabs/react-promise'\nimport { ModuleRenderProps } from '@xyo-network/react-module'\nimport { WitnessInstance } from '@xyo-network/witness-model'\nimport { useState } from 'react'\n\nimport { WitnessCardActions } from './CardActions'\nimport { WitnessCardContent } from './CardContent'\nimport { WitnessCardHeader } from './CardHeader'\n\nexport const WitnessCard: React.FC<CardProps & ModuleRenderProps<WitnessInstance>> = ({ children, module, ...props }) => {\n const [retry, setRetry] = useState(-1)\n const [observation] = usePromise(async () => {\n if (retry >= 0) {\n return await module?.observe()\n }\n }, [module, retry])\n return (\n <Card {...props}>\n <WitnessCardHeader module={module} />\n <WitnessCardContent module={module} observation={observation} />\n {children}\n <WitnessCardActions module={module} onObserve={() => setRetry(retry + 1)} />\n </Card>\n )\n}\n","import { CardActionsProps } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { ModuleCardActions, ModuleRenderProps } from '@xyo-network/react-module'\nimport { WitnessInstance } from '@xyo-network/witness-model'\n\nexport type WitnessCardActionsProps = ModuleRenderProps<WitnessInstance> &\n CardActionsProps & {\n onObserve?: (module?: WitnessInstance) => void\n }\n\nexport const WitnessCardActions: React.FC<WitnessCardActionsProps> = ({ onObserve, module, ...props }) => {\n return (\n <ModuleCardActions module={module} {...props}>\n <ButtonEx onClick={() => onObserve?.(module)} size={'small'} variant={'outlined'}>\n Observe\n </ButtonEx>\n </ModuleCardActions>\n )\n}\n","import { CardContentProps } from '@mui/material'\nimport { FlexGrowRow } from '@xylabs/react-flexbox'\nimport { Payload } from '@xyo-network/payload-model'\nimport { ModuleCardContent, ModuleRenderProps } from '@xyo-network/react-module'\nimport {
|
|
1
|
+
{"version":3,"sources":["../../src/components/Card/Card.tsx","../../src/components/Card/CardActions.tsx","../../src/components/Card/CardContent.tsx","../../src/components/Card/CardHeader.tsx","../../src/hooks/node/useWitnessesFromNode.tsx","../../src/hooks/node/useWitnessFromNode.tsx"],"sourcesContent":["import { Card, CardProps } from '@mui/material'\nimport { usePromise } from '@xylabs/react-promise'\nimport { ModuleRenderProps } from '@xyo-network/react-module'\nimport { WitnessInstance } from '@xyo-network/witness-model'\nimport { useState } from 'react'\n\nimport { WitnessCardActions } from './CardActions'\nimport { WitnessCardContent } from './CardContent'\nimport { WitnessCardHeader } from './CardHeader'\n\nexport const WitnessCard: React.FC<CardProps & ModuleRenderProps<WitnessInstance>> = ({ children, module, ...props }) => {\n const [retry, setRetry] = useState(-1)\n const [observation] = usePromise(async () => {\n if (retry >= 0) {\n return await module?.observe()\n }\n }, [module, retry])\n return (\n <Card {...props}>\n <WitnessCardHeader module={module} />\n <WitnessCardContent module={module} observation={observation} />\n {children}\n <WitnessCardActions module={module} onObserve={() => setRetry(retry + 1)} />\n </Card>\n )\n}\n","import { CardActionsProps } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { ModuleCardActions, ModuleRenderProps } from '@xyo-network/react-module'\nimport { WitnessInstance } from '@xyo-network/witness-model'\n\nexport type WitnessCardActionsProps = ModuleRenderProps<WitnessInstance> &\n CardActionsProps & {\n onObserve?: (module?: WitnessInstance) => void\n }\n\nexport const WitnessCardActions: React.FC<WitnessCardActionsProps> = ({ onObserve, module, ...props }) => {\n return (\n <ModuleCardActions module={module} {...props}>\n <ButtonEx onClick={() => onObserve?.(module)} size={'small'} variant={'outlined'}>\n Observe\n </ButtonEx>\n </ModuleCardActions>\n )\n}\n","import { CardContentProps } from '@mui/material'\nimport { FlexGrowRow } from '@xylabs/react-flexbox'\nimport { Payload } from '@xyo-network/payload-model'\nimport { ModuleCardContent, ModuleRenderProps } from '@xyo-network/react-module'\nimport { JsonViewerEx } from '@xyo-network/react-payload-raw-info'\nimport { WitnessInstance } from '@xyo-network/witness-model'\nimport React from 'react'\n\nexport type WitnessCardContentProps = ModuleRenderProps<WitnessInstance> &\n CardContentProps & {\n observation?: Payload[]\n }\n\nexport const WitnessCardContent: React.FC<WitnessCardContentProps> = ({ children, observation, module, ...props }) => {\n return (\n <ModuleCardContent module={module} {...props}>\n <FlexGrowRow flexWrap=\"wrap\" justifyContent=\"start\" gap={2}>\n {observation ?\n <JsonViewerEx value={observation} />\n : null}\n {children}\n </FlexGrowRow>\n </ModuleCardContent>\n )\n}\n","import { CardHeaderProps } from '@mui/material'\nimport { ModuleCardHeader, ModuleRenderProps } from '@xyo-network/react-module'\nimport { WitnessInstance } from '@xyo-network/witness-model'\n\nexport const WitnessCardHeader: React.FC<ModuleRenderProps<WitnessInstance> & CardHeaderProps> = ({ title, module, ...props }) => {\n return <ModuleCardHeader module={module} title={title ?? module?.config.name ?? 'Witness'} {...props} />\n}\n","import { ModuleFilter } from '@xyo-network/module-model'\nimport { ModuleFromNodeConfig, useModulesFromNode } from '@xyo-network/react-node'\nimport { isWitnessInstance, WitnessInstance } from '@xyo-network/witness-model'\n\nexport const useWitnessesFromNode = (\n filter?: ModuleFilter,\n config?: ModuleFromNodeConfig,\n): [WitnessInstance[] | null | undefined, Error | undefined] => {\n const [modules, error] = useModulesFromNode(filter, config)\n if (error) {\n return [null, error]\n }\n return modules ?\n [\n // eslint-disable-next-line unicorn/no-array-reduce\n modules.reduce<WitnessInstance[]>((prev, module) => {\n if (isWitnessInstance(module)) {\n prev.push(module)\n }\n return prev\n }, []),\n undefined,\n ]\n : [modules, error]\n}\n","import { ModuleFromNodeConfig, useModuleFromNode } from '@xyo-network/react-node'\nimport { asWitnessInstance, WitnessInstance } from '@xyo-network/witness-model'\n\nexport const useWitnessFromNode = (\n nameOrAddressOrInstance?: string | WitnessInstance,\n config?: ModuleFromNodeConfig,\n): [WitnessInstance | undefined, Error | undefined] => {\n const [module, error] = useModuleFromNode(nameOrAddressOrInstance, config)\n const instance = asWitnessInstance(module)\n if (module && !instance) {\n const error = new Error(`Resolved module is not a WitnessInstance [${module.config?.schema}:${module.config?.name}:${module.address}]`)\n console.error(error.message)\n return [undefined, error]\n }\n return [instance, error]\n}\n"],"mappings":";AAAA,SAAS,YAAuB;AAChC,SAAS,kBAAkB;AAG3B,SAAS,gBAAgB;;;ACHzB,SAAS,gBAAgB;AACzB,SAAS,yBAA4C;AAW/C;AAHC,IAAM,qBAAwD,CAAC,EAAE,WAAW,QAAQ,GAAG,MAAM,MAAM;AACxG,SACE,oBAAC,qBAAkB,QAAiB,GAAG,OACrC,8BAAC,YAAS,SAAS,MAAM,YAAY,MAAM,GAAG,MAAM,SAAS,SAAS,YAAY,qBAElF,GACF;AAEJ;;;ACjBA,SAAS,mBAAmB;AAE5B,SAAS,yBAA4C;AACrD,SAAS,oBAAoB;AAYvB,SAEI,OAAAA,MAFJ;AAHC,IAAM,qBAAwD,CAAC,EAAE,UAAU,aAAa,QAAQ,GAAG,MAAM,MAAM;AACpH,SACE,gBAAAA,KAAC,qBAAkB,QAAiB,GAAG,OACrC,+BAAC,eAAY,UAAS,QAAO,gBAAe,SAAQ,KAAK,GACtD;AAAA,kBACC,gBAAAA,KAAC,gBAAa,OAAO,aAAa,IAClC;AAAA,IACD;AAAA,KACH,GACF;AAEJ;;;ACvBA,SAAS,wBAA2C;AAI3C,gBAAAC,YAAA;AADF,IAAM,oBAAoF,CAAC,EAAE,OAAO,QAAQ,GAAG,MAAM,MAAM;AAChI,SAAO,gBAAAA,KAAC,oBAAiB,QAAgB,OAAO,SAAS,QAAQ,OAAO,QAAQ,WAAY,GAAG,OAAO;AACxG;;;AHYI,SACE,OAAAC,MADF,QAAAC,aAAA;AARG,IAAM,cAAwE,CAAC,EAAE,UAAU,QAAQ,GAAG,MAAM,MAAM;AACvH,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,EAAE;AACrC,QAAM,CAAC,WAAW,IAAI,WAAW,YAAY;AAC3C,QAAI,SAAS,GAAG;AACd,aAAO,MAAM,QAAQ,QAAQ;AAAA,IAC/B;AAAA,EACF,GAAG,CAAC,QAAQ,KAAK,CAAC;AAClB,SACE,gBAAAA,MAAC,QAAM,GAAG,OACR;AAAA,oBAAAD,KAAC,qBAAkB,QAAgB;AAAA,IACnC,gBAAAA,KAAC,sBAAmB,QAAgB,aAA0B;AAAA,IAC7D;AAAA,IACD,gBAAAA,KAAC,sBAAmB,QAAgB,WAAW,MAAM,SAAS,QAAQ,CAAC,GAAG;AAAA,KAC5E;AAEJ;;;AIxBA,SAA+B,0BAA0B;AACzD,SAAS,yBAA0C;AAE5C,IAAM,uBAAuB,CAClC,QACA,WAC8D;AAC9D,QAAM,CAAC,SAAS,KAAK,IAAI,mBAAmB,QAAQ,MAAM;AAC1D,MAAI,OAAO;AACT,WAAO,CAAC,MAAM,KAAK;AAAA,EACrB;AACA,SAAO,UACH;AAAA;AAAA,IAEE,QAAQ,OAA0B,CAAC,MAAM,WAAW;AAClD,UAAI,kBAAkB,MAAM,GAAG;AAC7B,aAAK,KAAK,MAAM;AAAA,MAClB;AACA,aAAO;AAAA,IACT,GAAG,CAAC,CAAC;AAAA,IACL;AAAA,EACF,IACA,CAAC,SAAS,KAAK;AACrB;;;ACxBA,SAA+B,yBAAyB;AACxD,SAAS,yBAA0C;AAE5C,IAAM,qBAAqB,CAChC,yBACA,WACqD;AACrD,QAAM,CAAC,QAAQ,KAAK,IAAI,kBAAkB,yBAAyB,MAAM;AACzE,QAAM,WAAW,kBAAkB,MAAM;AACzC,MAAI,UAAU,CAAC,UAAU;AACvB,UAAME,SAAQ,IAAI,MAAM,6CAA6C,OAAO,QAAQ,MAAM,IAAI,OAAO,QAAQ,IAAI,IAAI,OAAO,OAAO,GAAG;AACtI,YAAQ,MAAMA,OAAM,OAAO;AAC3B,WAAO,CAAC,QAAWA,MAAK;AAAA,EAC1B;AACA,SAAO,CAAC,UAAU,KAAK;AACzB;","names":["jsx","jsx","jsx","jsxs","error"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/CardContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAEhD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAqB,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;
|
|
1
|
+
{"version":3,"file":"CardContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/CardContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAEhD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAqB,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAEhF,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAC5D,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,MAAM,uBAAuB,GAAG,iBAAiB,CAAC,eAAe,CAAC,GACtE,gBAAgB,GAAG;IACjB,WAAW,CAAC,EAAE,OAAO,EAAE,CAAA;CACxB,CAAA;AAEH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAWhE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/CardContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAEhD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAqB,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;
|
|
1
|
+
{"version":3,"file":"CardContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/CardContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAEhD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAqB,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAEhF,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAC5D,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,MAAM,uBAAuB,GAAG,iBAAiB,CAAC,eAAe,CAAC,GACtE,gBAAgB,GAAG;IACjB,WAAW,CAAC,EAAE,OAAO,EAAE,CAAA;CACxB,CAAA;AAEH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAWhE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/CardContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAEhD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAqB,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;
|
|
1
|
+
{"version":3,"file":"CardContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/CardContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAEhD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAqB,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAEhF,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAC5D,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,MAAM,uBAAuB,GAAG,iBAAiB,CAAC,eAAe,CAAC,GACtE,gBAAgB,GAAG;IACjB,WAAW,CAAC,EAAE,OAAO,EAAE,CAAA;CACxB,CAAA;AAEH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAWhE,CAAA"}
|
package/dist/node/index.cjs
CHANGED
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
2
|
var __defProp = Object.defineProperty;
|
|
4
3
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
5
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
6
|
var __export = (target, all) => {
|
|
9
7
|
for (var name in all)
|
|
@@ -17,14 +15,6 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
15
|
}
|
|
18
16
|
return to;
|
|
19
17
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
-
mod
|
|
27
|
-
));
|
|
28
18
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
19
|
|
|
30
20
|
// src/index.ts
|
|
@@ -54,11 +44,11 @@ var WitnessCardActions = ({ onObserve, module: module2, ...props }) => {
|
|
|
54
44
|
// src/components/Card/CardContent.tsx
|
|
55
45
|
var import_react_flexbox = require("@xylabs/react-flexbox");
|
|
56
46
|
var import_react_module2 = require("@xyo-network/react-module");
|
|
57
|
-
var
|
|
47
|
+
var import_react_payload_raw_info = require("@xyo-network/react-payload-raw-info");
|
|
58
48
|
var import_jsx_runtime2 = require("react/jsx-runtime");
|
|
59
49
|
var WitnessCardContent = ({ children, observation, module: module2, ...props }) => {
|
|
60
50
|
return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_module2.ModuleCardContent, { module: module2, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_flexbox.FlexGrowRow, { flexWrap: "wrap", justifyContent: "start", gap: 2, children: [
|
|
61
|
-
observation ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
|
51
|
+
observation ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_payload_raw_info.JsonViewerEx, { value: observation }) : null,
|
|
62
52
|
children
|
|
63
53
|
] }) });
|
|
64
54
|
};
|
package/dist/node/index.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/index.ts","../../src/components/Card/Card.tsx","../../src/components/Card/CardActions.tsx","../../src/components/Card/CardContent.tsx","../../src/components/Card/CardHeader.tsx","../../src/hooks/node/useWitnessesFromNode.tsx","../../src/hooks/node/useWitnessFromNode.tsx"],"sourcesContent":["export * from './components'\nexport * from './hooks'\n","import { Card, CardProps } from '@mui/material'\nimport { usePromise } from '@xylabs/react-promise'\nimport { ModuleRenderProps } from '@xyo-network/react-module'\nimport { WitnessInstance } from '@xyo-network/witness-model'\nimport { useState } from 'react'\n\nimport { WitnessCardActions } from './CardActions'\nimport { WitnessCardContent } from './CardContent'\nimport { WitnessCardHeader } from './CardHeader'\n\nexport const WitnessCard: React.FC<CardProps & ModuleRenderProps<WitnessInstance>> = ({ children, module, ...props }) => {\n const [retry, setRetry] = useState(-1)\n const [observation] = usePromise(async () => {\n if (retry >= 0) {\n return await module?.observe()\n }\n }, [module, retry])\n return (\n <Card {...props}>\n <WitnessCardHeader module={module} />\n <WitnessCardContent module={module} observation={observation} />\n {children}\n <WitnessCardActions module={module} onObserve={() => setRetry(retry + 1)} />\n </Card>\n )\n}\n","import { CardActionsProps } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { ModuleCardActions, ModuleRenderProps } from '@xyo-network/react-module'\nimport { WitnessInstance } from '@xyo-network/witness-model'\n\nexport type WitnessCardActionsProps = ModuleRenderProps<WitnessInstance> &\n CardActionsProps & {\n onObserve?: (module?: WitnessInstance) => void\n }\n\nexport const WitnessCardActions: React.FC<WitnessCardActionsProps> = ({ onObserve, module, ...props }) => {\n return (\n <ModuleCardActions module={module} {...props}>\n <ButtonEx onClick={() => onObserve?.(module)} size={'small'} variant={'outlined'}>\n Observe\n </ButtonEx>\n </ModuleCardActions>\n )\n}\n","import { CardContentProps } from '@mui/material'\nimport { FlexGrowRow } from '@xylabs/react-flexbox'\nimport { Payload } from '@xyo-network/payload-model'\nimport { ModuleCardContent, ModuleRenderProps } from '@xyo-network/react-module'\nimport {
|
|
1
|
+
{"version":3,"sources":["../../src/index.ts","../../src/components/Card/Card.tsx","../../src/components/Card/CardActions.tsx","../../src/components/Card/CardContent.tsx","../../src/components/Card/CardHeader.tsx","../../src/hooks/node/useWitnessesFromNode.tsx","../../src/hooks/node/useWitnessFromNode.tsx"],"sourcesContent":["export * from './components'\nexport * from './hooks'\n","import { Card, CardProps } from '@mui/material'\nimport { usePromise } from '@xylabs/react-promise'\nimport { ModuleRenderProps } from '@xyo-network/react-module'\nimport { WitnessInstance } from '@xyo-network/witness-model'\nimport { useState } from 'react'\n\nimport { WitnessCardActions } from './CardActions'\nimport { WitnessCardContent } from './CardContent'\nimport { WitnessCardHeader } from './CardHeader'\n\nexport const WitnessCard: React.FC<CardProps & ModuleRenderProps<WitnessInstance>> = ({ children, module, ...props }) => {\n const [retry, setRetry] = useState(-1)\n const [observation] = usePromise(async () => {\n if (retry >= 0) {\n return await module?.observe()\n }\n }, [module, retry])\n return (\n <Card {...props}>\n <WitnessCardHeader module={module} />\n <WitnessCardContent module={module} observation={observation} />\n {children}\n <WitnessCardActions module={module} onObserve={() => setRetry(retry + 1)} />\n </Card>\n )\n}\n","import { CardActionsProps } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { ModuleCardActions, ModuleRenderProps } from '@xyo-network/react-module'\nimport { WitnessInstance } from '@xyo-network/witness-model'\n\nexport type WitnessCardActionsProps = ModuleRenderProps<WitnessInstance> &\n CardActionsProps & {\n onObserve?: (module?: WitnessInstance) => void\n }\n\nexport const WitnessCardActions: React.FC<WitnessCardActionsProps> = ({ onObserve, module, ...props }) => {\n return (\n <ModuleCardActions module={module} {...props}>\n <ButtonEx onClick={() => onObserve?.(module)} size={'small'} variant={'outlined'}>\n Observe\n </ButtonEx>\n </ModuleCardActions>\n )\n}\n","import { CardContentProps } from '@mui/material'\nimport { FlexGrowRow } from '@xylabs/react-flexbox'\nimport { Payload } from '@xyo-network/payload-model'\nimport { ModuleCardContent, ModuleRenderProps } from '@xyo-network/react-module'\nimport { JsonViewerEx } from '@xyo-network/react-payload-raw-info'\nimport { WitnessInstance } from '@xyo-network/witness-model'\nimport React from 'react'\n\nexport type WitnessCardContentProps = ModuleRenderProps<WitnessInstance> &\n CardContentProps & {\n observation?: Payload[]\n }\n\nexport const WitnessCardContent: React.FC<WitnessCardContentProps> = ({ children, observation, module, ...props }) => {\n return (\n <ModuleCardContent module={module} {...props}>\n <FlexGrowRow flexWrap=\"wrap\" justifyContent=\"start\" gap={2}>\n {observation ?\n <JsonViewerEx value={observation} />\n : null}\n {children}\n </FlexGrowRow>\n </ModuleCardContent>\n )\n}\n","import { CardHeaderProps } from '@mui/material'\nimport { ModuleCardHeader, ModuleRenderProps } from '@xyo-network/react-module'\nimport { WitnessInstance } from '@xyo-network/witness-model'\n\nexport const WitnessCardHeader: React.FC<ModuleRenderProps<WitnessInstance> & CardHeaderProps> = ({ title, module, ...props }) => {\n return <ModuleCardHeader module={module} title={title ?? module?.config.name ?? 'Witness'} {...props} />\n}\n","import { ModuleFilter } from '@xyo-network/module-model'\nimport { ModuleFromNodeConfig, useModulesFromNode } from '@xyo-network/react-node'\nimport { isWitnessInstance, WitnessInstance } from '@xyo-network/witness-model'\n\nexport const useWitnessesFromNode = (\n filter?: ModuleFilter,\n config?: ModuleFromNodeConfig,\n): [WitnessInstance[] | null | undefined, Error | undefined] => {\n const [modules, error] = useModulesFromNode(filter, config)\n if (error) {\n return [null, error]\n }\n return modules ?\n [\n // eslint-disable-next-line unicorn/no-array-reduce\n modules.reduce<WitnessInstance[]>((prev, module) => {\n if (isWitnessInstance(module)) {\n prev.push(module)\n }\n return prev\n }, []),\n undefined,\n ]\n : [modules, error]\n}\n","import { ModuleFromNodeConfig, useModuleFromNode } from '@xyo-network/react-node'\nimport { asWitnessInstance, WitnessInstance } from '@xyo-network/witness-model'\n\nexport const useWitnessFromNode = (\n nameOrAddressOrInstance?: string | WitnessInstance,\n config?: ModuleFromNodeConfig,\n): [WitnessInstance | undefined, Error | undefined] => {\n const [module, error] = useModuleFromNode(nameOrAddressOrInstance, config)\n const instance = asWitnessInstance(module)\n if (module && !instance) {\n const error = new Error(`Resolved module is not a WitnessInstance [${module.config?.schema}:${module.config?.name}:${module.address}]`)\n console.error(error.message)\n return [undefined, error]\n }\n return [instance, error]\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,sBAAgC;AAChC,2BAA2B;AAG3B,mBAAyB;;;ACHzB,0BAAyB;AACzB,0BAAqD;AAW/C;AAHC,IAAM,qBAAwD,CAAC,EAAE,WAAW,QAAAA,SAAQ,GAAG,MAAM,MAAM;AACxG,SACE,4CAAC,yCAAkB,QAAQA,SAAS,GAAG,OACrC,sDAAC,gCAAS,SAAS,MAAM,uCAAYA,UAAS,MAAM,SAAS,SAAS,YAAY,qBAElF,GACF;AAEJ;;;ACjBA,2BAA4B;AAE5B,IAAAC,uBAAqD;AACrD,oCAA6B;AAYvB,IAAAC,sBAAA;AAHC,IAAM,qBAAwD,CAAC,EAAE,UAAU,aAAa,QAAAC,SAAQ,GAAG,MAAM,MAAM;AACpH,SACE,6CAAC,0CAAkB,QAAQA,SAAS,GAAG,OACrC,wDAAC,oCAAY,UAAS,QAAO,gBAAe,SAAQ,KAAK,GACtD;AAAA,kBACC,6CAAC,8CAAa,OAAO,aAAa,IAClC;AAAA,IACD;AAAA,KACH,GACF;AAEJ;;;ACvBA,IAAAC,uBAAoD;AAI3C,IAAAC,sBAAA;AADF,IAAM,oBAAoF,CAAC,EAAE,OAAO,QAAAC,SAAQ,GAAG,MAAM,MAAM;AAChI,SAAO,6CAAC,yCAAiB,QAAQA,SAAQ,OAAO,UAASA,WAAA,gBAAAA,QAAQ,OAAO,SAAQ,WAAY,GAAG,OAAO;AACxG;;;AHYI,IAAAC,sBAAA;AARG,IAAM,cAAwE,CAAC,EAAE,UAAU,QAAAC,SAAQ,GAAG,MAAM,MAAM;AACvH,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAS,EAAE;AACrC,QAAM,CAAC,WAAW,QAAI,iCAAW,YAAY;AAC3C,QAAI,SAAS,GAAG;AACd,aAAO,OAAMA,WAAA,gBAAAA,QAAQ;AAAA,IACvB;AAAA,EACF,GAAG,CAACA,SAAQ,KAAK,CAAC;AAClB,SACE,8CAAC,wBAAM,GAAG,OACR;AAAA,iDAAC,qBAAkB,QAAQA,SAAQ;AAAA,IACnC,6CAAC,sBAAmB,QAAQA,SAAQ,aAA0B;AAAA,IAC7D;AAAA,IACD,6CAAC,sBAAmB,QAAQA,SAAQ,WAAW,MAAM,SAAS,QAAQ,CAAC,GAAG;AAAA,KAC5E;AAEJ;;;AIxBA,wBAAyD;AACzD,2BAAmD;AAE5C,IAAM,uBAAuB,CAClC,QACA,WAC8D;AAC9D,QAAM,CAAC,SAAS,KAAK,QAAI,sCAAmB,QAAQ,MAAM;AAC1D,MAAI,OAAO;AACT,WAAO,CAAC,MAAM,KAAK;AAAA,EACrB;AACA,SAAO,UACH;AAAA;AAAA,IAEE,QAAQ,OAA0B,CAAC,MAAMC,YAAW;AAClD,cAAI,wCAAkBA,OAAM,GAAG;AAC7B,aAAK,KAAKA,OAAM;AAAA,MAClB;AACA,aAAO;AAAA,IACT,GAAG,CAAC,CAAC;AAAA,IACL;AAAA,EACF,IACA,CAAC,SAAS,KAAK;AACrB;;;ACxBA,IAAAC,qBAAwD;AACxD,IAAAC,wBAAmD;AAE5C,IAAM,qBAAqB,CAChC,yBACA,WACqD;AANvD;AAOE,QAAM,CAACC,SAAQ,KAAK,QAAI,sCAAkB,yBAAyB,MAAM;AACzE,QAAM,eAAW,yCAAkBA,OAAM;AACzC,MAAIA,WAAU,CAAC,UAAU;AACvB,UAAMC,SAAQ,IAAI,MAAM,8CAA6C,KAAAD,QAAO,WAAP,mBAAe,MAAM,KAAI,KAAAA,QAAO,WAAP,mBAAe,IAAI,IAAIA,QAAO,OAAO,GAAG;AACtI,YAAQ,MAAMC,OAAM,OAAO;AAC3B,WAAO,CAAC,QAAWA,MAAK;AAAA,EAC1B;AACA,SAAO,CAAC,UAAU,KAAK;AACzB;","names":["module","import_react_module","import_jsx_runtime","module","import_react_module","import_jsx_runtime","module","import_jsx_runtime","module","module","import_react_node","import_witness_model","module","error"]}
|
package/dist/node/index.js
CHANGED
|
@@ -14,11 +14,11 @@ var WitnessCardActions = ({ onObserve, module, ...props }) => {
|
|
|
14
14
|
// src/components/Card/CardContent.tsx
|
|
15
15
|
import { FlexGrowRow } from "@xylabs/react-flexbox";
|
|
16
16
|
import { ModuleCardContent } from "@xyo-network/react-module";
|
|
17
|
-
import
|
|
17
|
+
import { JsonViewerEx } from "@xyo-network/react-payload-raw-info";
|
|
18
18
|
import { jsx as jsx2, jsxs } from "react/jsx-runtime";
|
|
19
19
|
var WitnessCardContent = ({ children, observation, module, ...props }) => {
|
|
20
20
|
return /* @__PURE__ */ jsx2(ModuleCardContent, { module, ...props, children: /* @__PURE__ */ jsxs(FlexGrowRow, { flexWrap: "wrap", justifyContent: "start", gap: 2, children: [
|
|
21
|
-
observation ? /* @__PURE__ */ jsx2(
|
|
21
|
+
observation ? /* @__PURE__ */ jsx2(JsonViewerEx, { value: observation }) : null,
|
|
22
22
|
children
|
|
23
23
|
] }) });
|
|
24
24
|
};
|
package/dist/node/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/Card/Card.tsx","../../src/components/Card/CardActions.tsx","../../src/components/Card/CardContent.tsx","../../src/components/Card/CardHeader.tsx","../../src/hooks/node/useWitnessesFromNode.tsx","../../src/hooks/node/useWitnessFromNode.tsx"],"sourcesContent":["import { Card, CardProps } from '@mui/material'\nimport { usePromise } from '@xylabs/react-promise'\nimport { ModuleRenderProps } from '@xyo-network/react-module'\nimport { WitnessInstance } from '@xyo-network/witness-model'\nimport { useState } from 'react'\n\nimport { WitnessCardActions } from './CardActions'\nimport { WitnessCardContent } from './CardContent'\nimport { WitnessCardHeader } from './CardHeader'\n\nexport const WitnessCard: React.FC<CardProps & ModuleRenderProps<WitnessInstance>> = ({ children, module, ...props }) => {\n const [retry, setRetry] = useState(-1)\n const [observation] = usePromise(async () => {\n if (retry >= 0) {\n return await module?.observe()\n }\n }, [module, retry])\n return (\n <Card {...props}>\n <WitnessCardHeader module={module} />\n <WitnessCardContent module={module} observation={observation} />\n {children}\n <WitnessCardActions module={module} onObserve={() => setRetry(retry + 1)} />\n </Card>\n )\n}\n","import { CardActionsProps } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { ModuleCardActions, ModuleRenderProps } from '@xyo-network/react-module'\nimport { WitnessInstance } from '@xyo-network/witness-model'\n\nexport type WitnessCardActionsProps = ModuleRenderProps<WitnessInstance> &\n CardActionsProps & {\n onObserve?: (module?: WitnessInstance) => void\n }\n\nexport const WitnessCardActions: React.FC<WitnessCardActionsProps> = ({ onObserve, module, ...props }) => {\n return (\n <ModuleCardActions module={module} {...props}>\n <ButtonEx onClick={() => onObserve?.(module)} size={'small'} variant={'outlined'}>\n Observe\n </ButtonEx>\n </ModuleCardActions>\n )\n}\n","import { CardContentProps } from '@mui/material'\nimport { FlexGrowRow } from '@xylabs/react-flexbox'\nimport { Payload } from '@xyo-network/payload-model'\nimport { ModuleCardContent, ModuleRenderProps } from '@xyo-network/react-module'\nimport {
|
|
1
|
+
{"version":3,"sources":["../../src/components/Card/Card.tsx","../../src/components/Card/CardActions.tsx","../../src/components/Card/CardContent.tsx","../../src/components/Card/CardHeader.tsx","../../src/hooks/node/useWitnessesFromNode.tsx","../../src/hooks/node/useWitnessFromNode.tsx"],"sourcesContent":["import { Card, CardProps } from '@mui/material'\nimport { usePromise } from '@xylabs/react-promise'\nimport { ModuleRenderProps } from '@xyo-network/react-module'\nimport { WitnessInstance } from '@xyo-network/witness-model'\nimport { useState } from 'react'\n\nimport { WitnessCardActions } from './CardActions'\nimport { WitnessCardContent } from './CardContent'\nimport { WitnessCardHeader } from './CardHeader'\n\nexport const WitnessCard: React.FC<CardProps & ModuleRenderProps<WitnessInstance>> = ({ children, module, ...props }) => {\n const [retry, setRetry] = useState(-1)\n const [observation] = usePromise(async () => {\n if (retry >= 0) {\n return await module?.observe()\n }\n }, [module, retry])\n return (\n <Card {...props}>\n <WitnessCardHeader module={module} />\n <WitnessCardContent module={module} observation={observation} />\n {children}\n <WitnessCardActions module={module} onObserve={() => setRetry(retry + 1)} />\n </Card>\n )\n}\n","import { CardActionsProps } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { ModuleCardActions, ModuleRenderProps } from '@xyo-network/react-module'\nimport { WitnessInstance } from '@xyo-network/witness-model'\n\nexport type WitnessCardActionsProps = ModuleRenderProps<WitnessInstance> &\n CardActionsProps & {\n onObserve?: (module?: WitnessInstance) => void\n }\n\nexport const WitnessCardActions: React.FC<WitnessCardActionsProps> = ({ onObserve, module, ...props }) => {\n return (\n <ModuleCardActions module={module} {...props}>\n <ButtonEx onClick={() => onObserve?.(module)} size={'small'} variant={'outlined'}>\n Observe\n </ButtonEx>\n </ModuleCardActions>\n )\n}\n","import { CardContentProps } from '@mui/material'\nimport { FlexGrowRow } from '@xylabs/react-flexbox'\nimport { Payload } from '@xyo-network/payload-model'\nimport { ModuleCardContent, ModuleRenderProps } from '@xyo-network/react-module'\nimport { JsonViewerEx } from '@xyo-network/react-payload-raw-info'\nimport { WitnessInstance } from '@xyo-network/witness-model'\nimport React from 'react'\n\nexport type WitnessCardContentProps = ModuleRenderProps<WitnessInstance> &\n CardContentProps & {\n observation?: Payload[]\n }\n\nexport const WitnessCardContent: React.FC<WitnessCardContentProps> = ({ children, observation, module, ...props }) => {\n return (\n <ModuleCardContent module={module} {...props}>\n <FlexGrowRow flexWrap=\"wrap\" justifyContent=\"start\" gap={2}>\n {observation ?\n <JsonViewerEx value={observation} />\n : null}\n {children}\n </FlexGrowRow>\n </ModuleCardContent>\n )\n}\n","import { CardHeaderProps } from '@mui/material'\nimport { ModuleCardHeader, ModuleRenderProps } from '@xyo-network/react-module'\nimport { WitnessInstance } from '@xyo-network/witness-model'\n\nexport const WitnessCardHeader: React.FC<ModuleRenderProps<WitnessInstance> & CardHeaderProps> = ({ title, module, ...props }) => {\n return <ModuleCardHeader module={module} title={title ?? module?.config.name ?? 'Witness'} {...props} />\n}\n","import { ModuleFilter } from '@xyo-network/module-model'\nimport { ModuleFromNodeConfig, useModulesFromNode } from '@xyo-network/react-node'\nimport { isWitnessInstance, WitnessInstance } from '@xyo-network/witness-model'\n\nexport const useWitnessesFromNode = (\n filter?: ModuleFilter,\n config?: ModuleFromNodeConfig,\n): [WitnessInstance[] | null | undefined, Error | undefined] => {\n const [modules, error] = useModulesFromNode(filter, config)\n if (error) {\n return [null, error]\n }\n return modules ?\n [\n // eslint-disable-next-line unicorn/no-array-reduce\n modules.reduce<WitnessInstance[]>((prev, module) => {\n if (isWitnessInstance(module)) {\n prev.push(module)\n }\n return prev\n }, []),\n undefined,\n ]\n : [modules, error]\n}\n","import { ModuleFromNodeConfig, useModuleFromNode } from '@xyo-network/react-node'\nimport { asWitnessInstance, WitnessInstance } from '@xyo-network/witness-model'\n\nexport const useWitnessFromNode = (\n nameOrAddressOrInstance?: string | WitnessInstance,\n config?: ModuleFromNodeConfig,\n): [WitnessInstance | undefined, Error | undefined] => {\n const [module, error] = useModuleFromNode(nameOrAddressOrInstance, config)\n const instance = asWitnessInstance(module)\n if (module && !instance) {\n const error = new Error(`Resolved module is not a WitnessInstance [${module.config?.schema}:${module.config?.name}:${module.address}]`)\n console.error(error.message)\n return [undefined, error]\n }\n return [instance, error]\n}\n"],"mappings":";AAAA,SAAS,YAAuB;AAChC,SAAS,kBAAkB;AAG3B,SAAS,gBAAgB;;;ACHzB,SAAS,gBAAgB;AACzB,SAAS,yBAA4C;AAW/C;AAHC,IAAM,qBAAwD,CAAC,EAAE,WAAW,QAAQ,GAAG,MAAM,MAAM;AACxG,SACE,oBAAC,qBAAkB,QAAiB,GAAG,OACrC,8BAAC,YAAS,SAAS,MAAM,uCAAY,SAAS,MAAM,SAAS,SAAS,YAAY,qBAElF,GACF;AAEJ;;;ACjBA,SAAS,mBAAmB;AAE5B,SAAS,yBAA4C;AACrD,SAAS,oBAAoB;AAYvB,SAEI,OAAAA,MAFJ;AAHC,IAAM,qBAAwD,CAAC,EAAE,UAAU,aAAa,QAAQ,GAAG,MAAM,MAAM;AACpH,SACE,gBAAAA,KAAC,qBAAkB,QAAiB,GAAG,OACrC,+BAAC,eAAY,UAAS,QAAO,gBAAe,SAAQ,KAAK,GACtD;AAAA,kBACC,gBAAAA,KAAC,gBAAa,OAAO,aAAa,IAClC;AAAA,IACD;AAAA,KACH,GACF;AAEJ;;;ACvBA,SAAS,wBAA2C;AAI3C,gBAAAC,YAAA;AADF,IAAM,oBAAoF,CAAC,EAAE,OAAO,QAAQ,GAAG,MAAM,MAAM;AAChI,SAAO,gBAAAA,KAAC,oBAAiB,QAAgB,OAAO,UAAS,iCAAQ,OAAO,SAAQ,WAAY,GAAG,OAAO;AACxG;;;AHYI,SACE,OAAAC,MADF,QAAAC,aAAA;AARG,IAAM,cAAwE,CAAC,EAAE,UAAU,QAAQ,GAAG,MAAM,MAAM;AACvH,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,EAAE;AACrC,QAAM,CAAC,WAAW,IAAI,WAAW,YAAY;AAC3C,QAAI,SAAS,GAAG;AACd,aAAO,OAAM,iCAAQ;AAAA,IACvB;AAAA,EACF,GAAG,CAAC,QAAQ,KAAK,CAAC;AAClB,SACE,gBAAAA,MAAC,QAAM,GAAG,OACR;AAAA,oBAAAD,KAAC,qBAAkB,QAAgB;AAAA,IACnC,gBAAAA,KAAC,sBAAmB,QAAgB,aAA0B;AAAA,IAC7D;AAAA,IACD,gBAAAA,KAAC,sBAAmB,QAAgB,WAAW,MAAM,SAAS,QAAQ,CAAC,GAAG;AAAA,KAC5E;AAEJ;;;AIxBA,SAA+B,0BAA0B;AACzD,SAAS,yBAA0C;AAE5C,IAAM,uBAAuB,CAClC,QACA,WAC8D;AAC9D,QAAM,CAAC,SAAS,KAAK,IAAI,mBAAmB,QAAQ,MAAM;AAC1D,MAAI,OAAO;AACT,WAAO,CAAC,MAAM,KAAK;AAAA,EACrB;AACA,SAAO,UACH;AAAA;AAAA,IAEE,QAAQ,OAA0B,CAAC,MAAM,WAAW;AAClD,UAAI,kBAAkB,MAAM,GAAG;AAC7B,aAAK,KAAK,MAAM;AAAA,MAClB;AACA,aAAO;AAAA,IACT,GAAG,CAAC,CAAC;AAAA,IACL;AAAA,EACF,IACA,CAAC,SAAS,KAAK;AACrB;;;ACxBA,SAA+B,yBAAyB;AACxD,SAAS,yBAA0C;AAE5C,IAAM,qBAAqB,CAChC,yBACA,WACqD;AANvD;AAOE,QAAM,CAAC,QAAQ,KAAK,IAAI,kBAAkB,yBAAyB,MAAM;AACzE,QAAM,WAAW,kBAAkB,MAAM;AACzC,MAAI,UAAU,CAAC,UAAU;AACvB,UAAME,SAAQ,IAAI,MAAM,8CAA6C,YAAO,WAAP,mBAAe,MAAM,KAAI,YAAO,WAAP,mBAAe,IAAI,IAAI,OAAO,OAAO,GAAG;AACtI,YAAQ,MAAMA,OAAM,OAAO;AAC3B,WAAO,CAAC,QAAWA,MAAK;AAAA,EAC1B;AACA,SAAO,CAAC,UAAU,KAAK;AACzB;","names":["jsx","jsx","jsx","jsxs","error"]}
|
package/package.json
CHANGED
|
@@ -15,10 +15,10 @@
|
|
|
15
15
|
"@xylabs/react-promise": "^3.1.5",
|
|
16
16
|
"@xyo-network/module-model": "^2.92.3",
|
|
17
17
|
"@xyo-network/payload-model": "^2.92.3",
|
|
18
|
-
"@xyo-network/react-module": "^2.70.
|
|
19
|
-
"@xyo-network/react-node": "~2.70.
|
|
20
|
-
"@xyo-network/
|
|
21
|
-
"
|
|
18
|
+
"@xyo-network/react-module": "^2.70.7",
|
|
19
|
+
"@xyo-network/react-node": "~2.70.7",
|
|
20
|
+
"@xyo-network/react-payload-raw-info": "~2.70.6",
|
|
21
|
+
"@xyo-network/witness-model": "^2.92.3"
|
|
22
22
|
},
|
|
23
23
|
"devDependencies": {
|
|
24
24
|
"@storybook/react": "^7.6.17",
|
|
@@ -28,6 +28,8 @@
|
|
|
28
28
|
"typescript": "^5.4.2"
|
|
29
29
|
},
|
|
30
30
|
"peerDependencies": {
|
|
31
|
+
"@emotion/react": "^11",
|
|
32
|
+
"@emotion/styled": "^11",
|
|
31
33
|
"@mui/icons-material": "^5",
|
|
32
34
|
"@mui/material": "^5",
|
|
33
35
|
"@mui/styles": "^5",
|
|
@@ -85,6 +87,6 @@
|
|
|
85
87
|
},
|
|
86
88
|
"sideEffects": false,
|
|
87
89
|
"types": "dist/browser/index.d.ts",
|
|
88
|
-
"version": "2.70.
|
|
90
|
+
"version": "2.70.7",
|
|
89
91
|
"type": "module"
|
|
90
92
|
}
|
|
@@ -2,9 +2,9 @@ import { CardContentProps } from '@mui/material'
|
|
|
2
2
|
import { FlexGrowRow } from '@xylabs/react-flexbox'
|
|
3
3
|
import { Payload } from '@xyo-network/payload-model'
|
|
4
4
|
import { ModuleCardContent, ModuleRenderProps } from '@xyo-network/react-module'
|
|
5
|
+
import { JsonViewerEx } from '@xyo-network/react-payload-raw-info'
|
|
5
6
|
import { WitnessInstance } from '@xyo-network/witness-model'
|
|
6
7
|
import React from 'react'
|
|
7
|
-
import JsonView from 'react-json-view'
|
|
8
8
|
|
|
9
9
|
export type WitnessCardContentProps = ModuleRenderProps<WitnessInstance> &
|
|
10
10
|
CardContentProps & {
|
|
@@ -16,7 +16,7 @@ export const WitnessCardContent: React.FC<WitnessCardContentProps> = ({ children
|
|
|
16
16
|
<ModuleCardContent module={module} {...props}>
|
|
17
17
|
<FlexGrowRow flexWrap="wrap" justifyContent="start" gap={2}>
|
|
18
18
|
{observation ?
|
|
19
|
-
<
|
|
19
|
+
<JsonViewerEx value={observation} />
|
|
20
20
|
: null}
|
|
21
21
|
{children}
|
|
22
22
|
</FlexGrowRow>
|