@xyo-network/react-address-render 2.47.36 → 2.47.38
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/favorite/FavoriteIconButton.js +6 -2
- package/dist/cjs/components/favorite/FavoriteIconButton.js.map +1 -1
- package/dist/cjs/components/favorite/FavoriteToggleSVG.js +1 -1
- package/dist/cjs/components/favorite/FavoriteToggleSVG.js.map +1 -1
- package/dist/docs.json +31 -31
- package/dist/esm/components/favorite/FavoriteIconButton.js +7 -3
- package/dist/esm/components/favorite/FavoriteIconButton.js.map +1 -1
- package/dist/esm/components/favorite/FavoriteToggleSVG.js +1 -1
- package/dist/esm/components/favorite/FavoriteToggleSVG.js.map +1 -1
- package/dist/types/components/favorite/FavoriteIconButton.d.ts.map +1 -1
- package/dist/types/components/favorite/FavoriteToggleSVG.d.ts.map +1 -1
- package/package.json +4 -4
- package/src/components/favorite/FavoriteIconButton.tsx +9 -3
- package/src/components/favorite/FavoriteToggleSVG.tsx +7 -1
|
@@ -27,10 +27,14 @@ exports.FavoriteIconButton = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
27
27
|
setOpenPopper(false);
|
|
28
28
|
};
|
|
29
29
|
const starRef = (0, react_1.useRef)(null);
|
|
30
|
-
return ((0, jsx_runtime_1.jsxs)(
|
|
30
|
+
return ((0, jsx_runtime_1.jsxs)(IconButtonCondensed, Object.assign({ "aria-describedby": lib_2.popperId, ref: buttonRef, onClick: (event) => {
|
|
31
31
|
event.stopPropagation();
|
|
32
32
|
setOpenPopper(!openPopper);
|
|
33
|
-
}, 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] })));
|
|
33
|
+
}, onMouseDown: (e) => e.stopPropagation(), sx: { lineHeight: 0, p: 0.25 } }, 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] })));
|
|
34
34
|
});
|
|
35
35
|
exports.FavoriteIconButton.displayName = 'FavoriteIconButton';
|
|
36
|
+
const IconButtonCondensed = (0, material_1.styled)(material_1.IconButton, { name: 'IconButtonCondensed' })(({ theme }) => ({
|
|
37
|
+
lineHeight: 0,
|
|
38
|
+
padding: theme.spacing(0.25),
|
|
39
|
+
}));
|
|
36
40
|
//# sourceMappingURL=FavoriteIconButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FavoriteIconButton.js","sourceRoot":"","sources":["../../../../src/components/favorite/FavoriteIconButton.tsx"],"names":[],"mappings":";;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"FavoriteIconButton.js","sourceRoot":"","sources":["../../../../src/components/favorite/FavoriteIconButton.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAmE;AAEnE,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,mBAAmB,sCACA,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,EACvC,EAAE,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,IAC1B,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,KACW,CACvB,CAAA;AACH,CAAC,CACF,CAAA;AAED,0BAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAA;AAErD,MAAM,mBAAmB,GAAG,IAAA,iBAAM,EAAC,qBAAU,EAAE,EAAE,IAAI,EAAE,qBAAqB,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC9F,UAAU,EAAE,CAAC;IACb,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;CAC7B,CAAC,CAAC,CAAA"}
|
|
@@ -5,6 +5,6 @@ const tslib_1 = require("tslib");
|
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
6
|
const Star_1 = tslib_1.__importDefault(require("@mui/icons-material/Star"));
|
|
7
7
|
const StarBorder_1 = tslib_1.__importDefault(require("@mui/icons-material/StarBorder"));
|
|
8
|
-
const FavoriteToggleSVG = ({ favorite }) => ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { 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" }) }));
|
|
8
|
+
const FavoriteToggleSVG = ({ favorite }) => ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: favorite ? ((0, jsx_runtime_1.jsx)(Star_1.default, { className: "favorite-icon", component: 'svg', color: "secondary", fontSize: "small" })) : ((0, jsx_runtime_1.jsx)(StarBorder_1.default, { className: "favorite-icon", fontSize: "small" })) }));
|
|
9
9
|
exports.FavoriteToggleSVG = FavoriteToggleSVG;
|
|
10
10
|
//# sourceMappingURL=FavoriteToggleSVG.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FavoriteToggleSVG.js","sourceRoot":"","sources":["../../../../src/components/favorite/FavoriteToggleSVG.tsx"],"names":[],"mappings":";;;;;AAAA,4EAA+C;AAC/C,wFAA2D;AAEpD,MAAM,iBAAiB,GAAqC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACnF,
|
|
1
|
+
{"version":3,"file":"FavoriteToggleSVG.js","sourceRoot":"","sources":["../../../../src/components/favorite/FavoriteToggleSVG.tsx"],"names":[],"mappings":";;;;;AAAA,4EAA+C;AAC/C,wFAA2D;AAEpD,MAAM,iBAAiB,GAAqC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACnF,2DACG,QAAQ,CAAC,CAAC,CAAC,CACV,uBAAC,cAAQ,IAAC,SAAS,EAAC,eAAe,EAAC,SAAS,EAAE,KAAK,EAAE,KAAK,EAAC,WAAW,EAAC,QAAQ,EAAC,OAAO,GAAG,CAC5F,CAAC,CAAC,CAAC,CACF,uBAAC,oBAAc,IAAC,SAAS,EAAC,eAAe,EAAC,QAAQ,EAAC,OAAO,GAAG,CAC9D,GACA,CACJ,CAAA;AARY,QAAA,iBAAiB,qBAQ7B"}
|
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/c3ce641db/packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx#L12"
|
|
30
30
|
}
|
|
31
31
|
],
|
|
32
32
|
"type": {
|
|
@@ -4481,7 +4481,7 @@
|
|
|
4481
4481
|
"fileName": "packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx",
|
|
4482
4482
|
"line": 13,
|
|
4483
4483
|
"character": 2,
|
|
4484
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
4484
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/c3ce641db/packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx#L13"
|
|
4485
4485
|
}
|
|
4486
4486
|
],
|
|
4487
4487
|
"type": {
|
|
@@ -8170,7 +8170,7 @@
|
|
|
8170
8170
|
"fileName": "packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx",
|
|
8171
8171
|
"line": 14,
|
|
8172
8172
|
"character": 2,
|
|
8173
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
8173
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/c3ce641db/packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx#L14"
|
|
8174
8174
|
}
|
|
8175
8175
|
],
|
|
8176
8176
|
"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/c3ce641db/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/c3ce641db/packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx#L16"
|
|
8226
8226
|
}
|
|
8227
8227
|
],
|
|
8228
8228
|
"type": {
|
|
@@ -13114,7 +13114,7 @@
|
|
|
13114
13114
|
"fileName": "packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx",
|
|
13115
13115
|
"line": 17,
|
|
13116
13116
|
"character": 2,
|
|
13117
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
13117
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/c3ce641db/packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx#L17"
|
|
13118
13118
|
}
|
|
13119
13119
|
],
|
|
13120
13120
|
"type": {
|
|
@@ -17007,7 +17007,7 @@
|
|
|
17007
17007
|
"fileName": "packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx",
|
|
17008
17008
|
"line": 18,
|
|
17009
17009
|
"character": 2,
|
|
17010
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
17010
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/c3ce641db/packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx#L18"
|
|
17011
17011
|
}
|
|
17012
17012
|
],
|
|
17013
17013
|
"type": {
|
|
@@ -18572,7 +18572,7 @@
|
|
|
18572
18572
|
"fileName": "packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx",
|
|
18573
18573
|
"line": 21,
|
|
18574
18574
|
"character": 17,
|
|
18575
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
18575
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/c3ce641db/packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx#L21"
|
|
18576
18576
|
}
|
|
18577
18577
|
],
|
|
18578
18578
|
"extendedTypes": [
|
|
@@ -18615,7 +18615,7 @@
|
|
|
18615
18615
|
"fileName": "packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx",
|
|
18616
18616
|
"line": 12,
|
|
18617
18617
|
"character": 2,
|
|
18618
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
18618
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/c3ce641db/packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx#L12"
|
|
18619
18619
|
}
|
|
18620
18620
|
],
|
|
18621
18621
|
"type": {
|
|
@@ -18645,7 +18645,7 @@
|
|
|
18645
18645
|
"fileName": "packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx",
|
|
18646
18646
|
"line": 13,
|
|
18647
18647
|
"character": 2,
|
|
18648
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
18648
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/c3ce641db/packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx#L13"
|
|
18649
18649
|
}
|
|
18650
18650
|
],
|
|
18651
18651
|
"type": {
|
|
@@ -18666,7 +18666,7 @@
|
|
|
18666
18666
|
"fileName": "packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx",
|
|
18667
18667
|
"line": 14,
|
|
18668
18668
|
"character": 2,
|
|
18669
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
18669
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/c3ce641db/packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx#L14"
|
|
18670
18670
|
}
|
|
18671
18671
|
],
|
|
18672
18672
|
"type": {
|
|
@@ -18687,7 +18687,7 @@
|
|
|
18687
18687
|
"fileName": "packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx",
|
|
18688
18688
|
"line": 15,
|
|
18689
18689
|
"character": 2,
|
|
18690
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
18690
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/c3ce641db/packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx#L15"
|
|
18691
18691
|
}
|
|
18692
18692
|
],
|
|
18693
18693
|
"type": {
|
|
@@ -18708,7 +18708,7 @@
|
|
|
18708
18708
|
"fileName": "packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx",
|
|
18709
18709
|
"line": 16,
|
|
18710
18710
|
"character": 2,
|
|
18711
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
18711
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/c3ce641db/packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx#L16"
|
|
18712
18712
|
}
|
|
18713
18713
|
],
|
|
18714
18714
|
"type": {
|
|
@@ -18729,7 +18729,7 @@
|
|
|
18729
18729
|
"fileName": "packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx",
|
|
18730
18730
|
"line": 17,
|
|
18731
18731
|
"character": 2,
|
|
18732
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
18732
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/c3ce641db/packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx#L17"
|
|
18733
18733
|
}
|
|
18734
18734
|
],
|
|
18735
18735
|
"type": {
|
|
@@ -18750,7 +18750,7 @@
|
|
|
18750
18750
|
"fileName": "packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx",
|
|
18751
18751
|
"line": 18,
|
|
18752
18752
|
"character": 2,
|
|
18753
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
18753
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/c3ce641db/packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx#L18"
|
|
18754
18754
|
}
|
|
18755
18755
|
],
|
|
18756
18756
|
"type": {
|
|
@@ -18778,7 +18778,7 @@
|
|
|
18778
18778
|
"fileName": "packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx",
|
|
18779
18779
|
"line": 11,
|
|
18780
18780
|
"character": 17,
|
|
18781
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
18781
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/c3ce641db/packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx#L11"
|
|
18782
18782
|
}
|
|
18783
18783
|
],
|
|
18784
18784
|
"extendedBy": [
|
|
@@ -18809,7 +18809,7 @@
|
|
|
18809
18809
|
"fileName": "packages/sdk/packages/address/packages/render/src/components/favorite/FavoriteIconButton.tsx",
|
|
18810
18810
|
"line": 13,
|
|
18811
18811
|
"character": 2,
|
|
18812
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
18812
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/c3ce641db/packages/sdk/packages/address/packages/render/src/components/favorite/FavoriteIconButton.tsx#L13"
|
|
18813
18813
|
}
|
|
18814
18814
|
],
|
|
18815
18815
|
"type": {
|
|
@@ -18830,7 +18830,7 @@
|
|
|
18830
18830
|
"fileName": "packages/sdk/packages/address/packages/render/src/components/favorite/FavoriteIconButton.tsx",
|
|
18831
18831
|
"line": 14,
|
|
18832
18832
|
"character": 2,
|
|
18833
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
18833
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/c3ce641db/packages/sdk/packages/address/packages/render/src/components/favorite/FavoriteIconButton.tsx#L14"
|
|
18834
18834
|
}
|
|
18835
18835
|
],
|
|
18836
18836
|
"type": {
|
|
@@ -18855,7 +18855,7 @@
|
|
|
18855
18855
|
"fileName": "packages/sdk/packages/address/packages/render/src/components/favorite/FavoriteIconButton.tsx",
|
|
18856
18856
|
"line": 15,
|
|
18857
18857
|
"character": 2,
|
|
18858
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
18858
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/c3ce641db/packages/sdk/packages/address/packages/render/src/components/favorite/FavoriteIconButton.tsx#L15"
|
|
18859
18859
|
}
|
|
18860
18860
|
],
|
|
18861
18861
|
"type": {
|
|
@@ -18880,7 +18880,7 @@
|
|
|
18880
18880
|
"fileName": "packages/sdk/packages/address/packages/render/src/components/favorite/FavoriteIconButton.tsx",
|
|
18881
18881
|
"line": 16,
|
|
18882
18882
|
"character": 2,
|
|
18883
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
18883
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/c3ce641db/packages/sdk/packages/address/packages/render/src/components/favorite/FavoriteIconButton.tsx#L16"
|
|
18884
18884
|
}
|
|
18885
18885
|
],
|
|
18886
18886
|
"type": {
|
|
@@ -18906,7 +18906,7 @@
|
|
|
18906
18906
|
"fileName": "packages/sdk/packages/address/packages/render/src/components/favorite/FavoriteIconButton.tsx",
|
|
18907
18907
|
"line": 12,
|
|
18908
18908
|
"character": 17,
|
|
18909
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
18909
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/c3ce641db/packages/sdk/packages/address/packages/render/src/components/favorite/FavoriteIconButton.tsx#L12"
|
|
18910
18910
|
}
|
|
18911
18911
|
],
|
|
18912
18912
|
"extendedTypes": [
|
|
@@ -18944,7 +18944,7 @@
|
|
|
18944
18944
|
"fileName": "packages/sdk/packages/address/packages/render/src/components/lib/FavoriteItemEvent.ts",
|
|
18945
18945
|
"line": 2,
|
|
18946
18946
|
"character": 2,
|
|
18947
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
18947
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/c3ce641db/packages/sdk/packages/address/packages/render/src/components/lib/FavoriteItemEvent.ts#L2"
|
|
18948
18948
|
}
|
|
18949
18949
|
],
|
|
18950
18950
|
"type": {
|
|
@@ -18965,7 +18965,7 @@
|
|
|
18965
18965
|
"fileName": "packages/sdk/packages/address/packages/render/src/components/lib/FavoriteItemEvent.ts",
|
|
18966
18966
|
"line": 3,
|
|
18967
18967
|
"character": 2,
|
|
18968
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
18968
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/c3ce641db/packages/sdk/packages/address/packages/render/src/components/lib/FavoriteItemEvent.ts#L3"
|
|
18969
18969
|
}
|
|
18970
18970
|
],
|
|
18971
18971
|
"type": {
|
|
@@ -18987,7 +18987,7 @@
|
|
|
18987
18987
|
"fileName": "packages/sdk/packages/address/packages/render/src/components/lib/FavoriteItemEvent.ts",
|
|
18988
18988
|
"line": 4,
|
|
18989
18989
|
"character": 2,
|
|
18990
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
18990
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/c3ce641db/packages/sdk/packages/address/packages/render/src/components/lib/FavoriteItemEvent.ts#L4"
|
|
18991
18991
|
}
|
|
18992
18992
|
],
|
|
18993
18993
|
"type": {
|
|
@@ -19008,7 +19008,7 @@
|
|
|
19008
19008
|
"fileName": "packages/sdk/packages/address/packages/render/src/components/lib/FavoriteItemEvent.ts",
|
|
19009
19009
|
"line": 5,
|
|
19010
19010
|
"character": 2,
|
|
19011
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
19011
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/c3ce641db/packages/sdk/packages/address/packages/render/src/components/lib/FavoriteItemEvent.ts#L5"
|
|
19012
19012
|
}
|
|
19013
19013
|
],
|
|
19014
19014
|
"type": {
|
|
@@ -19033,7 +19033,7 @@
|
|
|
19033
19033
|
"fileName": "packages/sdk/packages/address/packages/render/src/components/lib/FavoriteItemEvent.ts",
|
|
19034
19034
|
"line": 1,
|
|
19035
19035
|
"character": 17,
|
|
19036
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
19036
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/c3ce641db/packages/sdk/packages/address/packages/render/src/components/lib/FavoriteItemEvent.ts#L1"
|
|
19037
19037
|
}
|
|
19038
19038
|
]
|
|
19039
19039
|
},
|
|
@@ -19048,7 +19048,7 @@
|
|
|
19048
19048
|
"fileName": "packages/sdk/packages/address/packages/render/src/components/lib/FavoriteItemEvent.ts",
|
|
19049
19049
|
"line": 8,
|
|
19050
19050
|
"character": 12,
|
|
19051
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
19051
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/c3ce641db/packages/sdk/packages/address/packages/render/src/components/lib/FavoriteItemEvent.ts#L8"
|
|
19052
19052
|
}
|
|
19053
19053
|
],
|
|
19054
19054
|
"type": {
|
|
@@ -19080,7 +19080,7 @@
|
|
|
19080
19080
|
"fileName": "packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx",
|
|
19081
19081
|
"line": 23,
|
|
19082
19082
|
"character": 13,
|
|
19083
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
19083
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/c3ce641db/packages/sdk/packages/address/packages/render/src/components/RenderRowBox.tsx#L23"
|
|
19084
19084
|
}
|
|
19085
19085
|
],
|
|
19086
19086
|
"signatures": [
|
|
@@ -19187,7 +19187,7 @@
|
|
|
19187
19187
|
"fileName": "packages/sdk/packages/address/packages/render/src/components/favorite/FavoriteIconButton.tsx",
|
|
19188
19188
|
"line": 19,
|
|
19189
19189
|
"character": 13,
|
|
19190
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
19190
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/c3ce641db/packages/sdk/packages/address/packages/render/src/components/favorite/FavoriteIconButton.tsx#L19"
|
|
19191
19191
|
}
|
|
19192
19192
|
],
|
|
19193
19193
|
"signatures": [
|
|
@@ -19306,7 +19306,7 @@
|
|
|
19306
19306
|
"fileName": "packages/sdk/packages/address/packages/render/src/components/lib/FavoriteItemEvent.ts",
|
|
19307
19307
|
"line": 10,
|
|
19308
19308
|
"character": 13,
|
|
19309
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
19309
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/c3ce641db/packages/sdk/packages/address/packages/render/src/components/lib/FavoriteItemEvent.ts#L10"
|
|
19310
19310
|
}
|
|
19311
19311
|
],
|
|
19312
19312
|
"signatures": [
|
|
@@ -19410,7 +19410,7 @@
|
|
|
19410
19410
|
"fileName": "packages/sdk/packages/address/packages/render/src/index.ts",
|
|
19411
19411
|
"line": 1,
|
|
19412
19412
|
"character": 0,
|
|
19413
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
19413
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/c3ce641db/packages/sdk/packages/address/packages/render/src/index.ts#L1"
|
|
19414
19414
|
}
|
|
19415
19415
|
]
|
|
19416
19416
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { IconButton } from '@mui/material';
|
|
2
|
+
import { IconButton, styled } from '@mui/material';
|
|
3
3
|
import { useXyoEvent } from '@xyo-network/react-event';
|
|
4
4
|
import { useShareForwardedRef } from '@xyo-network/react-shared';
|
|
5
5
|
import { forwardRef, useEffect, useRef, useState } from 'react';
|
|
@@ -22,10 +22,14 @@ export const FavoriteIconButton = forwardRef(({ children, favorite: favoriteProp
|
|
|
22
22
|
setOpenPopper(false);
|
|
23
23
|
};
|
|
24
24
|
const starRef = useRef(null);
|
|
25
|
-
return (_jsxs(
|
|
25
|
+
return (_jsxs(IconButtonCondensed, { "aria-describedby": popperId, ref: buttonRef, onClick: (event) => {
|
|
26
26
|
event.stopPropagation();
|
|
27
27
|
setOpenPopper(!openPopper);
|
|
28
|
-
}, onMouseDown: (e) => e.stopPropagation(), ...props, children: [_jsx("span", { ref: starRef, children: _jsx(FavoriteToggleSVG, { favorite: favorite }) }), _jsx(FavoritePopper, { sx: { zIndex: 1301 }, name: name, favorite: favorite, favoriteRef: starRef, open: openPopper, onConfirmFavorite: onConfirmFavorite, onClickAway: () => setOpenPopper(false) }), children] }));
|
|
28
|
+
}, onMouseDown: (e) => e.stopPropagation(), sx: { lineHeight: 0, p: 0.25 }, ...props, children: [_jsx("span", { ref: starRef, children: _jsx(FavoriteToggleSVG, { favorite: favorite }) }), _jsx(FavoritePopper, { sx: { zIndex: 1301 }, name: name, favorite: favorite, favoriteRef: starRef, open: openPopper, onConfirmFavorite: onConfirmFavorite, onClickAway: () => setOpenPopper(false) }), children] }));
|
|
29
29
|
});
|
|
30
30
|
FavoriteIconButton.displayName = 'FavoriteIconButton';
|
|
31
|
+
const IconButtonCondensed = styled(IconButton, { name: 'IconButtonCondensed' })(({ theme }) => ({
|
|
32
|
+
lineHeight: 0,
|
|
33
|
+
padding: theme.spacing(0.25),
|
|
34
|
+
}));
|
|
31
35
|
//# sourceMappingURL=FavoriteIconButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FavoriteIconButton.js","sourceRoot":"","sources":["../../../../src/components/favorite/FavoriteIconButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,eAAe,CAAA;
|
|
1
|
+
{"version":3,"file":"FavoriteIconButton.js","sourceRoot":"","sources":["../../../../src/components/favorite/FavoriteIconButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
import StarIcon from '@mui/icons-material/Star';
|
|
3
3
|
import StarBorderIcon from '@mui/icons-material/StarBorder';
|
|
4
|
-
export const FavoriteToggleSVG = ({ favorite }) => (_jsx(_Fragment, { children: favorite ? _jsx(StarIcon, { className: "favorite-icon", component: 'svg', color: "secondary" }) : _jsx(StarBorderIcon, { className: "favorite-icon" }) }));
|
|
4
|
+
export const FavoriteToggleSVG = ({ favorite }) => (_jsx(_Fragment, { children: favorite ? (_jsx(StarIcon, { className: "favorite-icon", component: 'svg', color: "secondary", fontSize: "small" })) : (_jsx(StarBorderIcon, { className: "favorite-icon", fontSize: "small" })) }));
|
|
5
5
|
//# sourceMappingURL=FavoriteToggleSVG.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FavoriteToggleSVG.js","sourceRoot":"","sources":["../../../../src/components/favorite/FavoriteToggleSVG.tsx"],"names":[],"mappings":";AAAA,OAAO,QAAQ,MAAM,0BAA0B,CAAA;AAC/C,OAAO,cAAc,MAAM,gCAAgC,CAAA;AAE3D,MAAM,CAAC,MAAM,iBAAiB,GAAqC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACnF,
|
|
1
|
+
{"version":3,"file":"FavoriteToggleSVG.js","sourceRoot":"","sources":["../../../../src/components/favorite/FavoriteToggleSVG.tsx"],"names":[],"mappings":";AAAA,OAAO,QAAQ,MAAM,0BAA0B,CAAA;AAC/C,OAAO,cAAc,MAAM,gCAAgC,CAAA;AAE3D,MAAM,CAAC,MAAM,iBAAiB,GAAqC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACnF,4BACG,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,QAAQ,IAAC,SAAS,EAAC,eAAe,EAAC,SAAS,EAAE,KAAK,EAAE,KAAK,EAAC,WAAW,EAAC,QAAQ,EAAC,OAAO,GAAG,CAC5F,CAAC,CAAC,CAAC,CACF,KAAC,cAAc,IAAC,SAAS,EAAC,eAAe,EAAC,QAAQ,EAAC,OAAO,GAAG,CAC9D,GACA,CACJ,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FavoriteIconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/favorite/FavoriteIconButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAc,eAAe,
|
|
1
|
+
{"version":3,"file":"FavoriteIconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/favorite/FavoriteIconButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAc,eAAe,EAAU,MAAM,eAAe,CAAA;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAKnD,OAAO,EAAE,iBAAiB,EAAyB,MAAM,QAAQ,CAAA;AAKjE,MAAM,WAAW,uBAAwB,SAAQ,YAAY,EAAE,eAAe;IAC5E,QAAQ,CAAC,EAAE,iBAAiB,CAAC,UAAU,CAAC,CAAA;IACxC,IAAI,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAA;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAA;CAC9C;AAED,eAAO,MAAM,kBAAkB,oIAiD9B,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FavoriteToggleSVG.d.ts","sourceRoot":"","sources":["../../../../src/components/favorite/FavoriteToggleSVG.tsx"],"names":[],"mappings":";AAGA,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,
|
|
1
|
+
{"version":3,"file":"FavoriteToggleSVG.d.ts","sourceRoot":"","sources":["../../../../src/components/favorite/FavoriteToggleSVG.tsx"],"names":[],"mappings":";AAGA,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CAQ9D,CAAA"}
|
package/package.json
CHANGED
|
@@ -13,8 +13,8 @@
|
|
|
13
13
|
"@xylabs/react-flexbox": "^2.16.14",
|
|
14
14
|
"@xylabs/react-identicon": "^2.16.14",
|
|
15
15
|
"@xylabs/react-shared": "^2.16.14",
|
|
16
|
-
"@xyo-network/react-event": "^2.47.
|
|
17
|
-
"@xyo-network/react-shared": "^2.47.
|
|
16
|
+
"@xyo-network/react-event": "^2.47.38",
|
|
17
|
+
"@xyo-network/react-shared": "^2.47.38"
|
|
18
18
|
},
|
|
19
19
|
"peerDependencies": {
|
|
20
20
|
"@mui/icons-material": "^5",
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
"@xylabs/ts-scripts-yarn3": "^2.16.1",
|
|
32
32
|
"@xylabs/tsconfig-react": "^2.16.1",
|
|
33
33
|
"@xyo-network/account": "^2.53.33",
|
|
34
|
-
"@xyo-network/react-event": "^2.47.
|
|
34
|
+
"@xyo-network/react-event": "^2.47.38",
|
|
35
35
|
"require-from-string": "^2.0.2",
|
|
36
36
|
"typescript": "^4.9.5"
|
|
37
37
|
},
|
|
@@ -77,5 +77,5 @@
|
|
|
77
77
|
},
|
|
78
78
|
"sideEffects": false,
|
|
79
79
|
"types": "dist/types/index.d.ts",
|
|
80
|
-
"version": "2.47.
|
|
80
|
+
"version": "2.47.38"
|
|
81
81
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { IconButton, IconButtonProps } from '@mui/material'
|
|
1
|
+
import { IconButton, IconButtonProps, styled } from '@mui/material'
|
|
2
2
|
import { WithChildren } from '@xylabs/react-shared'
|
|
3
3
|
import { useXyoEvent } from '@xyo-network/react-event'
|
|
4
4
|
import { useShareForwardedRef } from '@xyo-network/react-shared'
|
|
@@ -38,7 +38,7 @@ export const FavoriteIconButton = forwardRef<HTMLButtonElement, FavoriteIconButt
|
|
|
38
38
|
const starRef = useRef<HTMLSpanElement>(null)
|
|
39
39
|
|
|
40
40
|
return (
|
|
41
|
-
<
|
|
41
|
+
<IconButtonCondensed
|
|
42
42
|
aria-describedby={popperId}
|
|
43
43
|
ref={buttonRef}
|
|
44
44
|
onClick={(event) => {
|
|
@@ -46,6 +46,7 @@ export const FavoriteIconButton = forwardRef<HTMLButtonElement, FavoriteIconButt
|
|
|
46
46
|
setOpenPopper(!openPopper)
|
|
47
47
|
}}
|
|
48
48
|
onMouseDown={(e) => e.stopPropagation()}
|
|
49
|
+
sx={{ lineHeight: 0, p: 0.25 }}
|
|
49
50
|
{...props}
|
|
50
51
|
>
|
|
51
52
|
<span ref={starRef}>
|
|
@@ -61,9 +62,14 @@ export const FavoriteIconButton = forwardRef<HTMLButtonElement, FavoriteIconButt
|
|
|
61
62
|
onClickAway={() => setOpenPopper(false)}
|
|
62
63
|
/>
|
|
63
64
|
{children}
|
|
64
|
-
</
|
|
65
|
+
</IconButtonCondensed>
|
|
65
66
|
)
|
|
66
67
|
},
|
|
67
68
|
)
|
|
68
69
|
|
|
69
70
|
FavoriteIconButton.displayName = 'FavoriteIconButton'
|
|
71
|
+
|
|
72
|
+
const IconButtonCondensed = styled(IconButton, { name: 'IconButtonCondensed' })(({ theme }) => ({
|
|
73
|
+
lineHeight: 0,
|
|
74
|
+
padding: theme.spacing(0.25),
|
|
75
|
+
}))
|
|
@@ -2,5 +2,11 @@ import StarIcon from '@mui/icons-material/Star'
|
|
|
2
2
|
import StarBorderIcon from '@mui/icons-material/StarBorder'
|
|
3
3
|
|
|
4
4
|
export const FavoriteToggleSVG: React.FC<{ favorite?: boolean }> = ({ favorite }) => (
|
|
5
|
-
<>
|
|
5
|
+
<>
|
|
6
|
+
{favorite ? (
|
|
7
|
+
<StarIcon className="favorite-icon" component={'svg'} color="secondary" fontSize="small" />
|
|
8
|
+
) : (
|
|
9
|
+
<StarBorderIcon className="favorite-icon" fontSize="small" />
|
|
10
|
+
)}
|
|
11
|
+
</>
|
|
6
12
|
)
|