@xyo-network/react-shared 6.1.3 → 6.2.0

package/dist/browser/hooks/payload/usePayloadHash.d.ts

@@ -1,6 +1,7 @@
+import type { Hash } from '@xylabs/hex';
 import { type Payload } from '@xyo-network/payload-model';
-export declare const usePayloadHash: <TPayload extends Payload>(payload: TPayload | undefined | null) => Lowercase<string> | undefined;
-export declare const usePayloadDataHash: <TPayload extends Payload>(payload: TPayload | undefined | null) => Lowercase<string> | undefined;
-export declare const usePayloadRootHash: <TPayload extends Payload>(payload: TPayload | undefined | null) => Lowercase<string> | undefined;
-export declare const usePayloadHashes: <TPayload extends Payload>(payloads: TPayload[] | undefined | null) => [TPayload, Lowercase<string>][] | undefined;
+export declare const usePayloadHash: <TPayload extends Payload>(payload: TPayload | undefined | null) => Hash | undefined;
+export declare const usePayloadDataHash: <TPayload extends Payload>(payload: TPayload | undefined | null) => Hash | undefined;
+export declare const usePayloadRootHash: <TPayload extends Payload>(payload: TPayload | undefined | null) => Hash | undefined;
+export declare const usePayloadHashes: <TPayload extends Payload>(payloads: TPayload[] | undefined | null) => [TPayload, Hash][] | undefined;
 //# sourceMappingURL=usePayloadHash.d.ts.map

package/dist/browser/hooks/payload/usePayloadHash.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePayloadHash.d.ts","sourceRoot":"","sources":["../../../../src/hooks/payload/usePayloadHash.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAEzD,eAAO,MAAM,cAAc,GAAI,QAAQ,SAAS,OAAO,EAAE,SAAS,QAAQ,GAAG,SAAS,GAAG,IAAI,kCAE5F,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAI,QAAQ,SAAS,OAAO,EAAE,SAAS,QAAQ,GAAG,SAAS,GAAG,IAAI,kCAEhG,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAI,QAAQ,SAAS,OAAO,EAAE,SAAS,QAAQ,GAAG,SAAS,GAAG,IAAI,kCAEhG,CAAA;AAED,eAAO,MAAM,gBAAgB,GAAI,QAAQ,SAAS,OAAO,EAAE,UAAU,QAAQ,EAAE,GAAG,SAAS,GAAG,IAAI,gDAQjG,CAAA"}
+{"version":3,"file":"usePayloadHash.d.ts","sourceRoot":"","sources":["../../../../src/hooks/payload/usePayloadHash.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAA;AAGvC,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAEzD,eAAO,MAAM,cAAc,GAAI,QAAQ,SAAS,OAAO,EAAE,SAAS,QAAQ,GAAG,SAAS,GAAG,IAAI,qBAE5F,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAI,QAAQ,SAAS,OAAO,EAAE,SAAS,QAAQ,GAAG,SAAS,GAAG,IAAI,qBAEhG,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAI,QAAQ,SAAS,OAAO,EAAE,SAAS,QAAQ,GAAG,SAAS,GAAG,IAAI,qBAEhG,CAAA;AAED,eAAO,MAAM,gBAAgB,GAAI,QAAQ,SAAS,OAAO,EAAE,UAAU,QAAQ,EAAE,GAAG,SAAS,GAAG,IAAI,mCAQjG,CAAA"}

package/dist/browser/index.d.ts

@@ -1,382 +1,7 @@
-import { TypographyProps, PopoverProps, StandardTextFieldProps, FormControlProps, InputAdornmentProps, BoxProps, TypographyTypeMap, StackProps, ListItemButtonProps, AlertProps, TableCellProps, AvatarProps, AvatarGroupProps, PaperProps, CardHeaderProps, SvgIconProps } from '@mui/material';
-export { useMediaQuery } from '@mui/material';
-import * as React from 'react';
-import React__default, { ReactElement, PropsWithChildren, ReactNode, Dispatch, SetStateAction, Context, CSSProperties, ForwardedRef } from 'react';
-import { FlexBoxProps } from '@xylabs/react-flexbox';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { To, NavigateOptions } from 'react-router-dom';
-import { Hash } from '@xylabs/hex';
-import * as _xylabs_react_shared from '@xylabs/react-shared';
-import { EmptyObject, ContextExState, ContextExProviderProps } from '@xylabs/react-shared';
-import { Payload } from '@xyo-network/payload-model';
-import { BoundWitness } from '@xyo-network/boundwitness-model';
-
-declare const Ampersand: React__default.FC<TypographyProps>;
-
-interface BasicHeroProps extends FlexBoxProps {
-    backgroundColor?: string;
-    backgroundImage?: string;
-    button1Href?: string;
-    button1Text?: string;
-    button1To?: string;
-    button2Href?: string;
-    button2Text?: string;
-    button2To?: string;
-    desc: string;
-    gradientTitle?: string;
-    heroImage?: string;
-    subLinkIcon?: ReactElement;
-    subLinkPath?: string;
-    subLinkText1?: string;
-    subLinkText2?: string;
-    sx?: Record<string, string>;
-    textColor?: string;
-    title: string;
-    title2?: string;
-}
-declare const BasicHero: React__default.FC<BasicHeroProps>;
-
-interface FixedPointPopoverProps extends PopoverProps {
-    fixedPoint?: number;
-    minFixedPoint?: number;
-    onFixedPointChange?: (value: number) => void;
-}
-declare const FixedPointPopover: React__default.FC<FixedPointPopoverProps>;
-
-interface BigIntTextFieldProps extends StandardTextFieldProps {
-    defaultFixedPoint?: number;
-    defaultRawValue?: string;
-    hideAdornment?: boolean;
-    onChangeFixedPoint?: (value?: bigint) => void;
-    resetValue?: number;
-}
-declare const BigIntTextField: React__default.FC<BigIntTextFieldProps>;
-interface InputWithFormControlProps extends FormControlProps {
-    textFieldProps?: BigIntTextFieldProps;
-}
-declare const WithFormControl: React__default.FC<InputWithFormControlProps>;
-
-declare const BigIntInput: {
-    TextField: React.FC<BigIntTextFieldProps>;
-    WithFormControl: React.FC<InputWithFormControlProps>;
-};
-
-interface FixedPointInputAdornmentProps extends InputAdornmentProps {
-    fixedPoint?: number;
-    minFixedPoint?: number;
-    onFixedPointChange?: (value: number) => void;
-}
-declare const FixedPointInputAdornment: React__default.FC<FixedPointInputAdornmentProps>;
-
-interface EllipsizeRootProps extends BoxProps {
-    beforeLineHeight?: string | number;
-}
-type TypographyWithComponentProps<D extends React__default.ElementType = TypographyTypeMap['defaultComponent'], P = {}> = TypographyProps<D, P> & {
-    ellipsisPosition?: 'start' | 'end';
-};
-interface EllipsizeBoxProps extends BoxProps {
-    beforeLineHeight?: number | string;
-    disableSharedRef?: boolean;
-    ellipsisPosition?: 'start' | 'end';
-    innerWrapProps?: BoxProps;
-    typographyProps?: TypographyWithComponentProps;
-}
-declare const EllipsizeBox: {
-    ({ ref, innerWrapProps, children, ellipsisPosition, disableSharedRef, typographyProps, ...props }: PropsWithChildren<EllipsizeBoxProps>): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface LabeledTextFieldWrapperProps extends StackProps {
-    label: string;
-}
-declare const LabeledTextFieldWrapper: React__default.FC<LabeledTextFieldWrapperProps>;
-
-interface ListItemButtonExProps extends ListItemButtonProps {
-    target?: string;
-    to?: To;
-    toOptions?: NavigateOptions;
-}
-declare const ListItemButtonExTo: React__default.FC<ListItemButtonExProps>;
-declare const ListItemButtonEx: React__default.FC<ListItemButtonExProps>;
-
-interface LoadResultProps<T> {
-    /** @deprecated - use error prop */
-    apiError?: Error;
-    /** Defer error handling to the children and load them */
-    error?: boolean;
-    notFound: boolean;
-    searchResult: T | undefined;
-}
-declare function LoadResult<T>(props: PropsWithChildren<LoadResultProps<T>>): react_jsx_runtime.JSX.Element;
-
-/** @deprecated use from @@xylabs/react-shared instead */
-declare const NotFound: React__default.FC<FlexBoxProps>;
-
-declare const Pipe: React__default.FC<TypographyProps>;
-
-interface PayloadDataMissingProps extends AlertProps {
-    alertBody?: string;
-}
-declare const PayloadDataMissing: React__default.FC<PayloadDataMissingProps>;
-
-declare const ScrollTableOnSm: React__default.FC<PropsWithChildren>;
-//# sourceMappingURL=ScrollTableOnSm.d.ts.map
-
-declare const SectionSpacingRow: {
-    ({ ref, children, sx, ...props }: FlexBoxProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface EllipsisTableCellProps extends TableCellProps {
-    href?: string;
-    link?: boolean;
-    to?: To;
-    value?: string;
-    /**
-     * Width of the table cell.
-     *
-     * Note: When using percentages, this value can be different than what you expect
-     * if used on a cell that is not the first cell in the first row.
-     */
-    width?: string | number;
-}
-declare const EllipsisTableCellWithRef: {
-    ({ ref, children, href, link, to, value, ...props }: EllipsisTableCellProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-declare const EllipsisTableCell: {
-    ({ ref, children, href, link, to, value, ...props }: EllipsisTableCellProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface AddressTableCellProps extends EllipsisTableCellProps {
-    /** @deprecated - archives are no longer supported */
-    archive?: string;
-    /** @deprecated - use events instead */
-    exploreDomain?: string;
-    link?: boolean;
-}
-declare const AddressTableCell: {
-    ({ ref, value, archive, exploreDomain, link, ...props }: AddressTableCellProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface HashTableCellProps extends EllipsisTableCellProps {
-    /** @deprecated - archives are no longer used */
-    archive?: string;
-    dataType?: 'block' | 'payload';
-    /** @deprecated - use event listeners instead of link building via props */
-    exploreDomain?: string;
-    /** @deprecated - use event listeners instead of link building via props */
-    network?: string;
-    /** @deprecated - onClick instead */
-    onHashClick?: (value: Hash) => void;
-}
-declare const HashTableCell: React__default.FC<HashTableCellProps>;
-
-declare const ThemeTokenAvatar: React__default.FC<AvatarProps>;
-
-interface ThemeTokenAvatarGroupProps extends AvatarGroupProps {
-    images?: string[];
-}
-declare const ThemeTokenAvatarGroup: React__default.FC<ThemeTokenAvatarGroupProps>;
-
-interface TokenBarProps extends PaperProps {
-    text1?: ReactNode;
-    text1Props?: TypographyProps;
-    text1Suffix?: ReactNode;
-    text2?: ReactNode;
-    text2Props?: TypographyProps;
-    text2Suffix?: ReactNode;
-}
-declare const TokenBar: React__default.FC<TokenBarProps>;
-
-interface TokenData {
-    coinmarketcapLink: string;
-    etherscanLink: string;
-    icon: string;
-    readableName: string;
-    tokenSymbol: string;
-    uniqueTokenId: string;
-}
-declare const TokenData: TokenData[];
-
-declare const getTokenData: (symbols: (string | undefined)[]) => TokenData[];
-
-interface TokenSummaryProps extends CardHeaderProps {
-    icon?: string;
-    imgBgProps?: AvatarProps;
-    symbol?: string;
-    symbolElement?: ReactNode;
-}
-declare const TokenSummary: React__default.FC<TokenSummaryProps>;
-
-interface TypographyExProps extends TypographyProps {
-    gradient?: 'text';
-}
-declare const TypographyEx: React__default.FC<TypographyExProps>;
-
-declare const ResolvedDivinerContext: <T extends EmptyObject>() => React.Context<_xylabs_react_shared.ContextExState<T>>;
-
-type ResolvedDivinerState<T> = ContextExState<{
-    diviner?: T;
-    setDiviner?: Dispatch<SetStateAction<T | undefined>>;
-}>;
-
-interface DivinerProviderProps<D> extends ContextExProviderProps, PropsWithChildren {
-    context: Context<ResolvedDivinerState<D>>;
-    diviner?: D;
-}
-/** Exposes a resolved diviner */
-declare const ResolvedDivinerProvider: <D>({ diviner: divinerProp, required, children, context: Context, }: DivinerProviderProps<D>) => react_jsx_runtime.JSX.Element;
-
-declare const ListModeContext: React.Context<({
-    listMode: ListMode;
-    setListMode?: React.Dispatch<ListMode>;
-} & {
-    provided: true;
-}) | (_xylabs_react_shared.FixedValues<_xylabs_react_shared.ProvidedContextExState<{
-    listMode: ListMode;
-    setListMode?: React.Dispatch<ListMode>;
-}>, never> & {
-    provided: false;
-}) | (_xylabs_react_shared.FixedValues<_xylabs_react_shared.NotProvidedContextExState<{
-    listMode: ListMode;
-    setListMode?: React.Dispatch<ListMode>;
-}>, never> & {
-    provided: false;
-})>;
-
-type ListMode = 'table' | 'grid' | 'default';
-
-interface ListModeProviderProps {
-    defaultListMode?: ListMode;
-}
-declare const ListModeProvider: React__default.FC<PropsWithChildren<ListModeProviderProps>>;
-
-type ListModeContextState = ContextExState<{
-    listMode: ListMode;
-    setListMode?: Dispatch<ListMode>;
-}>;
-
-declare const useListMode: (required?: boolean) => Omit<{
-    listMode: ListMode;
-    setListMode?: React.Dispatch<ListMode>;
-} & {
-    provided: true;
-}, "provided"> | Omit<_xylabs_react_shared.NotProvidedContextExState<ListModeContextState>, "provided">;
-
-interface GradientStyles {
-    background: CSSProperties;
-    border: CSSProperties;
-    heading: CSSProperties;
-}
-declare const colorfulGradientLightMode: () => {
-    background: {
-        backgroundImage: string;
-    };
-    border: {
-        borderImage: string;
-        borderImageSlice: number;
-        borderImageSource: string;
-        borderRadius: number;
-        borderStyle: string;
-        borderWidth: string;
-    };
-    heading: {
-        WebkitBackgroundClip: string;
-        WebkitTextFillColor: string;
-        background: string;
-        display: string;
-    };
-};
-declare const colorfulGradientDarkMode: () => {
-    background: {
-        backgroundImage: string;
-    };
-    border: {
-        borderImage: string;
-        borderImageSlice: number;
-        borderImageSource: string;
-        borderRadius: number;
-        borderStyle: string;
-        borderWidth: string;
-    };
-    heading: {
-        WebkitBackgroundClip: string;
-        WebkitTextFillColor: string;
-        background: string;
-        display: string;
-    };
-};
-declare const useGradientStyles: () => {
-    background: {
-        backgroundImage: string;
-    };
-    border: {
-        borderImage: string;
-        borderImageSlice: number;
-        borderImageSource: string;
-        borderRadius: number;
-        borderStyle: string;
-        borderWidth: string;
-    };
-    heading: {
-        WebkitBackgroundClip: string;
-        WebkitTextFillColor: string;
-        background: string;
-        display: string;
-    };
-};
-
-type ValidatedResponse<T extends Payload = Payload> = {
-    errors?: Error[];
-    payload?: T;
-};
-
-declare const useValidateBoundWitness: (input?: string) => ValidatedResponse<BoundWitness>;
-
-declare const usePayloadHash: <TPayload extends Payload>(payload: TPayload | undefined | null) => Lowercase<string> | undefined;
-declare const usePayloadDataHash: <TPayload extends Payload>(payload: TPayload | undefined | null) => Lowercase<string> | undefined;
-declare const usePayloadRootHash: <TPayload extends Payload>(payload: TPayload | undefined | null) => Lowercase<string> | undefined;
-declare const usePayloadHashes: <TPayload extends Payload>(payloads: TPayload[] | undefined | null) => [TPayload, Lowercase<string>][] | undefined;
-
-declare const usePayloadValidate: <TPayload extends Payload>(input?: string) => ValidatedResponse;
-
-declare const useDataState: <T>(defaultValue: T | undefined) => [T | undefined, Dispatch<SetStateAction<T | undefined>>];
-
-declare const useShareForwardedRef: <T>(forwardedRef: ForwardedRef<T> | null | undefined, refresh?: number) => React.RefObject<T | null>;
-
-/**
- * @deprecated use from @xylabs/with instead
- * */
-declare const assertDefinedEx: <T>(expr?: T | null, message?: string) => T;
-
-declare const parseMeausureString: (measure?: string, absolute?: number) => number | undefined;
-declare const parsePadding: (padding: string) => {
-    bottom: string;
-    left: string;
-    right: string;
-    top: string;
-} | {
-    bottom: string;
-    right: string;
-    top: string;
-    left?: undefined;
-} | undefined;
-declare const getActualPaddingX: (element: HTMLElement) => number;
-
-type NetworkComponentSlug = 'sentinel' | 'bridge' | 'archivist' | 'diviner' | 'node' | 'witness';
-interface NetworkComponentDetails {
-    icon: (props?: SvgIconProps) => ReactElement;
-    name: string;
-    slug: NetworkComponentSlug;
-}
-declare const networkComponents: NetworkComponentDetails[];
-declare const findNetworkComponentIndex: (slug: string) => number;
-declare const findNetworkComponent: (slug: string) => NetworkComponentDetails | undefined;
-
-type SizeProp = 'small' | 'medium' | 'large';
-
-export { AddressTableCell, Ampersand, BasicHero, BigIntInput, BigIntTextField, EllipsisTableCell, EllipsisTableCellWithRef, EllipsizeBox, FixedPointInputAdornment, FixedPointPopover, HashTableCell, LabeledTextFieldWrapper, ListItemButtonEx, ListItemButtonExTo, ListModeContext, ListModeProvider, LoadResult, NotFound, PayloadDataMissing, Pipe, ResolvedDivinerContext, ResolvedDivinerProvider, ScrollTableOnSm, SectionSpacingRow, ThemeTokenAvatar, ThemeTokenAvatarGroup, TokenBar, TokenData, TokenSummary, TypographyEx, WithFormControl, assertDefinedEx, colorfulGradientDarkMode, colorfulGradientLightMode, findNetworkComponent, findNetworkComponentIndex, getActualPaddingX, getTokenData, networkComponents, parseMeausureString, parsePadding, useDataState, useGradientStyles, useListMode, usePayloadDataHash, usePayloadHash, usePayloadHashes, usePayloadRootHash, usePayloadValidate, useShareForwardedRef, useValidateBoundWitness };
-export type { AddressTableCellProps, BasicHeroProps, BigIntTextFieldProps, DivinerProviderProps, EllipsisTableCellProps, EllipsizeBoxProps, EllipsizeRootProps, FixedPointInputAdornmentProps, FixedPointPopoverProps, GradientStyles, HashTableCellProps, InputWithFormControlProps, LabeledTextFieldWrapperProps, ListItemButtonExProps, ListMode, ListModeContextState, ListModeProviderProps, LoadResultProps, NetworkComponentDetails, NetworkComponentSlug, PayloadDataMissingProps, ResolvedDivinerState, SizeProp, ThemeTokenAvatarGroupProps, TokenBarProps, TokenSummaryProps, TypographyExProps, TypographyWithComponentProps, ValidatedResponse };
+export * from './components/index.ts';
+export * from './contexts/index.ts';
+export * from './hooks/index.ts';
+export * from './lib/index.ts';
+export * from './models/index.ts';
+export * from './SizeProp.ts';
+//# sourceMappingURL=index.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyo-network/react-shared",
-  "version": "6.1.3",
+  "version": "6.2.0",
   "description": "Common React library for all XYO projects that use React",
   "keywords": [
     "xyo",
@@ -39,34 +39,34 @@
   "module": "dist/browser/index.mjs",
   "types": "dist/browser/index.d.ts",
   "dependencies": {
-    "@xylabs/assert": "^4.13.21",
-    "@xylabs/decimal-precision": "^4.13.21",
-    "@xylabs/hex": "^4.13.21",
-    "@xylabs/react-button": "^6.3.13",
-    "@xylabs/react-flexbox": "^6.3.13",
-    "@xylabs/react-hooks": "^6.3.13",
-    "@xylabs/react-link": "^6.3.13",
-    "@xylabs/react-promise": "^6.3.13",
-    "@xylabs/react-shared": "^6.3.13",
-    "@xylabs/react-theme": "^6.3.13",
-    "@xyo-network/boundwitness-model": "^4.1.4",
-    "@xyo-network/boundwitness-validator": "^4.1.4",
-    "@xyo-network/payload-builder": "^4.1.4",
-    "@xyo-network/payload-model": "^4.1.4",
-    "react-router-dom": "^7.7.0"
+    "@xylabs/assert": "^4.15.0",
+    "@xylabs/decimal-precision": "^4.15.0",
+    "@xylabs/hex": "^4.15.0",
+    "@xylabs/react-button": "^6.4.0",
+    "@xylabs/react-flexbox": "^6.4.0",
+    "@xylabs/react-hooks": "^6.4.0",
+    "@xylabs/react-link": "^6.4.0",
+    "@xylabs/react-promise": "^6.4.0",
+    "@xylabs/react-shared": "^6.4.0",
+    "@xylabs/react-theme": "^6.4.0",
+    "@xyo-network/boundwitness-model": "^4.3.0",
+    "@xyo-network/boundwitness-validator": "^4.3.0",
+    "@xyo-network/payload-builder": "^4.3.0",
+    "@xyo-network/payload-model": "^4.3.0",
+    "react-router-dom": "^7.7.1"
   },
   "devDependencies": {
     "@mui/icons-material": "^7.2.0",
     "@mui/material": "^7.2.0",
-    "@storybook/react-vite": "^9.0.17",
+    "@storybook/react-vite": "^9.0.18",
     "@types/react": "^19.1.8",
-    "@xylabs/react-appbar": "^6.3.13",
-    "@xylabs/react-quick-tip-button": "^6.3.13",
-    "@xylabs/ts-scripts-yarn3": "next",
-    "@xylabs/tsconfig-react": "next",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
-    "storybook": "^9.0.17",
+    "@xylabs/react-appbar": "^6.4.0",
+    "@xylabs/react-quick-tip-button": "^6.4.0",
+    "@xylabs/ts-scripts-yarn3": "^7.0.1",
+    "@xylabs/tsconfig-react": "^7.0.1",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
+    "storybook": "^9.0.18",
     "typescript": "^5.8.3"
   },
   "peerDependencies": {

package/src/global.d.ts

@@ -1 +1 @@
-import type {} from '@mui/material/themeCssVarsAugmentation'
+import '@mui/material/themeCssVarsAugmentation'