@xyo-network/react-address-render 2.52.0 → 2.54.0
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 +1 -1
- package/dist/cjs/components/RenderRowBox.js.map +1 -1
- package/dist/cjs/components/favorite/FavoriteIconButton.js +1 -1
- package/dist/cjs/components/favorite/FavoriteIconButton.js.map +1 -1
- package/dist/docs.json +31 -31
- package/dist/esm/components/RenderRowBox.js +2 -2
- package/dist/esm/components/RenderRowBox.js.map +1 -1
- package/dist/esm/components/favorite/FavoriteIconButton.js +2 -2
- package/dist/esm/components/favorite/FavoriteIconButton.js.map +1 -1
- package/package.json +6 -6
- package/src/components/RenderRowBox.stories.tsx +2 -2
- package/src/components/RenderRowBox.tsx +2 -2
- package/src/components/favorite/FavoriteIconButton.tsx +2 -2
|
@@ -14,7 +14,7 @@ exports.AddressRenderRowBox = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
14
14
|
var { address, children, favorite: favoriteProp = false, iconOnly, iconSize = 24, icons, name, showFavorite = false } = _a, props = tslib_1.__rest(_a, ["address", "children", "favorite", "iconOnly", "iconSize", "icons", "name", "showFavorite"]);
|
|
15
15
|
const theme = (0, material_1.useTheme)();
|
|
16
16
|
const sharedRef = (0, react_shared_1.useShareForwardedRef)(ref);
|
|
17
|
-
const [elementRef, dispatch] = (0, react_event_1.
|
|
17
|
+
const [elementRef, dispatch] = (0, react_event_1.useEvent)(undefined, sharedRef);
|
|
18
18
|
const handleClickedAddress = () => (address ? dispatch('address', 'click', address) : undefined);
|
|
19
19
|
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, Object.assign({ sx: { my: 0 } }, { children: (0, jsx_runtime_1.jsx)(react_shared_1.EllipsizeBox, Object.assign({ ellipsisPosition: 'end', width: "100%", typographyProps: { fontSize: theme.typography.body1.fontSize } }, { children: name !== null && name !== void 0 ? name : address })) }))), children, showFavorite && address ? ((0, jsx_runtime_1.jsx)(favorite_1.FavoriteIconButton, { name: name, size: 'small', value: address, valueType: 'address', favorite: favoriteProp })) : null] })));
|
|
20
20
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RenderRowBox.js","sourceRoot":"","sources":["../../../src/components/RenderRowBox.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAoE;AACpE,yDAAiE;AACjE,6DAAmD;AAEnD,
|
|
1
|
+
{"version":3,"file":"RenderRowBox.js","sourceRoot":"","sources":["../../../src/components/RenderRowBox.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAoE;AACpE,yDAAiE;AACjE,6DAAmD;AAEnD,0DAAmD;AACnD,4DAA8E;AAC9E,iCAAkC;AAElC,yCAA+C;AAclC,QAAA,mBAAmB,GAAG,IAAA,kBAAU,EAC3C,CAAC,EAA2H,EAAE,GAAG,EAAE,EAAE;QAApI,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,GAAG,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAG,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,YAAY,GAAG,KAAK,OAAY,EAAP,KAAK,sBAAzH,4FAA2H,CAAF;IACxH,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IAExB,MAAM,SAAS,GAAG,IAAA,mCAAoB,EAAC,GAAG,CAAC,CAAA;IAC3C,MAAM,CAAC,UAAU,EAAE,QAAQ,CAAC,GAAG,IAAA,sBAAQ,EAAC,SAAS,EAAE,SAAS,CAAC,CAAA;IAE7D,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,kBAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,gBACzB,uBAAC,2BAAY,kBAAC,gBAAgB,EAAE,KAAK,EAAE,KAAK,EAAC,MAAM,EAAC,eAAe,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ,EAAE,gBAC/G,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,OAAO,IACH,IACF,CAChB,EACA,QAAQ,EACR,YAAY,IAAI,OAAO,CAAC,CAAC,CAAC,CACzB,uBAAC,6BAAkB,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,GAAI,CAChH,CAAC,CAAC,CAAC,IAAI,KACI,CACf,CAAA;AACH,CAAC,CACF,CAAA;AAED,2BAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAA"}
|
|
@@ -19,7 +19,7 @@ exports.FavoriteIconButton = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
19
19
|
setFavorite(favoriteProp);
|
|
20
20
|
}, [favoriteProp]);
|
|
21
21
|
const sharedRef = (0, react_shared_1.useShareForwardedRef)(ref);
|
|
22
|
-
const [buttonRef, dispatch] = (0, react_event_1.
|
|
22
|
+
const [buttonRef, dispatch] = (0, react_event_1.useEvent)(undefined, sharedRef);
|
|
23
23
|
const onConfirmFavorite = (name, newFavoriteState) => {
|
|
24
24
|
const favoriteEvent = (0, lib_1.generateFavoriteEvent)(!!newFavoriteState, valueType, value, name);
|
|
25
25
|
dispatch('address', 'favorite', JSON.stringify(favoriteEvent));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FavoriteIconButton.js","sourceRoot":"","sources":["../../../../src/components/favorite/FavoriteIconButton.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAmE;AAEnE,
|
|
1
|
+
{"version":3,"file":"FavoriteIconButton.js","sourceRoot":"","sources":["../../../../src/components/favorite/FavoriteIconButton.tsx"],"names":[],"mappings":"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"}
|
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/3a07b1bc2998/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/3a07b1bc2998/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/3a07b1bc2998/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/3a07b1bc2998/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/3a07b1bc2998/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/3a07b1bc2998/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/3a07b1bc2998/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/3a07b1bc2998/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/3a07b1bc2998/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/3a07b1bc2998/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/3a07b1bc2998/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/3a07b1bc2998/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/3a07b1bc2998/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/3a07b1bc2998/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/3a07b1bc2998/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/3a07b1bc2998/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/3a07b1bc2998/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/3a07b1bc2998/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/3a07b1bc2998/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/3a07b1bc2998/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/3a07b1bc2998/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/3a07b1bc2998/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/3a07b1bc2998/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/3a07b1bc2998/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/3a07b1bc2998/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/3a07b1bc2998/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/3a07b1bc2998/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/3a07b1bc2998/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/3a07b1bc2998/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/3a07b1bc2998/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/3a07b1bc2998/packages/sdk/packages/address/packages/render/src/index.ts#L1"
|
|
19414
19414
|
}
|
|
19415
19415
|
]
|
|
19416
19416
|
}
|
|
@@ -2,14 +2,14 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { ListItemIcon, ListItemText, useTheme } from '@mui/material';
|
|
3
3
|
import { FlexGrowRow } from '@xylabs/react-flexbox';
|
|
4
4
|
import { Identicon } from '@xylabs/react-identicon';
|
|
5
|
-
import {
|
|
5
|
+
import { useEvent } from '@xyo-network/react-event';
|
|
6
6
|
import { EllipsizeBox, useShareForwardedRef } from '@xyo-network/react-shared';
|
|
7
7
|
import { forwardRef } from 'react';
|
|
8
8
|
import { FavoriteIconButton } from './favorite';
|
|
9
9
|
export const AddressRenderRowBox = forwardRef(({ address, children, favorite: favoriteProp = false, iconOnly, iconSize = 24, icons, name, showFavorite = false, ...props }, ref) => {
|
|
10
10
|
const theme = useTheme();
|
|
11
11
|
const sharedRef = useShareForwardedRef(ref);
|
|
12
|
-
const [elementRef, dispatch] =
|
|
12
|
+
const [elementRef, dispatch] = useEvent(undefined, sharedRef);
|
|
13
13
|
const handleClickedAddress = () => (address ? dispatch('address', 'click', address) : undefined);
|
|
14
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, { sx: { my: 0 }, children: _jsx(EllipsizeBox, { ellipsisPosition: 'end', width: "100%", typographyProps: { fontSize: theme.typography.body1.fontSize }, children: name ?? address }) })), children, showFavorite && address ? (_jsx(FavoriteIconButton, { name: name, size: 'small', value: address, valueType: 'address', favorite: favoriteProp })) : null] }));
|
|
15
15
|
});
|
|
@@ -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,
|
|
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,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACnD,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;AAc/C,MAAM,CAAC,MAAM,mBAAmB,GAAG,UAAU,CAC3C,CAAC,EAAE,OAAO,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;IACnI,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IAExB,MAAM,SAAS,GAAG,oBAAoB,CAAC,GAAG,CAAC,CAAA;IAC3C,MAAM,CAAC,UAAU,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;IAE7D,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,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,YACzB,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,IAAI,IAAI,OAAO,GACH,GACF,CAChB,EACA,QAAQ,EACR,YAAY,IAAI,OAAO,CAAC,CAAC,CAAC,CACzB,KAAC,kBAAkB,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,GAAI,CAChH,CAAC,CAAC,CAAC,IAAI,IACI,CACf,CAAA;AACH,CAAC,CACF,CAAA;AAED,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { IconButton, styled } from '@mui/material';
|
|
3
|
-
import {
|
|
3
|
+
import { useEvent } from '@xyo-network/react-event';
|
|
4
4
|
import { useShareForwardedRef } from '@xyo-network/react-shared';
|
|
5
5
|
import { forwardRef, useEffect, useRef, useState } from 'react';
|
|
6
6
|
import { generateFavoriteEvent } from '../lib';
|
|
@@ -14,7 +14,7 @@ export const FavoriteIconButton = forwardRef(({ children, favorite: favoriteProp
|
|
|
14
14
|
setFavorite(favoriteProp);
|
|
15
15
|
}, [favoriteProp]);
|
|
16
16
|
const sharedRef = useShareForwardedRef(ref);
|
|
17
|
-
const [buttonRef, dispatch] =
|
|
17
|
+
const [buttonRef, dispatch] = useEvent(undefined, sharedRef);
|
|
18
18
|
const onConfirmFavorite = (name, newFavoriteState) => {
|
|
19
19
|
const favoriteEvent = generateFavoriteEvent(!!newFavoriteState, valueType, value, name);
|
|
20
20
|
dispatch('address', 'favorite', JSON.stringify(favoriteEvent));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FavoriteIconButton.js","sourceRoot":"","sources":["../../../../src/components/favorite/FavoriteIconButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,EAAE,MAAM,eAAe,CAAA;AAEnE,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"FavoriteIconButton.js","sourceRoot":"","sources":["../../../../src/components/favorite/FavoriteIconButton.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -13,8 +13,8 @@
|
|
|
13
13
|
"@xylabs/react-flexbox": "^2.17.3",
|
|
14
14
|
"@xylabs/react-identicon": "^2.17.3",
|
|
15
15
|
"@xylabs/react-shared": "^2.17.3",
|
|
16
|
-
"@xyo-network/react-event": "^2.
|
|
17
|
-
"@xyo-network/react-shared": "^2.
|
|
16
|
+
"@xyo-network/react-event": "^2.54.0",
|
|
17
|
+
"@xyo-network/react-shared": "^2.54.0"
|
|
18
18
|
},
|
|
19
19
|
"peerDependencies": {
|
|
20
20
|
"@mui/icons-material": "^5",
|
|
@@ -27,11 +27,11 @@
|
|
|
27
27
|
},
|
|
28
28
|
"description": "Common React library for all XYO projects that use React",
|
|
29
29
|
"devDependencies": {
|
|
30
|
-
"@storybook/react": "^7.0.
|
|
30
|
+
"@storybook/react": "^7.0.21",
|
|
31
31
|
"@xylabs/ts-scripts-yarn3": "^2.17.13",
|
|
32
32
|
"@xylabs/tsconfig-react": "^2.17.13",
|
|
33
|
-
"@xyo-network/account": "^2.
|
|
34
|
-
"@xyo-network/react-event": "^2.
|
|
33
|
+
"@xyo-network/account": "^2.62.1",
|
|
34
|
+
"@xyo-network/react-event": "^2.54.0",
|
|
35
35
|
"typescript": "^5.1.3"
|
|
36
36
|
},
|
|
37
37
|
"browser": "dist/esm/index.js",
|
|
@@ -76,5 +76,5 @@
|
|
|
76
76
|
},
|
|
77
77
|
"sideEffects": false,
|
|
78
78
|
"types": "dist/types/index.d.ts",
|
|
79
|
-
"version": "2.
|
|
79
|
+
"version": "2.54.0"
|
|
80
80
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Meta, StoryFn } from '@storybook/react'
|
|
2
2
|
import { Account } from '@xyo-network/account'
|
|
3
|
-
import {
|
|
3
|
+
import { useEvent } from '@xyo-network/react-event'
|
|
4
4
|
import { useState } from 'react'
|
|
5
5
|
|
|
6
6
|
import { FavoriteItemEvent } from './lib'
|
|
@@ -20,7 +20,7 @@ const StorybookEntry = {
|
|
|
20
20
|
} as Meta<typeof AddressRenderRowBox>
|
|
21
21
|
|
|
22
22
|
const Template: StoryFn<typeof AddressRenderRowBox> = (args) => {
|
|
23
|
-
const [ref] =
|
|
23
|
+
const [ref] = useEvent<HTMLLIElement>((noun, verb, data) => {
|
|
24
24
|
console.log(`${noun}|${verb}|${data}`)
|
|
25
25
|
const parsedEvent = JSON.parse(data ?? '') as FavoriteItemEvent
|
|
26
26
|
if (parsedEvent.favorite) {
|
|
@@ -2,7 +2,7 @@ import { ListItemIcon, ListItemText, useTheme } from '@mui/material'
|
|
|
2
2
|
import { FlexBoxProps, FlexGrowRow } from '@xylabs/react-flexbox'
|
|
3
3
|
import { Identicon } from '@xylabs/react-identicon'
|
|
4
4
|
import { WithChildren } from '@xylabs/react-shared'
|
|
5
|
-
import {
|
|
5
|
+
import { useEvent } from '@xyo-network/react-event'
|
|
6
6
|
import { EllipsizeBox, useShareForwardedRef } from '@xyo-network/react-shared'
|
|
7
7
|
import { forwardRef } from 'react'
|
|
8
8
|
|
|
@@ -25,7 +25,7 @@ export const AddressRenderRowBox = forwardRef<HTMLElement, AddressRenderRowBoxPr
|
|
|
25
25
|
const theme = useTheme()
|
|
26
26
|
|
|
27
27
|
const sharedRef = useShareForwardedRef(ref)
|
|
28
|
-
const [elementRef, dispatch] =
|
|
28
|
+
const [elementRef, dispatch] = useEvent(undefined, sharedRef)
|
|
29
29
|
|
|
30
30
|
const handleClickedAddress = () => (address ? dispatch('address', 'click', address) : undefined)
|
|
31
31
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { IconButton, IconButtonProps, styled } from '@mui/material'
|
|
2
2
|
import { WithChildren } from '@xylabs/react-shared'
|
|
3
|
-
import {
|
|
3
|
+
import { useEvent } from '@xyo-network/react-event'
|
|
4
4
|
import { useShareForwardedRef } from '@xyo-network/react-shared'
|
|
5
5
|
import { forwardRef, useEffect, useRef, useState } from 'react'
|
|
6
6
|
|
|
@@ -26,7 +26,7 @@ export const FavoriteIconButton = forwardRef<HTMLButtonElement, FavoriteIconButt
|
|
|
26
26
|
}, [favoriteProp])
|
|
27
27
|
|
|
28
28
|
const sharedRef = useShareForwardedRef(ref)
|
|
29
|
-
const [buttonRef, dispatch] =
|
|
29
|
+
const [buttonRef, dispatch] = useEvent(undefined, sharedRef)
|
|
30
30
|
|
|
31
31
|
const onConfirmFavorite = (name?: string, newFavoriteState?: boolean) => {
|
|
32
32
|
const favoriteEvent = generateFavoriteEvent(!!newFavoriteState, valueType, value, name)
|