@xyo-network/react-address-render 2.47.7 → 2.47.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/RenderRowBox.js +2 -1
- package/dist/cjs/components/RenderRowBox.js.map +1 -1
- package/dist/cjs/components/favorite/FavoriteIconButton.js +3 -5
- package/dist/cjs/components/favorite/FavoriteIconButton.js.map +1 -1
- package/dist/cjs/components/favorite/Popper.js +3 -1
- package/dist/cjs/components/favorite/Popper.js.map +1 -1
- package/dist/docs.json +31 -31
- package/dist/esm/components/RenderRowBox.js +2 -1
- package/dist/esm/components/RenderRowBox.js.map +1 -1
- package/dist/esm/components/favorite/FavoriteIconButton.js +3 -5
- package/dist/esm/components/favorite/FavoriteIconButton.js.map +1 -1
- package/dist/esm/components/favorite/Popper.js +4 -2
- package/dist/esm/components/favorite/Popper.js.map +1 -1
- package/dist/types/components/RenderRowBox.d.ts.map +1 -1
- package/dist/types/components/favorite/FavoriteIconButton.d.ts.map +1 -1
- package/dist/types/components/favorite/Popper.d.ts.map +1 -1
- package/package.json +3 -3
- package/src/components/RenderRowBox.tsx +3 -7
- package/src/components/favorite/FavoriteIconButton.tsx +7 -5
- package/src/components/favorite/Popper.tsx +6 -3
|
@@ -16,7 +16,8 @@ exports.AddressRenderRowBox = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
16
16
|
const theme = (0, material_1.useTheme)();
|
|
17
17
|
const sharedRef = (0, react_shared_1.useShareForwardedRef)(ref);
|
|
18
18
|
const [elementRef, dispatch] = (0, react_event_1.useXyoEvent)(undefined, sharedRef);
|
|
19
|
-
|
|
19
|
+
const handleClickedAddress = () => (address ? dispatch('address', 'click', address) : undefined);
|
|
20
|
+
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] })));
|
|
20
21
|
});
|
|
21
22
|
exports.AddressRenderRowBox.displayName = 'AddressRenderRowBox';
|
|
22
23
|
//# sourceMappingURL=RenderRowBox.js.map
|
|
@@ -1 +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,
|
|
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"}
|
|
@@ -34,12 +34,10 @@ exports.FavoriteIconButton = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
34
34
|
setOpenPopper(false);
|
|
35
35
|
};
|
|
36
36
|
const starRef = (0, react_1.useRef)(null);
|
|
37
|
-
return ((0, jsx_runtime_1.jsxs)(material_1.IconButton, Object.assign({
|
|
38
|
-
// used to prevent parent items from rippling when IconButton is clicked
|
|
39
|
-
onMouseDown: (e) => e.stopPropagation(), onClick: (event) => {
|
|
37
|
+
return ((0, jsx_runtime_1.jsxs)(material_1.IconButton, Object.assign({ "aria-describedby": lib_1.popperId, ref: buttonRef, onClick: (event) => {
|
|
40
38
|
event.stopPropagation();
|
|
41
|
-
setOpenPopper(
|
|
42
|
-
} }, 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] })));
|
|
39
|
+
setOpenPopper(!openPopper);
|
|
40
|
+
}, onMouseDown: (e) => e.stopPropagation() }, props, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ ref: starRef }, { children: favorite ? (0, jsx_runtime_1.jsx)(Star_1.default, { className: "favorite-icon", component: 'svg', color: "secondary" }) : (0, jsx_runtime_1.jsx)(StarBorder_1.default, { className: "favorite-icon" }) })), (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] })));
|
|
43
41
|
});
|
|
44
42
|
exports.FavoriteIconButton.displayName = 'FavoriteIconButton';
|
|
45
43
|
//# sourceMappingURL=FavoriteIconButton.js.map
|
|
@@ -1 +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,iCAA+D;AAG/D,+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;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,IAAA,cAAM,EAAkB,IAAI,CAAC,CAAA;IAE7C,OAAO,CACL,wBAAC,qBAAU,
|
|
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,iCAA+D;AAG/D,+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;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,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,gBACf,QAAQ,CAAC,CAAC,CAAC,uBAAC,cAAQ,IAAC,SAAS,EAAC,eAAe,EAAC,SAAS,EAAE,KAAK,EAAE,KAAK,EAAC,WAAW,GAAG,CAAC,CAAC,CAAC,uBAAC,oBAAc,IAAC,SAAS,EAAC,eAAe,GAAG,IAChI,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"}
|
|
@@ -15,7 +15,9 @@ exports.FavoritePopper = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
15
15
|
(0, react_1.useEffect)(() => {
|
|
16
16
|
setAlias(aliasProp);
|
|
17
17
|
}, [aliasProp]);
|
|
18
|
-
return ((0, jsx_runtime_1.jsx)(material_1.ClickAwayListener, Object.assign({ onClickAway: onClickAway }, { children: (0, jsx_runtime_1.jsx)(
|
|
18
|
+
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 })] })) }) }))) })) })));
|
|
19
19
|
});
|
|
20
20
|
exports.FavoritePopper.displayName = 'FavoritePopper';
|
|
21
|
+
// Ensure the popper is over all other mui portal elements
|
|
22
|
+
const PopperStyled = (0, material_1.styled)(material_1.Popper, { name: 'PopperStyled' })(() => ({ zIndex: 9999 }));
|
|
21
23
|
//# sourceMappingURL=Popper.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popper.js","sourceRoot":"","sources":["../../../../src/components/favorite/Popper.tsx"],"names":[],"mappings":";;;;;AAAA,
|
|
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"}
|
package/dist/docs.json
CHANGED
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
"fileName": "packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx",
|
|
27
27
|
"line": 12,
|
|
28
28
|
"character": 2,
|
|
29
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
29
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ecd34e993/packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx#L12"
|
|
30
30
|
}
|
|
31
31
|
],
|
|
32
32
|
"type": {
|
|
@@ -61,7 +61,7 @@
|
|
|
61
61
|
"fileName": "packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx",
|
|
62
62
|
"line": 13,
|
|
63
63
|
"character": 2,
|
|
64
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
64
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ecd34e993/packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx#L13"
|
|
65
65
|
}
|
|
66
66
|
],
|
|
67
67
|
"type": {
|
|
@@ -4507,7 +4507,7 @@
|
|
|
4507
4507
|
"fileName": "packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx",
|
|
4508
4508
|
"line": 14,
|
|
4509
4509
|
"character": 2,
|
|
4510
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
4510
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ecd34e993/packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx#L14"
|
|
4511
4511
|
}
|
|
4512
4512
|
],
|
|
4513
4513
|
"type": {
|
|
@@ -8196,7 +8196,7 @@
|
|
|
8196
8196
|
"fileName": "packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx",
|
|
8197
8197
|
"line": 15,
|
|
8198
8198
|
"character": 2,
|
|
8199
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
8199
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ecd34e993/packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx#L15"
|
|
8200
8200
|
}
|
|
8201
8201
|
],
|
|
8202
8202
|
"type": {
|
|
@@ -8222,7 +8222,7 @@
|
|
|
8222
8222
|
"fileName": "packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx",
|
|
8223
8223
|
"line": 16,
|
|
8224
8224
|
"character": 2,
|
|
8225
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
8225
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ecd34e993/packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx#L16"
|
|
8226
8226
|
}
|
|
8227
8227
|
],
|
|
8228
8228
|
"type": {
|
|
@@ -8248,7 +8248,7 @@
|
|
|
8248
8248
|
"fileName": "packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx",
|
|
8249
8249
|
"line": 17,
|
|
8250
8250
|
"character": 2,
|
|
8251
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
8251
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ecd34e993/packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx#L17"
|
|
8252
8252
|
}
|
|
8253
8253
|
],
|
|
8254
8254
|
"type": {
|
|
@@ -13140,7 +13140,7 @@
|
|
|
13140
13140
|
"fileName": "packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx",
|
|
13141
13141
|
"line": 18,
|
|
13142
13142
|
"character": 2,
|
|
13143
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
13143
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ecd34e993/packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx#L18"
|
|
13144
13144
|
}
|
|
13145
13145
|
],
|
|
13146
13146
|
"type": {
|
|
@@ -17033,7 +17033,7 @@
|
|
|
17033
17033
|
"fileName": "packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx",
|
|
17034
17034
|
"line": 19,
|
|
17035
17035
|
"character": 2,
|
|
17036
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
17036
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ecd34e993/packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx#L19"
|
|
17037
17037
|
}
|
|
17038
17038
|
],
|
|
17039
17039
|
"type": {
|
|
@@ -18599,7 +18599,7 @@
|
|
|
18599
18599
|
"fileName": "packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx",
|
|
18600
18600
|
"line": 22,
|
|
18601
18601
|
"character": 17,
|
|
18602
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
18602
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ecd34e993/packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx#L22"
|
|
18603
18603
|
}
|
|
18604
18604
|
],
|
|
18605
18605
|
"extendedTypes": [
|
|
@@ -18642,7 +18642,7 @@
|
|
|
18642
18642
|
"fileName": "packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx",
|
|
18643
18643
|
"line": 12,
|
|
18644
18644
|
"character": 2,
|
|
18645
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
18645
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ecd34e993/packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx#L12"
|
|
18646
18646
|
}
|
|
18647
18647
|
],
|
|
18648
18648
|
"type": {
|
|
@@ -18672,7 +18672,7 @@
|
|
|
18672
18672
|
"fileName": "packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx",
|
|
18673
18673
|
"line": 13,
|
|
18674
18674
|
"character": 2,
|
|
18675
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
18675
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ecd34e993/packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx#L13"
|
|
18676
18676
|
}
|
|
18677
18677
|
],
|
|
18678
18678
|
"type": {
|
|
@@ -18693,7 +18693,7 @@
|
|
|
18693
18693
|
"fileName": "packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx",
|
|
18694
18694
|
"line": 14,
|
|
18695
18695
|
"character": 2,
|
|
18696
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
18696
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ecd34e993/packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx#L14"
|
|
18697
18697
|
}
|
|
18698
18698
|
],
|
|
18699
18699
|
"type": {
|
|
@@ -18714,7 +18714,7 @@
|
|
|
18714
18714
|
"fileName": "packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx",
|
|
18715
18715
|
"line": 15,
|
|
18716
18716
|
"character": 2,
|
|
18717
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
18717
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ecd34e993/packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx#L15"
|
|
18718
18718
|
}
|
|
18719
18719
|
],
|
|
18720
18720
|
"type": {
|
|
@@ -18735,7 +18735,7 @@
|
|
|
18735
18735
|
"fileName": "packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx",
|
|
18736
18736
|
"line": 16,
|
|
18737
18737
|
"character": 2,
|
|
18738
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
18738
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ecd34e993/packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx#L16"
|
|
18739
18739
|
}
|
|
18740
18740
|
],
|
|
18741
18741
|
"type": {
|
|
@@ -18756,7 +18756,7 @@
|
|
|
18756
18756
|
"fileName": "packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx",
|
|
18757
18757
|
"line": 17,
|
|
18758
18758
|
"character": 2,
|
|
18759
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
18759
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ecd34e993/packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx#L17"
|
|
18760
18760
|
}
|
|
18761
18761
|
],
|
|
18762
18762
|
"type": {
|
|
@@ -18777,7 +18777,7 @@
|
|
|
18777
18777
|
"fileName": "packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx",
|
|
18778
18778
|
"line": 18,
|
|
18779
18779
|
"character": 2,
|
|
18780
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
18780
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ecd34e993/packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx#L18"
|
|
18781
18781
|
}
|
|
18782
18782
|
],
|
|
18783
18783
|
"type": {
|
|
@@ -18798,7 +18798,7 @@
|
|
|
18798
18798
|
"fileName": "packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx",
|
|
18799
18799
|
"line": 19,
|
|
18800
18800
|
"character": 2,
|
|
18801
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
18801
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ecd34e993/packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx#L19"
|
|
18802
18802
|
}
|
|
18803
18803
|
],
|
|
18804
18804
|
"type": {
|
|
@@ -18827,7 +18827,7 @@
|
|
|
18827
18827
|
"fileName": "packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx",
|
|
18828
18828
|
"line": 11,
|
|
18829
18829
|
"character": 17,
|
|
18830
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
18830
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ecd34e993/packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx#L11"
|
|
18831
18831
|
}
|
|
18832
18832
|
],
|
|
18833
18833
|
"extendedBy": [
|
|
@@ -18858,7 +18858,7 @@
|
|
|
18858
18858
|
"fileName": "packages/sdk/packages/address/packages/render/src/components/favorite/FavoriteIconButton.tsx",
|
|
18859
18859
|
"line": 14,
|
|
18860
18860
|
"character": 2,
|
|
18861
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
18861
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ecd34e993/packages/sdk/packages/address/packages/render/src/components/favorite/FavoriteIconButton.tsx#L14"
|
|
18862
18862
|
}
|
|
18863
18863
|
],
|
|
18864
18864
|
"type": {
|
|
@@ -18879,7 +18879,7 @@
|
|
|
18879
18879
|
"fileName": "packages/sdk/packages/address/packages/render/src/components/favorite/FavoriteIconButton.tsx",
|
|
18880
18880
|
"line": 15,
|
|
18881
18881
|
"character": 2,
|
|
18882
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
18882
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ecd34e993/packages/sdk/packages/address/packages/render/src/components/favorite/FavoriteIconButton.tsx#L15"
|
|
18883
18883
|
}
|
|
18884
18884
|
],
|
|
18885
18885
|
"type": {
|
|
@@ -18900,7 +18900,7 @@
|
|
|
18900
18900
|
"fileName": "packages/sdk/packages/address/packages/render/src/components/favorite/FavoriteIconButton.tsx",
|
|
18901
18901
|
"line": 16,
|
|
18902
18902
|
"character": 2,
|
|
18903
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
18903
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ecd34e993/packages/sdk/packages/address/packages/render/src/components/favorite/FavoriteIconButton.tsx#L16"
|
|
18904
18904
|
}
|
|
18905
18905
|
],
|
|
18906
18906
|
"type": {
|
|
@@ -18925,7 +18925,7 @@
|
|
|
18925
18925
|
"fileName": "packages/sdk/packages/address/packages/render/src/components/favorite/FavoriteIconButton.tsx",
|
|
18926
18926
|
"line": 17,
|
|
18927
18927
|
"character": 2,
|
|
18928
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
18928
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ecd34e993/packages/sdk/packages/address/packages/render/src/components/favorite/FavoriteIconButton.tsx#L17"
|
|
18929
18929
|
}
|
|
18930
18930
|
],
|
|
18931
18931
|
"type": {
|
|
@@ -18963,7 +18963,7 @@
|
|
|
18963
18963
|
"fileName": "packages/sdk/packages/address/packages/render/src/components/favorite/FavoriteIconButton.tsx",
|
|
18964
18964
|
"line": 13,
|
|
18965
18965
|
"character": 17,
|
|
18966
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
18966
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ecd34e993/packages/sdk/packages/address/packages/render/src/components/favorite/FavoriteIconButton.tsx#L13"
|
|
18967
18967
|
}
|
|
18968
18968
|
],
|
|
18969
18969
|
"extendedTypes": [
|
|
@@ -19001,7 +19001,7 @@
|
|
|
19001
19001
|
"fileName": "packages/sdk/packages/address/packages/render/src/components/lib/FavoriteItemEvent.ts",
|
|
19002
19002
|
"line": 2,
|
|
19003
19003
|
"character": 2,
|
|
19004
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
19004
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ecd34e993/packages/sdk/packages/address/packages/render/src/components/lib/FavoriteItemEvent.ts#L2"
|
|
19005
19005
|
}
|
|
19006
19006
|
],
|
|
19007
19007
|
"type": {
|
|
@@ -19022,7 +19022,7 @@
|
|
|
19022
19022
|
"fileName": "packages/sdk/packages/address/packages/render/src/components/lib/FavoriteItemEvent.ts",
|
|
19023
19023
|
"line": 3,
|
|
19024
19024
|
"character": 2,
|
|
19025
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
19025
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ecd34e993/packages/sdk/packages/address/packages/render/src/components/lib/FavoriteItemEvent.ts#L3"
|
|
19026
19026
|
}
|
|
19027
19027
|
],
|
|
19028
19028
|
"type": {
|
|
@@ -19043,7 +19043,7 @@
|
|
|
19043
19043
|
"fileName": "packages/sdk/packages/address/packages/render/src/components/lib/FavoriteItemEvent.ts",
|
|
19044
19044
|
"line": 4,
|
|
19045
19045
|
"character": 2,
|
|
19046
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
19046
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ecd34e993/packages/sdk/packages/address/packages/render/src/components/lib/FavoriteItemEvent.ts#L4"
|
|
19047
19047
|
}
|
|
19048
19048
|
],
|
|
19049
19049
|
"type": {
|
|
@@ -19077,7 +19077,7 @@
|
|
|
19077
19077
|
"fileName": "packages/sdk/packages/address/packages/render/src/components/lib/FavoriteItemEvent.ts",
|
|
19078
19078
|
"line": 5,
|
|
19079
19079
|
"character": 2,
|
|
19080
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
19080
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ecd34e993/packages/sdk/packages/address/packages/render/src/components/lib/FavoriteItemEvent.ts#L5"
|
|
19081
19081
|
}
|
|
19082
19082
|
],
|
|
19083
19083
|
"type": {
|
|
@@ -19102,7 +19102,7 @@
|
|
|
19102
19102
|
"fileName": "packages/sdk/packages/address/packages/render/src/components/lib/FavoriteItemEvent.ts",
|
|
19103
19103
|
"line": 1,
|
|
19104
19104
|
"character": 17,
|
|
19105
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
19105
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ecd34e993/packages/sdk/packages/address/packages/render/src/components/lib/FavoriteItemEvent.ts#L1"
|
|
19106
19106
|
}
|
|
19107
19107
|
]
|
|
19108
19108
|
},
|
|
@@ -19117,7 +19117,7 @@
|
|
|
19117
19117
|
"fileName": "packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx",
|
|
19118
19118
|
"line": 24,
|
|
19119
19119
|
"character": 13,
|
|
19120
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
19120
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ecd34e993/packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx#L24"
|
|
19121
19121
|
}
|
|
19122
19122
|
],
|
|
19123
19123
|
"signatures": [
|
|
@@ -19224,7 +19224,7 @@
|
|
|
19224
19224
|
"fileName": "packages/sdk/packages/address/packages/render/src/components/favorite/FavoriteIconButton.tsx",
|
|
19225
19225
|
"line": 20,
|
|
19226
19226
|
"character": 13,
|
|
19227
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
19227
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ecd34e993/packages/sdk/packages/address/packages/render/src/components/favorite/FavoriteIconButton.tsx#L20"
|
|
19228
19228
|
}
|
|
19229
19229
|
],
|
|
19230
19230
|
"signatures": [
|
|
@@ -19356,7 +19356,7 @@
|
|
|
19356
19356
|
"fileName": "packages/sdk/packages/address/packages/render/src/index.ts",
|
|
19357
19357
|
"line": 1,
|
|
19358
19358
|
"character": 0,
|
|
19359
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
19359
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/ecd34e993/packages/sdk/packages/address/packages/render/src/index.ts#L1"
|
|
19360
19360
|
}
|
|
19361
19361
|
]
|
|
19362
19362
|
}
|
|
@@ -10,7 +10,8 @@ export const AddressRenderRowBox = forwardRef(({ address, alias, children, favor
|
|
|
10
10
|
const theme = useTheme();
|
|
11
11
|
const sharedRef = useShareForwardedRef(ref);
|
|
12
12
|
const [elementRef, dispatch] = useXyoEvent(undefined, sharedRef);
|
|
13
|
-
|
|
13
|
+
const handleClickedAddress = () => (address ? dispatch('address', 'click', address) : undefined);
|
|
14
|
+
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] }));
|
|
14
15
|
});
|
|
15
16
|
AddressRenderRowBox.displayName = 'AddressRenderRowBox';
|
|
16
17
|
//# sourceMappingURL=RenderRowBox.js.map
|
|
@@ -1 +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,
|
|
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"}
|
|
@@ -29,12 +29,10 @@ export const FavoriteIconButton = forwardRef(({ alias, children, favorite: favor
|
|
|
29
29
|
setOpenPopper(false);
|
|
30
30
|
};
|
|
31
31
|
const starRef = useRef(null);
|
|
32
|
-
return (_jsxs(IconButton, {
|
|
33
|
-
// used to prevent parent items from rippling when IconButton is clicked
|
|
34
|
-
onMouseDown: (e) => e.stopPropagation(), onClick: (event) => {
|
|
32
|
+
return (_jsxs(IconButton, { "aria-describedby": popperId, ref: buttonRef, onClick: (event) => {
|
|
35
33
|
event.stopPropagation();
|
|
36
|
-
setOpenPopper(
|
|
37
|
-
}, ...props, children: [_jsx("span", { ref: starRef, children: favorite ? _jsx(StarIcon, { component: 'svg', color: "secondary" }) : _jsx(StarBorderIcon, {}) }), _jsx(FavoritePopper, { alias: alias, favorite: favorite, favoriteRef: starRef, open: openPopper, onConfirmFavorite: onConfirmFavorite, onClickAway: () => setOpenPopper(false) }), children] }));
|
|
34
|
+
setOpenPopper(!openPopper);
|
|
35
|
+
}, 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] }));
|
|
38
36
|
});
|
|
39
37
|
FavoriteIconButton.displayName = 'FavoriteIconButton';
|
|
40
38
|
//# sourceMappingURL=FavoriteIconButton.js.map
|
|
@@ -1 +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,
|
|
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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Card, CardContent, ClickAwayListener, Fade, Popper, TextField } from '@mui/material';
|
|
2
|
+
import { Card, CardContent, ClickAwayListener, Fade, Popper, styled, TextField } from '@mui/material';
|
|
3
3
|
import { forwardRef, useEffect, useState } from 'react';
|
|
4
4
|
import { popperId } from './lib';
|
|
5
5
|
import { PopperButtonGroup } from './PopperButtonGroup';
|
|
@@ -10,7 +10,9 @@ export const FavoritePopper = forwardRef(({ alias: aliasProp, favorite, favorite
|
|
|
10
10
|
useEffect(() => {
|
|
11
11
|
setAlias(aliasProp);
|
|
12
12
|
}, [aliasProp]);
|
|
13
|
-
return (_jsx(ClickAwayListener, { onClickAway: onClickAway, children: _jsx(
|
|
13
|
+
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 })] }) }) })) }) }));
|
|
14
14
|
});
|
|
15
15
|
FavoritePopper.displayName = 'FavoritePopper';
|
|
16
|
+
// Ensure the popper is over all other mui portal elements
|
|
17
|
+
const PopperStyled = styled(Popper, { name: 'PopperStyled' })(() => ({ zIndex: 9999 }));
|
|
16
18
|
//# sourceMappingURL=Popper.js.map
|
|
@@ -1 +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,SAAS,EAAE,MAAM,eAAe,CAAA;
|
|
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"}
|
|
@@ -1 +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,
|
|
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"}
|
|
@@ -1 +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,
|
|
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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popper.d.ts","sourceRoot":"","sources":["../../../../src/components/favorite/Popper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsD,WAAW,
|
|
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"}
|
package/package.json
CHANGED
|
@@ -13,8 +13,8 @@
|
|
|
13
13
|
"@xylabs/react-flexbox": "^2.16.11",
|
|
14
14
|
"@xylabs/react-identicon": "^2.16.11",
|
|
15
15
|
"@xylabs/react-shared": "^2.16.11",
|
|
16
|
-
"@xyo-network/react-event": "^2.47.
|
|
17
|
-
"@xyo-network/react-shared": "^2.47.
|
|
16
|
+
"@xyo-network/react-event": "^2.47.9",
|
|
17
|
+
"@xyo-network/react-shared": "^2.47.9"
|
|
18
18
|
},
|
|
19
19
|
"peerDependencies": {
|
|
20
20
|
"@mui/icons-material": "^5",
|
|
@@ -76,5 +76,5 @@
|
|
|
76
76
|
},
|
|
77
77
|
"sideEffects": false,
|
|
78
78
|
"types": "dist/types/index.d.ts",
|
|
79
|
-
"version": "2.47.
|
|
79
|
+
"version": "2.47.9"
|
|
80
80
|
}
|
|
@@ -28,14 +28,10 @@ export const AddressRenderRowBox = forwardRef<HTMLElement, AddressRenderRowBoxPr
|
|
|
28
28
|
const sharedRef = useShareForwardedRef(ref)
|
|
29
29
|
const [elementRef, dispatch] = useXyoEvent(undefined, sharedRef)
|
|
30
30
|
|
|
31
|
+
const handleClickedAddress = () => (address ? dispatch('address', 'click', address) : undefined)
|
|
32
|
+
|
|
31
33
|
return (
|
|
32
|
-
<FlexGrowRow
|
|
33
|
-
gap={2}
|
|
34
|
-
justifyContent="flex-start"
|
|
35
|
-
ref={elementRef}
|
|
36
|
-
onClick={() => (address ? dispatch('address', 'click', address) : undefined)}
|
|
37
|
-
{...props}
|
|
38
|
-
>
|
|
34
|
+
<FlexGrowRow gap={2} justifyContent="flex-start" ref={elementRef} onClick={handleClickedAddress} {...props}>
|
|
39
35
|
{icons && address ? (
|
|
40
36
|
<ListItemIcon sx={{ minWidth: 0 }}>
|
|
41
37
|
<Identicon size={iconSize} value={address} />
|
|
@@ -46,18 +46,20 @@ export const FavoriteIconButton = forwardRef<HTMLButtonElement, FavoriteIconButt
|
|
|
46
46
|
|
|
47
47
|
return (
|
|
48
48
|
<IconButton
|
|
49
|
-
ref={buttonRef}
|
|
50
49
|
aria-describedby={popperId}
|
|
51
|
-
|
|
52
|
-
onMouseDown={(e) => e.stopPropagation()}
|
|
50
|
+
ref={buttonRef}
|
|
53
51
|
onClick={(event) => {
|
|
54
52
|
event.stopPropagation()
|
|
55
|
-
setOpenPopper(
|
|
53
|
+
setOpenPopper(!openPopper)
|
|
56
54
|
}}
|
|
55
|
+
onMouseDown={(e) => e.stopPropagation()}
|
|
57
56
|
{...props}
|
|
58
57
|
>
|
|
59
|
-
<span ref={starRef}>
|
|
58
|
+
<span ref={starRef}>
|
|
59
|
+
{favorite ? <StarIcon className="favorite-icon" component={'svg'} color="secondary" /> : <StarBorderIcon className="favorite-icon" />}
|
|
60
|
+
</span>
|
|
60
61
|
<FavoritePopper
|
|
62
|
+
sx={{ zIndex: 1301 }}
|
|
61
63
|
alias={alias}
|
|
62
64
|
favorite={favorite}
|
|
63
65
|
favoriteRef={starRef}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Card, CardContent, ClickAwayListener, Fade, Popper, PopperProps, TextField } from '@mui/material'
|
|
1
|
+
import { Card, CardContent, ClickAwayListener, Fade, Popper, PopperProps, styled, TextField } from '@mui/material'
|
|
2
2
|
import { forwardRef, RefObject, useEffect, useState } from 'react'
|
|
3
3
|
|
|
4
4
|
import { popperId } from './lib'
|
|
@@ -32,7 +32,7 @@ export const FavoritePopper = forwardRef<HTMLDivElement, FavoritePopperProps>(
|
|
|
32
32
|
|
|
33
33
|
return (
|
|
34
34
|
<ClickAwayListener onClickAway={onClickAway}>
|
|
35
|
-
<
|
|
35
|
+
<PopperStyled id={popperId} anchorEl={favoriteRef?.current} onClick={(e) => e.stopPropagation()} transition ref={ref} {...props}>
|
|
36
36
|
{({ TransitionProps }) => (
|
|
37
37
|
<Fade {...TransitionProps} timeout={350}>
|
|
38
38
|
<Card>
|
|
@@ -50,10 +50,13 @@ export const FavoritePopper = forwardRef<HTMLDivElement, FavoritePopperProps>(
|
|
|
50
50
|
</Card>
|
|
51
51
|
</Fade>
|
|
52
52
|
)}
|
|
53
|
-
</
|
|
53
|
+
</PopperStyled>
|
|
54
54
|
</ClickAwayListener>
|
|
55
55
|
)
|
|
56
56
|
},
|
|
57
57
|
)
|
|
58
58
|
|
|
59
59
|
FavoritePopper.displayName = 'FavoritePopper'
|
|
60
|
+
|
|
61
|
+
// Ensure the popper is over all other mui portal elements
|
|
62
|
+
const PopperStyled = styled(Popper, { name: 'PopperStyled' })(() => ({ zIndex: 9999 }))
|