@xyo-network/react-shared 2.40.0 → 2.40.2

package/dist/esm/components/Ellipsize.js

@@ -63,7 +63,7 @@ const useClientHeight = () => {
 export const EllipsizeBoxInner = forwardRef(({ children, ellipsisPosition = 'start', typographyProps, ...props }, ref) => {
     // Allow syncing of :before pseudo element height with contentWrapHeight
     const { contentWrapRef, contentWrapHeight } = useClientHeight();
-    return (_jsx(EllipsizeRoot, { beforeLineHeight: ref ? contentWrapHeight : undefined, ref: ref, ...props, children: _jsx(EllipsizeInnerWrap, { children: _jsx(EllipsizeContentWrap, { ref: contentWrapRef, component: 'span', ellipsisPosition: ellipsisPosition, ...typographyProps, children: children }) }) }));
+    return (_jsx(EllipsizeRoot, { beforeLineHeight: ref ? contentWrapHeight : undefined, ref: ref, ...props, children: _jsx(EllipsizeInnerWrap, { children: _jsx(EllipsizeContentWrap, { ref: contentWrapRef, component: 'span', ellipsisPosition: ellipsisPosition, variant: "body2", ...typographyProps, children: children }) }) }));
 });
 EllipsizeBoxInner.displayName = 'EllipsizeBox';
 export const EllipsizeBox = EllipsizeBoxInner;

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

@@ -1 +1 @@
-{"version":3,"file":"Ellipsize.js","sourceRoot":"","sources":["../../../src/components/Ellipsize.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Ellipsize.js","sourceRoot":"","sources":["../../../src/components/Ellipsize.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/TableCell/EllipsisTableCell.d.ts

@@ -14,5 +14,6 @@ export interface EllipsisTableCellProps extends TableCellProps {
     to?: To;
     value?: string;
 }
-export declare const EllipsisTableCell: React.FC<WithChildren<EllipsisTableCellProps>>;
+export declare const EllipsisTableCellWithRef: React.FC<WithChildren<EllipsisTableCellProps>>;
+export declare const EllipsisTableCell: import("react").FC<WithChildren<EllipsisTableCellProps>>;
 //# sourceMappingURL=EllipsisTableCell.d.ts.map

package/dist/esm/components/TableCell/EllipsisTableCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EllipsisTableCell.d.ts","sourceRoot":"","sources":["../../../../src/components/TableCell/EllipsisTableCell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,cAAc,EAAE,MAAM,eAAe,CAAA;AAEjE,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACnD,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAA;AAYrC,MAAM,WAAW,sBAAuB,SAAQ,cAAc;IAC5D;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,EAAE,CAAC,EAAE,EAAE,CAAA;IACP,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,sBAAsB,CAAC,CAgB5E,CAAA"}
+{"version":3,"file":"EllipsisTableCell.d.ts","sourceRoot":"","sources":["../../../../src/components/TableCell/EllipsisTableCell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,cAAc,EAAE,MAAM,eAAe,CAAA;AAEjE,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAEnD,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAA;AAYrC,MAAM,WAAW,sBAAuB,SAAQ,cAAc;IAC5D;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,EAAE,CAAC,EAAE,EAAE,CAAA;IACP,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,sBAAsB,CAAC,CAgBlF,CAAA;AAGF,eAAO,MAAM,iBAAiB,0DAA2B,CAAA"}

package/dist/esm/components/TableCell/EllipsisTableCell.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { styled, TableCell } from '@mui/material';
 import { LinkEx } from '@xylabs/react-link';
+import { forwardRef } from 'react';
 import { EllipsizeBox } from '../Ellipsize';
 const EllipsisTableCellRoot = styled(TableCell, {
     name: 'EllipsisTableCell',
@@ -9,7 +10,9 @@ const EllipsisTableCellRoot = styled(TableCell, {
 })(({ width = '100%' }) => ({
     width,
 }));
-export const EllipsisTableCell = ({ children, href, to, value, ...props }) => {
-    return (_jsx(EllipsisTableCellRoot, { ...props, children: _jsx(EllipsizeBox, { children: children ? (children) : href || to ? (_jsx(LinkEx, { title: value, to: to, href: href, target: href ? '_blank' : undefined, children: value })) : (value) }) }));
-};
+export const EllipsisTableCellWithRef = forwardRef(({ children, href, to, value, ...props }, ref) => {
+    return (_jsx(EllipsisTableCellRoot, { ref: ref, ...props, children: _jsx(EllipsizeBox, { children: children ? (children) : href || to ? (_jsx(LinkEx, { title: value, to: to, href: href, target: href ? '_blank' : undefined, children: value })) : (value) }) }));
+});
+EllipsisTableCellWithRef.displayName = 'EllipsisTableCell';
+export const EllipsisTableCell = EllipsisTableCellWithRef;
 //# sourceMappingURL=EllipsisTableCell.js.map

package/dist/esm/components/TableCell/EllipsisTableCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"EllipsisTableCell.js","sourceRoot":"","sources":["../../../../src/components/TableCell/EllipsisTableCell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAkB,MAAM,eAAe,CAAA;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAI3C,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAE3C,MAAM,qBAAqB,GAAG,MAAM,CAAC,SAAS,EAAE;IAC9C,IAAI,EAAE,mBAAmB;IACzB,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,OAAO;IAC7C,IAAI,EAAE,MAAM;CACb,CAAC,CAAC,CAAC,EAAE,KAAK,GAAG,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1B,KAAK;CACN,CAAC,CAAC,CAAA;AAeH,MAAM,CAAC,MAAM,iBAAiB,GAAmD,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC3H,OAAO,CACL,KAAC,qBAAqB,OAAK,KAAK,YAC9B,KAAC,YAAY,cACV,QAAQ,CAAC,CAAC,CAAC,CACV,QAAQ,CACT,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,CACf,KAAC,MAAM,IAAC,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,YAC1E,KAAK,GACC,CACV,CAAC,CAAC,CAAC,CACF,KAAK,CACN,GACY,GACO,CACzB,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"EllipsisTableCell.js","sourceRoot":"","sources":["../../../../src/components/TableCell/EllipsisTableCell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAkB,MAAM,eAAe,CAAA;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAE3C,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGlC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAE3C,MAAM,qBAAqB,GAAG,MAAM,CAAC,SAAS,EAAE;IAC9C,IAAI,EAAE,mBAAmB;IACzB,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,OAAO;IAC7C,IAAI,EAAE,MAAM;CACb,CAAC,CAAC,CAAC,EAAE,KAAK,GAAG,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1B,KAAK;CACN,CAAC,CAAC,CAAA;AAeH,MAAM,CAAC,MAAM,wBAAwB,GAAmD,UAAU,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAClJ,OAAO,CACL,KAAC,qBAAqB,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,YACxC,KAAC,YAAY,cACV,QAAQ,CAAC,CAAC,CAAC,CACV,QAAQ,CACT,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,CACf,KAAC,MAAM,IAAC,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,YAC1E,KAAK,GACC,CACV,CAAC,CAAC,CAAC,CACF,KAAK,CACN,GACY,GACO,CACzB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,wBAAwB,CAAC,WAAW,GAAG,mBAAmB,CAAA;AAC1D,MAAM,CAAC,MAAM,iBAAiB,GAAG,wBAAwB,CAAA"}

package/dist/esm/components/TableCell/HashTableCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HashTableCell.d.ts","sourceRoot":"","sources":["../../../../src/components/TableCell/HashTableCell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,sBAAsB,EAAE,MAAM,qBAAqB,CAAA;AAE/E,MAAM,WAAW,kBAAmB,SAAQ,sBAAsB;IAChE,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAWtD,CAAA"}
+{"version":3,"file":"HashTableCell.d.ts","sourceRoot":"","sources":["../../../../src/components/TableCell/HashTableCell.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAqB,sBAAsB,EAAE,MAAM,qBAAqB,CAAA;AAE/E,MAAM,WAAW,kBAAmB,SAAQ,sBAAsB;IAChE,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAoBtD,CAAA"}

package/dist/esm/components/TableCell/HashTableCell.js

@@ -1,8 +1,15 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { useXyoEvent } from '@xyo-network/react-event';
+import { useRef } from 'react';
 import { EllipsisTableCell } from './EllipsisTableCell';
 export const HashTableCell = ({ value, archive, dataType, network, exploreDomain, ...props }) => {
+    const ref = useRef(null);
+    const [tableCellRef, dispatch] = useXyoEvent(undefined, ref);
     const hashPath = `/${dataType}/hash/${value}?network=${network ?? 'main'}`;
     const explorePath = archive ? `/archive/${archive}${hashPath}` : hashPath;
-    return (_jsx(EllipsisTableCell, { value: value, href: exploreDomain ? `${exploreDomain}${explorePath}}` : undefined, to: exploreDomain ? undefined : explorePath, ...props }));
+    const handleCellClick = () => {
+        dispatch?.('hash', 'click', value);
+    };
+    return (_jsx(EllipsisTableCell, { onClick: handleCellClick, ref: tableCellRef, value: value, href: exploreDomain ? `${exploreDomain}${explorePath}}` : undefined, to: exploreDomain ? undefined : explorePath, ...props }));
 };
 //# sourceMappingURL=HashTableCell.js.map

package/dist/esm/components/TableCell/HashTableCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"HashTableCell.js","sourceRoot":"","sources":["../../../../src/components/TableCell/HashTableCell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAA0B,MAAM,qBAAqB,CAAA;AAS/E,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC5H,MAAM,QAAQ,GAAG,IAAI,QAAQ,SAAS,KAAK,YAAY,OAAO,IAAI,MAAM,EAAE,CAAA;IAC1E,MAAM,WAAW,GAAG,OAAO,CAAC,CAAC,CAAC,YAAY,OAAO,GAAG,QAAQ,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAA;IACzE,OAAO,CACL,KAAC,iBAAiB,IAChB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,aAAa,GAAG,WAAW,GAAG,CAAC,CAAC,CAAC,SAAS,EACnE,EAAE,EAAE,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,KACvC,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"HashTableCell.js","sourceRoot":"","sources":["../../../../src/components/TableCell/HashTableCell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,iBAAiB,EAA0B,MAAM,qBAAqB,CAAA;AAS/E,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC5H,MAAM,GAAG,GAAG,MAAM,CAA8B,IAAI,CAAC,CAAA;IACrD,MAAM,CAAC,YAAY,EAAE,QAAQ,CAAC,GAAG,WAAW,CAAuB,SAAS,EAAE,GAAG,CAAC,CAAA;IAClF,MAAM,QAAQ,GAAG,IAAI,QAAQ,SAAS,KAAK,YAAY,OAAO,IAAI,MAAM,EAAE,CAAA;IAC1E,MAAM,WAAW,GAAG,OAAO,CAAC,CAAC,CAAC,YAAY,OAAO,GAAG,QAAQ,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAA;IAEzE,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,CAAA;IACpC,CAAC,CAAA;IAED,OAAO,CACL,KAAC,iBAAiB,IAChB,OAAO,EAAE,eAAe,EACxB,GAAG,EAAE,YAAY,EACjB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,aAAa,GAAG,WAAW,GAAG,CAAC,CAAC,CAAC,SAAS,EACnE,EAAE,EAAE,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,KACvC,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAA"}

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

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

package/dist/esm/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,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,cAAc,CAAA;AAC5B,cAAc,sBAAsB,CAAA"}

package/dist/esm/hooks/index.js

@@ -2,5 +2,6 @@ export * from './GradientStyles';
 export * from './useDataState';
 export * from './useIsMobile';
 export * from './useMediaQuery';
+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,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,cAAc,CAAA;AAC5B,cAAc,sBAAsB,CAAA"}

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

@@ -0,0 +1,4 @@
+declare type PromiseOrFunction<T> = Promise<T> | (() => Promise<T>);
+export declare const usePromise: <T>(promiseArg: PromiseOrFunction<T>, inputs?: unknown[]) => any[];
+export {};
+//# sourceMappingURL=usePromise.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePromise.d.ts","sourceRoot":"","sources":["../../../src/hooks/usePromise.tsx"],"names":[],"mappings":"AAIA,aAAK,iBAAiB,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,OAAO,CAAC,CAAC,CAAC,CAAC,CAAA;AAwD3D,eAAO,MAAM,UAAU,iDAAkD,OAAO,EAAE,UAuCjF,CAAA"}

package/dist/esm/hooks/usePromise.js

@@ -0,0 +1,67 @@
+// Inspired from https://github.com/bsonntag/react-use-promise
+import { useEffect, useMemo, useReducer } from 'react';
+const resolvePromise = (promise) => {
+    if (typeof promise === 'function') {
+        return promise();
+    }
+    return promise;
+};
+var State;
+(function (State) {
+    State["pending"] = "pending";
+    State["rejected"] = "rejected";
+    State["resolved"] = "resolved";
+})(State || (State = {}));
+const defaultState = {
+    error: undefined,
+    result: undefined,
+    state: State.pending,
+};
+const reducer = (_state, action) => {
+    switch (action.type) {
+        case State.pending:
+            return defaultState;
+        case State.resolved:
+            return {
+                error: undefined,
+                result: action.payload,
+                state: State.resolved,
+            };
+        case State.rejected:
+            return {
+                error: action.payload,
+                result: undefined,
+                state: State.rejected,
+            };
+        default:
+            throw Error(`Error parsing action ${JSON.stringify(action, null, 2)}`);
+    }
+};
+export const usePromise = (promiseArg, inputs = []) => {
+    const [{ error, result, state }, dispatch] = useReducer(reducer, defaultState);
+    const dependencies = useMemo(() => [promiseArg, ...inputs], [inputs, promiseArg]);
+    useEffect(() => {
+        const promise = resolvePromise(promiseArg);
+        if (!promise) {
+            return;
+        }
+        let canceled = false;
+        dispatch({ type: State.pending });
+        promise.then((result) => !canceled &&
+            dispatch({
+                payload: result,
+                type: State.resolved,
+            }), (error) => !canceled &&
+            dispatch({
+                payload: error,
+                type: State.rejected,
+            }));
+        return () => {
+            canceled = true;
+        };
+        // eslint can't inspect the array to verify dependencies are missing
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, dependencies);
+    return [result, error, state];
+};
+//# sourceMappingURL=usePromise.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePromise.js","sourceRoot":"","sources":["../../../src/hooks/usePromise.tsx"],"names":[],"mappings":"AAAA,8DAA8D;AAE9D,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAItD,MAAM,cAAc,GAAG,CAAK,OAA6B,EAAE,EAAE;IAC3D,IAAI,OAAO,OAAO,KAAK,UAAU,EAAE;QACjC,OAAO,OAAO,EAAE,CAAA;KACjB;IAED,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAED,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,MAAM,CAAC,MAAM,UAAU,GAAG,CAAK,UAAgC,EAAE,SAAoB,EAAE,EAAE,EAAE;IACzF,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,QAAQ,CAAC,GAAG,UAAU,CAAC,OAAO,EAAE,YAAY,CAAC,CAAA;IAE9E,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,UAAU,EAAE,GAAG,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAA;IAEjF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,cAAc,CAAI,UAAU,CAAC,CAAA;QAE7C,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,OAAO,CAAC,IAAI,CACV,CAAC,MAAM,EAAE,EAAE,CACT,CAAC,QAAQ;YACT,QAAQ,CAAC;gBACP,OAAO,EAAE,MAAM;gBACf,IAAI,EAAE,KAAK,CAAC,QAAQ;aACrB,CAAC,EACJ,CAAC,KAAK,EAAE,EAAE,CACR,CAAC,QAAQ;YACT,QAAQ,CAAC;gBACP,OAAO,EAAE,KAAK;gBACd,IAAI,EAAE,KAAK,CAAC,QAAQ;aACrB,CAAC,CACL,CAAA;QAED,OAAO,GAAG,EAAE;YACV,QAAQ,GAAG,IAAI,CAAA;QACjB,CAAC,CAAA;QACD,oEAAoE;QACpE,uDAAuD;IACzD,CAAC,EAAE,YAAY,CAAC,CAAA;IAEhB,OAAO,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,CAAA;AAC/B,CAAC,CAAA"}

package/package.json

@@ -16,6 +16,7 @@
     "@xylabs/react-flexbox": "^2.15.1",
     "@xylabs/react-link": "^2.15.1",
     "@xylabs/react-shared": "^2.15.1",
+    "@xyo-network/react-event": "^2.40.2",
     "tslib": "^2.4.1"
   },
   "peerDependencies": {
@@ -69,5 +70,5 @@
   },
   "sideEffects": false,
   "types": "dist/esm/index.d.ts",
-  "version": "2.40.0"
+  "version": "2.40.2"
 }

package/src/components/Ellipsize.tsx

@@ -92,7 +92,7 @@ export const EllipsizeBoxInner: React.FC<WithChildren<EllipsizeBoxProps>> = forw
     return (
       <EllipsizeRoot beforeLineHeight={ref ? contentWrapHeight : undefined} ref={ref} {...props}>
         <EllipsizeInnerWrap>
-          <EllipsizeContentWrap ref={contentWrapRef} component={'span'} ellipsisPosition={ellipsisPosition} {...typographyProps}>
+          <EllipsizeContentWrap ref={contentWrapRef} component={'span'} ellipsisPosition={ellipsisPosition} variant="body2" {...typographyProps}>
             {children}
           </EllipsizeContentWrap>
         </EllipsizeInnerWrap>

package/src/components/TableCell/EllipsisTableCell.tsx

@@ -1,6 +1,7 @@
 import { styled, TableCell, TableCellProps } from '@mui/material'
 import { LinkEx } from '@xylabs/react-link'
 import { WithChildren } from '@xylabs/react-shared'
+import { forwardRef } from 'react'
 import { To } from 'react-router-dom'
 
 import { EllipsizeBox } from '../Ellipsize'
@@ -26,9 +27,9 @@ export interface EllipsisTableCellProps extends TableCellProps {
   value?: string
 }
 
-export const EllipsisTableCell: React.FC<WithChildren<EllipsisTableCellProps>> = ({ children, href, to, value, ...props }) => {
+export const EllipsisTableCellWithRef: React.FC<WithChildren<EllipsisTableCellProps>> = forwardRef(({ children, href, to, value, ...props }, ref) => {
   return (
-    <EllipsisTableCellRoot {...props}>
+    <EllipsisTableCellRoot ref={ref} {...props}>
       <EllipsizeBox>
         {children ? (
           children
@@ -42,4 +43,7 @@ export const EllipsisTableCell: React.FC<WithChildren<EllipsisTableCellProps>> =
       </EllipsizeBox>
     </EllipsisTableCellRoot>
   )
-}
+})
+
+EllipsisTableCellWithRef.displayName = 'EllipsisTableCell'
+export const EllipsisTableCell = EllipsisTableCellWithRef

package/src/components/TableCell/HashTableCell.tsx

@@ -1,3 +1,6 @@
+import { useXyoEvent } from '@xyo-network/react-event'
+import { useRef } from 'react'
+
 import { EllipsisTableCell, EllipsisTableCellProps } from './EllipsisTableCell'
 
 export interface HashTableCellProps extends EllipsisTableCellProps {
@@ -8,10 +11,19 @@ export interface HashTableCellProps extends EllipsisTableCellProps {
 }
 
 export const HashTableCell: React.FC<HashTableCellProps> = ({ value, archive, dataType, network, exploreDomain, ...props }) => {
+  const ref = useRef<HTMLTableCellElement | null>(null)
+  const [tableCellRef, dispatch] = useXyoEvent<HTMLTableCellElement>(undefined, ref)
   const hashPath = `/${dataType}/hash/${value}?network=${network ?? 'main'}`
   const explorePath = archive ? `/archive/${archive}${hashPath}` : hashPath
+
+  const handleCellClick = () => {
+    dispatch?.('hash', 'click', value)
+  }
+
   return (
     <EllipsisTableCell
+      onClick={handleCellClick}
+      ref={tableCellRef}
       value={value}
       href={exploreDomain ? `${exploreDomain}${explorePath}}` : undefined}
       to={exploreDomain ? undefined : explorePath}

package/src/hooks/index.ts

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

package/src/hooks/usePromise.tsx

@@ -0,0 +1,100 @@
+// Inspired from https://github.com/bsonntag/react-use-promise
+
+import { useEffect, useMemo, useReducer } from 'react'
+
+type PromiseOrFunction<T> = Promise<T> | (() => Promise<T>)
+
+const resolvePromise = <T,>(promise: PromiseOrFunction<T>) => {
+  if (typeof promise === 'function') {
+    return promise()
+  }
+
+  return promise
+}
+
+enum State {
+  pending = 'pending',
+  rejected = 'rejected',
+  resolved = 'resolved',
+}
+
+interface PromiseState<T = void> {
+  error?: Error
+  result?: T
+  state?: State
+}
+
+const defaultState: PromiseState = {
+  error: undefined,
+  result: undefined,
+  state: State.pending,
+}
+
+// Since the resolved promise value can be anything, any seems appropriate
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+type Action = { type: State; payload?: any }
+
+const reducer = (_state: PromiseState, action: Action) => {
+  switch (action.type) {
+    case State.pending:
+      return defaultState
+
+    case State.resolved:
+      return {
+        error: undefined,
+        result: action.payload,
+        state: State.resolved,
+      }
+
+    case State.rejected:
+      return {
+        error: action.payload,
+        result: undefined,
+        state: State.rejected,
+      }
+
+    default:
+      throw Error(`Error parsing action ${JSON.stringify(action, null, 2)}`)
+  }
+}
+
+export const usePromise = <T,>(promiseArg: PromiseOrFunction<T>, inputs: unknown[] = []) => {
+  const [{ error, result, state }, dispatch] = useReducer(reducer, defaultState)
+
+  const dependencies = useMemo(() => [promiseArg, ...inputs], [inputs, promiseArg])
+
+  useEffect(() => {
+    const promise = resolvePromise<T>(promiseArg)
+
+    if (!promise) {
+      return
+    }
+
+    let canceled = false
+
+    dispatch({ type: State.pending })
+
+    promise.then(
+      (result) =>
+        !canceled &&
+        dispatch({
+          payload: result,
+          type: State.resolved,
+        }),
+      (error) =>
+        !canceled &&
+        dispatch({
+          payload: error,
+          type: State.rejected,
+        }),
+    )
+
+    return () => {
+      canceled = true
+    }
+    // eslint can't inspect the array to verify dependencies are missing
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, dependencies)
+
+  return [result, error, state]
+}