@xyo-network/react-address-render 2.47.2 → 2.47.4

package/dist/cjs/components/RenderRowBox.js

@@ -11,11 +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 { address, children, favorite: favoriteProp = false, iconOnly, iconSize = 24, icons, showFavorite = false } = _a, props = tslib_1.__rest(_a, ["address", "children", "favorite", "iconOnly", "iconSize", "icons", "showFavorite"]);
+    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"]);
     const theme = (0, material_1.useTheme)();
     const sharedRef = (0, react_shared_1.useShareForwardedRef)(ref);
     const [elementRef, dispatch] = (0, react_event_1.useXyoEvent)(undefined, sharedRef);
-    return ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexGrowRow, Object.assign({ gap: 2, justifyContent: "flex-start", ref: elementRef, onClick: () => (address ? dispatch('address', 'click', address) : undefined) }, 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: address })) })), children, showFavorite && address ? (0, jsx_runtime_1.jsx)(favorite_1.FavoriteIconButton, { size: 'small', address: address, favorite: favoriteProp }) : null] })));
+    return ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexGrowRow, Object.assign({ gap: 2, justifyContent: "flex-start", ref: elementRef, onClick: () => (address ? dispatch('address', 'click', address) : undefined) }, 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', address: 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;AAalC,QAAA,mBAAmB,GAAG,IAAA,kBAAU,EAC3C,CAAC,EAAqH,EAAE,GAAG,EAAE,EAAE;QAA9H,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,GAAG,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAG,EAAE,EAAE,KAAK,EAAE,YAAY,GAAG,KAAK,OAAY,EAAP,KAAK,sBAAnH,oFAAqH,CAAF;IAClH,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,OAAO,CACL,wBAAC,2BAAW,kBACV,GAAG,EAAE,CAAC,EACN,cAAc,EAAC,YAAY,EAC3B,GAAG,EAAE,UAAU,EACf,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,SAAS,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,IACxE,KAAK,eAER,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,OAAO,IACK,GACF,CAChB,EACA,QAAQ,EACR,YAAY,IAAI,OAAO,CAAC,CAAC,CAAC,uBAAC,6BAAkB,IAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,GAAI,CAAC,CAAC,CAAC,IAAI,KACrG,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;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,OAAO,CACL,wBAAC,2BAAW,kBACV,GAAG,EAAE,CAAC,EACN,cAAc,EAAC,YAAY,EAC3B,GAAG,EAAE,UAAU,EACf,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,SAAS,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,IACxE,KAAK,eAER,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,uBAAC,6BAAkB,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,GAAI,CAAC,CAAC,CAAC,IAAI,KACnH,CACf,CAAA;AACH,CAAC,CACF,CAAA;AAED,2BAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAA"}

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

@@ -9,28 +9,36 @@ const material_1 = require("@mui/material");
 const react_event_1 = require("@xyo-network/react-event");
 const react_shared_1 = require("@xyo-network/react-shared");
 const react_1 = require("react");
+const lib_1 = require("./lib");
+const Popper_1 = require("./Popper");
 exports.FavoriteIconButton = (0, react_1.forwardRef)((_a, ref) => {
-    var { address, children, favorite: favoriteProp } = _a, props = tslib_1.__rest(_a, ["address", "children", "favorite"]);
+    var { address, alias, children, favorite: favoriteProp } = _a, props = tslib_1.__rest(_a, ["address", "alias", "children", "favorite"]);
+    const [openPopper, setOpenPopper] = (0, react_1.useState)(false);
     const [favorite, setFavorite] = (0, react_1.useState)(favoriteProp);
     (0, react_1.useEffect)(() => {
         setFavorite(favoriteProp);
     }, [favoriteProp]);
     const sharedRef = (0, react_shared_1.useShareForwardedRef)(ref);
     const [buttonRef, dispatch] = (0, react_event_1.useXyoEvent)(undefined, sharedRef);
-    return ((0, jsx_runtime_1.jsxs)(material_1.IconButton, Object.assign({ ref: buttonRef, 
+    const onConfirmFavorite = (alias, newFavoriteState) => {
+        setFavorite(() => {
+            const favoriteEvent = {
+                address,
+                alias,
+                favorite: !!newFavoriteState,
+            };
+            dispatch('address', 'favorite', JSON.stringify(favoriteEvent));
+            return newFavoriteState;
+        });
+        setOpenPopper(false);
+    };
+    const starRef = (0, react_1.useRef)(null);
+    return ((0, jsx_runtime_1.jsxs)(material_1.IconButton, Object.assign({ ref: buttonRef, "aria-describedby": lib_1.popperId, 
         // used to prevent parent items from rippling when IconButton is clicked
         onMouseDown: (e) => e.stopPropagation(), onClick: (event) => {
             event.stopPropagation();
-            setFavorite((current) => {
-                const newFavoriteState = !current;
-                const favoriteEvent = {
-                    address,
-                    favorite: newFavoriteState,
-                };
-                dispatch('address', 'favorite', JSON.stringify(favoriteEvent));
-                return newFavoriteState;
-            });
-        } }, props, { children: [favorite ? (0, jsx_runtime_1.jsx)(Star_1.default, { color: "secondary" }) : (0, jsx_runtime_1.jsx)(StarBorder_1.default, {}), children] })));
+            setOpenPopper(true);
+        } }, props, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ ref: starRef }, { children: favorite ? (0, jsx_runtime_1.jsx)(Star_1.default, { component: 'svg', color: "secondary" }) : (0, jsx_runtime_1.jsx)(StarBorder_1.default, {}) })), (0, jsx_runtime_1.jsx)(Popper_1.FavoritePopper, { alias: alias, 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,4EAA+C;AAC/C,wFAA2D;AAC3D,4CAA2D;AAE3D,0DAAsD;AACtD,4DAAgE;AAChE,iCAAuD;AAY1C,QAAA,kBAAkB,GAAG,IAAA,kBAAU,EAC1C,CAAC,EAAuD,EAAE,GAAG,EAAE,EAAE;QAAhE,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,OAAY,EAAP,KAAK,sBAArD,mCAAuD,CAAF;IACpD,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,OAAO,CACL,wBAAC,qBAAU,kBACT,GAAG,EAAE,SAAS;QACd,wEAAwE;QACxE,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EACvC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,KAAK,CAAC,eAAe,EAAE,CAAA;YACvB,WAAW,CAAC,CAAC,OAAO,EAAE,EAAE;gBACtB,MAAM,gBAAgB,GAAG,CAAC,OAAO,CAAA;gBACjC,MAAM,aAAa,GAAkB;oBACnC,OAAO;oBACP,QAAQ,EAAE,gBAAgB;iBAC3B,CAAA;gBACD,QAAQ,CAAC,SAAS,EAAE,UAAU,EAAE,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAA;gBAC9D,OAAO,gBAAgB,CAAA;YACzB,CAAC,CAAC,CAAA;QACJ,CAAC,IACG,KAAK,eAER,QAAQ,CAAC,CAAC,CAAC,uBAAC,cAAQ,IAAC,KAAK,EAAC,WAAW,GAAG,CAAC,CAAC,CAAC,uBAAC,oBAAc,KAAG,EAC9D,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,4EAA+C;AAC/C,wFAA2D;AAC3D,4CAA2D;AAE3D,0DAAsD;AACtD,4DAAgE;AAChE,iCAA+D;AAE/D,+BAAgC;AAChC,qCAAyC;AAe5B,QAAA,kBAAkB,GAAG,IAAA,kBAAU,EAC1C,CAAC,EAA8D,EAAE,GAAG,EAAE,EAAE;QAAvE,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,OAAY,EAAP,KAAK,sBAA5D,4CAA8D,CAAF;IAC3D,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;IAC/D,MAAM,iBAAiB,GAAG,CAAC,KAAc,EAAE,gBAA0B,EAAE,EAAE;QACvE,WAAW,CAAC,GAAG,EAAE;YACf,MAAM,aAAa,GAAkB;gBACnC,OAAO;gBACP,KAAK;gBACL,QAAQ,EAAE,CAAC,CAAC,gBAAgB;aAC7B,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,IAAA,cAAM,EAAkB,IAAI,CAAC,CAAA;IAE7C,OAAO,CACL,wBAAC,qBAAU,kBACT,GAAG,EAAE,SAAS,sBACI,cAAQ;QAC1B,wEAAwE;QACxE,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EACvC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,KAAK,CAAC,eAAe,EAAE,CAAA;YACvB,aAAa,CAAC,IAAI,CAAC,CAAA;QACrB,CAAC,IACG,KAAK,eAET,+CAAM,GAAG,EAAE,OAAO,gBAAG,QAAQ,CAAC,CAAC,CAAC,uBAAC,cAAQ,IAAC,SAAS,EAAE,KAAK,EAAE,KAAK,EAAC,WAAW,GAAG,CAAC,CAAC,CAAC,uBAAC,oBAAc,KAAG,IAAQ,EAC7G,uBAAC,uBAAc,IACb,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"}

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FavoritePopper = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+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 = () => {
+        return;
+    }, onConfirmFavorite } = _a, props = tslib_1.__rest(_a, ["alias", "favorite", "favoriteRef", "onClickAway", "onConfirmFavorite"]);
+    const [alias, setAlias] = (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)(material_1.Popper, Object.assign({ id: lib_1.popperId, anchorEl: favoriteRef === null || favoriteRef === void 0 ? void 0 : favoriteRef.current, 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 })] })) }) }))) })) })));
+});
+exports.FavoritePopper.displayName = 'FavoritePopper';
+//# sourceMappingURL=Popper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popper.js","sourceRoot":"","sources":["../../../../src/components/favorite/Popper.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA0G;AAC1G,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,iBAAM,kBAAC,EAAE,EAAE,cAAQ,EAAE,QAAQ,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,EAAE,UAAU,QAAC,GAAG,EAAE,GAAG,IAAM,KAAK,cACjF,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,IACM,IACS,CACrB,CAAA;AACH,CAAC,CACF,CAAA;AAED,sBAAc,CAAC,WAAW,GAAG,gBAAgB,CAAA"}

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

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PopperButtonGroup = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+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"]);
+    return ((0, jsx_runtime_1.jsxs)(material_1.ButtonGroup, Object.assign({}, props, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ variant: "contained", onClick: (e) => {
+                    e.stopPropagation();
+                    onConfirmFavorite === null || onConfirmFavorite === void 0 ? void 0 : onConfirmFavorite(alias, true);
+                } }, { children: (0, jsx_runtime_1.jsx)(Star_1.default, {}) })), favorite ? ((0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ variant: "contained", onClick: (e) => {
+                    e.stopPropagation();
+                    onConfirmFavorite === null || onConfirmFavorite === void 0 ? void 0 : onConfirmFavorite(alias, false);
+                } }, { children: (0, jsx_runtime_1.jsx)(Delete_1.default, {}) }))) : null] })));
+};
+exports.PopperButtonGroup = PopperButtonGroup;
+//# sourceMappingURL=PopperButtonGroup.js.map

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

@@ -0,0 +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,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,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;AAzBY,QAAA,iBAAiB,qBAyB7B"}

package/dist/cjs/components/favorite/lib/PopperId.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.popperId = void 0;
+exports.popperId = 'favorite-popper';
+//# sourceMappingURL=PopperId.js.map

package/dist/cjs/components/favorite/lib/PopperId.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopperId.js","sourceRoot":"","sources":["../../../../../src/components/favorite/lib/PopperId.ts"],"names":[],"mappings":";;;AAAa,QAAA,QAAQ,GAAG,iBAAiB,CAAA"}

package/dist/cjs/components/favorite/lib/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./PopperId"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/favorite/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/favorite/lib/index.ts"],"names":[],"mappings":";;;AAAA,qDAA0B"}