@tcn/ui-table 1.0.1 → 1.0.3
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.
|
@@ -1,14 +1,17 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import React, { useCallback } from 'react';
|
|
2
2
|
import { Box, FlexBox, HStack } from '@tcn/ui-layout';
|
|
3
3
|
import { IconButton } from '@tcn/ui-actions';
|
|
4
4
|
import cellStyles from './cell.module.css';
|
|
5
5
|
export function HeaderCell({ heading, sticky, onResize, width, sortMode, onSortModeChange, canSort, }) {
|
|
6
6
|
const zIndex = sticky != null ? 2 : 1;
|
|
7
|
+
const handleResize = useCallback((newSize) => {
|
|
8
|
+
onResize?.(Math.max(newSize, 20));
|
|
9
|
+
}, [onResize]);
|
|
7
10
|
return (React.createElement("th", { className: cellStyles['table-cell'], "data-stick-to": sticky, style: { width: `${width}px`, zIndex } },
|
|
8
|
-
React.createElement(Box, { padding: "4px 6px", overflow: "hidden", enableResizeOnEnd: true, onWidthResize:
|
|
11
|
+
React.createElement(Box, { padding: "4px 6px", overflow: "hidden", minWidth: "20px", enableResizeOnEnd: true, onWidthResize: handleResize, style: { width: `${width}px`, minWidth: '20px' }, onClick: e => e.stopPropagation() },
|
|
9
12
|
React.createElement(HStack, null,
|
|
10
13
|
React.createElement(FlexBox, { shrinkWeight: 1, className: "ellipsis", style: { alignItems: 'center', display: 'flex' } }, heading),
|
|
11
|
-
React.createElement(Box, { width: "auto" }, canSort && (React.createElement(IconButton, { iconName: sortMode === 'asc'
|
|
14
|
+
React.createElement(Box, { width: "auto", height: "auto" }, canSort && (React.createElement(IconButton, { iconName: sortMode === 'asc'
|
|
12
15
|
? 'two_class_sort_down'
|
|
13
16
|
: sortMode === 'desc'
|
|
14
17
|
? 'two_class_sort_up'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"header_cell.js","sourceRoot":"","sources":["../../../src/_components/cells/header_cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"header_cell.js","sourceRoot":"","sources":["../../../src/_components/cells/header_cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAEtD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,UAAU,MAAM,mBAAmB,CAAC;AAa3C,MAAM,UAAU,UAAU,CAAC,EACzB,OAAO,EACP,MAAM,EACN,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,OAAO,GACS;IAChB,MAAM,MAAM,GAAG,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAEtC,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,OAAe,EAAE,EAAE;QAClB,QAAQ,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,CAAC;IACpC,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,4BACE,SAAS,EAAE,UAAU,CAAC,YAAY,CAAC,mBACpB,MAAM,EACrB,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,EAAE,MAAM,EAAE;QAEtC,oBAAC,GAAG,IACF,OAAO,EAAC,SAAS,EACjB,QAAQ,EAAC,QAAQ,EACjB,QAAQ,EAAC,MAAM,EACf,iBAAiB,QACjB,aAAa,EAAE,YAAY,EAC3B,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,EAChD,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE;YAEjC,oBAAC,MAAM;gBACL,oBAAC,OAAO,IACN,YAAY,EAAE,CAAC,EACf,SAAS,EAAC,UAAU,EACpB,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,IAE/C,OAAO,CACA;gBACV,oBAAC,GAAG,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,IAC5B,OAAO,IAAI,CACV,oBAAC,UAAU,IACT,QAAQ,EACN,QAAQ,KAAK,KAAK;wBAChB,CAAC,CAAC,qBAAqB;wBACvB,CAAC,CAAC,QAAQ,KAAK,MAAM;4BACnB,CAAC,CAAC,mBAAmB;4BACrB,CAAC,CAAC,uBAAuB,EAE/B,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,EAAE,EAAE,EACnC,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,UAAU,GACpB,CACH,CACG,CACC,CACL,CACH,CACN,CAAC;AACJ,CAAC"}
|
|
@@ -6,12 +6,12 @@ import { BodyText } from '@tcn/ui-typography';
|
|
|
6
6
|
import styles from './table_pager.module.css';
|
|
7
7
|
export function TablePager({ dataSource, ...props }) {
|
|
8
8
|
const pageIndex = useSignalValue(dataSource.broadcasts.currentPageIndex);
|
|
9
|
-
const
|
|
9
|
+
const hasNextPage = useSignalValue(dataSource.broadcasts.hasNextPage);
|
|
10
10
|
return (React.createElement(HStack, { as: "div", height: "auto", width: "auto", gap: "8px", ...props },
|
|
11
11
|
React.createElement(HStack, { gap: "4px", width: "auto" },
|
|
12
12
|
React.createElement(BodyText, null, "Page:"),
|
|
13
13
|
React.createElement(BodyText, { className: styles['page-count'] }, pageIndex + 1)),
|
|
14
14
|
React.createElement(IconButton, { size: "md", flipOnRtl: true, iconName: "chevron_left", onClick: () => dataSource.previousPage(), disabled: pageIndex === 0 }),
|
|
15
|
-
React.createElement(IconButton, { flipOnRtl: true, size: "md", iconName: "chevron_right", onClick: () => dataSource.nextPage(), disabled:
|
|
15
|
+
React.createElement(IconButton, { flipOnRtl: true, size: "md", iconName: "chevron_right", onClick: () => dataSource.nextPage(), disabled: !hasNextPage })));
|
|
16
16
|
}
|
|
17
17
|
//# sourceMappingURL=table_pager.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table_pager.js","sourceRoot":"","sources":["../../src/_components/table_pager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAyC,MAAM,gBAAgB,CAAC;AAC/E,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAU9C,MAAM,UAAU,UAAU,CAAI,EAAE,UAAU,EAAE,GAAG,KAAK,EAAsB;IACxE,MAAM,SAAS,GAAG,cAAc,CAAC,UAAU,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;IACzE,MAAM,
|
|
1
|
+
{"version":3,"file":"table_pager.js","sourceRoot":"","sources":["../../src/_components/table_pager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAyC,MAAM,gBAAgB,CAAC;AAC/E,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAU9C,MAAM,UAAU,UAAU,CAAI,EAAE,UAAU,EAAE,GAAG,KAAK,EAAsB;IACxE,MAAM,SAAS,GAAG,cAAc,CAAC,UAAU,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;IACzE,MAAM,WAAW,GAAG,cAAc,CAAC,UAAU,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;IAEtE,OAAO,CACL,oBAAC,MAAM,IAAC,EAAE,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,EAAC,GAAG,EAAC,KAAK,KAAK,KAAK;QAC7D,oBAAC,MAAM,IAAC,GAAG,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM;YAC5B,oBAAC,QAAQ,gBAAiB;YAC1B,oBAAC,QAAQ,IAAC,SAAS,EAAE,MAAM,CAAC,YAAY,CAAC,IAAG,SAAS,GAAG,CAAC,CAAY,CAC9D;QACT,oBAAC,UAAU,IACT,IAAI,EAAC,IAAI,EACT,SAAS,QACT,QAAQ,EAAC,cAAc,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,YAAY,EAAE,EACxC,QAAQ,EAAE,SAAS,KAAK,CAAC,GACzB;QACF,oBAAC,UAAU,IACT,SAAS,QACT,IAAI,EAAC,IAAI,EACT,QAAQ,EAAC,eAAe,EACxB,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,QAAQ,EAAE,EACpC,QAAQ,EAAE,CAAC,WAAW,GACtB,CACK,CACV,CAAC;AACJ,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tcn/ui-table",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.3",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"author": "TCN",
|
|
6
6
|
"description": "Blackcat UI Table",
|
|
@@ -63,7 +63,7 @@
|
|
|
63
63
|
"vitest": "^2.1.4"
|
|
64
64
|
},
|
|
65
65
|
"dependencies": {
|
|
66
|
-
"@tcn/resource-store": "^1.1
|
|
66
|
+
"@tcn/resource-store": "^1.2.1",
|
|
67
67
|
"@tcn/state": "^0.1.9",
|
|
68
68
|
"@tcn/ui-actions": "^1.0.1",
|
|
69
69
|
"@tcn/ui-core": "^0.5.0",
|