@xyo-network/react-address-render 2.47.15 → 2.47.17

package/dist/cjs/components/RenderRowBox.js

@@ -11,13 +11,12 @@ const react_shared_1 = require("@xyo-network/react-shared");
 const react_1 = require("react");
 const favorite_1 = require("./favorite");
 exports.AddressRenderRowBox = (0, react_1.forwardRef)((_a, ref) => {
-    var _b;
-    var { address, alias, children, favorite: favoriteProp = false, iconOnly, iconSize = 24, icons, name, showFavorite = false } = _a, props = tslib_1.__rest(_a, ["address", "alias", "children", "favorite", "iconOnly", "iconSize", "icons", "name", "showFavorite"]);
+    var { address, children, favorite: favoriteProp = false, iconOnly, iconSize = 24, icons, name, showFavorite = false } = _a, props = tslib_1.__rest(_a, ["address", "children", "favorite", "iconOnly", "iconSize", "icons", "name", "showFavorite"]);
     const theme = (0, material_1.useTheme)();
     const sharedRef = (0, react_shared_1.useShareForwardedRef)(ref);
     const [elementRef, dispatch] = (0, react_event_1.useXyoEvent)(undefined, sharedRef);
     const handleClickedAddress = () => (address ? dispatch('address', 'click', address) : undefined);
-    return ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexGrowRow, Object.assign({ gap: 2, justifyContent: "flex-start", ref: elementRef, onClick: handleClickedAddress }, props, { children: [icons && address ? ((0, jsx_runtime_1.jsx)(material_1.ListItemIcon, Object.assign({ sx: { minWidth: 0 } }, { children: (0, jsx_runtime_1.jsx)(react_identicon_1.Identicon, { size: iconSize, value: address }) }))) : null, iconOnly ? null : ((0, jsx_runtime_1.jsx)(material_1.ListItemText, { children: (0, jsx_runtime_1.jsx)(react_shared_1.EllipsizeBox, Object.assign({ ellipsisPosition: 'end', width: "100%", typographyProps: { fontSize: theme.typography.body1.fontSize } }, { children: (_b = alias !== null && alias !== void 0 ? alias : name) !== null && _b !== void 0 ? _b : address })) })), children, showFavorite && address ? ((0, jsx_runtime_1.jsx)(favorite_1.FavoriteIconButton, { alias: alias, size: 'small', value: address, valueType: 'address', favorite: favoriteProp })) : null] })));
+    return ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexGrowRow, Object.assign({ gap: 2, justifyContent: "flex-start", ref: elementRef, onClick: handleClickedAddress }, props, { children: [icons && address ? ((0, jsx_runtime_1.jsx)(material_1.ListItemIcon, Object.assign({ sx: { minWidth: 0 } }, { children: (0, jsx_runtime_1.jsx)(react_identicon_1.Identicon, { size: iconSize, value: address }) }))) : null, iconOnly ? null : ((0, jsx_runtime_1.jsx)(material_1.ListItemText, { children: (0, jsx_runtime_1.jsx)(react_shared_1.EllipsizeBox, Object.assign({ ellipsisPosition: 'end', width: "100%", typographyProps: { fontSize: theme.typography.body1.fontSize } }, { children: name !== null && name !== void 0 ? name : address })) })), children, showFavorite && address ? ((0, jsx_runtime_1.jsx)(favorite_1.FavoriteIconButton, { name: name, size: 'small', value: address, valueType: 'address', favorite: favoriteProp })) : null] })));
 });
 exports.AddressRenderRowBox.displayName = 'AddressRenderRowBox';
 //# sourceMappingURL=RenderRowBox.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RenderRowBox.js","sourceRoot":"","sources":["../../../src/components/RenderRowBox.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAoE;AACpE,yDAAiE;AACjE,6DAAmD;AAEnD,0DAAsD;AACtD,4DAA8E;AAC9E,iCAAkC;AAElC,yCAA+C;AAelC,QAAA,mBAAmB,GAAG,IAAA,kBAAU,EAC3C,CAAC,EAAkI,EAAE,GAAG,EAAE,EAAE;;QAA3I,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,OAAY,EAAP,KAAK,sBAAhI,qGAAkI,CAAF;IAC/H,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IAExB,MAAM,SAAS,GAAG,IAAA,mCAAoB,EAAC,GAAG,CAAC,CAAA;IAC3C,MAAM,CAAC,UAAU,EAAE,QAAQ,CAAC,GAAG,IAAA,yBAAW,EAAC,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,wBAAC,2BAAW,kBAAC,GAAG,EAAE,CAAC,EAAE,cAAc,EAAC,YAAY,EAAC,GAAG,EAAE,UAAU,EAAE,OAAO,EAAE,oBAAoB,IAAM,KAAK,eACvG,KAAK,IAAI,OAAO,CAAC,CAAC,CAAC,CAClB,uBAAC,uBAAY,kBAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,gBAC/B,uBAAC,2BAAS,IAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,GAAI,IAChC,CAChB,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACjB,uBAAC,uBAAY,cACX,uBAAC,2BAAY,kBAAC,gBAAgB,EAAE,KAAK,EAAE,KAAK,EAAC,MAAM,EAAC,eAAe,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ,EAAE,gBAC/G,MAAA,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,IAAI,mCAAI,OAAO,IACZ,GACF,CAChB,EACA,QAAQ,EACR,YAAY,IAAI,OAAO,CAAC,CAAC,CAAC,CACzB,uBAAC,6BAAkB,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,KACI,CACf,CAAA;AACH,CAAC,CACF,CAAA;AAED,2BAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAA"}
+{"version":3,"file":"RenderRowBox.js","sourceRoot":"","sources":["../../../src/components/RenderRowBox.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAoE;AACpE,yDAAiE;AACjE,6DAAmD;AAEnD,0DAAsD;AACtD,4DAA8E;AAC9E,iCAAkC;AAElC,yCAA+C;AAclC,QAAA,mBAAmB,GAAG,IAAA,kBAAU,EAC3C,CAAC,EAA2H,EAAE,GAAG,EAAE,EAAE;QAApI,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,GAAG,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAG,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,YAAY,GAAG,KAAK,OAAY,EAAP,KAAK,sBAAzH,4FAA2H,CAAF;IACxH,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IAExB,MAAM,SAAS,GAAG,IAAA,mCAAoB,EAAC,GAAG,CAAC,CAAA;IAC3C,MAAM,CAAC,UAAU,EAAE,QAAQ,CAAC,GAAG,IAAA,yBAAW,EAAC,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,wBAAC,2BAAW,kBAAC,GAAG,EAAE,CAAC,EAAE,cAAc,EAAC,YAAY,EAAC,GAAG,EAAE,UAAU,EAAE,OAAO,EAAE,oBAAoB,IAAM,KAAK,eACvG,KAAK,IAAI,OAAO,CAAC,CAAC,CAAC,CAClB,uBAAC,uBAAY,kBAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,gBAC/B,uBAAC,2BAAS,IAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,GAAI,IAChC,CAChB,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACjB,uBAAC,uBAAY,cACX,uBAAC,2BAAY,kBAAC,gBAAgB,EAAE,KAAK,EAAE,KAAK,EAAC,MAAM,EAAC,eAAe,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ,EAAE,gBAC/G,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,OAAO,IACH,GACF,CAChB,EACA,QAAQ,EACR,YAAY,IAAI,OAAO,CAAC,CAAC,CAAC,CACzB,uBAAC,6BAAkB,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,KACI,CACf,CAAA;AACH,CAAC,CACF,CAAA;AAED,2BAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAA"}

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

@@ -12,7 +12,7 @@ const FavoriteToggleSVG_1 = require("./FavoriteToggleSVG");
 const lib_2 = require("./lib");
 const Popper_1 = require("./Popper");
 exports.FavoriteIconButton = (0, react_1.forwardRef)((_a, ref) => {
-    var { alias, children, favorite: favoriteProp, valueType, value } = _a, props = tslib_1.__rest(_a, ["alias", "children", "favorite", "valueType", "value"]);
+    var { children, favorite: favoriteProp, name, valueType, value } = _a, props = tslib_1.__rest(_a, ["children", "favorite", "name", "valueType", "value"]);
     const [openPopper, setOpenPopper] = (0, react_1.useState)(false);
     const [favorite, setFavorite] = (0, react_1.useState)(favoriteProp);
     (0, react_1.useEffect)(() => {
@@ -20,8 +20,8 @@ exports.FavoriteIconButton = (0, react_1.forwardRef)((_a, ref) => {
     }, [favoriteProp]);
     const sharedRef = (0, react_shared_1.useShareForwardedRef)(ref);
     const [buttonRef, dispatch] = (0, react_event_1.useXyoEvent)(undefined, sharedRef);
-    const onConfirmFavorite = (alias, newFavoriteState) => {
-        const favoriteEvent = (0, lib_1.generateFavoriteEvent)(alias, !!newFavoriteState, valueType, value);
+    const onConfirmFavorite = (name, newFavoriteState) => {
+        const favoriteEvent = (0, lib_1.generateFavoriteEvent)(!!newFavoriteState, valueType, value, name);
         dispatch('address', 'favorite', JSON.stringify(favoriteEvent));
         setFavorite(newFavoriteState);
         setOpenPopper(false);
@@ -30,7 +30,7 @@ exports.FavoriteIconButton = (0, react_1.forwardRef)((_a, ref) => {
     return ((0, jsx_runtime_1.jsxs)(material_1.IconButton, Object.assign({ "aria-describedby": lib_2.popperId, ref: buttonRef, onClick: (event) => {
             event.stopPropagation();
             setOpenPopper(!openPopper);
-        }, onMouseDown: (e) => e.stopPropagation() }, props, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ ref: starRef }, { children: (0, jsx_runtime_1.jsx)(FavoriteToggleSVG_1.FavoriteToggleSVG, { favorite: favorite }) })), (0, jsx_runtime_1.jsx)(Popper_1.FavoritePopper, { sx: { zIndex: 1301 }, alias: alias, favorite: favorite, favoriteRef: starRef, open: openPopper, onConfirmFavorite: onConfirmFavorite, onClickAway: () => setOpenPopper(false) }), children] })));
+        }, onMouseDown: (e) => e.stopPropagation() }, props, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ ref: starRef }, { children: (0, jsx_runtime_1.jsx)(FavoriteToggleSVG_1.FavoriteToggleSVG, { favorite: favorite }) })), (0, jsx_runtime_1.jsx)(Popper_1.FavoritePopper, { sx: { zIndex: 1301 }, name: name, favorite: favorite, favoriteRef: starRef, open: openPopper, onConfirmFavorite: onConfirmFavorite, onClickAway: () => setOpenPopper(false) }), children] })));
 });
 exports.FavoriteIconButton.displayName = 'FavoriteIconButton';
 //# sourceMappingURL=FavoriteIconButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FavoriteIconButton.js","sourceRoot":"","sources":["../../../../src/components/favorite/FavoriteIconButton.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA2D;AAE3D,0DAAsD;AACtD,4DAAgE;AAChE,iCAA+D;AAE/D,gCAAiE;AACjE,2DAAuD;AACvD,+BAAgC;AAChC,qCAAyC;AAS5B,QAAA,kBAAkB,GAAG,IAAA,kBAAU,EAC1C,CAAC,EAAuE,EAAE,GAAG,EAAE,EAAE;QAAhF,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,KAAK,OAAY,EAAP,KAAK,sBAArE,uDAAuE,CAAF;IACpE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAEnD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,YAAY,CAAC,CAAA;IACtD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,WAAW,CAAC,YAAY,CAAC,CAAA;IAC3B,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAElB,MAAM,SAAS,GAAG,IAAA,mCAAoB,EAAC,GAAG,CAAC,CAAA;IAC3C,MAAM,CAAC,SAAS,EAAE,QAAQ,CAAC,GAAG,IAAA,yBAAW,EAAC,SAAS,EAAE,SAAS,CAAC,CAAA;IAE/D,MAAM,iBAAiB,GAAG,CAAC,KAAc,EAAE,gBAA0B,EAAE,EAAE;QACvE,MAAM,aAAa,GAAG,IAAA,2BAAqB,EAAC,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,IAAA,cAAM,EAAkB,IAAI,CAAC,CAAA;IAE7C,OAAO,CACL,wBAAC,qBAAU,sCACS,cAAQ,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,IACnC,KAAK,eAET,+CAAM,GAAG,EAAE,OAAO,gBAChB,uBAAC,qCAAiB,IAAC,QAAQ,EAAE,QAAQ,GAAI,IACpC,EACP,uBAAC,uBAAc,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,KACE,CACd,CAAA;AACH,CAAC,CACF,CAAA;AAED,0BAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAA"}
+{"version":3,"file":"FavoriteIconButton.js","sourceRoot":"","sources":["../../../../src/components/favorite/FavoriteIconButton.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA2D;AAE3D,0DAAsD;AACtD,4DAAgE;AAChE,iCAA+D;AAE/D,gCAAiE;AACjE,2DAAuD;AACvD,+BAAgC;AAChC,qCAAyC;AAS5B,QAAA,kBAAkB,GAAG,IAAA,kBAAU,EAC1C,CAAC,EAAsE,EAAE,GAAG,EAAE,EAAE;QAA/E,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,OAAY,EAAP,KAAK,sBAApE,sDAAsE,CAAF;IACnE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAEnD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,YAAY,CAAC,CAAA;IACtD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,WAAW,CAAC,YAAY,CAAC,CAAA;IAC3B,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAElB,MAAM,SAAS,GAAG,IAAA,mCAAoB,EAAC,GAAG,CAAC,CAAA;IAC3C,MAAM,CAAC,SAAS,EAAE,QAAQ,CAAC,GAAG,IAAA,yBAAW,EAAC,SAAS,EAAE,SAAS,CAAC,CAAA;IAE/D,MAAM,iBAAiB,GAAG,CAAC,IAAa,EAAE,gBAA0B,EAAE,EAAE;QACtE,MAAM,aAAa,GAAG,IAAA,2BAAqB,EAAC,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,IAAA,cAAM,EAAkB,IAAI,CAAC,CAAA;IAE7C,OAAO,CACL,wBAAC,qBAAU,sCACS,cAAQ,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,IACnC,KAAK,eAET,+CAAM,GAAG,EAAE,OAAO,gBAChB,uBAAC,qCAAiB,IAAC,QAAQ,EAAE,QAAQ,GAAI,IACpC,EACP,uBAAC,uBAAc,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,KACE,CACd,CAAA;AACH,CAAC,CACF,CAAA;AAED,0BAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAA"}

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

@@ -8,14 +8,14 @@ const react_1 = require("react");
 const lib_1 = require("./lib");
 const PopperButtonGroup_1 = require("./PopperButtonGroup");
 exports.FavoritePopper = (0, react_1.forwardRef)((_a, ref) => {
-    var { alias: aliasProp, favorite, favoriteRef, onClickAway = () => {
+    var { name: nameProp, favorite, favoriteRef, onClickAway = () => {
         return;
-    }, onConfirmFavorite } = _a, props = tslib_1.__rest(_a, ["alias", "favorite", "favoriteRef", "onClickAway", "onConfirmFavorite"]);
-    const [alias, setAlias] = (0, react_1.useState)();
+    }, onConfirmFavorite } = _a, props = tslib_1.__rest(_a, ["name", "favorite", "favoriteRef", "onClickAway", "onConfirmFavorite"]);
+    const [name, setName] = (0, react_1.useState)();
     (0, react_1.useEffect)(() => {
-        setAlias(aliasProp);
-    }, [aliasProp]);
-    return ((0, jsx_runtime_1.jsx)(material_1.ClickAwayListener, Object.assign({ onClickAway: onClickAway }, { children: (0, jsx_runtime_1.jsx)(PopperStyled, Object.assign({ id: lib_1.popperId, anchorEl: favoriteRef === null || favoriteRef === void 0 ? void 0 : favoriteRef.current, onClick: (e) => e.stopPropagation(), transition: true, ref: ref }, props, { children: ({ TransitionProps }) => ((0, jsx_runtime_1.jsx)(material_1.Fade, Object.assign({}, TransitionProps, { timeout: 350 }, { children: (0, jsx_runtime_1.jsx)(material_1.Card, { children: (0, jsx_runtime_1.jsxs)(material_1.CardContent, Object.assign({ sx: { display: 'flex', gap: 1 } }, { children: [(0, jsx_runtime_1.jsx)(material_1.TextField, { autoFocus: true, label: "Favorite Alias", placeholder: "optional", size: "small", value: alias !== null && alias !== void 0 ? alias : '', onChange: (e) => setAlias(e.target.value) }), (0, jsx_runtime_1.jsx)(PopperButtonGroup_1.PopperButtonGroup, { favorite: favorite, onConfirmFavorite: onConfirmFavorite, alias: alias })] })) }) }))) })) })));
+        setName(nameProp);
+    }, [nameProp]);
+    return ((0, jsx_runtime_1.jsx)(material_1.ClickAwayListener, Object.assign({ onClickAway: onClickAway }, { children: (0, jsx_runtime_1.jsx)(PopperStyled, Object.assign({ id: lib_1.popperId, anchorEl: favoriteRef === null || favoriteRef === void 0 ? void 0 : favoriteRef.current, onClick: (e) => e.stopPropagation(), transition: true, ref: ref }, props, { children: ({ TransitionProps }) => ((0, jsx_runtime_1.jsx)(material_1.Fade, Object.assign({}, TransitionProps, { timeout: 350 }, { children: (0, jsx_runtime_1.jsx)(material_1.Card, { children: (0, jsx_runtime_1.jsxs)(material_1.CardContent, Object.assign({ sx: { display: 'flex', gap: 1 } }, { children: [(0, jsx_runtime_1.jsx)(material_1.TextField, { autoFocus: true, label: "Favorite Name", placeholder: "optional", size: "small", value: name !== null && name !== void 0 ? name : '', onChange: (e) => setName(e.target.value) }), (0, jsx_runtime_1.jsx)(PopperButtonGroup_1.PopperButtonGroup, { favorite: favorite, onConfirmFavorite: onConfirmFavorite, name: name })] })) }) }))) })) })));
 });
 exports.FavoritePopper.displayName = 'FavoritePopper';
 // Ensure the popper is over all other mui portal elements

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

@@ -1 +1 @@
-{"version":3,"file":"Popper.js","sourceRoot":"","sources":["../../../../src/components/favorite/Popper.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAkH;AAClH,iCAAkE;AAElE,+BAAgC;AAChC,2DAAuD;AAS1C,QAAA,cAAc,GAAG,IAAA,kBAAU,EACtC,CACE,EASC,EACD,GAAG,EACH,EAAE;QAXF,EACE,KAAK,EAAE,SAAS,EAChB,QAAQ,EACR,WAAW,EACX,WAAW,GAAG,GAAG,EAAE;QACjB,OAAM;IACR,CAAC,EACD,iBAAiB,OAElB,EADI,KAAK,sBARV,wEASC,CADS;IAIV,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,GAAU,CAAA;IAC5C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,QAAQ,CAAC,SAAS,CAAC,CAAA;IACrB,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEf,OAAO,CACL,uBAAC,4BAAiB,kBAAC,WAAW,EAAE,WAAW,gBACzC,uBAAC,YAAY,kBAAC,EAAE,EAAE,cAAQ,EAAE,QAAQ,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EAAE,UAAU,QAAC,GAAG,EAAE,GAAG,IAAM,KAAK,cAC5H,CAAC,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,CACxB,uBAAC,eAAI,oBAAK,eAAe,IAAE,OAAO,EAAE,GAAG,gBACrC,uBAAC,eAAI,cACH,wBAAC,sBAAW,kBAAC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE,iBAC1C,uBAAC,oBAAS,IACR,SAAS,QACT,KAAK,EAAC,gBAAgB,EACtB,WAAW,EAAC,UAAU,EACtB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GACzC,EACF,uBAAC,qCAAiB,IAAC,QAAQ,EAAE,QAAQ,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,KAAK,EAAE,KAAK,GAAI,KACjF,GACT,IACF,CACR,IACY,IACG,CACrB,CAAA;AACH,CAAC,CACF,CAAA;AAED,sBAAc,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAE7C,0DAA0D;AAC1D,MAAM,YAAY,GAAG,IAAA,iBAAM,EAAC,iBAAM,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,4CAAkH;AAClH,iCAAkE;AAElE,+BAAgC;AAChC,2DAAuD;AAS1C,QAAA,cAAc,GAAG,IAAA,kBAAU,EACtC,CACE,EASC,EACD,GAAG,EACH,EAAE;QAXF,EACE,IAAI,EAAE,QAAQ,EACd,QAAQ,EACR,WAAW,EACX,WAAW,GAAG,GAAG,EAAE;QACjB,OAAM;IACR,CAAC,EACD,iBAAiB,OAElB,EADI,KAAK,sBARV,uEASC,CADS;IAIV,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,GAAU,CAAA;IAC1C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,OAAO,CAAC,QAAQ,CAAC,CAAA;IACnB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,OAAO,CACL,uBAAC,4BAAiB,kBAAC,WAAW,EAAE,WAAW,gBACzC,uBAAC,YAAY,kBAAC,EAAE,EAAE,cAAQ,EAAE,QAAQ,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EAAE,UAAU,QAAC,GAAG,EAAE,GAAG,IAAM,KAAK,cAC5H,CAAC,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,CACxB,uBAAC,eAAI,oBAAK,eAAe,IAAE,OAAO,EAAE,GAAG,gBACrC,uBAAC,eAAI,cACH,wBAAC,sBAAW,kBAAC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE,iBAC1C,uBAAC,oBAAS,IACR,SAAS,QACT,KAAK,EAAC,eAAe,EACrB,WAAW,EAAC,UAAU,EACtB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,EAAE,EACjB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GACxC,EACF,uBAAC,qCAAiB,IAAC,QAAQ,EAAE,QAAQ,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,IAAI,EAAE,IAAI,GAAI,KAC/E,GACT,IACF,CACR,IACY,IACG,CACrB,CAAA;AACH,CAAC,CACF,CAAA;AAED,sBAAc,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAE7C,0DAA0D;AAC1D,MAAM,YAAY,GAAG,IAAA,iBAAM,EAAC,iBAAM,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA"}

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

@@ -7,13 +7,13 @@ const Delete_1 = tslib_1.__importDefault(require("@mui/icons-material/Delete"));
 const Star_1 = tslib_1.__importDefault(require("@mui/icons-material/Star"));
 const material_1 = require("@mui/material");
 const PopperButtonGroup = (_a) => {
-    var { alias, onConfirmFavorite, favorite } = _a, props = tslib_1.__rest(_a, ["alias", "onConfirmFavorite", "favorite"]);
+    var { name, onConfirmFavorite, favorite } = _a, props = tslib_1.__rest(_a, ["name", "onConfirmFavorite", "favorite"]);
     return ((0, jsx_runtime_1.jsxs)(material_1.ButtonGroup, Object.assign({}, props, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ title: "Save Favorite", variant: "contained", onClick: (e) => {
                     e.stopPropagation();
-                    onConfirmFavorite === null || onConfirmFavorite === void 0 ? void 0 : onConfirmFavorite(alias, true);
+                    onConfirmFavorite === null || onConfirmFavorite === void 0 ? void 0 : onConfirmFavorite(name, true);
                 } }, { children: (0, jsx_runtime_1.jsx)(Star_1.default, {}) })), favorite ? ((0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ title: "Remove Favorite", variant: "contained", onClick: (e) => {
                     e.stopPropagation();
-                    onConfirmFavorite === null || onConfirmFavorite === void 0 ? void 0 : onConfirmFavorite(alias, false);
+                    onConfirmFavorite === null || onConfirmFavorite === void 0 ? void 0 : onConfirmFavorite(name, false);
                 } }, { children: (0, jsx_runtime_1.jsx)(Delete_1.default, {}) }))) : null] })));
 };
 exports.PopperButtonGroup = PopperButtonGroup;

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

@@ -1 +1 @@
-{"version":3,"file":"PopperButtonGroup.js","sourceRoot":"","sources":["../../../../src/components/favorite/PopperButtonGroup.tsx"],"names":[],"mappings":";;;;;AAAA,gFAAmD;AACnD,4EAA+C;AAC/C,4CAAqE;AAQ9D,MAAM,iBAAiB,GAAkC,CAAC,EAAgD,EAAE,EAAE;QAApD,EAAE,KAAK,EAAE,iBAAiB,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAA9C,0CAAgD,CAAF;IAC7G,OAAO,CACL,wBAAC,sBAAW,oBAAK,KAAK,eACpB,uBAAC,iBAAM,kBACL,KAAK,EAAC,eAAe,EACrB,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,CAAC,CAAC,eAAe,EAAE,CAAA;oBACnB,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAG,KAAK,EAAE,IAAI,CAAC,CAAA;gBAClC,CAAC,gBAED,uBAAC,cAAQ,KAAG,IACL,EACR,QAAQ,CAAC,CAAC,CAAC,CACV,uBAAC,iBAAM,kBACL,KAAK,EAAC,iBAAiB,EACvB,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,CAAC,CAAC,eAAe,EAAE,CAAA;oBACnB,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAG,KAAK,EAAE,KAAK,CAAC,CAAA;gBACnC,CAAC,gBAED,uBAAC,gBAAU,KAAG,IACP,CACV,CAAC,CAAC,CAAC,IAAI,KACI,CACf,CAAA;AACH,CAAC,CAAA;AA3BY,QAAA,iBAAiB,qBA2B7B"}
+{"version":3,"file":"PopperButtonGroup.js","sourceRoot":"","sources":["../../../../src/components/favorite/PopperButtonGroup.tsx"],"names":[],"mappings":";;;;;AAAA,gFAAmD;AACnD,4EAA+C;AAC/C,4CAAqE;AAQ9D,MAAM,iBAAiB,GAAkC,CAAC,EAA+C,EAAE,EAAE;QAAnD,EAAE,IAAI,EAAE,iBAAiB,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAA7C,yCAA+C,CAAF;IAC5G,OAAO,CACL,wBAAC,sBAAW,oBAAK,KAAK,eACpB,uBAAC,iBAAM,kBACL,KAAK,EAAC,eAAe,EACrB,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,CAAC,CAAC,eAAe,EAAE,CAAA;oBACnB,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAG,IAAI,EAAE,IAAI,CAAC,CAAA;gBACjC,CAAC,gBAED,uBAAC,cAAQ,KAAG,IACL,EACR,QAAQ,CAAC,CAAC,CAAC,CACV,uBAAC,iBAAM,kBACL,KAAK,EAAC,iBAAiB,EACvB,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,CAAC,CAAC,eAAe,EAAE,CAAA;oBACnB,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAG,IAAI,EAAE,KAAK,CAAC,CAAA;gBAClC,CAAC,gBAED,uBAAC,gBAAU,KAAG,IACP,CACV,CAAC,CAAC,CAAC,IAAI,KACI,CACf,CAAA;AACH,CAAC,CAAA;AA3BY,QAAA,iBAAiB,qBA2B7B"}

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

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.generateFavoriteEvent = void 0;
-const generateFavoriteEvent = (alias, favorite, favoriteType, favoriteValue) => ({
-    alias,
+const generateFavoriteEvent = (favorite, favoriteType, favoriteValue, name) => ({
     favorite: !!favorite,
     favoriteType,
     favoriteValue,
+    name,
 });
 exports.generateFavoriteEvent = generateFavoriteEvent;
 //# sourceMappingURL=FavoriteItemEvent.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FavoriteItemEvent.js","sourceRoot":"","sources":["../../../../src/components/lib/FavoriteItemEvent.ts"],"names":[],"mappings":";;;AASO,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;AAVW,QAAA,qBAAqB,yBAUhC"}
+{"version":3,"file":"FavoriteItemEvent.js","sourceRoot":"","sources":["../../../../src/components/lib/FavoriteItemEvent.ts"],"names":[],"mappings":";;;AASO,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;AALW,QAAA,qBAAqB,yBAKhC"}