@xyo-network/react-address-render 2.47.16 → 2.47.18

package/dist/esm/components/RenderRowBox.js

@@ -6,12 +6,12 @@ import { useXyoEvent } 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, alias, children, favorite: favoriteProp = false, iconOnly, iconSize = 24, icons, name, showFavorite = false, ...props }, ref) => {
+export const AddressRenderRowBox = forwardRef(({ address, children, favorite: favoriteProp = false, iconOnly, iconSize = 24, icons, name, showFavorite = false, ...props }, ref) => {
     const theme = useTheme();
     const sharedRef = useShareForwardedRef(ref);
     const [elementRef, dispatch] = useXyoEvent(undefined, sharedRef);
     const handleClickedAddress = () => (address ? dispatch('address', 'click', address) : undefined);
-    return (_jsxs(FlexGrowRow, { gap: 2, justifyContent: "flex-start", ref: elementRef, onClick: handleClickedAddress, ...props, children: [icons && address ? (_jsx(ListItemIcon, { sx: { minWidth: 0 }, children: _jsx(Identicon, { size: iconSize, value: address }) })) : null, iconOnly ? null : (_jsx(ListItemText, { children: _jsx(EllipsizeBox, { ellipsisPosition: 'end', width: "100%", typographyProps: { fontSize: theme.typography.body1.fontSize }, children: alias ?? name ?? address }) })), children, showFavorite && address ? (_jsx(FavoriteIconButton, { alias: alias, size: 'small', value: address, valueType: 'address', favorite: favoriteProp })) : null] }));
+    return (_jsxs(FlexGrowRow, { gap: 2, justifyContent: "flex-start", ref: elementRef, onClick: handleClickedAddress, ...props, children: [icons && address ? (_jsx(ListItemIcon, { sx: { minWidth: 0 }, children: _jsx(Identicon, { size: iconSize, value: address }) })) : null, iconOnly ? null : (_jsx(ListItemText, { 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] }));
 });
 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,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,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;AAe/C,MAAM,CAAC,MAAM,mBAAmB,GAAG,UAAU,CAC3C,CAAC,EAAE,OAAO,EAAE,KAAK,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;IAC1I,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IAExB,MAAM,SAAS,GAAG,oBAAoB,CAAC,GAAG,CAAC,CAAA;IAC3C,MAAM,CAAC,UAAU,EAAE,QAAQ,CAAC,GAAG,WAAW,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;IAEhE,MAAM,oBAAoB,GAAG,GAAG,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,SAAS,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;IAEhG,OAAO,CACL,MAAC,WAAW,IAAC,GAAG,EAAE,CAAC,EAAE,cAAc,EAAC,YAAY,EAAC,GAAG,EAAE,UAAU,EAAE,OAAO,EAAE,oBAAoB,KAAM,KAAK,aACvG,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,cACX,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,KAAK,IAAI,IAAI,IAAI,OAAO,GACZ,GACF,CAChB,EACA,QAAQ,EACR,YAAY,IAAI,OAAO,CAAC,CAAC,CAAC,CACzB,KAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,GAAI,CAClH,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,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,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,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,WAAW,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;IAEhE,MAAM,oBAAoB,GAAG,GAAG,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,SAAS,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;IAEhG,OAAO,CACL,MAAC,WAAW,IAAC,GAAG,EAAE,CAAC,EAAE,cAAc,EAAC,YAAY,EAAC,GAAG,EAAE,UAAU,EAAE,OAAO,EAAE,oBAAoB,KAAM,KAAK,aACvG,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,cACX,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"}

package/dist/esm/components/favorite/FavoriteIconButton.js

@@ -7,7 +7,7 @@ import { generateFavoriteEvent } from '../lib';
 import { FavoriteToggleSVG } from './FavoriteToggleSVG';
 import { popperId } from './lib';
 import { FavoritePopper } from './Popper';
-export const FavoriteIconButton = forwardRef(({ alias, children, favorite: favoriteProp, valueType, value, ...props }, ref) => {
+export const FavoriteIconButton = forwardRef(({ children, favorite: favoriteProp, name, valueType, value, ...props }, ref) => {
     const [openPopper, setOpenPopper] = useState(false);
     const [favorite, setFavorite] = useState(favoriteProp);
     useEffect(() => {
@@ -15,8 +15,8 @@ export const FavoriteIconButton = forwardRef(({ alias, children, favorite: favor
     }, [favoriteProp]);
     const sharedRef = useShareForwardedRef(ref);
     const [buttonRef, dispatch] = useXyoEvent(undefined, sharedRef);
-    const onConfirmFavorite = (alias, newFavoriteState) => {
-        const favoriteEvent = generateFavoriteEvent(alias, !!newFavoriteState, valueType, value);
+    const onConfirmFavorite = (name, newFavoriteState) => {
+        const favoriteEvent = generateFavoriteEvent(!!newFavoriteState, valueType, value, name);
         dispatch('address', 'favorite', JSON.stringify(favoriteEvent));
         setFavorite(newFavoriteState);
         setOpenPopper(false);
@@ -25,7 +25,7 @@ export const FavoriteIconButton = forwardRef(({ alias, children, favorite: favor
     return (_jsxs(IconButton, { "aria-describedby": popperId, ref: buttonRef, onClick: (event) => {
             event.stopPropagation();
             setOpenPopper(!openPopper);
-        }, onMouseDown: (e) => e.stopPropagation(), ...props, children: [_jsx("span", { ref: starRef, children: _jsx(FavoriteToggleSVG, { favorite: favorite }) }), _jsx(FavoritePopper, { sx: { zIndex: 1301 }, alias: alias, favorite: favorite, favoriteRef: starRef, open: openPopper, onConfirmFavorite: onConfirmFavorite, onClickAway: () => setOpenPopper(false) }), children] }));
+        }, onMouseDown: (e) => e.stopPropagation(), ...props, children: [_jsx("span", { ref: starRef, children: _jsx(FavoriteToggleSVG, { favorite: favorite }) }), _jsx(FavoritePopper, { sx: { zIndex: 1301 }, name: name, favorite: favorite, favoriteRef: starRef, open: openPopper, onConfirmFavorite: onConfirmFavorite, onClickAway: () => setOpenPopper(false) }), children] }));
 });
 FavoriteIconButton.displayName = 'FavoriteIconButton';
 //# sourceMappingURL=FavoriteIconButton.js.map

package/dist/esm/components/favorite/FavoriteIconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"FavoriteIconButton.js","sourceRoot":"","sources":["../../../../src/components/favorite/FavoriteIconButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,eAAe,CAAA;AAE3D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAA;AAChE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE/D,OAAO,EAAqB,qBAAqB,EAAE,MAAM,QAAQ,CAAA;AACjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AASzC,MAAM,CAAC,MAAM,kBAAkB,GAAG,UAAU,CAC1C,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC/E,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEnD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAA;IACtD,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,CAAC,YAAY,CAAC,CAAA;IAC3B,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAElB,MAAM,SAAS,GAAG,oBAAoB,CAAC,GAAG,CAAC,CAAA;IAC3C,MAAM,CAAC,SAAS,EAAE,QAAQ,CAAC,GAAG,WAAW,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;IAE/D,MAAM,iBAAiB,GAAG,CAAC,KAAc,EAAE,gBAA0B,EAAE,EAAE;QACvE,MAAM,aAAa,GAAG,qBAAqB,CAAC,KAAK,EAAE,CAAC,CAAC,gBAAgB,EAAE,SAAS,EAAE,KAAK,CAAC,CAAA;QACxF,QAAQ,CAAC,SAAS,EAAE,UAAU,EAAE,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAA;QAC9D,WAAW,CAAC,gBAAgB,CAAC,CAAA;QAC7B,aAAa,CAAC,KAAK,CAAC,CAAA;IACtB,CAAC,CAAA;IAED,MAAM,OAAO,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAA;IAE7C,OAAO,CACL,MAAC,UAAU,wBACS,QAAQ,EAC1B,GAAG,EAAE,SAAS,EACd,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,KAAK,CAAC,eAAe,EAAE,CAAA;YACvB,aAAa,CAAC,CAAC,UAAU,CAAC,CAAA;QAC5B,CAAC,EACD,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,KACnC,KAAK,aAET,eAAM,GAAG,EAAE,OAAO,YAChB,KAAC,iBAAiB,IAAC,QAAQ,EAAE,QAAQ,GAAI,GACpC,EACP,KAAC,cAAc,IACb,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,EACpB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,OAAO,EACpB,IAAI,EAAE,UAAU,EAChB,iBAAiB,EAAE,iBAAiB,EACpC,WAAW,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,GACvC,EACD,QAAQ,IACE,CACd,CAAA;AACH,CAAC,CACF,CAAA;AAED,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAA"}
+{"version":3,"file":"FavoriteIconButton.js","sourceRoot":"","sources":["../../../../src/components/favorite/FavoriteIconButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,eAAe,CAAA;AAE3D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAA;AAChE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE/D,OAAO,EAAqB,qBAAqB,EAAE,MAAM,QAAQ,CAAA;AACjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AASzC,MAAM,CAAC,MAAM,kBAAkB,GAAG,UAAU,CAC1C,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC9E,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEnD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAA;IACtD,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,CAAC,YAAY,CAAC,CAAA;IAC3B,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAElB,MAAM,SAAS,GAAG,oBAAoB,CAAC,GAAG,CAAC,CAAA;IAC3C,MAAM,CAAC,SAAS,EAAE,QAAQ,CAAC,GAAG,WAAW,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;IAE/D,MAAM,iBAAiB,GAAG,CAAC,IAAa,EAAE,gBAA0B,EAAE,EAAE;QACtE,MAAM,aAAa,GAAG,qBAAqB,CAAC,CAAC,CAAC,gBAAgB,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,CAAA;QACvF,QAAQ,CAAC,SAAS,EAAE,UAAU,EAAE,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAA;QAC9D,WAAW,CAAC,gBAAgB,CAAC,CAAA;QAC7B,aAAa,CAAC,KAAK,CAAC,CAAA;IACtB,CAAC,CAAA;IAED,MAAM,OAAO,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAA;IAE7C,OAAO,CACL,MAAC,UAAU,wBACS,QAAQ,EAC1B,GAAG,EAAE,SAAS,EACd,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,KAAK,CAAC,eAAe,EAAE,CAAA;YACvB,aAAa,CAAC,CAAC,UAAU,CAAC,CAAA;QAC5B,CAAC,EACD,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,KACnC,KAAK,aAET,eAAM,GAAG,EAAE,OAAO,YAChB,KAAC,iBAAiB,IAAC,QAAQ,EAAE,QAAQ,GAAI,GACpC,EACP,KAAC,cAAc,IACb,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,EACpB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,OAAO,EACpB,IAAI,EAAE,UAAU,EAChB,iBAAiB,EAAE,iBAAiB,EACpC,WAAW,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,GACvC,EACD,QAAQ,IACE,CACd,CAAA;AACH,CAAC,CACF,CAAA;AAED,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAA"}

package/dist/esm/components/favorite/Popper.js

@@ -3,14 +3,14 @@ import { Card, CardContent, ClickAwayListener, Fade, Popper, styled, TextField }
 import { forwardRef, useEffect, useState } from 'react';
 import { popperId } from './lib';
 import { PopperButtonGroup } from './PopperButtonGroup';
-export const FavoritePopper = forwardRef(({ alias: aliasProp, favorite, favoriteRef, onClickAway = () => {
+export const FavoritePopper = forwardRef(({ name: nameProp, favorite, favoriteRef, onClickAway = () => {
     return;
 }, onConfirmFavorite, ...props }, ref) => {
-    const [alias, setAlias] = useState();
+    const [name, setName] = useState(nameProp);
     useEffect(() => {
-        setAlias(aliasProp);
-    }, [aliasProp]);
-    return (_jsx(ClickAwayListener, { onClickAway: onClickAway, children: _jsx(PopperStyled, { id: popperId, anchorEl: favoriteRef?.current, onClick: (e) => e.stopPropagation(), transition: true, ref: ref, ...props, children: ({ TransitionProps }) => (_jsx(Fade, { ...TransitionProps, timeout: 350, children: _jsx(Card, { children: _jsxs(CardContent, { sx: { display: 'flex', gap: 1 }, children: [_jsx(TextField, { autoFocus: true, label: "Favorite Alias", placeholder: "optional", size: "small", value: alias ?? '', onChange: (e) => setAlias(e.target.value) }), _jsx(PopperButtonGroup, { favorite: favorite, onConfirmFavorite: onConfirmFavorite, alias: alias })] }) }) })) }) }));
+        setName(nameProp);
+    }, [nameProp]);
+    return (_jsx(ClickAwayListener, { onClickAway: onClickAway, children: _jsx(PopperStyled, { id: popperId, anchorEl: favoriteRef?.current, onClick: (e) => e.stopPropagation(), transition: true, ref: ref, ...props, children: ({ TransitionProps }) => (_jsx(Fade, { ...TransitionProps, timeout: 350, children: _jsx(Card, { children: _jsxs(CardContent, { sx: { display: 'flex', gap: 1 }, children: [_jsx(TextField, { autoFocus: true, label: "Favorite Name", placeholder: "optional", size: "small", value: name ?? '', onChange: (e) => setName(e.target.value) }), _jsx(PopperButtonGroup, { favorite: favorite, onConfirmFavorite: onConfirmFavorite, name: name })] }) }) })) }) }));
 });
 FavoritePopper.displayName = 'FavoritePopper';
 // Ensure the popper is over all other mui portal elements

package/dist/esm/components/favorite/Popper.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popper.js","sourceRoot":"","sources":["../../../../src/components/favorite/Popper.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,EAAe,MAAM,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAClH,OAAO,EAAE,UAAU,EAAa,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAElE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AASvD,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CACtC,CACE,EACE,KAAK,EAAE,SAAS,EAChB,QAAQ,EACR,WAAW,EACX,WAAW,GAAG,GAAG,EAAE;IACjB,OAAM;AACR,CAAC,EACD,iBAAiB,EACjB,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAAU,CAAA;IAC5C,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,SAAS,CAAC,CAAA;IACrB,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEf,OAAO,CACL,KAAC,iBAAiB,IAAC,WAAW,EAAE,WAAW,YACzC,KAAC,YAAY,IAAC,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EAAE,UAAU,QAAC,GAAG,EAAE,GAAG,KAAM,KAAK,YAC5H,CAAC,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,CACxB,KAAC,IAAI,OAAK,eAAe,EAAE,OAAO,EAAE,GAAG,YACrC,KAAC,IAAI,cACH,MAAC,WAAW,IAAC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE,aAC1C,KAAC,SAAS,IACR,SAAS,QACT,KAAK,EAAC,gBAAgB,EACtB,WAAW,EAAC,UAAU,EACtB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GACzC,EACF,KAAC,iBAAiB,IAAC,QAAQ,EAAE,QAAQ,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,KAAK,EAAE,KAAK,GAAI,IACjF,GACT,GACF,CACR,GACY,GACG,CACrB,CAAA;AACH,CAAC,CACF,CAAA;AAED,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAE7C,0DAA0D;AAC1D,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA"}
+{"version":3,"file":"Popper.js","sourceRoot":"","sources":["../../../../src/components/favorite/Popper.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,EAAe,MAAM,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAClH,OAAO,EAAE,UAAU,EAAa,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAElE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AASvD,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CACtC,CACE,EACE,IAAI,EAAE,QAAQ,EACd,QAAQ,EACR,WAAW,EACX,WAAW,GAAG,GAAG,EAAE;IACjB,OAAM;AACR,CAAC,EACD,iBAAiB,EACjB,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAA;IAC1C,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,CAAC,QAAQ,CAAC,CAAA;IACnB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,OAAO,CACL,KAAC,iBAAiB,IAAC,WAAW,EAAE,WAAW,YACzC,KAAC,YAAY,IAAC,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EAAE,UAAU,QAAC,GAAG,EAAE,GAAG,KAAM,KAAK,YAC5H,CAAC,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,CACxB,KAAC,IAAI,OAAK,eAAe,EAAE,OAAO,EAAE,GAAG,YACrC,KAAC,IAAI,cACH,MAAC,WAAW,IAAC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE,aAC1C,KAAC,SAAS,IACR,SAAS,QACT,KAAK,EAAC,eAAe,EACrB,WAAW,EAAC,UAAU,EACtB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,IAAI,IAAI,EAAE,EACjB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GACxC,EACF,KAAC,iBAAiB,IAAC,QAAQ,EAAE,QAAQ,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,IAAI,EAAE,IAAI,GAAI,IAC/E,GACT,GACF,CACR,GACY,GACG,CACrB,CAAA;AACH,CAAC,CACF,CAAA;AAED,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAE7C,0DAA0D;AAC1D,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA"}

package/dist/esm/components/favorite/PopperButtonGroup.js

@@ -2,13 +2,13 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import DeleteIcon from '@mui/icons-material/Delete';
 import StarIcon from '@mui/icons-material/Star';
 import { Button, ButtonGroup } from '@mui/material';
-export const PopperButtonGroup = ({ alias, onConfirmFavorite, favorite, ...props }) => {
+export const PopperButtonGroup = ({ name, onConfirmFavorite, favorite, ...props }) => {
     return (_jsxs(ButtonGroup, { ...props, children: [_jsx(Button, { title: "Save Favorite", variant: "contained", onClick: (e) => {
                     e.stopPropagation();
-                    onConfirmFavorite?.(alias, true);
+                    onConfirmFavorite?.(name, true);
                 }, children: _jsx(StarIcon, {}) }), favorite ? (_jsx(Button, { title: "Remove Favorite", variant: "contained", onClick: (e) => {
                     e.stopPropagation();
-                    onConfirmFavorite?.(alias, false);
+                    onConfirmFavorite?.(name, false);
                 }, children: _jsx(DeleteIcon, {}) })) : null] }));
 };
 //# sourceMappingURL=PopperButtonGroup.js.map

package/dist/esm/components/favorite/PopperButtonGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopperButtonGroup.js","sourceRoot":"","sources":["../../../../src/components/favorite/PopperButtonGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,4BAA4B,CAAA;AACnD,OAAO,QAAQ,MAAM,0BAA0B,CAAA;AAC/C,OAAO,EAAE,MAAM,EAAE,WAAW,EAAoB,MAAM,eAAe,CAAA;AAQrE,MAAM,CAAC,MAAM,iBAAiB,GAAkC,CAAC,EAAE,KAAK,EAAE,iBAAiB,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACnH,OAAO,CACL,MAAC,WAAW,OAAK,KAAK,aACpB,KAAC,MAAM,IACL,KAAK,EAAC,eAAe,EACrB,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,CAAC,CAAC,eAAe,EAAE,CAAA;oBACnB,iBAAiB,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,CAAA;gBAClC,CAAC,YAED,KAAC,QAAQ,KAAG,GACL,EACR,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,MAAM,IACL,KAAK,EAAC,iBAAiB,EACvB,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,CAAC,CAAC,eAAe,EAAE,CAAA;oBACnB,iBAAiB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA;gBACnC,CAAC,YAED,KAAC,UAAU,KAAG,GACP,CACV,CAAC,CAAC,CAAC,IAAI,IACI,CACf,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"PopperButtonGroup.js","sourceRoot":"","sources":["../../../../src/components/favorite/PopperButtonGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,4BAA4B,CAAA;AACnD,OAAO,QAAQ,MAAM,0BAA0B,CAAA;AAC/C,OAAO,EAAE,MAAM,EAAE,WAAW,EAAoB,MAAM,eAAe,CAAA;AAQrE,MAAM,CAAC,MAAM,iBAAiB,GAAkC,CAAC,EAAE,IAAI,EAAE,iBAAiB,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAClH,OAAO,CACL,MAAC,WAAW,OAAK,KAAK,aACpB,KAAC,MAAM,IACL,KAAK,EAAC,eAAe,EACrB,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,CAAC,CAAC,eAAe,EAAE,CAAA;oBACnB,iBAAiB,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAA;gBACjC,CAAC,YAED,KAAC,QAAQ,KAAG,GACL,EACR,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,MAAM,IACL,KAAK,EAAC,iBAAiB,EACvB,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,CAAC,CAAC,eAAe,EAAE,CAAA;oBACnB,iBAAiB,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;gBAClC,CAAC,YAED,KAAC,UAAU,KAAG,GACP,CACV,CAAC,CAAC,CAAC,IAAI,IACI,CACf,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/lib/FavoriteItemEvent.js

@@ -1,7 +1,7 @@
-export const generateFavoriteEvent = (alias, favorite, favoriteType, favoriteValue) => ({
-    alias,
+export const generateFavoriteEvent = (favorite, favoriteType, favoriteValue, name) => ({
     favorite: !!favorite,
     favoriteType,
     favoriteValue,
+    name,
 });
 //# sourceMappingURL=FavoriteItemEvent.js.map

package/dist/esm/components/lib/FavoriteItemEvent.js.map

@@ -1 +1 @@
-{"version":3,"file":"FavoriteItemEvent.js","sourceRoot":"","sources":["../../../../src/components/lib/FavoriteItemEvent.ts"],"names":[],"mappings":"AASA,MAAM,CAAC,MAAM,qBAAqB,GAAG,CACnC,KAAc,EACd,QAAkB,EAClB,YAA2B,EAC3B,aAAsB,EACH,EAAE,CAAC,CAAC;IACvB,KAAK;IACL,QAAQ,EAAE,CAAC,CAAC,QAAQ;IACpB,YAAY;IACZ,aAAa;CACd,CAAC,CAAA"}
+{"version":3,"file":"FavoriteItemEvent.js","sourceRoot":"","sources":["../../../../src/components/lib/FavoriteItemEvent.ts"],"names":[],"mappings":"AASA,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,QAAkB,EAAE,YAA2B,EAAE,aAAsB,EAAE,IAAa,EAAqB,EAAE,CAAC,CAAC;IACnJ,QAAQ,EAAE,CAAC,CAAC,QAAQ;IACpB,YAAY;IACZ,aAAa;IACb,IAAI;CACL,CAAC,CAAA"}

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

@@ -3,7 +3,6 @@ import { FlexBoxProps } from '@xylabs/react-flexbox';
 import { WithChildren } from '@xylabs/react-shared';
 export interface AddressRenderRowBoxPropsBase {
     address?: string | null;
-    alias?: string;
     favorite?: boolean;
     iconOnly?: boolean;
     iconSize?: number;

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,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,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,kHA8B/B,CAAA"}
+{"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,kHA8B/B,CAAA"}

package/dist/types/components/favorite/FavoriteIconButton.d.ts

@@ -3,8 +3,8 @@ import { IconButtonProps } from '@mui/material';
 import { WithChildren } from '@xylabs/react-shared';
 import { FavoriteItemEvent } from '../lib';
 export interface FavoriteIconButtonProps extends WithChildren, IconButtonProps {
-    alias?: FavoriteItemEvent['alias'];
     favorite?: FavoriteItemEvent['favorite'];
+    name?: FavoriteItemEvent['name'];
     value?: string;
     valueType?: FavoriteItemEvent['favoriteType'];
 }

package/dist/types/components/favorite/FavoriteIconButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FavoriteIconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/favorite/FavoriteIconButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAKnD,OAAO,EAAE,iBAAiB,EAAyB,MAAM,QAAQ,CAAA;AAKjE,MAAM,WAAW,uBAAwB,SAAQ,YAAY,EAAE,eAAe;IAC5E,KAAK,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAA;IAClC,QAAQ,CAAC,EAAE,iBAAiB,CAAC,UAAU,CAAC,CAAA;IACxC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAA;CAC9C;AAED,eAAO,MAAM,kBAAkB,oIAgD9B,CAAA"}
+{"version":3,"file":"FavoriteIconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/favorite/FavoriteIconButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAKnD,OAAO,EAAE,iBAAiB,EAAyB,MAAM,QAAQ,CAAA;AAKjE,MAAM,WAAW,uBAAwB,SAAQ,YAAY,EAAE,eAAe;IAC5E,QAAQ,CAAC,EAAE,iBAAiB,CAAC,UAAU,CAAC,CAAA;IACxC,IAAI,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAA;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAA;CAC9C;AAED,eAAO,MAAM,kBAAkB,oIAgD9B,CAAA"}

package/dist/types/components/favorite/Popper.d.ts

@@ -1,11 +1,11 @@
 import { PopperProps } from '@mui/material';
 import { RefObject } from 'react';
 export interface FavoritePopperProps extends PopperProps {
-    alias?: string;
     favorite?: boolean;
     favoriteRef?: RefObject<HTMLElement>;
+    name?: string;
     onClickAway?: (event: MouseEvent | TouchEvent) => void;
-    onConfirmFavorite?: (alias?: string, newFavoriteState?: boolean) => void;
+    onConfirmFavorite?: (name?: string, newFavoriteState?: boolean) => void;
 }
 export declare const FavoritePopper: import("react").ForwardRefExoticComponent<Omit<FavoritePopperProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Popper.d.ts.map

package/dist/types/components/favorite/Popper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popper.d.ts","sourceRoot":"","sources":["../../../../src/components/favorite/Popper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsD,WAAW,EAAqB,MAAM,eAAe,CAAA;AAClH,OAAO,EAAc,SAAS,EAAuB,MAAM,OAAO,CAAA;AAKlE,MAAM,WAAW,mBAAoB,SAAQ,WAAW;IACtD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAA;IACpC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,UAAU,KAAK,IAAI,CAAA;IACtD,iBAAiB,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,gBAAgB,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;CACzE;AACD,eAAO,MAAM,cAAc,6HA2C1B,CAAA"}
+{"version":3,"file":"Popper.d.ts","sourceRoot":"","sources":["../../../../src/components/favorite/Popper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsD,WAAW,EAAqB,MAAM,eAAe,CAAA;AAClH,OAAO,EAAc,SAAS,EAAuB,MAAM,OAAO,CAAA;AAKlE,MAAM,WAAW,mBAAoB,SAAQ,WAAW;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAA;IACpC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,UAAU,KAAK,IAAI,CAAA;IACtD,iBAAiB,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,gBAAgB,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;CACxE;AACD,eAAO,MAAM,cAAc,6HA2C1B,CAAA"}

package/dist/types/components/favorite/PopperButtonGroup.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import { ButtonGroupProps } from '@mui/material';
 export interface FavoritePopperProps extends ButtonGroupProps {
-    alias?: string;
     favorite?: boolean;
-    onConfirmFavorite?: (alias?: string, newFavoriteState?: boolean) => void;
+    name?: string;
+    onConfirmFavorite?: (name?: string, newFavoriteState?: boolean) => void;
 }
 export declare const PopperButtonGroup: React.FC<FavoritePopperProps>;
 //# sourceMappingURL=PopperButtonGroup.d.ts.map

package/dist/types/components/favorite/PopperButtonGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PopperButtonGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/favorite/PopperButtonGroup.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAuB,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAErE,MAAM,WAAW,mBAAoB,SAAQ,gBAAgB;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iBAAiB,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,gBAAgB,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;CACzE;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA2B3D,CAAA"}
+{"version":3,"file":"PopperButtonGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/favorite/PopperButtonGroup.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAuB,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAErE,MAAM,WAAW,mBAAoB,SAAQ,gBAAgB;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iBAAiB,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,gBAAgB,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;CACxE;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA2B3D,CAAA"}

package/dist/types/components/lib/FavoriteItemEvent.d.ts

@@ -1,9 +1,9 @@
 export interface FavoriteItemEvent {
-    alias?: string;
     favorite?: boolean;
     favoriteType?: FavoriteType;
     favoriteValue?: string;
+    name?: string;
 }
 export type FavoriteType = 'address' | 'schema' | 'hash';
-export declare const generateFavoriteEvent: (alias?: string, favorite?: boolean, favoriteType?: FavoriteType, favoriteValue?: string) => FavoriteItemEvent;
+export declare const generateFavoriteEvent: (favorite?: boolean, favoriteType?: FavoriteType, favoriteValue?: string, name?: string) => FavoriteItemEvent;
 //# sourceMappingURL=FavoriteItemEvent.d.ts.map

package/dist/types/components/lib/FavoriteItemEvent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FavoriteItemEvent.d.ts","sourceRoot":"","sources":["../../../../src/components/lib/FavoriteItemEvent.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAA;AAExD,eAAO,MAAM,qBAAqB,WACxB,MAAM,aACH,OAAO,iBACH,YAAY,kBACX,MAAM,KACrB,iBAKD,CAAA"}
+{"version":3,"file":"FavoriteItemEvent.d.ts","sourceRoot":"","sources":["../../../../src/components/lib/FavoriteItemEvent.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAA;AAExD,eAAO,MAAM,qBAAqB,cAAe,OAAO,iBAAiB,YAAY,kBAAkB,MAAM,SAAS,MAAM,KAAG,iBAK7H,CAAA"}

package/package.json

@@ -13,8 +13,8 @@
     "@xylabs/react-flexbox": "^2.16.11",
     "@xylabs/react-identicon": "^2.16.11",
     "@xylabs/react-shared": "^2.16.11",
-    "@xyo-network/react-event": "^2.47.16",
-    "@xyo-network/react-shared": "^2.47.16"
+    "@xyo-network/react-event": "^2.47.18",
+    "@xyo-network/react-shared": "^2.47.18"
   },
   "peerDependencies": {
     "@mui/icons-material": "^5",
@@ -76,5 +76,5 @@
   },
   "sideEffects": false,
   "types": "dist/types/index.d.ts",
-  "version": "2.47.16"
+  "version": "2.47.18"
 }

package/src/components/RenderRowBox.stories.tsx

@@ -24,13 +24,13 @@ const Template: ComponentStory<typeof AddressRenderRowBox> = (args) => {
     console.log(`${noun}|${verb}|${data}`)
     const parsedEvent = JSON.parse(data ?? '') as FavoriteItemEvent
     if (parsedEvent.favorite) {
-      setAlias(parsedEvent.alias)
+      setName(parsedEvent.name)
     } else {
-      setAlias(undefined)
+      setName(undefined)
     }
   })
-  const [alias, setAlias] = useState(args.alias)
-  return <AddressRenderRowBox {...args} alias={alias} ref={ref} />
+  const [name, setName] = useState(args.name)
+  return <AddressRenderRowBox {...args} name={name} ref={ref} />
 }
 
 const Default = Template.bind({})
@@ -65,9 +65,9 @@ WithFavorite.args = {
 const WithFavoriteAlias = Template.bind({})
 WithFavoriteAlias.args = {
   address,
-  alias: 'My Alias',
   favorite: true,
   icons: true,
+  name: 'My Name',
   showFavorite: true,
 }
 

package/src/components/RenderRowBox.tsx

@@ -10,7 +10,6 @@ import { FavoriteIconButton } from './favorite'
 
 export interface AddressRenderRowBoxPropsBase {
   address?: string | null
-  alias?: string
   favorite?: boolean
   iconOnly?: boolean
   iconSize?: number
@@ -22,7 +21,7 @@ export interface AddressRenderRowBoxPropsBase {
 export interface AddressRenderRowBoxProps extends WithChildren, AddressRenderRowBoxPropsBase, FlexBoxProps {}
 
 export const AddressRenderRowBox = forwardRef<HTMLElement, AddressRenderRowBoxProps>(
-  ({ address, alias, children, favorite: favoriteProp = false, iconOnly, iconSize = 24, icons, name, showFavorite = false, ...props }, ref) => {
+  ({ address, children, favorite: favoriteProp = false, iconOnly, iconSize = 24, icons, name, showFavorite = false, ...props }, ref) => {
     const theme = useTheme()
 
     const sharedRef = useShareForwardedRef(ref)
@@ -40,13 +39,13 @@ export const AddressRenderRowBox = forwardRef<HTMLElement, AddressRenderRowBoxPr
         {iconOnly ? null : (
           <ListItemText>
             <EllipsizeBox ellipsisPosition={'end'} width="100%" typographyProps={{ fontSize: theme.typography.body1.fontSize }}>
-              {alias ?? name ?? address}
+              {name ?? address}
             </EllipsizeBox>
           </ListItemText>
         )}
         {children}
         {showFavorite && address ? (
-          <FavoriteIconButton alias={alias} size={'small'} value={address} valueType={'address'} favorite={favoriteProp} />
+          <FavoriteIconButton name={name} size={'small'} value={address} valueType={'address'} favorite={favoriteProp} />
         ) : null}
       </FlexGrowRow>
     )

package/src/components/favorite/FavoriteIconButton.tsx

@@ -10,14 +10,14 @@ import { popperId } from './lib'
 import { FavoritePopper } from './Popper'
 
 export interface FavoriteIconButtonProps extends WithChildren, IconButtonProps {
-  alias?: FavoriteItemEvent['alias']
   favorite?: FavoriteItemEvent['favorite']
+  name?: FavoriteItemEvent['name']
   value?: string
   valueType?: FavoriteItemEvent['favoriteType']
 }
 
 export const FavoriteIconButton = forwardRef<HTMLButtonElement, FavoriteIconButtonProps>(
-  ({ alias, children, favorite: favoriteProp, valueType, value, ...props }, ref) => {
+  ({ children, favorite: favoriteProp, name, valueType, value, ...props }, ref) => {
     const [openPopper, setOpenPopper] = useState(false)
 
     const [favorite, setFavorite] = useState(favoriteProp)
@@ -28,8 +28,8 @@ export const FavoriteIconButton = forwardRef<HTMLButtonElement, FavoriteIconButt
     const sharedRef = useShareForwardedRef(ref)
     const [buttonRef, dispatch] = useXyoEvent(undefined, sharedRef)
 
-    const onConfirmFavorite = (alias?: string, newFavoriteState?: boolean) => {
-      const favoriteEvent = generateFavoriteEvent(alias, !!newFavoriteState, valueType, value)
+    const onConfirmFavorite = (name?: string, newFavoriteState?: boolean) => {
+      const favoriteEvent = generateFavoriteEvent(!!newFavoriteState, valueType, value, name)
       dispatch('address', 'favorite', JSON.stringify(favoriteEvent))
       setFavorite(newFavoriteState)
       setOpenPopper(false)
@@ -53,7 +53,7 @@ export const FavoriteIconButton = forwardRef<HTMLButtonElement, FavoriteIconButt
         </span>
         <FavoritePopper
           sx={{ zIndex: 1301 }}
-          alias={alias}
+          name={name}
           favorite={favorite}
           favoriteRef={starRef}
           open={openPopper}

package/src/components/favorite/Popper.tsx

@@ -5,16 +5,16 @@ import { popperId } from './lib'
 import { PopperButtonGroup } from './PopperButtonGroup'
 
 export interface FavoritePopperProps extends PopperProps {
-  alias?: string
   favorite?: boolean
   favoriteRef?: RefObject<HTMLElement>
+  name?: string
   onClickAway?: (event: MouseEvent | TouchEvent) => void
-  onConfirmFavorite?: (alias?: string, newFavoriteState?: boolean) => void
+  onConfirmFavorite?: (name?: string, newFavoriteState?: boolean) => void
 }
 export const FavoritePopper = forwardRef<HTMLDivElement, FavoritePopperProps>(
   (
     {
-      alias: aliasProp,
+      name: nameProp,
       favorite,
       favoriteRef,
       onClickAway = () => {
@@ -25,10 +25,10 @@ export const FavoritePopper = forwardRef<HTMLDivElement, FavoritePopperProps>(
     },
     ref,
   ) => {
-    const [alias, setAlias] = useState<string>()
+    const [name, setName] = useState(nameProp)
     useEffect(() => {
-      setAlias(aliasProp)
-    }, [aliasProp])
+      setName(nameProp)
+    }, [nameProp])
 
     return (
       <ClickAwayListener onClickAway={onClickAway}>
@@ -39,13 +39,13 @@ export const FavoritePopper = forwardRef<HTMLDivElement, FavoritePopperProps>(
                 <CardContent sx={{ display: 'flex', gap: 1 }}>
                   <TextField
                     autoFocus
-                    label="Favorite Alias"
+                    label="Favorite Name"
                     placeholder="optional"
                     size="small"
-                    value={alias ?? ''}
-                    onChange={(e) => setAlias(e.target.value)}
+                    value={name ?? ''}
+                    onChange={(e) => setName(e.target.value)}
                   />
-                  <PopperButtonGroup favorite={favorite} onConfirmFavorite={onConfirmFavorite} alias={alias} />
+                  <PopperButtonGroup favorite={favorite} onConfirmFavorite={onConfirmFavorite} name={name} />
                 </CardContent>
               </Card>
             </Fade>

package/src/components/favorite/PopperButtonGroup.tsx

@@ -3,12 +3,12 @@ import StarIcon from '@mui/icons-material/Star'
 import { Button, ButtonGroup, ButtonGroupProps } from '@mui/material'
 
 export interface FavoritePopperProps extends ButtonGroupProps {
-  alias?: string
   favorite?: boolean
-  onConfirmFavorite?: (alias?: string, newFavoriteState?: boolean) => void
+  name?: string
+  onConfirmFavorite?: (name?: string, newFavoriteState?: boolean) => void
 }
 
-export const PopperButtonGroup: React.FC<FavoritePopperProps> = ({ alias, onConfirmFavorite, favorite, ...props }) => {
+export const PopperButtonGroup: React.FC<FavoritePopperProps> = ({ name, onConfirmFavorite, favorite, ...props }) => {
   return (
     <ButtonGroup {...props}>
       <Button
@@ -16,7 +16,7 @@ export const PopperButtonGroup: React.FC<FavoritePopperProps> = ({ alias, onConf
         variant="contained"
         onClick={(e) => {
           e.stopPropagation()
-          onConfirmFavorite?.(alias, true)
+          onConfirmFavorite?.(name, true)
         }}
       >
         <StarIcon />
@@ -27,7 +27,7 @@ export const PopperButtonGroup: React.FC<FavoritePopperProps> = ({ alias, onConf
           variant="contained"
           onClick={(e) => {
             e.stopPropagation()
-            onConfirmFavorite?.(alias, false)
+            onConfirmFavorite?.(name, false)
           }}
         >
           <DeleteIcon />

package/src/components/lib/FavoriteItemEvent.ts

@@ -1,20 +1,15 @@
 export interface FavoriteItemEvent {
-  alias?: string
   favorite?: boolean
   favoriteType?: FavoriteType
   favoriteValue?: string
+  name?: string
 }
 
 export type FavoriteType = 'address' | 'schema' | 'hash'
 
-export const generateFavoriteEvent = (
-  alias?: string,
-  favorite?: boolean,
-  favoriteType?: FavoriteType,
-  favoriteValue?: string,
-): FavoriteItemEvent => ({
-  alias,
+export const generateFavoriteEvent = (favorite?: boolean, favoriteType?: FavoriteType, favoriteValue?: string, name?: string): FavoriteItemEvent => ({
   favorite: !!favorite,
   favoriteType,
   favoriteValue,
+  name,
 })