@xyo-network/react-address-render 2.47.8 → 2.47.10

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

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import StarIcon from '@mui/icons-material/Star';
-import StarBorderIcon from '@mui/icons-material/StarBorder';
 import { IconButton } from '@mui/material';
 import { useXyoEvent } from '@xyo-network/react-event';
 import { useShareForwardedRef } from '@xyo-network/react-shared';
 import { forwardRef, useEffect, useRef, useState } from 'react';
+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) => {
@@ -16,23 +16,16 @@ export const FavoriteIconButton = forwardRef(({ alias, children, favorite: favor
     const sharedRef = useShareForwardedRef(ref);
     const [buttonRef, dispatch] = useXyoEvent(undefined, sharedRef);
     const onConfirmFavorite = (alias, newFavoriteState) => {
-        setFavorite(() => {
-            const favoriteEvent = {
-                alias,
-                favorite: !!newFavoriteState,
-                favoriteType: valueType,
-                favoriteValue: value,
-            };
-            dispatch('address', 'favorite', JSON.stringify(favoriteEvent));
-            return newFavoriteState;
-        });
+        const favoriteEvent = generateFavoriteEvent(alias, !!newFavoriteState, valueType, value);
+        dispatch('address', 'favorite', JSON.stringify(favoriteEvent));
+        setFavorite(newFavoriteState);
         setOpenPopper(false);
     };
     const starRef = useRef(null);
     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: favorite ? _jsx(StarIcon, { className: "favorite-icon", component: 'svg', color: "secondary" }) : _jsx(StarBorderIcon, { className: "favorite-icon" }) }), _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 }, alias: alias, 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,QAAQ,MAAM,0BAA0B,CAAA;AAC/C,OAAO,cAAc,MAAM,gCAAgC,CAAA;AAC3D,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;AAG/D,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;IAC/D,MAAM,iBAAiB,GAAG,CAAC,KAAc,EAAE,gBAA0B,EAAE,EAAE;QACvE,WAAW,CAAC,GAAG,EAAE;YACf,MAAM,aAAa,GAAsB;gBACvC,KAAK;gBACL,QAAQ,EAAE,CAAC,CAAC,gBAAgB;gBAC5B,YAAY,EAAE,SAAS;gBACvB,aAAa,EAAE,KAAK;aACrB,CAAA;YACD,QAAQ,CAAC,SAAS,EAAE,UAAU,EAAE,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAA;YAC9D,OAAO,gBAAgB,CAAA;QACzB,CAAC,CAAC,CAAA;QACF,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,YACf,QAAQ,CAAC,CAAC,CAAC,KAAC,QAAQ,IAAC,SAAS,EAAC,eAAe,EAAC,SAAS,EAAE,KAAK,EAAE,KAAK,EAAC,WAAW,GAAG,CAAC,CAAC,CAAC,KAAC,cAAc,IAAC,SAAS,EAAC,eAAe,GAAG,GAChI,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,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"}

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

@@ -0,0 +1,5 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import StarIcon from '@mui/icons-material/Star';
+import StarBorderIcon from '@mui/icons-material/StarBorder';
+export const FavoriteToggleSVG = ({ favorite }) => (_jsx(_Fragment, { children: favorite ? _jsx(StarIcon, { className: "favorite-icon", component: 'svg', color: "secondary" }) : _jsx(StarBorderIcon, { className: "favorite-icon" }) }));
+//# sourceMappingURL=FavoriteToggleSVG.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FavoriteToggleSVG.js","sourceRoot":"","sources":["../../../../src/components/favorite/FavoriteToggleSVG.tsx"],"names":[],"mappings":";AAAA,OAAO,QAAQ,MAAM,0BAA0B,CAAA;AAC/C,OAAO,cAAc,MAAM,gCAAgC,CAAA;AAE3D,MAAM,CAAC,MAAM,iBAAiB,GAAqC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACnF,4BAAG,QAAQ,CAAC,CAAC,CAAC,KAAC,QAAQ,IAAC,SAAS,EAAC,eAAe,EAAC,SAAS,EAAE,KAAK,EAAE,KAAK,EAAC,WAAW,GAAG,CAAC,CAAC,CAAC,KAAC,cAAc,IAAC,SAAS,EAAC,eAAe,GAAG,GAAI,CAC5I,CAAA"}

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

@@ -10,7 +10,7 @@ export const FavoritePopper = forwardRef(({ alias: aliasProp, favorite, favorite
     useEffect(() => {
         setAlias(aliasProp);
     }, [aliasProp]);
-    return (_jsx(ClickAwayListener, { onClickAway: onClickAway, children: _jsx(PopperStyled, { id: popperId, anchorEl: favoriteRef?.current, 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 })] }) }) })) }) }));
+    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 })] }) }) })) }) }));
 });
 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,UAAU,QAAC,GAAG,EAAE,GAAG,KAAM,KAAK,YACvF,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,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"}

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

@@ -3,10 +3,10 @@ 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 }) => {
-    return (_jsxs(ButtonGroup, { ...props, children: [_jsx(Button, { variant: "contained", onClick: (e) => {
+    return (_jsxs(ButtonGroup, { ...props, children: [_jsx(Button, { title: "Save Favorite", variant: "contained", onClick: (e) => {
                     e.stopPropagation();
                     onConfirmFavorite?.(alias, true);
-                }, children: _jsx(StarIcon, {}) }), favorite ? (_jsx(Button, { variant: "contained", onClick: (e) => {
+                }, children: _jsx(StarIcon, {}) }), favorite ? (_jsx(Button, { title: "Remove Favorite", variant: "contained", onClick: (e) => {
                     e.stopPropagation();
                     onConfirmFavorite?.(alias, false);
                 }, children: _jsx(DeleteIcon, {}) })) : null] }));

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,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,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,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"}

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

@@ -1,2 +1,7 @@
-export {};
+export const generateFavoriteEvent = (alias, favorite, favoriteType, favoriteValue) => ({
+    alias,
+    favorite: !!favorite,
+    favoriteType,
+    favoriteValue,
+});
 //# 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":""}
+{"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"}

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":";AAEA,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAKnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAA;AAI1C,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,oIAsD9B,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,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"}

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const FavoriteToggleSVG: React.FC<{
+    favorite?: boolean;
+}>;
+//# sourceMappingURL=FavoriteToggleSVG.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FavoriteToggleSVG.d.ts","sourceRoot":"","sources":["../../../../src/components/favorite/FavoriteToggleSVG.tsx"],"names":[],"mappings":";AAGA,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CAE9D,CAAA"}

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,CAyB3D,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,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"}

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

@@ -1,7 +1,9 @@
 export interface FavoriteItemEvent {
     alias?: string;
     favorite?: boolean;
-    favoriteType?: 'address' | 'schema' | 'hash';
+    favoriteType?: FavoriteType;
     favoriteValue?: string;
 }
+export type FavoriteType = 'address' | 'schema' | 'hash';
+export declare const generateFavoriteEvent: (alias?: string, favorite?: boolean, favoriteType?: FavoriteType, favoriteValue?: 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,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAA;IAC5C,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB"}
+{"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"}

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.8",
-    "@xyo-network/react-shared": "^2.47.8"
+    "@xyo-network/react-event": "^2.47.10",
+    "@xyo-network/react-shared": "^2.47.10"
   },
   "peerDependencies": {
     "@mui/icons-material": "^5",
@@ -76,5 +76,5 @@
   },
   "sideEffects": false,
   "types": "dist/types/index.d.ts",
-  "version": "2.47.8"
+  "version": "2.47.10"
 }

package/src/components/favorite/FavoriteIconButton.tsx

@@ -1,12 +1,11 @@
-import StarIcon from '@mui/icons-material/Star'
-import StarBorderIcon from '@mui/icons-material/StarBorder'
 import { IconButton, IconButtonProps } from '@mui/material'
 import { WithChildren } from '@xylabs/react-shared'
 import { useXyoEvent } from '@xyo-network/react-event'
 import { useShareForwardedRef } from '@xyo-network/react-shared'
 import { forwardRef, useEffect, useRef, useState } from 'react'
 
-import { FavoriteItemEvent } from '../lib'
+import { FavoriteItemEvent, generateFavoriteEvent } from '../lib'
+import { FavoriteToggleSVG } from './FavoriteToggleSVG'
 import { popperId } from './lib'
 import { FavoritePopper } from './Popper'
 
@@ -28,17 +27,11 @@ export const FavoriteIconButton = forwardRef<HTMLButtonElement, FavoriteIconButt
 
     const sharedRef = useShareForwardedRef(ref)
     const [buttonRef, dispatch] = useXyoEvent(undefined, sharedRef)
+
     const onConfirmFavorite = (alias?: string, newFavoriteState?: boolean) => {
-      setFavorite(() => {
-        const favoriteEvent: FavoriteItemEvent = {
-          alias,
-          favorite: !!newFavoriteState,
-          favoriteType: valueType,
-          favoriteValue: value,
-        }
-        dispatch('address', 'favorite', JSON.stringify(favoriteEvent))
-        return newFavoriteState
-      })
+      const favoriteEvent = generateFavoriteEvent(alias, !!newFavoriteState, valueType, value)
+      dispatch('address', 'favorite', JSON.stringify(favoriteEvent))
+      setFavorite(newFavoriteState)
       setOpenPopper(false)
     }
 
@@ -56,7 +49,7 @@ export const FavoriteIconButton = forwardRef<HTMLButtonElement, FavoriteIconButt
         {...props}
       >
         <span ref={starRef}>
-          {favorite ? <StarIcon className="favorite-icon" component={'svg'} color="secondary" /> : <StarBorderIcon className="favorite-icon" />}
+          <FavoriteToggleSVG favorite={favorite} />
         </span>
         <FavoritePopper
           sx={{ zIndex: 1301 }}

package/src/components/favorite/FavoriteToggleSVG.tsx

@@ -0,0 +1,6 @@
+import StarIcon from '@mui/icons-material/Star'
+import StarBorderIcon from '@mui/icons-material/StarBorder'
+
+export const FavoriteToggleSVG: React.FC<{ favorite?: boolean }> = ({ favorite }) => (
+  <>{favorite ? <StarIcon className="favorite-icon" component={'svg'} color="secondary" /> : <StarBorderIcon className="favorite-icon" />}</>
+)

package/src/components/favorite/Popper.tsx

@@ -32,7 +32,7 @@ export const FavoritePopper = forwardRef<HTMLDivElement, FavoritePopperProps>(
 
     return (
       <ClickAwayListener onClickAway={onClickAway}>
-        <PopperStyled id={popperId} anchorEl={favoriteRef?.current} transition ref={ref} {...props}>
+        <PopperStyled id={popperId} anchorEl={favoriteRef?.current} onClick={(e) => e.stopPropagation()} transition ref={ref} {...props}>
           {({ TransitionProps }) => (
             <Fade {...TransitionProps} timeout={350}>
               <Card>

package/src/components/favorite/PopperButtonGroup.tsx

@@ -12,6 +12,7 @@ export const PopperButtonGroup: React.FC<FavoritePopperProps> = ({ alias, onConf
   return (
     <ButtonGroup {...props}>
       <Button
+        title="Save Favorite"
         variant="contained"
         onClick={(e) => {
           e.stopPropagation()
@@ -22,6 +23,7 @@ export const PopperButtonGroup: React.FC<FavoritePopperProps> = ({ alias, onConf
       </Button>
       {favorite ? (
         <Button
+          title="Remove Favorite"
           variant="contained"
           onClick={(e) => {
             e.stopPropagation()

package/src/components/lib/FavoriteItemEvent.ts

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