@xyo-network/react-shared 2.36.3 → 2.37.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/TableCell/EllipsisTableCell.d.ts +1 -0
- package/dist/cjs/components/TableCell/EllipsisTableCell.d.ts.map +1 -1
- package/dist/cjs/components/TableCell/EllipsisTableCell.js +7 -3
- package/dist/cjs/components/TableCell/EllipsisTableCell.js.map +1 -1
- package/dist/cjs/components/TableCell/HashTableCell.d.ts +1 -0
- package/dist/cjs/components/TableCell/HashTableCell.d.ts.map +1 -1
- package/dist/cjs/components/TableCell/HashTableCell.js +2 -2
- package/dist/cjs/components/TableCell/HashTableCell.js.map +1 -1
- package/dist/docs.json +1166 -1090
- package/dist/esm/components/TableCell/EllipsisTableCell.d.ts +1 -0
- package/dist/esm/components/TableCell/EllipsisTableCell.d.ts.map +1 -1
- package/dist/esm/components/TableCell/EllipsisTableCell.js +8 -4
- package/dist/esm/components/TableCell/EllipsisTableCell.js.map +1 -1
- package/dist/esm/components/TableCell/HashTableCell.d.ts +1 -0
- package/dist/esm/components/TableCell/HashTableCell.d.ts.map +1 -1
- package/dist/esm/components/TableCell/HashTableCell.js +2 -2
- package/dist/esm/components/TableCell/HashTableCell.js.map +1 -1
- package/package.json +1 -1
- package/src/components/TableCell/EllipsisTableCell.tsx +9 -4
- package/src/components/TableCell/HashTableCell.tsx +3 -1
|
@@ -5,6 +5,7 @@ export interface EllipsisTableCellProps extends TableCellProps {
|
|
|
5
5
|
value?: string;
|
|
6
6
|
to?: To | undefined;
|
|
7
7
|
href?: string | undefined;
|
|
8
|
+
forCell?: number;
|
|
8
9
|
}
|
|
9
10
|
export declare const EllipsisTableCell: React.FC<EllipsisTableCellProps>;
|
|
10
11
|
//# sourceMappingURL=EllipsisTableCell.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EllipsisTableCell.d.ts","sourceRoot":"","sources":["../../../../src/components/TableCell/EllipsisTableCell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,cAAc,
|
|
1
|
+
{"version":3,"file":"EllipsisTableCell.d.ts","sourceRoot":"","sources":["../../../../src/components/TableCell/EllipsisTableCell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,cAAc,EAAY,MAAM,eAAe,CAAA;AAGnE,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAA;AAOrC,MAAM,WAAW,sBAAuB,SAAQ,cAAc;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,EAAE,CAAC,EAAE,EAAE,GAAG,SAAS,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAuF9D,CAAA"}
|
|
@@ -11,9 +11,10 @@ const findParent_1 = require("./findParent");
|
|
|
11
11
|
const getRemainingRowWidth_1 = require("./getRemainingRowWidth");
|
|
12
12
|
const getSmallestParentWidth_1 = require("./getSmallestParentWidth");
|
|
13
13
|
const EllipsisTableCell = (_a) => {
|
|
14
|
-
var { children, value, to, href } = _a, props = tslib_1.__rest(_a, ["children", "value", "to", "href"]);
|
|
14
|
+
var { children, value, to, forCell, href } = _a, props = tslib_1.__rest(_a, ["children", "value", "to", "forCell", "href"]);
|
|
15
15
|
const [calcCellWidth, setCalcCellWidth] = (0, react_1.useState)(0);
|
|
16
16
|
const hashDivRef = (0, react_1.useRef)(null);
|
|
17
|
+
const theme = (0, material_1.useTheme)();
|
|
17
18
|
(0, react_1.useEffect)(() => {
|
|
18
19
|
var _a;
|
|
19
20
|
const currentElement = (_a = hashDivRef.current) === null || _a === void 0 ? void 0 : _a.parentElement;
|
|
@@ -22,7 +23,7 @@ const EllipsisTableCell = (_a) => {
|
|
|
22
23
|
const checkWidth = (cell) => {
|
|
23
24
|
const smallestParentWidth = (0, getSmallestParentWidth_1.getSmallestParentWidth)(cell);
|
|
24
25
|
if (smallestParentWidth && row) {
|
|
25
|
-
const remainingWidth = (0, getRemainingRowWidth_1.getRemainingRowWidth)(row);
|
|
26
|
+
const remainingWidth = (0, getRemainingRowWidth_1.getRemainingRowWidth)(row, forCell);
|
|
26
27
|
const actualPaddingX = (0, lib_1.getActualPaddingX)(cell);
|
|
27
28
|
const remainderWidth = smallestParentWidth - remainingWidth - actualPaddingX;
|
|
28
29
|
cell.style.width = `${remainderWidth}`;
|
|
@@ -43,22 +44,25 @@ const EllipsisTableCell = (_a) => {
|
|
|
43
44
|
window.removeEventListener('resize', onResize);
|
|
44
45
|
row === null || row === void 0 ? void 0 : row.removeEventListener('resize', onResize);
|
|
45
46
|
};
|
|
46
|
-
}, [hashDivRef]);
|
|
47
|
+
}, [forCell, hashDivRef]);
|
|
47
48
|
return ((0, jsx_runtime_1.jsx)(material_1.TableCell, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ ref: hashDivRef }, { children: children ? ((0, jsx_runtime_1.jsx)("span", Object.assign({ style: {
|
|
48
49
|
display: 'block',
|
|
49
50
|
maxWidth: calcCellWidth,
|
|
51
|
+
minWidth: theme.spacing(10),
|
|
50
52
|
overflow: 'hidden',
|
|
51
53
|
textOverflow: 'ellipsis',
|
|
52
54
|
whiteSpace: 'nowrap',
|
|
53
55
|
} }, { children: children }))) : href || to ? ((0, jsx_runtime_1.jsx)(react_link_1.LinkEx, Object.assign({ style: {
|
|
54
56
|
display: 'block',
|
|
55
57
|
maxWidth: calcCellWidth,
|
|
58
|
+
minWidth: theme.spacing(10),
|
|
56
59
|
overflow: 'hidden',
|
|
57
60
|
textOverflow: 'ellipsis',
|
|
58
61
|
whiteSpace: 'nowrap',
|
|
59
62
|
}, to: to, href: href, target: href ? '_blank' : undefined }, { children: value }))) : ((0, jsx_runtime_1.jsx)("span", Object.assign({ style: {
|
|
60
63
|
display: 'block',
|
|
61
64
|
maxWidth: calcCellWidth,
|
|
65
|
+
minWidth: theme.spacing(10),
|
|
62
66
|
overflow: 'hidden',
|
|
63
67
|
textOverflow: 'ellipsis',
|
|
64
68
|
whiteSpace: 'nowrap',
|
|
@@ -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":";;;;;AAAA,4CAAmE;AACnE,mDAA2C;AAC3C,iCAAmD;AAGnD,mCAA6C;AAC7C,6CAAyC;AACzC,iEAA6D;AAC7D,qEAAiE;AAS1D,MAAM,iBAAiB,GAAqC,CAAC,EAAgD,EAAE,EAAE;QAApD,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,OAAY,EAAP,KAAK,sBAA9C,8CAAgD,CAAF;IAChH,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAS,CAAC,CAAC,CAAA;IAC7D,MAAM,UAAU,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IAC/C,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IAExB,IAAA,iBAAS,EAAC,GAAG,EAAE;;QACb,MAAM,cAAc,GAAG,MAAA,UAAU,CAAC,OAAO,0CAAE,aAAa,CAAA;QACxD,MAAM,IAAI,GAAG,IAAA,uBAAU,EAAC,IAAI,EAAE,cAAc,CAAC,CAAA;QAC7C,MAAM,GAAG,GAAG,IAAA,uBAAU,EAAC,IAAI,EAAE,cAAc,CAAC,CAAA;QAE5C,MAAM,UAAU,GAAG,CAAC,IAAiB,EAAE,EAAE;YACvC,MAAM,mBAAmB,GAAG,IAAA,+CAAsB,EAAC,IAAI,CAAC,CAAA;YACxD,IAAI,mBAAmB,IAAI,GAAG,EAAE;gBAC9B,MAAM,cAAc,GAAG,IAAA,2CAAoB,EAAC,GAAG,EAAE,OAAO,CAAC,CAAA;gBACzD,MAAM,cAAc,GAAG,IAAA,uBAAiB,EAAC,IAAI,CAAC,CAAA;gBAC9C,MAAM,cAAc,GAAG,mBAAmB,GAAG,cAAc,GAAG,cAAc,CAAA;gBAC5E,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,cAAc,EAAE,CAAA;gBACtC,gBAAgB,CAAC,cAAc,CAAC,CAAA;aACjC;QACH,CAAC,CAAA;QAED,MAAM,QAAQ,GAAG,GAAG,EAAE;YACpB,IAAI,IAAI,EAAE;gBACR,UAAU,CAAC,IAAI,CAAC,CAAA;aACjB;QACH,CAAC,CAAA;QAED,IAAI,IAAI,EAAE;YACR,UAAU,CAAC,IAAI,CAAC,CAAA;YAChB,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;YAC3C,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;SAC1C;QACD,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;YAC9C,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;QAC9C,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAA;IAEzB,OAAO,CACL,uBAAC,oBAAS,oBAAK,KAAK,cAClB,8CAAK,GAAG,EAAE,UAAU,gBACjB,QAAQ,CAAC,CAAC,CAAC,CACV,+CACE,KAAK,EAAE;oBACL,OAAO,EAAE,OAAO;oBAChB,QAAQ,EAAE,aAAa;oBACvB,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC;oBAC3B,QAAQ,EAAE,QAAQ;oBAClB,YAAY,EAAE,UAAU;oBACxB,UAAU,EAAE,QAAQ;iBACrB,gBAEA,QAAQ,IACJ,CACR,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,CACf,uBAAC,mBAAM,kBACL,KAAK,EAAE;oBACL,OAAO,EAAE,OAAO;oBAChB,QAAQ,EAAE,aAAa;oBACvB,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC;oBAC3B,QAAQ,EAAE,QAAQ;oBAClB,YAAY,EAAE,UAAU;oBACxB,UAAU,EAAE,QAAQ;iBACrB,EACD,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,gBAElC,KAAK,IACC,CACV,CAAC,CAAC,CAAC,CACF,+CACE,KAAK,EAAE;oBACL,OAAO,EAAE,OAAO;oBAChB,QAAQ,EAAE,aAAa;oBACvB,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC;oBAC3B,QAAQ,EAAE,QAAQ;oBAClB,YAAY,EAAE,UAAU;oBACxB,UAAU,EAAE,QAAQ;iBACrB,gBAEA,KAAK,IACD,CACR,IACG,IACI,CACb,CAAA;AACH,CAAC,CAAA;AAvFY,QAAA,iBAAiB,qBAuF7B"}
|
|
@@ -5,6 +5,7 @@ export interface HashTableCellProps extends EllipsisTableCellProps {
|
|
|
5
5
|
dataType?: 'block' | 'payload';
|
|
6
6
|
exploreDomain?: string;
|
|
7
7
|
network?: string;
|
|
8
|
+
forCell?: number;
|
|
8
9
|
}
|
|
9
10
|
export declare const HashTableCell: React.FC<HashTableCellProps>;
|
|
10
11
|
//# sourceMappingURL=HashTableCell.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HashTableCell.d.ts","sourceRoot":"","sources":["../../../../src/components/TableCell/HashTableCell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,sBAAsB,EAAE,MAAM,qBAAqB,CAAA;AAE/E,MAAM,WAAW,kBAAmB,SAAQ,sBAAsB;IAChE,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,
|
|
1
|
+
{"version":3,"file":"HashTableCell.d.ts","sourceRoot":"","sources":["../../../../src/components/TableCell/HashTableCell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,sBAAsB,EAAE,MAAM,qBAAqB,CAAA;AAE/E,MAAM,WAAW,kBAAmB,SAAQ,sBAAsB;IAChE,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAYtD,CAAA"}
|
|
@@ -5,10 +5,10 @@ const tslib_1 = require("tslib");
|
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
6
|
const EllipsisTableCell_1 = require("./EllipsisTableCell");
|
|
7
7
|
const HashTableCell = (_a) => {
|
|
8
|
-
var { value, archive, dataType, network, exploreDomain } = _a, props = tslib_1.__rest(_a, ["value", "archive", "dataType", "network", "exploreDomain"]);
|
|
8
|
+
var { value, archive, forCell, dataType, network, exploreDomain } = _a, props = tslib_1.__rest(_a, ["value", "archive", "forCell", "dataType", "network", "exploreDomain"]);
|
|
9
9
|
const hashPath = `/${dataType}/hash/${value}?network=${network !== null && network !== void 0 ? network : 'main'}`;
|
|
10
10
|
const explorePath = archive ? `/archive/${archive}${hashPath}` : hashPath;
|
|
11
|
-
return ((0, jsx_runtime_1.jsx)(EllipsisTableCell_1.EllipsisTableCell, Object.assign({ value: value, href: exploreDomain ? `${exploreDomain}${explorePath}}` : undefined, to: exploreDomain ? undefined : explorePath }, props)));
|
|
11
|
+
return ((0, jsx_runtime_1.jsx)(EllipsisTableCell_1.EllipsisTableCell, Object.assign({ forCell: forCell, value: value, href: exploreDomain ? `${exploreDomain}${explorePath}}` : undefined, to: exploreDomain ? undefined : explorePath }, props)));
|
|
12
12
|
};
|
|
13
13
|
exports.HashTableCell = HashTableCell;
|
|
14
14
|
//# sourceMappingURL=HashTableCell.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HashTableCell.js","sourceRoot":"","sources":["../../../../src/components/TableCell/HashTableCell.tsx"],"names":[],"mappings":";;;;;AAAA,2DAA+E;
|
|
1
|
+
{"version":3,"file":"HashTableCell.js","sourceRoot":"","sources":["../../../../src/components/TableCell/HashTableCell.tsx"],"names":[],"mappings":";;;;;AAAA,2DAA+E;AAUxE,MAAM,aAAa,GAAiC,CAAC,EAAuE,EAAE,EAAE;QAA3E,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,OAAY,EAAP,KAAK,sBAArE,uEAAuE,CAAF;IAC/H,MAAM,QAAQ,GAAG,IAAI,QAAQ,SAAS,KAAK,YAAY,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,MAAM,EAAE,CAAA;IAC1E,MAAM,WAAW,GAAG,OAAO,CAAC,CAAC,CAAC,YAAY,OAAO,GAAG,QAAQ,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAA;IACzE,OAAO,CACL,uBAAC,qCAAiB,kBAChB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,aAAa,GAAG,WAAW,GAAG,CAAC,CAAC,CAAC,SAAS,EACnE,EAAE,EAAE,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,IACvC,KAAK,EACT,CACH,CAAA;AACH,CAAC,CAAA;AAZY,QAAA,aAAa,iBAYzB"}
|