@xyo-network/react-shared 2.49.13 → 2.51.0-rc.1

package/dist/esm/hooks/index.js

@@ -2,6 +2,7 @@ export * from './GradientStyles';
 export * from './useDataState';
 export * from './useIsMobile';
 export * from './useMediaQuery';
+export * from './usePayloadHash';
 export * from './usePromise';
 export * from './useShareForwardRef';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,cAAc,CAAA;AAC5B,cAAc,sBAAsB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,cAAc,CAAA;AAC5B,cAAc,sBAAsB,CAAA"}

package/dist/esm/hooks/usePayloadHash.js

@@ -0,0 +1,11 @@
+import { PayloadHasher } from '@xyo-network/core';
+import { usePromise } from './usePromise';
+export const usePayloadHash = (payload, dependencies) => {
+    return usePromise(payload ? PayloadHasher.hashAsync(payload) : undefined, [payload, ...(dependencies ?? [])])[0];
+};
+export const usePayloadHashes = (payloads, dependencies) => {
+    return usePromise(payloads
+        ? Promise.all(payloads.map(async (payload) => [payload, await PayloadHasher.hashAsync(payload)]))
+        : undefined, [payloads, ...(dependencies ?? [])])[0];
+};
+//# sourceMappingURL=usePayloadHash.js.map

package/dist/esm/hooks/usePayloadHash.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePayloadHash.js","sourceRoot":"","sources":["../../../src/hooks/usePayloadHash.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAGjD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,MAAM,CAAC,MAAM,cAAc,GAAG,CAA2B,OAAoC,EAAE,YAAwB,EAAE,EAAE;IACzH,OAAO,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,OAAO,EAAE,GAAG,CAAC,YAAY,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;AAClH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAA2B,QAAuC,EAAE,YAAwB,EAAE,EAAE;IAC9H,OAAO,UAAU,CACf,QAAQ;QACN,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,GAAG,CAA8B,KAAK,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,EAAE,MAAM,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QAC9H,CAAC,CAAC,SAAS,EACb,CAAC,QAAQ,EAAE,GAAG,CAAC,YAAY,IAAI,EAAE,CAAC,CAAC,CACpC,CAAC,CAAC,CAAC,CAAA;AACN,CAAC,CAAA"}

package/dist/esm/hooks/usePromise.js

@@ -1,7 +1,7 @@
 // Inspired from https://github.com/bsonntag/react-use-promise
 import { useAsyncEffect } from '@xylabs/react-async-effect';
 import { useReducer } from 'react';
-var State;
+export var State;
 (function (State) {
     State["pending"] = "pending";
     State["rejected"] = "rejected";

package/dist/esm/hooks/usePromise.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePromise.js","sourceRoot":"","sources":["../../../src/hooks/usePromise.tsx"],"names":[],"mappings":"AAAA,8DAA8D;AAE9D,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAElC,IAAK,KAIJ;AAJD,WAAK,KAAK;IACR,4BAAmB,CAAA;IACnB,8BAAqB,CAAA;IACrB,8BAAqB,CAAA;AACvB,CAAC,EAJI,KAAK,KAAL,KAAK,QAIT;AAQD,MAAM,YAAY,GAAiB;IACjC,KAAK,EAAE,SAAS;IAChB,MAAM,EAAE,SAAS;IACjB,KAAK,EAAE,KAAK,CAAC,OAAO;CACrB,CAAA;AAMD,MAAM,OAAO,GAAG,CAAC,MAAoB,EAAE,MAAc,EAAE,EAAE;IACvD,QAAQ,MAAM,CAAC,IAAI,EAAE;QACnB,KAAK,KAAK,CAAC,OAAO;YAChB,OAAO,YAAY,CAAA;QAErB,KAAK,KAAK,CAAC,QAAQ;YACjB,OAAO;gBACL,KAAK,EAAE,SAAS;gBAChB,MAAM,EAAE,MAAM,CAAC,OAAO;gBACtB,KAAK,EAAE,KAAK,CAAC,QAAQ;aACtB,CAAA;QAEH,KAAK,KAAK,CAAC,QAAQ;YACjB,OAAO;gBACL,KAAK,EAAE,MAAM,CAAC,OAAO;gBACrB,MAAM,EAAE,SAAS;gBACjB,KAAK,EAAE,KAAK,CAAC,QAAQ;aACtB,CAAA;QAEH;YACE,MAAM,KAAK,CAAC,wBAAwB,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAA;KACzE;AACH,CAAC,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAA8B,OAAW,EAAE,eAA0B,EAAE,EAAE,EAAE;IACnG,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,QAAQ,CAAC,GAAG,UAAU,CAAC,OAAO,EAAE,YAAY,CAAC,CAAA;IAE9E,cAAc;IACZ,uDAAuD;IACvD,KAAK,IAAI,EAAE;QACT,IAAI,CAAC,OAAO,EAAE;YACZ,OAAM;SACP;QAED,IAAI,QAAQ,GAAG,KAAK,CAAA;QAEpB,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,CAAA;QAEjC,IAAI;YACF,MAAM,MAAM,GAAG,MAAM,OAAO,CAAA;YAC5B,CAAC,QAAQ;gBACP,CAAC,CAAC,QAAQ,CAAC;oBACP,OAAO,EAAE,MAAM;oBACf,IAAI,EAAE,KAAK,CAAC,QAAQ;iBACrB,CAAC;gBACJ,CAAC,CAAC,SAAS,CAAA;SACd;QAAC,OAAO,CAAC,EAAE;YACV,CAAC,QAAQ;gBACP,CAAC,CAAC,QAAQ,CAAC;oBACP,OAAO,EAAE,CAAU;oBACnB,IAAI,EAAE,KAAK,CAAC,QAAQ;iBACrB,CAAC;gBACJ,CAAC,CAAC,SAAS,CAAA;SACd;QAED,OAAO,GAAG,EAAE;YACV,QAAQ,GAAG,IAAI,CAAA;QACjB,CAAC,CAAA;IACH,CAAC;IACD,oEAAoE;IACpE,uDAAuD;IACvD,YAAY,CACb,CAAA;IAED,OAAO,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,CAAA;AAC/B,CAAC,CAAA"}
+{"version":3,"file":"usePromise.js","sourceRoot":"","sources":["../../../src/hooks/usePromise.ts"],"names":[],"mappings":"AAAA,8DAA8D;AAE9D,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAE3D,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAElC,MAAM,CAAN,IAAY,KAIX;AAJD,WAAY,KAAK;IACf,4BAAmB,CAAA;IACnB,8BAAqB,CAAA;IACrB,8BAAqB,CAAA;AACvB,CAAC,EAJW,KAAK,KAAL,KAAK,QAIhB;AAQD,MAAM,YAAY,GAAiB;IACjC,KAAK,EAAE,SAAS;IAChB,MAAM,EAAE,SAAS;IACjB,KAAK,EAAE,KAAK,CAAC,OAAO;CACrB,CAAA;AAMD,MAAM,OAAO,GAAG,CAAC,MAAoB,EAAE,MAAc,EAAE,EAAE;IACvD,QAAQ,MAAM,CAAC,IAAI,EAAE;QACnB,KAAK,KAAK,CAAC,OAAO;YAChB,OAAO,YAAY,CAAA;QAErB,KAAK,KAAK,CAAC,QAAQ;YACjB,OAAO;gBACL,KAAK,EAAE,SAAS;gBAChB,MAAM,EAAE,MAAM,CAAC,OAAO;gBACtB,KAAK,EAAE,KAAK,CAAC,QAAQ;aACtB,CAAA;QAEH,KAAK,KAAK,CAAC,QAAQ;YACjB,OAAO;gBACL,KAAK,EAAE,MAAM,CAAC,OAAO;gBACrB,MAAM,EAAE,SAAS;gBACjB,KAAK,EAAE,KAAK,CAAC,QAAQ;aACtB,CAAA;QAEH;YACE,MAAM,KAAK,CAAC,wBAAwB,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAA;KACzE;AACH,CAAC,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CACxB,OAA6B,EAC7B,eAA0B,EAAE,EACiC,EAAE;IAC/D,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,QAAQ,CAAC,GAAG,UAAU,CAAC,OAAO,EAAE,YAAY,CAAC,CAAA;IAE9E,cAAc;IACZ,uDAAuD;IACvD,KAAK,IAAI,EAAE;QACT,IAAI,CAAC,OAAO,EAAE;YACZ,OAAM;SACP;QAED,IAAI,QAAQ,GAAG,KAAK,CAAA;QAEpB,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,CAAA;QAEjC,IAAI;YACF,MAAM,MAAM,GAAG,MAAM,OAAO,CAAA;YAC5B,CAAC,QAAQ;gBACP,CAAC,CAAC,QAAQ,CAAC;oBACP,OAAO,EAAE,MAAM;oBACf,IAAI,EAAE,KAAK,CAAC,QAAQ;iBACrB,CAAC;gBACJ,CAAC,CAAC,SAAS,CAAA;SACd;QAAC,OAAO,CAAC,EAAE;YACV,CAAC,QAAQ;gBACP,CAAC,CAAC,QAAQ,CAAC;oBACP,OAAO,EAAE,CAAU;oBACnB,IAAI,EAAE,KAAK,CAAC,QAAQ;iBACrB,CAAC;gBACJ,CAAC,CAAC,SAAS,CAAA;SACd;QAED,OAAO,GAAG,EAAE;YACV,QAAQ,GAAG,IAAI,CAAA;QACjB,CAAC,CAAA;IACH,CAAC;IACD,oEAAoE;IACpE,uDAAuD;IACvD,YAAY,CACb,CAAA;IAED,OAAO,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,CAAA;AAC/B,CAAC,CAAA"}

package/dist/types/components/Ellipsize.d.ts

@@ -1,7 +1,10 @@
 import { BoxProps, TypographyProps } from '@mui/material';
 import { WithChildren } from '@xylabs/react-shared';
 import { ElementType } from 'react';
-interface TypographyWithComponentProps<Comp extends ElementType = ElementType> extends TypographyProps {
+export interface EllipsizeRootProps extends BoxProps {
+    beforeLineHeight?: string | number;
+}
+export interface TypographyWithComponentProps<Comp extends ElementType = ElementType> extends TypographyProps {
     component?: Comp;
     ellipsisPosition?: 'start' | 'end';
 }
@@ -10,5 +13,4 @@ export interface EllipsizeBoxProps extends BoxProps {
     typographyProps?: TypographyWithComponentProps;
 }
 export declare const EllipsizeBox: import("react").ForwardRefExoticComponent<Omit<WithChildren<EllipsizeBoxProps>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export {};
 //# sourceMappingURL=Ellipsize.d.ts.map

package/dist/types/components/Ellipsize.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Ellipsize.d.ts","sourceRoot":"","sources":["../../../src/components/Ellipsize.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,QAAQ,EAAsB,eAAe,EAAE,MAAM,eAAe,CAAA;AAClF,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACnD,OAAO,EAAE,WAAW,EAAqC,MAAM,OAAO,CAAA;AA0EtE,UAAU,4BAA4B,CAAC,IAAI,SAAS,WAAW,GAAG,WAAW,CAAE,SAAQ,eAAe;IACpG,SAAS,CAAC,EAAE,IAAI,CAAA;IAChB,gBAAgB,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;CACnC;AAED,MAAM,WAAW,iBAAkB,SAAQ,QAAQ;IACjD,gBAAgB,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IAClC,eAAe,CAAC,EAAE,4BAA4B,CAAA;CAC/C;AAED,eAAO,MAAM,YAAY,yIAexB,CAAA"}
+{"version":3,"file":"Ellipsize.d.ts","sourceRoot":"","sources":["../../../src/components/Ellipsize.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,QAAQ,EAAsB,eAAe,EAAE,MAAM,eAAe,CAAA;AAClF,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACnD,OAAO,EAAE,WAAW,EAAqC,MAAM,OAAO,CAAA;AAQtE,MAAM,WAAW,kBAAmB,SAAQ,QAAQ;IAClD,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACnC;AAgED,MAAM,WAAW,4BAA4B,CAAC,IAAI,SAAS,WAAW,GAAG,WAAW,CAAE,SAAQ,eAAe;IAC3G,SAAS,CAAC,EAAE,IAAI,CAAA;IAChB,gBAAgB,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;CACnC;AAED,MAAM,WAAW,iBAAkB,SAAQ,QAAQ;IACjD,gBAAgB,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IAClC,eAAe,CAAC,EAAE,4BAA4B,CAAA;CAC/C;AAED,eAAO,MAAM,YAAY,yIAexB,CAAA"}

package/dist/types/components/pluginValidation/DataMissing.d.ts

@@ -1,8 +1,7 @@
 /// <reference types="react" />
 import { AlertProps } from '@mui/material';
-interface PayloadDataMissingProps extends AlertProps {
+export interface PayloadDataMissingProps extends AlertProps {
     alertBody?: string;
 }
 export declare const PayloadDataMissing: React.FC<PayloadDataMissingProps>;
-export {};
 //# sourceMappingURL=DataMissing.d.ts.map

package/dist/types/components/pluginValidation/DataMissing.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataMissing.d.ts","sourceRoot":"","sources":["../../../../src/components/pluginValidation/DataMissing.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAS,UAAU,EAAc,MAAM,eAAe,CAAA;AAE7D,UAAU,uBAAwB,SAAQ,UAAU;IAClD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAOhE,CAAA"}
+{"version":3,"file":"DataMissing.d.ts","sourceRoot":"","sources":["../../../../src/components/pluginValidation/DataMissing.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAS,UAAU,EAAc,MAAM,eAAe,CAAA;AAE7D,MAAM,WAAW,uBAAwB,SAAQ,UAAU;IACzD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAOhE,CAAA"}

package/dist/types/contexts/contextEx/ContextExProviderProps.d.ts

@@ -1,7 +1,6 @@
 import { WithChildren } from '@xylabs/react-shared';
-type EmptyObject = {};
+export type EmptyObject = {};
 export type ContextExProviderProps<T extends EmptyObject = EmptyObject> = WithChildren<{
     required?: boolean;
 } & T>;
-export {};
 //# sourceMappingURL=ContextExProviderProps.d.ts.map

package/dist/types/contexts/contextEx/ContextExProviderProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContextExProviderProps.d.ts","sourceRoot":"","sources":["../../../../src/contexts/contextEx/ContextExProviderProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAGnD,KAAK,WAAW,GAAG,EAAE,CAAA;AAErB,MAAM,MAAM,sBAAsB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,IAAI,YAAY,CACpF;IACE,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,CAAC,CACN,CAAA"}
+{"version":3,"file":"ContextExProviderProps.d.ts","sourceRoot":"","sources":["../../../../src/contexts/contextEx/ContextExProviderProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAGnD,MAAM,MAAM,WAAW,GAAG,EAAE,CAAA;AAE5B,MAAM,MAAM,sBAAsB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,IAAI,YAAY,CACpF;IACE,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,CAAC,CACN,CAAA"}

package/dist/types/hooks/index.d.ts

@@ -2,6 +2,7 @@ export * from './GradientStyles';
 export * from './useDataState';
 export * from './useIsMobile';
 export * from './useMediaQuery';
+export * from './usePayloadHash';
 export * from './usePromise';
 export * from './useShareForwardRef';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,cAAc,CAAA;AAC5B,cAAc,sBAAsB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,cAAc,CAAA;AAC5B,cAAc,sBAAsB,CAAA"}

package/dist/types/hooks/usePayloadHash.d.ts

@@ -0,0 +1,7 @@
+export declare const usePayloadHash: <TPayload extends import("@xyo-network/payload-model").SchemaFields & import("@xyo-network/payload-model").PayloadFields & {
+    schema: string;
+}>(payload: TPayload | null | undefined, dependencies?: unknown[]) => string | undefined;
+export declare const usePayloadHashes: <TPayload extends import("@xyo-network/payload-model").SchemaFields & import("@xyo-network/payload-model").PayloadFields & {
+    schema: string;
+}>(payloads: TPayload[] | null | undefined, dependencies?: unknown[]) => [TPayload, string][] | undefined;
+//# sourceMappingURL=usePayloadHash.d.ts.map

package/dist/types/hooks/usePayloadHash.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePayloadHash.d.ts","sourceRoot":"","sources":["../../../src/hooks/usePayloadHash.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,cAAc;;wDAAmF,OAAO,EAAE,uBAEtH,CAAA;AAED,eAAO,MAAM,gBAAgB;;2DAAsF,OAAO,EAAE,qCAO3H,CAAA"}

package/dist/types/hooks/usePromise.d.ts

@@ -1,5 +1,11 @@
+import { Promisable } from '@xyo-network/promise';
+export declare enum State {
+    pending = "pending",
+    rejected = "rejected",
+    resolved = "resolved"
+}
 /**
  * usePromise -
  */
-export declare const usePromise: <D, T extends D | Promise<D>>(promise?: T | undefined, dependencies?: unknown[]) => any[];
+export declare const usePromise: <TResult>(promise?: Promisable<TResult, never> | undefined, dependencies?: unknown[]) => [TResult | undefined, Error | undefined, State | undefined];
 //# sourceMappingURL=usePromise.d.ts.map

package/dist/types/hooks/usePromise.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePromise.d.ts","sourceRoot":"","sources":["../../../src/hooks/usePromise.tsx"],"names":[],"mappings":"AAmDA;;GAEG;AACH,eAAO,MAAM,UAAU,wEAA4D,OAAO,EAAE,UAyC3F,CAAA"}
+{"version":3,"file":"usePromise.d.ts","sourceRoot":"","sources":["../../../src/hooks/usePromise.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAGjD,oBAAY,KAAK;IACf,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,QAAQ,aAAa;CACtB;AA0CD;;GAEG;AACH,eAAO,MAAM,UAAU,6EAEP,OAAO,EAAE,gEA0CxB,CAAA"}

package/package.json

@@ -11,17 +11,17 @@
   },
   "dependencies": {
     "@xylabs/pixel": "^1.4.13",
-    "@xylabs/react-appbar": "^2.17.2",
-    "@xylabs/react-async-effect": "^2.17.2",
-    "@xylabs/react-button": "^2.17.2",
-    "@xylabs/react-flexbox": "^2.17.2",
-    "@xylabs/react-link": "^2.17.2",
-    "@xylabs/react-shared": "^2.17.2",
-    "@xyo-network/react-event": "^2.49.13"
+    "@xylabs/react-appbar": "^2.17.3",
+    "@xylabs/react-async-effect": "^2.17.3",
+    "@xylabs/react-button": "^2.17.3",
+    "@xylabs/react-flexbox": "^2.17.3",
+    "@xylabs/react-link": "^2.17.3",
+    "@xylabs/react-shared": "^2.17.3",
+    "@xyo-network/react-event": "^2.51.0-rc.1"
   },
   "devDependencies": {
-    "@storybook/react": "^7.0.12",
-    "@xylabs/react-quick-tip-button": "^2.17.2",
+    "@storybook/react": "^7.0.18",
+    "@xylabs/react-quick-tip-button": "^2.17.3",
     "@xylabs/ts-scripts-yarn3": "^2.17.13",
     "@xylabs/tsconfig-react": "^2.17.13",
     "typescript": "^5.0.4"
@@ -78,5 +78,6 @@
   },
   "sideEffects": false,
   "types": "dist/types/index.d.ts",
-  "version": "2.49.13"
+  "version": "2.51.0-rc.1",
+  "stableVersion": "2.50.0"
 }

package/src/components/Ellipsize.tsx

@@ -8,7 +8,7 @@ import { ElementType, forwardRef, useCallback, useState } from 'react'
 
 const ComponentName = 'Ellipsize'
 
-interface EllipsizeRootProps extends BoxProps {
+export interface EllipsizeRootProps extends BoxProps {
   beforeLineHeight?: string | number
 }
 
@@ -74,7 +74,7 @@ const useClientHeight = () => {
 }
 
 // See - https://mui.com/material-ui/guides/composition/#with-typescript
-interface TypographyWithComponentProps<Comp extends ElementType = ElementType> extends TypographyProps {
+export interface TypographyWithComponentProps<Comp extends ElementType = ElementType> extends TypographyProps {
   component?: Comp
   ellipsisPosition?: 'start' | 'end'
 }

package/src/components/pluginValidation/DataMissing.tsx

@@ -1,6 +1,6 @@
 import { Alert, AlertProps, AlertTitle } from '@mui/material'
 
-interface PayloadDataMissingProps extends AlertProps {
+export interface PayloadDataMissingProps extends AlertProps {
   alertBody?: string
 }
 

package/src/contexts/contextEx/ContextExProviderProps.ts

@@ -1,7 +1,7 @@
 import { WithChildren } from '@xylabs/react-shared'
 
 // eslint-disable-next-line @typescript-eslint/ban-types
-type EmptyObject = {}
+export type EmptyObject = {}
 
 export type ContextExProviderProps<T extends EmptyObject = EmptyObject> = WithChildren<
   {

package/src/hooks/index.ts

@@ -2,5 +2,6 @@ export * from './GradientStyles'
 export * from './useDataState'
 export * from './useIsMobile'
 export * from './useMediaQuery'
+export * from './usePayloadHash'
 export * from './usePromise'
 export * from './useShareForwardRef'

package/src/hooks/usePayloadHash.ts

@@ -0,0 +1,17 @@
+import { PayloadHasher } from '@xyo-network/core'
+import { Payload } from '@xyo-network/payload-model'
+
+import { usePromise } from './usePromise'
+
+export const usePayloadHash = <TPayload extends Payload>(payload: TPayload | undefined | null, dependencies?: unknown[]) => {
+  return usePromise(payload ? PayloadHasher.hashAsync(payload) : undefined, [payload, ...(dependencies ?? [])])[0]
+}
+
+export const usePayloadHashes = <TPayload extends Payload>(payloads: TPayload[] | undefined | null, dependencies?: unknown[]) => {
+  return usePromise(
+    payloads
+      ? Promise.all(payloads.map<Promise<[TPayload, string]>>(async (payload) => [payload, await PayloadHasher.hashAsync(payload)]))
+      : undefined,
+    [payloads, ...(dependencies ?? [])],
+  )[0]
+}

package/src/hooks/{usePromise.tsx → usePromise.ts}

@@ -1,9 +1,10 @@
 // Inspired from https://github.com/bsonntag/react-use-promise
 
 import { useAsyncEffect } from '@xylabs/react-async-effect'
+import { Promisable } from '@xyo-network/promise'
 import { useReducer } from 'react'
 
-enum State {
+export enum State {
   pending = 'pending',
   rejected = 'rejected',
   resolved = 'resolved',
@@ -52,7 +53,10 @@ const reducer = (_state: PromiseState, action: Action) => {
 /**
  * usePromise -
  */
-export const usePromise = <D, T extends Promise<D> | D>(promise?: T, dependencies: unknown[] = []) => {
+export const usePromise = <TResult>(
+  promise?: Promisable<TResult>,
+  dependencies: unknown[] = [],
+): [TResult | undefined, Error | undefined, State | undefined] => {
   const [{ error, result, state }, dispatch] = useReducer(reducer, defaultState)
 
   useAsyncEffect(

package/typedoc.json

@@ -0,0 +1,5 @@
+{
+  "$schema": "https://typedoc.org/schema.json",
+  "entryPoints": ["src/index.ts"],
+  "tsconfig": "./tsconfig.typedoc.json"
+}