@xyo-network/react-address-render 2.60.10 → 2.60.12

package/dist/esm/components/RenderRowBox.js

@@ -1,20 +1,20 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ListItemIcon, ListItemText, useTheme } from '@mui/material';
-import { FlexGrowRow } from '@xylabs/react-flexbox';
+import { ListItemIcon, useTheme } from '@mui/material';
+import { FlexRow } from '@xylabs/react-flexbox';
 import { Identicon } from '@xylabs/react-identicon';
 import { useEvent } from '@xyo-network/react-event';
 import { EllipsizeBox, useShareForwardedRef } from '@xyo-network/react-shared';
 import { forwardRef } from 'react';
 import { FavoriteIconButton } from './favorite';
-export const AddressRenderRowBox = forwardRef(({ address, children, favorite: favoriteProp = false, iconOnly, iconSize = 24, icons, name, showFavorite = false, ...props }, ref) => {
+export const AddressRenderRowBox = forwardRef(({ address, children, disableSharedRef, favorite: favoriteProp = false, iconOnly, iconSize = 24, icons, name, showFavorite = false, ...props }, ref) => {
     const theme = useTheme();
     const sharedRef = useShareForwardedRef(ref);
     const [elementRef, dispatch] = useEvent(undefined, sharedRef);
-    return (_jsxs(FlexGrowRow, { gap: 2, justifyContent: "flex-start", ref: elementRef, onClick: () => {
+    return (_jsxs(FlexRow, { gap: 2, justifyContent: "flex-start", ref: elementRef, onClick: () => {
             if (address) {
                 dispatch('address', 'click', address);
             }
-        }, ...props, children: [icons && address ? (_jsx(ListItemIcon, { sx: { minWidth: 0 }, children: _jsx(Identicon, { size: iconSize, value: address }) })) : null, iconOnly ? null : (_jsx(ListItemText, { sx: { my: 0 }, children: _jsx(EllipsizeBox, { ellipsisPosition: 'end', width: "100%", typographyProps: { fontSize: theme.typography.body1.fontSize }, children: name ?? address }) })), children, showFavorite && address ? (_jsx(FavoriteIconButton, { name: name, size: 'small', value: address, valueType: 'address', favorite: favoriteProp })) : null] }));
+        }, ...props, children: [icons && address ? (_jsx(ListItemIcon, { sx: { minWidth: 0 }, children: _jsx(Identicon, { size: iconSize, value: address }) })) : null, iconOnly ? null : (_jsx(EllipsizeBox, { disableSharedRef: disableSharedRef, ellipsisPosition: 'end', width: "100%", typographyProps: { fontSize: theme.typography.body1.fontSize }, children: name ?? address })), children, showFavorite && address ? (_jsx(FavoriteIconButton, { name: name, size: 'small', value: address, valueType: 'address', favorite: favoriteProp })) : null] }));
 });
 AddressRenderRowBox.displayName = 'AddressRenderRowBox';
 //# sourceMappingURL=RenderRowBox.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RenderRowBox.js","sourceRoot":"","sources":["../../../src/components/RenderRowBox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACpE,OAAO,EAAgB,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AAEnD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACnD,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAA;AAC9E,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAElC,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAc/C,MAAM,CAAC,MAAM,mBAAmB,GAAG,UAAU,CAC3C,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,GAAG,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAG,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,YAAY,GAAG,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACnI,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IAExB,MAAM,SAAS,GAAG,oBAAoB,CAAC,GAAG,CAAC,CAAA;IAC3C,MAAM,CAAC,UAAU,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;IAE7D,OAAO,CACL,MAAC,WAAW,IACV,GAAG,EAAE,CAAC,EACN,cAAc,EAAC,YAAY,EAC3B,GAAG,EAAE,UAAU,EACf,OAAO,EAAE,GAAG,EAAE;YACZ,IAAI,OAAO,EAAE;gBACX,QAAQ,CAAC,SAAS,EAAE,OAAO,EAAE,OAAO,CAAC,CAAA;aACtC;QACH,CAAC,KACG,KAAK,aAER,KAAK,IAAI,OAAO,CAAC,CAAC,CAAC,CAClB,KAAC,YAAY,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,YAC/B,KAAC,SAAS,IAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,GAAI,GAChC,CAChB,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACjB,KAAC,YAAY,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,YACzB,KAAC,YAAY,IAAC,gBAAgB,EAAE,KAAK,EAAE,KAAK,EAAC,MAAM,EAAC,eAAe,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ,EAAE,YAC/G,IAAI,IAAI,OAAO,GACH,GACF,CAChB,EACA,QAAQ,EACR,YAAY,IAAI,OAAO,CAAC,CAAC,CAAC,CACzB,KAAC,kBAAkB,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,GAAI,CAChH,CAAC,CAAC,CAAC,IAAI,IACI,CACf,CAAA;AACH,CAAC,CACF,CAAA;AAED,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAA"}
+{"version":3,"file":"RenderRowBox.js","sourceRoot":"","sources":["../../../src/components/RenderRowBox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAgB,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACnD,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAA;AAC9E,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAElC,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAa/C,MAAM,CAAC,MAAM,mBAAmB,GAAG,UAAU,CAC3C,CACE,EAAE,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,QAAQ,EAAE,YAAY,GAAG,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAG,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,YAAY,GAAG,KAAK,EAAE,GAAG,KAAK,EAAE,EAC7I,GAAG,EACH,EAAE;IACF,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IAExB,MAAM,SAAS,GAAG,oBAAoB,CAAC,GAAG,CAAC,CAAA;IAC3C,MAAM,CAAC,UAAU,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;IAE7D,OAAO,CACL,MAAC,OAAO,IACN,GAAG,EAAE,CAAC,EACN,cAAc,EAAC,YAAY,EAC3B,GAAG,EAAE,UAAU,EACf,OAAO,EAAE,GAAG,EAAE;YACZ,IAAI,OAAO,EAAE;gBACX,QAAQ,CAAC,SAAS,EAAE,OAAO,EAAE,OAAO,CAAC,CAAA;aACtC;QACH,CAAC,KACG,KAAK,aAER,KAAK,IAAI,OAAO,CAAC,CAAC,CAAC,CAClB,KAAC,YAAY,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,YAC/B,KAAC,SAAS,IAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,GAAI,GAChC,CAChB,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACjB,KAAC,YAAY,IACX,gBAAgB,EAAE,gBAAgB,EAClC,gBAAgB,EAAE,KAAK,EACvB,KAAK,EAAC,MAAM,EACZ,eAAe,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ,EAAE,YAE7D,IAAI,IAAI,OAAO,GACH,CAChB,EACA,QAAQ,EACR,YAAY,IAAI,OAAO,CAAC,CAAC,CAAC,CACzB,KAAC,kBAAkB,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,GAAI,CAChH,CAAC,CAAC,CAAC,IAAI,IACA,CACX,CAAA;AACH,CAAC,CACF,CAAA;AAED,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAA"}

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

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { FlexBoxProps } from '@xylabs/react-flexbox';
-import { WithChildren } from '@xylabs/react-shared';
-export interface AddressRenderRowBoxPropsBase {
+export interface AddressRenderRowBoxProps extends FlexBoxProps {
     address?: string | null;
+    disableSharedRef?: boolean;
     favorite?: boolean;
     iconOnly?: boolean;
     iconSize?: number;
@@ -10,7 +10,5 @@ export interface AddressRenderRowBoxPropsBase {
     name?: string;
     showFavorite?: boolean;
 }
-export interface AddressRenderRowBoxProps extends WithChildren, AddressRenderRowBoxPropsBase, FlexBoxProps {
-}
 export declare const AddressRenderRowBox: import("react").ForwardRefExoticComponent<AddressRenderRowBoxProps & import("react").RefAttributes<HTMLElement>>;
 //# sourceMappingURL=RenderRowBox.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"RenderRowBox.d.ts","sourceRoot":"","sources":["../../../src/components/RenderRowBox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAe,MAAM,uBAAuB,CAAA;AAEjE,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAOnD,MAAM,WAAW,4BAA4B;IAC3C,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAED,MAAM,WAAW,wBAAyB,SAAQ,YAAY,EAAE,4BAA4B,EAAE,YAAY;CAAG;AAE7G,eAAO,MAAM,mBAAmB,kHAsC/B,CAAA"}
+{"version":3,"file":"RenderRowBox.d.ts","sourceRoot":"","sources":["../../../src/components/RenderRowBox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAQ7D,MAAM,WAAW,wBAAyB,SAAQ,YAAY;IAC5D,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAED,eAAO,MAAM,mBAAmB,kHA4C/B,CAAA"}

package/package.json

@@ -13,8 +13,8 @@
     "@xylabs/react-flexbox": "~2.17.15",
     "@xylabs/react-identicon": "~2.17.15",
     "@xylabs/react-shared": "~2.17.15",
-    "@xyo-network/react-event": "~2.60.10",
-    "@xyo-network/react-shared": "~2.60.10"
+    "@xyo-network/react-event": "~2.60.12",
+    "@xyo-network/react-shared": "~2.60.12"
   },
   "peerDependencies": {
     "@mui/icons-material": "^5",
@@ -28,10 +28,10 @@
   "description": "Common React library for all XYO projects that use React",
   "devDependencies": {
     "@storybook/react": "^7.4.0",
-    "@xylabs/ts-scripts-yarn3": "^2.19.3",
-    "@xylabs/tsconfig-react": "^2.19.3",
-    "@xyo-network/account": "^2.72.7",
-    "@xyo-network/react-event": "~2.60.10",
+    "@xylabs/ts-scripts-yarn3": "^2.19.4",
+    "@xylabs/tsconfig-react": "^2.19.4",
+    "@xyo-network/account": "^2.72.9",
+    "@xyo-network/react-event": "~2.60.12",
     "typescript": "^5.2.2"
   },
   "browser": "dist/esm/index.js",
@@ -76,5 +76,5 @@
   },
   "sideEffects": false,
   "types": "dist/types/index.d.ts",
-  "version": "2.60.10"
+  "version": "2.60.12"
 }

package/src/components/RenderRowBox.tsx

@@ -1,15 +1,15 @@
-import { ListItemIcon, ListItemText, useTheme } from '@mui/material'
-import { FlexBoxProps, FlexGrowRow } from '@xylabs/react-flexbox'
+import { ListItemIcon, useTheme } from '@mui/material'
+import { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'
 import { Identicon } from '@xylabs/react-identicon'
-import { WithChildren } from '@xylabs/react-shared'
 import { useEvent } from '@xyo-network/react-event'
 import { EllipsizeBox, useShareForwardedRef } from '@xyo-network/react-shared'
 import { forwardRef } from 'react'
 
 import { FavoriteIconButton } from './favorite'
 
-export interface AddressRenderRowBoxPropsBase {
+export interface AddressRenderRowBoxProps extends FlexBoxProps {
   address?: string | null
+  disableSharedRef?: boolean
   favorite?: boolean
   iconOnly?: boolean
   iconSize?: number
@@ -18,17 +18,18 @@ export interface AddressRenderRowBoxPropsBase {
   showFavorite?: boolean
 }
 
-export interface AddressRenderRowBoxProps extends WithChildren, AddressRenderRowBoxPropsBase, FlexBoxProps {}
-
 export const AddressRenderRowBox = forwardRef<HTMLElement, AddressRenderRowBoxProps>(
-  ({ address, children, favorite: favoriteProp = false, iconOnly, iconSize = 24, icons, name, showFavorite = false, ...props }, ref) => {
+  (
+    { address, children, disableSharedRef, favorite: favoriteProp = false, iconOnly, iconSize = 24, icons, name, showFavorite = false, ...props },
+    ref,
+  ) => {
     const theme = useTheme()
 
     const sharedRef = useShareForwardedRef(ref)
     const [elementRef, dispatch] = useEvent(undefined, sharedRef)
 
     return (
-      <FlexGrowRow
+      <FlexRow
         gap={2}
         justifyContent="flex-start"
         ref={elementRef}
@@ -45,17 +46,20 @@ export const AddressRenderRowBox = forwardRef<HTMLElement, AddressRenderRowBoxPr
           </ListItemIcon>
         ) : null}
         {iconOnly ? null : (
-          <ListItemText sx={{ my: 0 }}>
-            <EllipsizeBox ellipsisPosition={'end'} width="100%" typographyProps={{ fontSize: theme.typography.body1.fontSize }}>
-              {name ?? address}
-            </EllipsizeBox>
-          </ListItemText>
+          <EllipsizeBox
+            disableSharedRef={disableSharedRef}
+            ellipsisPosition={'end'}
+            width="100%"
+            typographyProps={{ fontSize: theme.typography.body1.fontSize }}
+          >
+            {name ?? address}
+          </EllipsizeBox>
         )}
         {children}
         {showFavorite && address ? (
           <FavoriteIconButton name={name} size={'small'} value={address} valueType={'address'} favorite={favoriteProp} />
         ) : null}
-      </FlexGrowRow>
+      </FlexRow>
     )
   },
 )