@xyo-network/react-shared 2.25.29 → 2.25.32
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/Footer/Copyright.js +1 -1
- package/dist/cjs/components/Footer/Copyright.js.map +1 -1
- package/dist/cjs/components/TableCell/EllipsisTableCell.js +10 -10
- package/dist/cjs/components/TableCell/EllipsisTableCell.js.map +1 -1
- package/dist/cjs/components/TableCell/getRemainingRowWidth.js +0 -1
- package/dist/cjs/components/TableCell/getRemainingRowWidth.js.map +1 -1
- package/dist/docs.json +23 -15
- package/dist/esm/components/Footer/Copyright.js +1 -1
- package/dist/esm/components/Footer/Copyright.js.map +1 -1
- package/dist/esm/components/TableCell/EllipsisTableCell.js +11 -5
- package/dist/esm/components/TableCell/EllipsisTableCell.js.map +1 -1
- package/dist/esm/components/TableCell/getRemainingRowWidth.js +0 -1
- package/dist/esm/components/TableCell/getRemainingRowWidth.js.map +1 -1
- package/package.json +7 -7
- package/src/components/Footer/Copyright.tsx +1 -1
- package/src/components/TableCell/EllipsisTableCell.tsx +18 -8
- package/src/components/TableCell/getRemainingRowWidth.ts +0 -1
|
@@ -30,7 +30,7 @@ const footerLinks = [
|
|
|
30
30
|
];
|
|
31
31
|
const Copyright = (_a) => {
|
|
32
32
|
var { style, onMore } = _a, props = tslib_1.__rest(_a, ["style", "onMore"]);
|
|
33
|
-
return ((0, jsx_runtime_1.jsxs)(sdk_react_1.FlexRow, Object.assign({ flexWrap: "wrap", textTransform: "uppercase", style: Object.assign({ opacity: 0.6 }, style) }, props, { children: [footerLinks.map((footerLink, index) => ((0, jsx_runtime_1.jsx)(Link_1.FooterLink, Object.assign({ noWrap: true, paddingX: 1, margin: 0 }, footerLink, { children: (0, jsx_runtime_1.jsx)("small", { children: footerLink.title }) }), index))), onMore ? ((0, jsx_runtime_1.jsx)(sdk_react_1.FlexRow, Object.assign({ style: { cursor: 'pointer' }, paddingX: 0.5, onClick: onMore }, { children: (0, jsx_runtime_1.jsx)(MoreHoriz_1.default, { fontSize: "small" }) }))) : null] })));
|
|
33
|
+
return ((0, jsx_runtime_1.jsxs)(sdk_react_1.FlexRow, Object.assign({ flexWrap: "wrap", textTransform: "uppercase", style: Object.assign({ opacity: 0.6 }, style) }, props, { children: [footerLinks.map((footerLink, index) => ((0, jsx_runtime_1.jsx)(Link_1.FooterLink, Object.assign({ noWrap: true, paddingX: 1, margin: 0 }, footerLink, { children: (0, jsx_runtime_1.jsx)("small", { children: footerLink.title }) }), index))), onMore ? ((0, jsx_runtime_1.jsx)(sdk_react_1.FlexRow, Object.assign({ style: { cursor: 'pointer' }, paddingX: 0.5, onClick: onMore }, { children: (0, jsx_runtime_1.jsx)(MoreHoriz_1.default, { color: "primary", fontSize: "small" }) }))) : null] })));
|
|
34
34
|
};
|
|
35
35
|
exports.Copyright = Copyright;
|
|
36
36
|
//# sourceMappingURL=Copyright.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Copyright.js","sourceRoot":"","sources":["../../../../src/components/Footer/Copyright.tsx"],"names":[],"mappings":";;;;;AAAA,sFAAyD;AACzD,iDAA8E;AAE9E,iCAAmC;AAMnC,MAAM,WAAW,GAAkB;IACjC;QACE,IAAI,EAAE,qBAAqB;QAC3B,KAAK,EAAE,eAAe,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,gBAAgB;KAC/D;IACD;QACE,IAAI,EAAE,sBAAsB;QAC5B,KAAK,EAAE,gBAAgB;KACxB;IACD;QACE,IAAI,EAAE,6BAA6B;QACnC,KAAK,EAAE,SAAS;KACjB;IACD;QACE,IAAI,EAAE,2BAA2B;QACjC,KAAK,EAAE,OAAO;KACf;IACD;QACE,IAAI,EAAE,yBAAyB;QAC/B,KAAK,EAAE,SAAS;KACjB;CACF,CAAA;AAEM,MAAM,SAAS,GAA6B,CAAC,EAA2B,EAAE,EAAE;QAA/B,EAAE,KAAK,EAAE,MAAM,OAAY,EAAP,KAAK,sBAAzB,mBAA2B,CAAF;IAAO,OAAA,CAClF,wBAAC,mBAAO,kBAAC,QAAQ,EAAC,MAAM,EAAC,aAAa,EAAC,WAAW,EAAC,KAAK,kBAAI,OAAO,EAAE,GAAG,IAAK,KAAK,KAAQ,KAAK,eAC5F,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,CAAC,CACtC,uBAAC,iBAAU,kBAAC,MAAM,QAAa,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,IAAM,UAAU,cACnE,4CAAQ,UAAU,CAAC,KAAK,GAAS,KADX,KAAK,CAEhB,CACd,CAAC,EACD,MAAM,CAAC,CAAC,CAAC,CACR,uBAAC,mBAAO,kBAAC,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,gBACnE,uBAAC,mBAAa,IAAC,QAAQ,EAAC,OAAO,GAAG,
|
|
1
|
+
{"version":3,"file":"Copyright.js","sourceRoot":"","sources":["../../../../src/components/Footer/Copyright.tsx"],"names":[],"mappings":";;;;;AAAA,sFAAyD;AACzD,iDAA8E;AAE9E,iCAAmC;AAMnC,MAAM,WAAW,GAAkB;IACjC;QACE,IAAI,EAAE,qBAAqB;QAC3B,KAAK,EAAE,eAAe,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,gBAAgB;KAC/D;IACD;QACE,IAAI,EAAE,sBAAsB;QAC5B,KAAK,EAAE,gBAAgB;KACxB;IACD;QACE,IAAI,EAAE,6BAA6B;QACnC,KAAK,EAAE,SAAS;KACjB;IACD;QACE,IAAI,EAAE,2BAA2B;QACjC,KAAK,EAAE,OAAO;KACf;IACD;QACE,IAAI,EAAE,yBAAyB;QAC/B,KAAK,EAAE,SAAS;KACjB;CACF,CAAA;AAEM,MAAM,SAAS,GAA6B,CAAC,EAA2B,EAAE,EAAE;QAA/B,EAAE,KAAK,EAAE,MAAM,OAAY,EAAP,KAAK,sBAAzB,mBAA2B,CAAF;IAAO,OAAA,CAClF,wBAAC,mBAAO,kBAAC,QAAQ,EAAC,MAAM,EAAC,aAAa,EAAC,WAAW,EAAC,KAAK,kBAAI,OAAO,EAAE,GAAG,IAAK,KAAK,KAAQ,KAAK,eAC5F,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,CAAC,CACtC,uBAAC,iBAAU,kBAAC,MAAM,QAAa,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,IAAM,UAAU,cACnE,4CAAQ,UAAU,CAAC,KAAK,GAAS,KADX,KAAK,CAEhB,CACd,CAAC,EACD,MAAM,CAAC,CAAC,CAAC,CACR,uBAAC,mBAAO,kBAAC,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,gBACnE,uBAAC,mBAAa,IAAC,KAAK,EAAC,SAAS,EAAC,QAAQ,EAAC,OAAO,GAAG,IAC1C,CACX,CAAC,CAAC,CAAC,IAAI,KACA,CACX,CAAA;CAAA,CAAA;AAbY,QAAA,SAAS,aAarB"}
|
|
@@ -9,15 +9,9 @@ const react_1 = require("react");
|
|
|
9
9
|
const findParent_1 = require("./findParent");
|
|
10
10
|
const getRemainingRowWidth_1 = require("./getRemainingRowWidth");
|
|
11
11
|
const getSmallestParentWidth_1 = require("./getSmallestParentWidth");
|
|
12
|
-
const TableCellValue = (
|
|
13
|
-
|
|
14
|
-
return ((0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "body2", fontFamily: "monospace", style: {
|
|
15
|
-
display: 'block',
|
|
16
|
-
overflow: 'hidden',
|
|
17
|
-
textOverflow: 'ellipsis',
|
|
18
|
-
whiteSpace: 'nowrap',
|
|
19
|
-
width: hashCellWidth,
|
|
20
|
-
} }, { children: value })));
|
|
12
|
+
const TableCellValue = (_a) => {
|
|
13
|
+
var { style, hashCellWidth, value } = _a, props = tslib_1.__rest(_a, ["style", "hashCellWidth", "value"]);
|
|
14
|
+
return ((0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "body2", fontFamily: "monospace", style: Object.assign({ display: 'block', maxWidth: hashCellWidth, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }, style) }, props, { children: value })));
|
|
21
15
|
};
|
|
22
16
|
const EllipsisTableCell = (_a) => {
|
|
23
17
|
var { value, to, href } = _a, props = tslib_1.__rest(_a, ["value", "to", "href"]);
|
|
@@ -50,7 +44,13 @@ const EllipsisTableCell = (_a) => {
|
|
|
50
44
|
window.removeEventListener('resize', onResize);
|
|
51
45
|
};
|
|
52
46
|
}, [hashDivRef, spacing]);
|
|
53
|
-
return ((0, jsx_runtime_1.jsx)(material_1.TableCell, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ ref: hashDivRef
|
|
47
|
+
return ((0, jsx_runtime_1.jsx)(material_1.TableCell, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ ref: hashDivRef, style: {
|
|
48
|
+
display: 'block',
|
|
49
|
+
maxWidth: hashCellWidth,
|
|
50
|
+
overflow: 'hidden',
|
|
51
|
+
textOverflow: 'ellipsis',
|
|
52
|
+
whiteSpace: 'nowrap',
|
|
53
|
+
} }, { children: href || to ? ((0, jsx_runtime_1.jsx)(sdk_react_1.LinkEx, Object.assign({ to: to, href: href, target: href ? '_blank' : undefined }, { children: (0, jsx_runtime_1.jsx)(TableCellValue, { value: value, hashCellWidth: hashCellWidth }) }))) : ((0, jsx_runtime_1.jsx)(TableCellValue, { value: value, hashCellWidth: hashCellWidth })) })) })));
|
|
54
54
|
};
|
|
55
55
|
exports.EllipsisTableCell = EllipsisTableCell;
|
|
56
56
|
//# sourceMappingURL=EllipsisTableCell.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EllipsisTableCell.js","sourceRoot":"","sources":["../../../../src/components/TableCell/EllipsisTableCell.tsx"],"names":[],"mappings":";;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"EllipsisTableCell.js","sourceRoot":"","sources":["../../../../src/components/TableCell/EllipsisTableCell.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,7 +10,6 @@ const getRemainingRowWidth = (row, forCell = 0) => {
|
|
|
10
10
|
if (item) {
|
|
11
11
|
if (i !== forCell) {
|
|
12
12
|
const boundingRect = item === null || item === void 0 ? void 0 : item.getBoundingClientRect();
|
|
13
|
-
console.log(`getRemainingRowWidth:rect: ${boundingRect === null || boundingRect === void 0 ? void 0 : boundingRect.width}`);
|
|
14
13
|
width += (_b = boundingRect === null || boundingRect === void 0 ? void 0 : boundingRect.width) !== null && _b !== void 0 ? _b : 0;
|
|
15
14
|
}
|
|
16
15
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getRemainingRowWidth.js","sourceRoot":"","sources":["../../../../src/components/TableCell/getRemainingRowWidth.ts"],"names":[],"mappings":";;;AAAA,kGAAkG;AAC3F,MAAM,oBAAoB,GAAG,CAAC,GAAgB,EAAE,OAAO,GAAG,CAAC,EAAE,EAAE;;IACpE,IAAI,KAAK,GAAG,CAAC,CAAA;IACb,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,iBAAiB,mCAAI,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACtD,MAAM,IAAI,GAAG,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;QAClC,IAAI,IAAI,EAAE;YACR,IAAI,CAAC,KAAK,OAAO,EAAE;gBACjB,MAAM,YAAY,GAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,qBAAqB,EAAE,CAAA;gBAClD,
|
|
1
|
+
{"version":3,"file":"getRemainingRowWidth.js","sourceRoot":"","sources":["../../../../src/components/TableCell/getRemainingRowWidth.ts"],"names":[],"mappings":";;;AAAA,kGAAkG;AAC3F,MAAM,oBAAoB,GAAG,CAAC,GAAgB,EAAE,OAAO,GAAG,CAAC,EAAE,EAAE;;IACpE,IAAI,KAAK,GAAG,CAAC,CAAA;IACb,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,iBAAiB,mCAAI,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACtD,MAAM,IAAI,GAAG,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;QAClC,IAAI,IAAI,EAAE;YACR,IAAI,CAAC,KAAK,OAAO,EAAE;gBACjB,MAAM,YAAY,GAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,qBAAqB,EAAE,CAAA;gBAClD,KAAK,IAAI,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,mCAAI,CAAC,CAAA;aAClC;SACF;KACF;IAED,OAAO,KAAK,CAAA;AACd,CAAC,CAAA;AAbY,QAAA,oBAAoB,wBAahC"}
|
package/dist/docs.json
CHANGED
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
"id": 10336,
|
|
18
18
|
"name": "DarkMode",
|
|
19
19
|
"kind": 16,
|
|
20
|
-
"kindString": "Enumeration
|
|
20
|
+
"kindString": "Enumeration Member",
|
|
21
21
|
"flags": {},
|
|
22
22
|
"sources": [
|
|
23
23
|
{
|
|
@@ -26,13 +26,17 @@
|
|
|
26
26
|
"character": 2
|
|
27
27
|
}
|
|
28
28
|
],
|
|
29
|
+
"type": {
|
|
30
|
+
"type": "literal",
|
|
31
|
+
"value": "darkmode"
|
|
32
|
+
},
|
|
29
33
|
"defaultValue": "\"darkmode\""
|
|
30
34
|
},
|
|
31
35
|
{
|
|
32
36
|
"id": 10337,
|
|
33
37
|
"name": "Developer",
|
|
34
38
|
"kind": 16,
|
|
35
|
-
"kindString": "Enumeration
|
|
39
|
+
"kindString": "Enumeration Member",
|
|
36
40
|
"flags": {},
|
|
37
41
|
"sources": [
|
|
38
42
|
{
|
|
@@ -41,12 +45,16 @@
|
|
|
41
45
|
"character": 2
|
|
42
46
|
}
|
|
43
47
|
],
|
|
48
|
+
"type": {
|
|
49
|
+
"type": "literal",
|
|
50
|
+
"value": "developer"
|
|
51
|
+
},
|
|
44
52
|
"defaultValue": "\"developer\""
|
|
45
53
|
}
|
|
46
54
|
],
|
|
47
55
|
"groups": [
|
|
48
56
|
{
|
|
49
|
-
"title": "Enumeration
|
|
57
|
+
"title": "Enumeration Members",
|
|
50
58
|
"kind": 16,
|
|
51
59
|
"children": [
|
|
52
60
|
10336,
|
|
@@ -5920,7 +5928,7 @@
|
|
|
5920
5928
|
"sources": [
|
|
5921
5929
|
{
|
|
5922
5930
|
"fileName": "packages/shared/src/components/TableCell/EllipsisTableCell.tsx",
|
|
5923
|
-
"line":
|
|
5931
|
+
"line": 38,
|
|
5924
5932
|
"character": 2
|
|
5925
5933
|
}
|
|
5926
5934
|
],
|
|
@@ -12667,7 +12675,7 @@
|
|
|
12667
12675
|
"sources": [
|
|
12668
12676
|
{
|
|
12669
12677
|
"fileName": "packages/shared/src/components/TableCell/EllipsisTableCell.tsx",
|
|
12670
|
-
"line":
|
|
12678
|
+
"line": 37,
|
|
12671
12679
|
"character": 2
|
|
12672
12680
|
}
|
|
12673
12681
|
],
|
|
@@ -12833,7 +12841,7 @@
|
|
|
12833
12841
|
"sources": [
|
|
12834
12842
|
{
|
|
12835
12843
|
"fileName": "packages/shared/src/components/TableCell/EllipsisTableCell.tsx",
|
|
12836
|
-
"line":
|
|
12844
|
+
"line": 36,
|
|
12837
12845
|
"character": 2
|
|
12838
12846
|
}
|
|
12839
12847
|
],
|
|
@@ -141877,7 +141885,7 @@
|
|
|
141877
141885
|
"sources": [
|
|
141878
141886
|
{
|
|
141879
141887
|
"fileName": "packages/shared/src/components/TableCell/EllipsisTableCell.tsx",
|
|
141880
|
-
"line":
|
|
141888
|
+
"line": 38,
|
|
141881
141889
|
"character": 2
|
|
141882
141890
|
}
|
|
141883
141891
|
],
|
|
@@ -148427,7 +148435,7 @@
|
|
|
148427
148435
|
"sources": [
|
|
148428
148436
|
{
|
|
148429
148437
|
"fileName": "packages/shared/src/components/TableCell/EllipsisTableCell.tsx",
|
|
148430
|
-
"line":
|
|
148438
|
+
"line": 37,
|
|
148431
148439
|
"character": 2
|
|
148432
148440
|
}
|
|
148433
148441
|
],
|
|
@@ -148584,7 +148592,7 @@
|
|
|
148584
148592
|
"sources": [
|
|
148585
148593
|
{
|
|
148586
148594
|
"fileName": "packages/shared/src/components/TableCell/EllipsisTableCell.tsx",
|
|
148587
|
-
"line":
|
|
148595
|
+
"line": 36,
|
|
148588
148596
|
"character": 2
|
|
148589
148597
|
}
|
|
148590
148598
|
],
|
|
@@ -148979,7 +148987,7 @@
|
|
|
148979
148987
|
"sources": [
|
|
148980
148988
|
{
|
|
148981
148989
|
"fileName": "packages/shared/src/components/TableCell/EllipsisTableCell.tsx",
|
|
148982
|
-
"line":
|
|
148990
|
+
"line": 35,
|
|
148983
148991
|
"character": 17
|
|
148984
148992
|
}
|
|
148985
148993
|
],
|
|
@@ -211037,7 +211045,7 @@
|
|
|
211037
211045
|
"sources": [
|
|
211038
211046
|
{
|
|
211039
211047
|
"fileName": "packages/shared/src/components/TableCell/EllipsisTableCell.tsx",
|
|
211040
|
-
"line":
|
|
211048
|
+
"line": 38,
|
|
211041
211049
|
"character": 2
|
|
211042
211050
|
}
|
|
211043
211051
|
],
|
|
@@ -217804,7 +217812,7 @@
|
|
|
217804
217812
|
"sources": [
|
|
217805
217813
|
{
|
|
217806
217814
|
"fileName": "packages/shared/src/components/TableCell/EllipsisTableCell.tsx",
|
|
217807
|
-
"line":
|
|
217815
|
+
"line": 37,
|
|
217808
217816
|
"character": 2
|
|
217809
217817
|
}
|
|
217810
217818
|
],
|
|
@@ -217970,7 +217978,7 @@
|
|
|
217970
217978
|
"sources": [
|
|
217971
217979
|
{
|
|
217972
217980
|
"fileName": "packages/shared/src/components/TableCell/EllipsisTableCell.tsx",
|
|
217973
|
-
"line":
|
|
217981
|
+
"line": 36,
|
|
217974
217982
|
"character": 2
|
|
217975
217983
|
}
|
|
217976
217984
|
],
|
|
@@ -391356,7 +391364,7 @@
|
|
|
391356
391364
|
"sources": [
|
|
391357
391365
|
{
|
|
391358
391366
|
"fileName": "packages/shared/src/components/TableCell/EllipsisTableCell.tsx",
|
|
391359
|
-
"line":
|
|
391367
|
+
"line": 41,
|
|
391360
391368
|
"character": 13
|
|
391361
391369
|
}
|
|
391362
391370
|
],
|
|
@@ -393412,7 +393420,7 @@
|
|
|
393412
393420
|
]
|
|
393413
393421
|
},
|
|
393414
393422
|
{
|
|
393415
|
-
"title": "Type
|
|
393423
|
+
"title": "Type Aliases",
|
|
393416
393424
|
"kind": 4194304,
|
|
393417
393425
|
"children": [
|
|
393418
393426
|
7713,
|
|
@@ -24,5 +24,5 @@ const footerLinks = [
|
|
|
24
24
|
title: 'Careers',
|
|
25
25
|
},
|
|
26
26
|
];
|
|
27
|
-
export const Copyright = ({ style, onMore, ...props }) => (_jsxs(FlexRow, { flexWrap: "wrap", textTransform: "uppercase", style: { opacity: 0.6, ...style }, ...props, children: [footerLinks.map((footerLink, index) => (_jsx(FooterLink, { noWrap: true, paddingX: 1, margin: 0, ...footerLink, children: _jsx("small", { children: footerLink.title }) }, index))), onMore ? (_jsx(FlexRow, { style: { cursor: 'pointer' }, paddingX: 0.5, onClick: onMore, children: _jsx(MoreHorizIcon, { fontSize: "small" }) })) : null] }));
|
|
27
|
+
export const Copyright = ({ style, onMore, ...props }) => (_jsxs(FlexRow, { flexWrap: "wrap", textTransform: "uppercase", style: { opacity: 0.6, ...style }, ...props, children: [footerLinks.map((footerLink, index) => (_jsx(FooterLink, { noWrap: true, paddingX: 1, margin: 0, ...footerLink, children: _jsx("small", { children: footerLink.title }) }, index))), onMore ? (_jsx(FlexRow, { style: { cursor: 'pointer' }, paddingX: 0.5, onClick: onMore, children: _jsx(MoreHorizIcon, { color: "primary", fontSize: "small" }) })) : null] }));
|
|
28
28
|
//# sourceMappingURL=Copyright.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Copyright.js","sourceRoot":"","sources":["../../../../src/components/Footer/Copyright.tsx"],"names":[],"mappings":";AAAA,OAAO,aAAa,MAAM,+BAA+B,CAAA;AACzD,OAAO,EAAgB,OAAO,EAAuB,MAAM,mBAAmB,CAAA;AAE9E,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AAMnC,MAAM,WAAW,GAAkB;IACjC;QACE,IAAI,EAAE,qBAAqB;QAC3B,KAAK,EAAE,eAAe,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,gBAAgB;KAC/D;IACD;QACE,IAAI,EAAE,sBAAsB;QAC5B,KAAK,EAAE,gBAAgB;KACxB;IACD;QACE,IAAI,EAAE,6BAA6B;QACnC,KAAK,EAAE,SAAS;KACjB;IACD;QACE,IAAI,EAAE,2BAA2B;QACjC,KAAK,EAAE,OAAO;KACf;IACD;QACE,IAAI,EAAE,yBAAyB;QAC/B,KAAK,EAAE,SAAS;KACjB;CACF,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CAClF,MAAC,OAAO,IAAC,QAAQ,EAAC,MAAM,EAAC,aAAa,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,KAAM,KAAK,aAC5F,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,CAAC,CACtC,KAAC,UAAU,IAAC,MAAM,QAAa,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,KAAM,UAAU,YACnE,0BAAQ,UAAU,CAAC,KAAK,GAAS,IADX,KAAK,CAEhB,CACd,CAAC,EACD,MAAM,CAAC,CAAC,CAAC,CACR,KAAC,OAAO,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,YACnE,KAAC,aAAa,IAAC,QAAQ,EAAC,OAAO,GAAG,
|
|
1
|
+
{"version":3,"file":"Copyright.js","sourceRoot":"","sources":["../../../../src/components/Footer/Copyright.tsx"],"names":[],"mappings":";AAAA,OAAO,aAAa,MAAM,+BAA+B,CAAA;AACzD,OAAO,EAAgB,OAAO,EAAuB,MAAM,mBAAmB,CAAA;AAE9E,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AAMnC,MAAM,WAAW,GAAkB;IACjC;QACE,IAAI,EAAE,qBAAqB;QAC3B,KAAK,EAAE,eAAe,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,gBAAgB;KAC/D;IACD;QACE,IAAI,EAAE,sBAAsB;QAC5B,KAAK,EAAE,gBAAgB;KACxB;IACD;QACE,IAAI,EAAE,6BAA6B;QACnC,KAAK,EAAE,SAAS;KACjB;IACD;QACE,IAAI,EAAE,2BAA2B;QACjC,KAAK,EAAE,OAAO;KACf;IACD;QACE,IAAI,EAAE,yBAAyB;QAC/B,KAAK,EAAE,SAAS;KACjB;CACF,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CAClF,MAAC,OAAO,IAAC,QAAQ,EAAC,MAAM,EAAC,aAAa,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,KAAM,KAAK,aAC5F,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,CAAC,CACtC,KAAC,UAAU,IAAC,MAAM,QAAa,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,KAAM,UAAU,YACnE,0BAAQ,UAAU,CAAC,KAAK,GAAS,IADX,KAAK,CAEhB,CACd,CAAC,EACD,MAAM,CAAC,CAAC,CAAC,CACR,KAAC,OAAO,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,YACnE,KAAC,aAAa,IAAC,KAAK,EAAC,SAAS,EAAC,QAAQ,EAAC,OAAO,GAAG,GAC1C,CACX,CAAC,CAAC,CAAC,IAAI,IACA,CACX,CAAA"}
|
|
@@ -5,15 +5,15 @@ import { useEffect, useRef, useState } from 'react';
|
|
|
5
5
|
import { findParent } from './findParent';
|
|
6
6
|
import { getRemainingRowWidth } from './getRemainingRowWidth';
|
|
7
7
|
import { getSmallestParentWidth } from './getSmallestParentWidth';
|
|
8
|
-
const TableCellValue = ({
|
|
9
|
-
console.log(`hashCellWidth: ${hashCellWidth}`);
|
|
8
|
+
const TableCellValue = ({ style, hashCellWidth, value, ...props }) => {
|
|
10
9
|
return (_jsx(Typography, { variant: "body2", fontFamily: "monospace", style: {
|
|
11
10
|
display: 'block',
|
|
11
|
+
maxWidth: hashCellWidth,
|
|
12
12
|
overflow: 'hidden',
|
|
13
13
|
textOverflow: 'ellipsis',
|
|
14
14
|
whiteSpace: 'nowrap',
|
|
15
|
-
|
|
16
|
-
}, children: value }));
|
|
15
|
+
...style,
|
|
16
|
+
}, ...props, children: value }));
|
|
17
17
|
};
|
|
18
18
|
export const EllipsisTableCell = ({ value, to, href, ...props }) => {
|
|
19
19
|
const [hashCellWidth, setHashCellWidth] = useState(0);
|
|
@@ -44,6 +44,12 @@ export const EllipsisTableCell = ({ value, to, href, ...props }) => {
|
|
|
44
44
|
window.removeEventListener('resize', onResize);
|
|
45
45
|
};
|
|
46
46
|
}, [hashDivRef, spacing]);
|
|
47
|
-
return (_jsx(TableCell, { ...props, children: _jsx("div", { ref: hashDivRef,
|
|
47
|
+
return (_jsx(TableCell, { ...props, children: _jsx("div", { ref: hashDivRef, style: {
|
|
48
|
+
display: 'block',
|
|
49
|
+
maxWidth: hashCellWidth,
|
|
50
|
+
overflow: 'hidden',
|
|
51
|
+
textOverflow: 'ellipsis',
|
|
52
|
+
whiteSpace: 'nowrap',
|
|
53
|
+
}, children: href || to ? (_jsx(LinkEx, { to: to, href: href, target: href ? '_blank' : undefined, children: _jsx(TableCellValue, { value: value, hashCellWidth: hashCellWidth }) })) : (_jsx(TableCellValue, { value: value, hashCellWidth: hashCellWidth })) }) }));
|
|
48
54
|
};
|
|
49
55
|
//# sourceMappingURL=EllipsisTableCell.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EllipsisTableCell.js","sourceRoot":"","sources":["../../../../src/components/TableCell/EllipsisTableCell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAkB,UAAU,
|
|
1
|
+
{"version":3,"file":"EllipsisTableCell.js","sourceRoot":"","sources":["../../../../src/components/TableCell/EllipsisTableCell.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getRemainingRowWidth.js","sourceRoot":"","sources":["../../../../src/components/TableCell/getRemainingRowWidth.ts"],"names":[],"mappings":"AAAA,kGAAkG;AAClG,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,GAAgB,EAAE,OAAO,GAAG,CAAC,EAAE,EAAE;IACpE,IAAI,KAAK,GAAG,CAAC,CAAA;IACb,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,iBAAiB,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACtD,MAAM,IAAI,GAAG,GAAG,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;QAClC,IAAI,IAAI,EAAE;YACR,IAAI,CAAC,KAAK,OAAO,EAAE;gBACjB,MAAM,YAAY,GAAG,IAAI,EAAE,qBAAqB,EAAE,CAAA;gBAClD,
|
|
1
|
+
{"version":3,"file":"getRemainingRowWidth.js","sourceRoot":"","sources":["../../../../src/components/TableCell/getRemainingRowWidth.ts"],"names":[],"mappings":"AAAA,kGAAkG;AAClG,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,GAAgB,EAAE,OAAO,GAAG,CAAC,EAAE,EAAE;IACpE,IAAI,KAAK,GAAG,CAAC,CAAA;IACb,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,iBAAiB,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACtD,MAAM,IAAI,GAAG,GAAG,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;QAClC,IAAI,IAAI,EAAE;YACR,IAAI,CAAC,KAAK,OAAO,EAAE;gBACjB,MAAM,YAAY,GAAG,IAAI,EAAE,qBAAqB,EAAE,CAAA;gBAClD,KAAK,IAAI,YAAY,EAAE,KAAK,IAAI,CAAC,CAAA;aAClC;SACF;KACF;IAED,OAAO,KAAK,CAAA;AACd,CAAC,CAAA"}
|
package/package.json
CHANGED
|
@@ -12,9 +12,9 @@
|
|
|
12
12
|
"dependencies": {
|
|
13
13
|
"@emotion/react": "^11.9.0",
|
|
14
14
|
"@emotion/styled": "^11.8.1",
|
|
15
|
-
"@mui/icons-material": "^5.8.
|
|
16
|
-
"@mui/lab": "^5.0.0-alpha.
|
|
17
|
-
"@mui/material": "^5.8.
|
|
15
|
+
"@mui/icons-material": "^5.8.2",
|
|
16
|
+
"@mui/lab": "^5.0.0-alpha.84",
|
|
17
|
+
"@mui/material": "^5.8.2",
|
|
18
18
|
"@mui/styles": "^5.8.0",
|
|
19
19
|
"@xylabs/pixel": "^1.3.7",
|
|
20
20
|
"@xylabs/sdk-js": "^2.5.5",
|
|
@@ -22,17 +22,17 @@
|
|
|
22
22
|
"@xyo-network/api": "^2.20.38",
|
|
23
23
|
"@xyo-network/core": "^2.20.38",
|
|
24
24
|
"@xyo-network/network": "^2.20.38",
|
|
25
|
-
"@xyo-network/react-theme": "^2.25.
|
|
25
|
+
"@xyo-network/react-theme": "^2.25.32",
|
|
26
26
|
"lodash": "^4.17.21",
|
|
27
27
|
"luxon": "^2.4.0",
|
|
28
28
|
"react": "^18.1.0",
|
|
29
29
|
"react-dom": "^18.1.0",
|
|
30
30
|
"react-helmet": "^6.1.0",
|
|
31
|
-
"react-icons": "^4.
|
|
31
|
+
"react-icons": "^4.4.0",
|
|
32
32
|
"react-json-view": "^1.21.3",
|
|
33
33
|
"react-router-dom": "^6.3.0",
|
|
34
34
|
"tslib": "^2.4.0",
|
|
35
|
-
"typedoc": "^0.22.
|
|
35
|
+
"typedoc": "^0.22.16"
|
|
36
36
|
},
|
|
37
37
|
"description": "Common React library for all XYO projects that use React",
|
|
38
38
|
"devDependencies": {
|
|
@@ -113,6 +113,6 @@
|
|
|
113
113
|
},
|
|
114
114
|
"sideEffects": false,
|
|
115
115
|
"types": "dist/esm/index.d.ts",
|
|
116
|
-
"version": "2.25.
|
|
116
|
+
"version": "2.25.32",
|
|
117
117
|
"packageManager": "yarn@3.1.1"
|
|
118
118
|
}
|
|
@@ -39,7 +39,7 @@ export const Copyright: React.FC<CopyrightProps> = ({ style, onMore, ...props })
|
|
|
39
39
|
))}
|
|
40
40
|
{onMore ? (
|
|
41
41
|
<FlexRow style={{ cursor: 'pointer' }} paddingX={0.5} onClick={onMore}>
|
|
42
|
-
<MoreHorizIcon fontSize="small" />
|
|
42
|
+
<MoreHorizIcon color="primary" fontSize="small" />
|
|
43
43
|
</FlexRow>
|
|
44
44
|
) : null}
|
|
45
45
|
</FlexRow>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { TableCell, TableCellProps, Typography, useTheme } from '@mui/material'
|
|
1
|
+
import { TableCell, TableCellProps, Typography, TypographyProps, useTheme } from '@mui/material'
|
|
2
2
|
import { LinkEx } from '@xylabs/sdk-react'
|
|
3
3
|
import { useEffect, useRef, useState } from 'react'
|
|
4
4
|
import { To } from 'react-router-dom'
|
|
@@ -7,24 +7,25 @@ import { findParent } from './findParent'
|
|
|
7
7
|
import { getRemainingRowWidth } from './getRemainingRowWidth'
|
|
8
8
|
import { getSmallestParentWidth } from './getSmallestParentWidth'
|
|
9
9
|
|
|
10
|
-
interface TableCellValueProps {
|
|
10
|
+
interface TableCellValueProps extends TypographyProps {
|
|
11
11
|
value: string | undefined
|
|
12
12
|
hashCellWidth: number | undefined
|
|
13
13
|
}
|
|
14
14
|
|
|
15
|
-
const TableCellValue: React.FC<TableCellValueProps> = ({
|
|
16
|
-
console.log(`hashCellWidth: ${hashCellWidth}`)
|
|
15
|
+
const TableCellValue: React.FC<TableCellValueProps> = ({ style, hashCellWidth, value, ...props }) => {
|
|
17
16
|
return (
|
|
18
17
|
<Typography
|
|
19
18
|
variant="body2"
|
|
20
19
|
fontFamily="monospace"
|
|
21
20
|
style={{
|
|
22
21
|
display: 'block',
|
|
22
|
+
maxWidth: hashCellWidth,
|
|
23
23
|
overflow: 'hidden',
|
|
24
24
|
textOverflow: 'ellipsis',
|
|
25
25
|
whiteSpace: 'nowrap',
|
|
26
|
-
|
|
26
|
+
...style,
|
|
27
27
|
}}
|
|
28
|
+
{...props}
|
|
28
29
|
>
|
|
29
30
|
{value}
|
|
30
31
|
</Typography>
|
|
@@ -74,13 +75,22 @@ export const EllipsisTableCell: React.FC<EllipsisTableCellProps> = ({ value, to,
|
|
|
74
75
|
|
|
75
76
|
return (
|
|
76
77
|
<TableCell {...props}>
|
|
77
|
-
<div
|
|
78
|
+
<div
|
|
79
|
+
ref={hashDivRef}
|
|
80
|
+
style={{
|
|
81
|
+
display: 'block',
|
|
82
|
+
maxWidth: hashCellWidth,
|
|
83
|
+
overflow: 'hidden',
|
|
84
|
+
textOverflow: 'ellipsis',
|
|
85
|
+
whiteSpace: 'nowrap',
|
|
86
|
+
}}
|
|
87
|
+
>
|
|
78
88
|
{href || to ? (
|
|
79
89
|
<LinkEx to={to} href={href} target={href ? '_blank' : undefined}>
|
|
80
|
-
<TableCellValue
|
|
90
|
+
<TableCellValue value={value} hashCellWidth={hashCellWidth} />
|
|
81
91
|
</LinkEx>
|
|
82
92
|
) : (
|
|
83
|
-
<TableCellValue
|
|
93
|
+
<TableCellValue value={value} hashCellWidth={hashCellWidth} />
|
|
84
94
|
)}
|
|
85
95
|
</div>
|
|
86
96
|
</TableCell>
|
|
@@ -6,7 +6,6 @@ export const getRemainingRowWidth = (row: HTMLElement, forCell = 0) => {
|
|
|
6
6
|
if (item) {
|
|
7
7
|
if (i !== forCell) {
|
|
8
8
|
const boundingRect = item?.getBoundingClientRect()
|
|
9
|
-
console.log(`getRemainingRowWidth:rect: ${boundingRect?.width}`)
|
|
10
9
|
width += boundingRect?.width ?? 0
|
|
11
10
|
}
|
|
12
11
|
}
|