@xyo-network/react-shared 2.61.1 → 2.63.1

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

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

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

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

package/dist/esm/components/Ellipsize.js

@@ -0,0 +1,71 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box, styled, Typography } from '@mui/material';
+import { forwardRef, useCallback, useState } from 'react';
+import { useShareForwardedRef } from '../hooks';
+/**
+ * Heavily inspired by - https://stackoverflow.com/a/30362531/2803259
+ */
+const ComponentName = 'Ellipsize';
+const EllipsizeRoot = styled(Box, {
+    name: ComponentName,
+    shouldForwardProp: (prop) => prop !== 'beforeLineHeight',
+    slot: 'Root',
+})(({ beforeLineHeight }) => ({
+    '&': {
+        // because the cell content ends up absolutely positioned, the cell doesn't know the content height.
+        // the pseudo element with a hidden character establishes the proper height of the content and hides it
+        ':before': {
+            content: "'nbsp;'",
+            display: 'block',
+            // take the pseudo element out of the `display: block` flow so it won't push against our actual content
+            float: 'left',
+            visibility: 'hidden',
+            // since we are `display: block`, lineHeight is the height
+            ...(beforeLineHeight && { lineHeight: beforeLineHeight }),
+        },
+    },
+}));
+const EllipsizeInnerWrap = styled(Box, {
+    name: ComponentName,
+    slot: 'innerWrap',
+})(() => ({
+    position: 'relative',
+}));
+const EllipsizeContentWrap = styled(Typography, {
+    name: ComponentName,
+    shouldForwardProp: (prop) => prop !== 'ellipsisPosition',
+    slot: 'contentWrap',
+})(({ theme, ellipsisPosition, fontFamily }) => {
+    return theme.unstable_sx({
+        fontFamily: fontFamily ?? 'monospace',
+        left: 0,
+        overflow: 'hidden',
+        position: 'absolute',
+        right: 0,
+        textOverflow: 'ellipsis',
+        whiteSpace: 'nowrap',
+        ...(ellipsisPosition === 'start'
+            ? {
+                direction: 'rtl',
+                textAlign: 'left',
+            }
+            : {}),
+    });
+});
+const useClientHeight = () => {
+    const [contentWrapHeight, setContentWrapHeight] = useState();
+    const contentWrapRef = useCallback((node) => {
+        if (node !== null) {
+            setContentWrapHeight(node.clientHeight + 'px');
+        }
+    }, []);
+    return { contentWrapHeight, contentWrapRef };
+};
+export const EllipsizeBox = forwardRef(({ children, ellipsisPosition = 'start', disableSharedRef, typographyProps, ...props }, ref) => {
+    // Allow syncing of :before pseudo element height with contentWrapHeight
+    const { contentWrapRef, contentWrapHeight } = useClientHeight();
+    const sharedRef = useShareForwardedRef(ref);
+    return (_jsx(EllipsizeRoot, { beforeLineHeight: !!sharedRef && !disableSharedRef ? contentWrapHeight : undefined, ...props, ref: ref, children: _jsx(EllipsizeInnerWrap, { children: _jsx(EllipsizeContentWrap, { ref: contentWrapRef, component: 'span', ellipsisPosition: ellipsisPosition, variant: "body2", ...typographyProps, children: children }) }) }));
+});
+EllipsizeBox.displayName = 'EllipsizeBox';
+//# sourceMappingURL=Ellipsize.js.map

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

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

package/dist/esm/components/ErrorBoundary.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Typography } from '@mui/material';
+import { FlexCol } from '@xylabs/react-flexbox';
+import { Component } from 'react';
+export class ErrorBoundary extends Component {
+    constructor(props) {
+        super(props);
+        this.state = { error: undefined };
+    }
+    static getDerivedStateFromError(error) {
+        return { error };
+    }
+    componentDidCatch(error, errorInfo) {
+        console.error(`${error}: ${errorInfo}`);
+    }
+    render() {
+        if (this.state.error) {
+            if (this.props.fallbackWithError) {
+                return this.props.fallbackWithError(this.state.error);
+            }
+            return (this.props.fallback ?? (_jsxs(FlexCol, { children: [_jsx(Typography, { variant: "h1", children: "Something went wrong." }), _jsxs(Typography, { variant: "body1", children: ["[", this.state.error?.message, "]"] })] })));
+        }
+        return this.props.children;
+    }
+}
+//# sourceMappingURL=ErrorBoundary.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../../src/components/ErrorBoundary.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAwB,MAAM,OAAO,CAAA;AAcvD,MAAM,OAAO,aAAc,SAAQ,SAAiD;IAClF,YAAY,KAAyB;QACnC,KAAK,CAAC,KAAK,CAAC,CAAA;QACZ,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,CAAA;IACnC,CAAC;IAED,MAAM,CAAC,wBAAwB,CAAC,KAAY;QAC1C,OAAO,EAAE,KAAK,EAAE,CAAA;IAClB,CAAC;IAEQ,iBAAiB,CAAC,KAAY,EAAE,SAAoB;QAC3D,OAAO,CAAC,KAAK,CAAC,GAAG,KAAK,KAAK,SAAS,EAAE,CAAC,CAAA;IACzC,CAAC;IAEQ,MAAM;QACb,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE;YACpB,IAAI,IAAI,CAAC,KAAK,CAAC,iBAAiB,EAAE;gBAChC,OAAO,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;aACtD;YACD,OAAO,CACL,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,CACrB,MAAC,OAAO,eACN,KAAC,UAAU,IAAC,OAAO,EAAC,IAAI,sCAAmC,EAC3D,MAAC,UAAU,IAAC,OAAO,EAAC,OAAO,kBAAG,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,OAAO,SAAe,IAC9D,CACX,CACF,CAAA;SACF;QAED,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAA;IAC5B,CAAC;CACF"}

package/dist/esm/components/ListItemButtonEx.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ListItemButton } from '@mui/material';
+import { useNavigate } from 'react-router-dom';
+export const ListItemButtonExTo = ({ to, toOptions, onClick, ...props }) => {
+    const navigate = useNavigate();
+    const localOnClick = (event) => {
+        onClick?.(event);
+        if (to) {
+            navigate(to, toOptions);
+        }
+    };
+    return _jsx(ListItemButton, { onClick: localOnClick, ...props });
+};
+export const ListItemButtonEx = ({ to, ...props }) => {
+    if (to) {
+        return _jsx(ListItemButtonExTo, { to: to, ...props });
+    }
+    else {
+        return _jsx(ListItemButton, { ...props });
+    }
+};
+//# sourceMappingURL=ListItemButtonEx.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemButtonEx.js","sourceRoot":"","sources":["../../../src/components/ListItemButtonEx.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAuB,MAAM,eAAe,CAAA;AAEnE,OAAO,EAAuB,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAQnE,MAAM,CAAC,MAAM,kBAAkB,GAAoC,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC1G,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAA;IAC9B,MAAM,YAAY,GAAG,CAAC,KAAiC,EAAE,EAAE;QACzD,OAAO,EAAE,CAAC,KAAK,CAAC,CAAA;QAChB,IAAI,EAAE,EAAE;YACN,QAAQ,CAAC,EAAE,EAAE,SAAS,CAAC,CAAA;SACxB;IACH,CAAC,CAAA;IAED,OAAO,KAAC,cAAc,IAAC,OAAO,EAAE,YAAY,KAAM,KAAK,GAAI,CAAA;AAC7D,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACpF,IAAI,EAAE,EAAE;QACN,OAAO,KAAC,kBAAkB,IAAC,EAAE,EAAE,EAAE,KAAM,KAAK,GAAI,CAAA;KACjD;SAAM;QACL,OAAO,KAAC,cAAc,OAAK,KAAK,GAAI,CAAA;KACrC;AACH,CAAC,CAAA"}

package/dist/esm/components/LoadResult.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { FlexGrowRow } from '@xylabs/react-flexbox';
+import { NotFound } from './NotFound';
+export function LoadResult(props) {
+    const { notFound, error, searchResult, children } = props;
+    if (notFound) {
+        return _jsx(NotFound, {});
+    }
+    if (error) {
+        return _jsx(_Fragment, { children: children });
+    }
+    if (searchResult === undefined) {
+        return _jsx(FlexGrowRow, { busy: true, minHeight: "50px" });
+    }
+    else {
+        return _jsx(_Fragment, { children: children });
+    }
+}
+//# sourceMappingURL=LoadResult.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoadResult.js","sourceRoot":"","sources":["../../../src/components/LoadResult.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAGnD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAWrC,MAAM,UAAU,UAAU,CAAI,KAA4C;IACxE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;IACzD,IAAI,QAAQ,EAAE;QACZ,OAAO,KAAC,QAAQ,KAAG,CAAA;KACpB;IACD,IAAI,KAAK,EAAE;QACT,OAAO,4BAAG,QAAQ,GAAI,CAAA;KACvB;IACD,IAAI,YAAY,KAAK,SAAS,EAAE;QAC9B,OAAO,KAAC,WAAW,IAAC,IAAI,QAAC,SAAS,EAAC,MAAM,GAAG,CAAA;KAC7C;SAAM;QACL,OAAO,4BAAG,QAAQ,GAAI,CAAA;KACvB;AACH,CAAC"}

package/dist/esm/components/NotFound.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Typography } from '@mui/material';
+import { FlexGrowCol } from '@xylabs/react-flexbox';
+const NotFound = (props) => {
+    return (_jsxs(FlexGrowCol, { ...props, children: [_jsx(Typography, { variant: "h2", children: "Sorry!" }), _jsx(Typography, { marginY: 3, variant: "body2", children: "Can't find anything here" })] }));
+};
+export { NotFound };
+//# sourceMappingURL=NotFound.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NotFound.js","sourceRoot":"","sources":["../../../src/components/NotFound.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAgB,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAEjE,MAAM,QAAQ,GAA2B,CAAC,KAAK,EAAE,EAAE;IACjD,OAAO,CACL,MAAC,WAAW,OAAK,KAAK,aACpB,KAAC,UAAU,IAAC,OAAO,EAAC,IAAI,uBAAoB,EAC5C,KAAC,UAAU,IAAC,OAAO,EAAE,CAAC,EAAE,OAAO,EAAC,OAAO,YACpC,0BAA0B,GAChB,IACD,CACf,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/esm/components/Pipe.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Typography } from '@mui/material';
+export const Pipe = (props) => {
+    return (_jsx(Typography, { marginX: 1, component: "span", ...props, children: "|" }));
+};
+//# sourceMappingURL=Pipe.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pipe.js","sourceRoot":"","sources":["../../../src/components/Pipe.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,eAAe,CAAA;AAE3D,MAAM,CAAC,MAAM,IAAI,GAA8B,CAAC,KAAK,EAAE,EAAE;IACvD,OAAO,CACL,KAAC,UAAU,IAAC,OAAO,EAAE,CAAC,EAAE,SAAS,EAAC,MAAM,KAAK,KAAK,kBAErC,CACd,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/ScrollTableOnSm.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { styled } from '@mui/material';
+const StyledScrollTableOnSm = styled('div')(({ theme }) => ({
+    [theme.breakpoints.down('md')]: {
+        overflowX: 'scroll',
+    },
+    display: 'flex',
+    flexGrow: 1,
+}));
+const ScrollTableOnSm = ({ children }) => _jsx(StyledScrollTableOnSm, { children: children });
+export { ScrollTableOnSm };
+//# sourceMappingURL=ScrollTableOnSm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollTableOnSm.js","sourceRoot":"","sources":["../../../src/components/ScrollTableOnSm.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAGtC,MAAM,qBAAqB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1D,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE;QAC9B,SAAS,EAAE,QAAQ;KACpB;IACD,OAAO,EAAE,MAAM;IACf,QAAQ,EAAE,CAAC;CACZ,CAAC,CAAC,CAAA;AAEH,MAAM,eAAe,GAA2B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,KAAC,qBAAqB,cAAE,QAAQ,GAAyB,CAAA;AAE3H,OAAO,EAAE,eAAe,EAAE,CAAA"}

package/dist/esm/components/SectionSpacingRow/SectionSpacingRow.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useTheme } from '@mui/material';
+import { FlexGrowRow } from '@xylabs/react-flexbox';
+import { forwardRef } from 'react';
+export const SectionSpacingRow = forwardRef(({ children, sx, ...props }, ref) => {
+    const theme = useTheme();
+    return (_jsx(FlexGrowRow, { sx: {
+            paddingBottom: { md: theme.spacing(5), xs: theme.spacing(5) },
+            paddingTop: { md: theme.spacing(5), xs: theme.spacing(5) },
+            ...sx,
+        }, width: "100%", ref: ref, ...props, children: children }));
+});
+SectionSpacingRow.displayName = 'SectionSpacingRow';
+//# sourceMappingURL=SectionSpacingRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SectionSpacingRow.js","sourceRoot":"","sources":["../../../../src/components/SectionSpacingRow/SectionSpacingRow.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAgB,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAElC,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAAU,CAA+B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC5G,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,OAAO,CACL,KAAC,WAAW,IACV,EAAE,EAAE;YACF,aAAa,EAAE,EAAE,EAAE,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;YAC7D,UAAU,EAAE,EAAE,EAAE,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;YAC1D,GAAG,EAAE;SACN,EACD,KAAK,EAAC,MAAM,EACZ,GAAG,EAAE,GAAG,KACJ,KAAK,YAER,QAAQ,GACG,CACf,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAA"}

package/dist/{components/SectionSpacingRow/index.d.mts → esm/components/SectionSpacingRow/index.js}

@@ -1,2 +1,2 @@
 export * from './SectionSpacingRow';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { EllipsisTableCell } from './EllipsisTableCell';
+const AddressTableCell = forwardRef(({ value, archive, exploreDomain, link, ...props }, ref) => {
+    const href = exploreDomain && archive ? `${exploreDomain}/archive/${archive}/address/${value}` : undefined;
+    const to = exploreDomain === undefined && archive ? `/archive/${archive}/address/${value}` : undefined;
+    return _jsx(EllipsisTableCell, { value: value, href: href, to: to, ref: ref, link: link, ...props });
+});
+AddressTableCell.displayName = 'AddressTableCell';
+export { AddressTableCell };
+//# sourceMappingURL=AddressTableCell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AddressTableCell.js","sourceRoot":"","sources":["../../../../src/components/TableCell/AddressTableCell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAElC,OAAO,EAAE,iBAAiB,EAA0B,MAAM,qBAAqB,CAAA;AAU/E,MAAM,gBAAgB,GAAG,UAAU,CAA8C,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC1I,MAAM,IAAI,GAAG,aAAa,IAAI,OAAO,CAAC,CAAC,CAAC,GAAG,aAAa,YAAY,OAAO,YAAY,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAA;IAC1G,MAAM,EAAE,GAAG,aAAa,KAAK,SAAS,IAAI,OAAO,CAAC,CAAC,CAAC,YAAY,OAAO,YAAY,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAA;IAEtG,OAAO,KAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,KAAM,KAAK,GAAI,CAAA;AACjG,CAAC,CAAC,CAAA;AAEF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAA;AACjD,OAAO,EAAE,gBAAgB,EAAE,CAAA"}

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

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { styled, TableCell } from '@mui/material';
+import { LinkEx } from '@xylabs/react-link';
+import { forwardRef, useMemo } from 'react';
+import { EllipsizeBox } from '../Ellipsize';
+const EllipsisTableCellRoot = styled(TableCell, {
+    name: 'EllipsisTableCell',
+    shouldForwardProp: (prop) => prop !== 'width',
+    slot: 'Root',
+})(({ width = '100%' }) => ({
+    width,
+}));
+export const EllipsisTableCellWithRef = forwardRef(({ children, href, link = false, to, value, ...props }, ref) => {
+    const data = useMemo(() => {
+        if (children) {
+            return children;
+        }
+        if (href || link || to) {
+            return (_jsx(LinkEx, { title: value, to: to, href: href, target: href ? '_blank' : undefined, children: value }));
+        }
+        return value;
+    }, [children, href, link, to, value]);
+    return (_jsx(EllipsisTableCellRoot, { ref: ref, ...props, children: _jsx(EllipsizeBox, { sx: { cursor: link || to || href ? 'pointer' : 'inherit' }, children: data }) }));
+});
+EllipsisTableCellWithRef.displayName = 'EllipsisTableCell';
+export const EllipsisTableCell = EllipsisTableCellWithRef;
+//# sourceMappingURL=EllipsisTableCell.js.map

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

@@ -0,0 +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;AAE3C,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAG3C,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;AAgBH,MAAM,CAAC,MAAM,wBAAwB,GAAmD,UAAU,CAChG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,GAAG,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC7D,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE;QACxB,IAAI,QAAQ,EAAE;YACZ,OAAO,QAAQ,CAAA;SAChB;QACD,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE,EAAE;YACtB,OAAO,CACL,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,CAAA;SACF;QACD,OAAO,KAAK,CAAA;IACd,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,CAAC,CAAC,CAAA;IACrC,OAAO,CACL,KAAC,qBAAqB,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,YACxC,KAAC,YAAY,IAAC,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,IAAI,EAAE,IAAI,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAAE,YAAG,IAAI,GAAgB,GACzE,CACzB,CAAA;AACH,CAAC,CACF,CAAA;AAED,wBAAwB,CAAC,WAAW,GAAG,mBAAmB,CAAA;AAC1D,MAAM,CAAC,MAAM,iBAAiB,GAAG,wBAAwB,CAAA"}

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

@@ -0,0 +1,66 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TableCell, useTheme } from '@mui/material';
+import { LinkEx } from '@xylabs/react-link';
+import { useEffect, useRef, useState } from 'react';
+import { getActualPaddingX } from '../../lib';
+import { findParent } from './findParent';
+import { getRemainingRowWidth } from './getRemainingRowWidth';
+import { getSmallestParentWidth } from './getSmallestParentWidth';
+/** @deprecated - use new EllipsisTableCell */
+export const EllipsisTableCellDeprecated = ({ children, value, to, forCell, href, ...props }) => {
+    const [calcCellWidth, setCalcCellWidth] = useState(0);
+    const hashDivRef = useRef(null);
+    const theme = useTheme();
+    useEffect(() => {
+        const currentElement = hashDivRef.current?.parentElement;
+        const cell = findParent('td', currentElement);
+        const row = findParent('tr', currentElement);
+        const checkWidth = (cell) => {
+            const smallestParentWidth = getSmallestParentWidth(cell);
+            if (smallestParentWidth && row) {
+                const remainingWidth = getRemainingRowWidth(row, forCell);
+                const actualPaddingX = getActualPaddingX(cell);
+                const remainderWidth = smallestParentWidth - remainingWidth - actualPaddingX;
+                cell.style.width = `${remainderWidth}`;
+                setCalcCellWidth(remainderWidth);
+            }
+        };
+        const onResize = () => {
+            if (cell) {
+                checkWidth(cell);
+            }
+        };
+        if (cell) {
+            checkWidth(cell);
+            window.addEventListener('resize', onResize);
+            row?.addEventListener('resize', onResize);
+        }
+        return () => {
+            window.removeEventListener('resize', onResize);
+            row?.removeEventListener('resize', onResize);
+        };
+    }, [forCell, hashDivRef]);
+    return (_jsx(TableCell, { ...props, children: _jsx("div", { ref: hashDivRef, children: children ? (_jsx("span", { style: {
+                    display: 'block',
+                    maxWidth: calcCellWidth,
+                    minWidth: theme.spacing(10),
+                    overflow: 'hidden',
+                    textOverflow: 'ellipsis',
+                    whiteSpace: 'nowrap',
+                }, children: children })) : href || to ? (_jsx(LinkEx, { style: {
+                    display: 'block',
+                    maxWidth: calcCellWidth,
+                    minWidth: theme.spacing(10),
+                    overflow: 'hidden',
+                    textOverflow: 'ellipsis',
+                    whiteSpace: 'nowrap',
+                }, to: to, href: href, target: href ? '_blank' : undefined, children: value })) : (_jsx("span", { style: {
+                    display: 'block',
+                    maxWidth: calcCellWidth,
+                    minWidth: theme.spacing(10),
+                    overflow: 'hidden',
+                    textOverflow: 'ellipsis',
+                    whiteSpace: 'nowrap',
+                }, children: value })) }) }));
+};
+//# sourceMappingURL=EllipsisTableCellDeprecated.js.map

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

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

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

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEvent } 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] = useEvent(undefined, ref);
+    const hashPath = `/${dataType}/hash/${value}?network=${network ?? 'main'}`;
+    const explorePath = archive ? `/archive/${archive}${hashPath}` : hashPath;
+    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

@@ -0,0 +1 @@
+{"version":3,"file":"HashTableCell.js","sourceRoot":"","sources":["../../../../src/components/TableCell/HashTableCell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACnD,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,QAAQ,CAAuB,SAAS,EAAE,GAAG,CAAC,CAAA;IAC/E,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/components/TableCell/findParent.js

@@ -0,0 +1,12 @@
+export const findParent = (tagName, element = null) => {
+    let currentElement = element;
+    while (currentElement) {
+        if (currentElement.tagName.toLowerCase() === tagName.toLowerCase()) {
+            return currentElement;
+        }
+        else {
+            currentElement = currentElement.parentElement;
+        }
+    }
+};
+//# sourceMappingURL=findParent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"findParent.js","sourceRoot":"","sources":["../../../../src/components/TableCell/findParent.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,OAAe,EAAE,UAA8B,IAAI,EAAE,EAAE;IAChF,IAAI,cAAc,GAAG,OAAO,CAAA;IAC5B,OAAO,cAAc,EAAE;QACrB,IAAI,cAAc,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,OAAO,CAAC,WAAW,EAAE,EAAE;YAClE,OAAO,cAAc,CAAA;SACtB;aAAM;YACL,cAAc,GAAG,cAAc,CAAC,aAAa,CAAA;SAC9C;KACF;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,14 @@
+/** @description This is the width of all the cells (except the one passed) in the row combined and the spacing of the main cell */
+export const getRemainingRowWidth = (row, forCell = 0) => {
+    let width = 0;
+    for (let i = 0; i < (row?.childElementCount ?? 0); i++) {
+        const item = row?.children.item(i);
+        if (item) {
+            if (i !== forCell) {
+                width += item?.clientWidth ?? 0;
+            }
+        }
+    }
+    return width;
+};
+//# sourceMappingURL=getRemainingRowWidth.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getRemainingRowWidth.js","sourceRoot":"","sources":["../../../../src/components/TableCell/getRemainingRowWidth.ts"],"names":[],"mappings":"AAAA,mIAAmI;AACnI,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,GAAgB,EAAE,OAAO,GAAG,CAAC,EAAE,EAAE;IACpE,IAAI,KAAK,GAAG,CAAC,CAAA;IACb,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,iBAAiB,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACtD,MAAM,IAAI,GAAG,GAAG,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;QAClC,IAAI,IAAI,EAAE;YACR,IAAI,CAAC,KAAK,OAAO,EAAE;gBACjB,KAAK,IAAI,IAAI,EAAE,WAAW,IAAI,CAAC,CAAA;aAChC;SACF;KACF;IAED,OAAO,KAAK,CAAA;AACd,CAAC,CAAA"}

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

@@ -0,0 +1,14 @@
+export const getSmallestParentWidth = (element, maxDepth = 4) => {
+    let currentElement = element?.parentElement;
+    let width = currentElement?.clientWidth ?? screen.width;
+    let maxDepthCounter = maxDepth;
+    while (currentElement && maxDepthCounter > 0) {
+        if (width > currentElement.clientWidth) {
+            width = currentElement.clientWidth;
+        }
+        currentElement = currentElement.parentElement;
+        maxDepthCounter--;
+    }
+    return width;
+};
+//# sourceMappingURL=getSmallestParentWidth.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getSmallestParentWidth.js","sourceRoot":"","sources":["../../../../src/components/TableCell/getSmallestParentWidth.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,OAAoB,EAAE,QAAQ,GAAG,CAAC,EAAE,EAAE;IAC3E,IAAI,cAAc,GAAuB,OAAO,EAAE,aAAa,CAAA;IAC/D,IAAI,KAAK,GAAG,cAAc,EAAE,WAAW,IAAI,MAAM,CAAC,KAAK,CAAA;IACvD,IAAI,eAAe,GAAG,QAAQ,CAAA;IAC9B,OAAO,cAAc,IAAI,eAAe,GAAG,CAAC,EAAE;QAC5C,IAAI,KAAK,GAAG,cAAc,CAAC,WAAW,EAAE;YACtC,KAAK,GAAG,cAAc,CAAC,WAAW,CAAA;SACnC;QACD,cAAc,GAAG,cAAc,CAAC,aAAa,CAAA;QAC7C,eAAe,EAAE,CAAA;KAClB;IACD,OAAO,KAAK,CAAA;AACd,CAAC,CAAA"}

package/dist/{components/TableCell/index.d.mts → esm/components/TableCell/index.js}

@@ -1,4 +1,4 @@
 export * from './AddressTableCell';
 export * from './EllipsisTableCell';
 export * from './HashTableCell';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/TableCell/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,iBAAiB,CAAA"}

package/dist/esm/components/ThemeTokenAvatar/ThemeTokenAvatar.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Avatar, useTheme } from '@mui/material';
+export const ThemeTokenAvatar = ({ ...props }) => {
+    const theme = useTheme();
+    return _jsx(Avatar, { sx: { background: theme.palette.common.white }, ...props });
+};
+//# sourceMappingURL=ThemeTokenAvatar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeTokenAvatar.js","sourceRoot":"","sources":["../../../../src/components/ThemeTokenAvatar/ThemeTokenAvatar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAe,QAAQ,EAAE,MAAM,eAAe,CAAA;AAE7D,MAAM,CAAC,MAAM,gBAAgB,GAA0B,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACtE,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,OAAO,KAAC,MAAM,IAAC,EAAE,EAAE,EAAE,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,KAAM,KAAK,GAAI,CAAA;AAC9E,CAAC,CAAA"}

package/dist/{components/ThemeTokenAvatar/index.d.mts → esm/components/ThemeTokenAvatar/index.js}

@@ -1,2 +1,2 @@
 export * from './ThemeTokenAvatar';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { AvatarGroup } from '@mui/material';
+import { ThemeTokenAvatar } from '../ThemeTokenAvatar';
+export const ThemeTokenAvatarGroup = ({ images, ...props }) => {
+    return _jsx(AvatarGroup, { ...props, children: images?.map((image, index) => _jsx(ThemeTokenAvatar, { src: image }, index)) });
+};
+//# sourceMappingURL=ThemeTokenAvatarGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeTokenAvatarGroup.js","sourceRoot":"","sources":["../../../../src/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAoB,MAAM,eAAe,CAAA;AAE7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAMtD,MAAM,CAAC,MAAM,qBAAqB,GAAyC,CAAC,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAClG,OAAO,KAAC,WAAW,OAAK,KAAK,YAAG,MAAM,EAAE,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,KAAC,gBAAgB,IAAa,GAAG,EAAE,KAAK,IAAjB,KAAK,CAAgB,CAAC,GAAe,CAAA;AAC5H,CAAC,CAAA"}

package/dist/{components/ThemeTokenAvatarGroup/index.d.mts → esm/components/ThemeTokenAvatarGroup/index.js}

@@ -1,2 +1,2 @@
 export * from './ThemeTokenAvatarGroup';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/components/TokenBar/TokenBar.js

@@ -0,0 +1,7 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Paper, Typography } from '@mui/material';
+import { FlexRow } from '@xylabs/react-flexbox';
+export const TokenBar = ({ text1, text1Props, text1Suffix, text2, text2Props, text2Suffix, ...props }) => {
+    return (_jsx(Paper, { elevation: 0, className: "TokenBar-root", ...props, children: _jsxs(FlexRow, { justifyContent: "space-between", children: [_jsxs(Typography, { variant: "body1", fontWeight: 300, margin: 1, ...text1Props, children: [text1, text1Suffix] }), _jsxs(Typography, { variant: "body1", fontWeight: 300, textTransform: "uppercase", color: "gray", margin: 1, ...text2Props, children: [text2, text2Suffix] })] }) }));
+};
+//# sourceMappingURL=TokenBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TokenBar.js","sourceRoot":"","sources":["../../../../src/components/TokenBar/TokenBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAc,UAAU,EAAmB,MAAM,eAAe,CAAA;AAC9E,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAW/C,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAChI,OAAO,CACL,KAAC,KAAK,IAAC,SAAS,EAAE,CAAC,EAAE,SAAS,EAAC,eAAe,KAAK,KAAK,YACtD,MAAC,OAAO,IAAC,cAAc,EAAC,eAAe,aACrC,MAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,UAAU,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,KAAM,UAAU,aACnE,KAAK,EACL,WAAW,IACD,EACb,MAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,UAAU,EAAE,GAAG,EAAE,aAAa,EAAC,WAAW,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAE,CAAC,KAAM,UAAU,aAC1G,KAAK,EACL,WAAW,IACD,IACL,GACJ,CACT,CAAA;AACH,CAAC,CAAA"}

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

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

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

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