@digigov/react-core 2.4.1 → 2.4.2-govgr-4710.11-06-26-08-59
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/CHANGELOG.md +9 -1
- package/{TableDataCell → TableDataCellBase}/index.d.ts +17 -3
- package/{TableDataCell → TableDataCellBase}/index.js +3 -3
- package/index.d.ts +1 -1
- package/index.js +2 -2
- package/lazy.d.ts +1 -1
- package/lazy.js +2 -2
- package/package.json +3 -3
- package/registry.d.ts +2 -2
- package/registry.js +4 -4
- package/src/{TableDataCell → TableDataCellBase}/index.test.tsx +9 -7
- package/src/{TableDataCell → TableDataCellBase}/index.tsx +22 -4
- package/src/index.ts +1 -1
- package/src/lazy.ts +1 -1
- package/src/registry.ts +4 -4
- /package/src/{TableDataCell → TableDataCellBase}/__snapshots__/index.test.tsx.snap +0 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,9 +1,17 @@
|
|
|
1
1
|
# Change Log - @digigov/react-core
|
|
2
2
|
|
|
3
|
-
<!-- This log was last generated on
|
|
3
|
+
<!-- This log was last generated on Thu, 11 Jun 2026 08:59:58 GMT and should not be manually modified. -->
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 2.4.2-govgr-4710.11-06-26-08-59
|
|
8
|
+
|
|
9
|
+
Thu, 11 Jun 2026 08:59:58 GMT
|
|
10
|
+
|
|
11
|
+
### Patches
|
|
12
|
+
|
|
13
|
+
- Rename TableDataCell to TableDataCellBase, add preserveCellWidth prop (gpapadakis@admin.grnet.gr)
|
|
14
|
+
|
|
7
15
|
## 2.4.0
|
|
8
16
|
|
|
9
17
|
Fri, 05 Jun 2026 08:02:15 GMT
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { BaseProps } from '../Base/index.js';
|
|
3
|
-
export interface
|
|
3
|
+
export interface TableDataCellBaseProps extends BaseProps<'td'> {
|
|
4
4
|
/**
|
|
5
5
|
* dataType is optional.
|
|
6
6
|
* Use numeric value when comparing columns of numbers, align the numbers to the right in table cells
|
|
@@ -45,9 +45,23 @@ export interface TableDataCellProps extends BaseProps<'td'> {
|
|
|
45
45
|
* @default false
|
|
46
46
|
*/
|
|
47
47
|
maxWidthWithOverflow?: boolean;
|
|
48
|
+
/**
|
|
49
|
+
* maxWidthWithOverflow is optional.
|
|
50
|
+
* Use this prop to add an invisible element that has the same width as the cell content to preserve the cell width when the content is positioned absolute.
|
|
51
|
+
* This is useful in cells that contain for example action dropdowns (see dilosi) to prevent the table from collapsing the cell width when the dropdown is open.
|
|
52
|
+
* @default false
|
|
53
|
+
*/
|
|
54
|
+
preserveCellWidth?: boolean;
|
|
55
|
+
/**
|
|
56
|
+
* cellUniqueId is optional.
|
|
57
|
+
* Use this prop to add an id to the cell.
|
|
58
|
+
* This is useful in cells that contain for example action dropdowns (see dilosi) to prevent the table from collapsing the cell width when the dropdown is open.
|
|
59
|
+
* @default undefined
|
|
60
|
+
*/
|
|
61
|
+
cellUniqueId?: string;
|
|
48
62
|
}
|
|
49
63
|
/**
|
|
50
64
|
* Use TableDataCell inside the Table component to fill the data of a cell in a table.
|
|
51
65
|
*/
|
|
52
|
-
export declare const
|
|
53
|
-
export default
|
|
66
|
+
export declare const TableDataCellBase: React.ForwardRefExoticComponent<Omit<TableDataCellBaseProps, "ref"> & React.RefAttributes<HTMLTableCellElement>>;
|
|
67
|
+
export default TableDataCellBase;
|
|
@@ -2,7 +2,7 @@ import react from "react";
|
|
|
2
2
|
import clsx from "clsx";
|
|
3
3
|
import Base from "../Base/index.js";
|
|
4
4
|
import VisuallyHidden from "../VisuallyHidden/index.js";
|
|
5
|
-
const
|
|
5
|
+
const TableDataCellBase = /*#__PURE__*/ react.forwardRef(function({ dataType = 'text', variant = 'border', wordBreak = 'none', highlight, highlightAssistiveText, maxWidthWithOverflow = false, className, children, ...props }, ref) {
|
|
6
6
|
const calculatedHighlightAssistiveText = highlightAssistiveText || ('warning' === highlight ? 'Προσοχή' : 'error' === highlight ? 'Λανθασμένο πεδίο' : void 0);
|
|
7
7
|
return /*#__PURE__*/ react.createElement(Base, {
|
|
8
8
|
as: "td",
|
|
@@ -21,5 +21,5 @@ const TableDataCell_TableDataCell = /*#__PURE__*/ react.forwardRef(function({ da
|
|
|
21
21
|
className: "ds-table__cell__content"
|
|
22
22
|
}, calculatedHighlightAssistiveText && /*#__PURE__*/ react.createElement(VisuallyHidden, null, calculatedHighlightAssistiveText), children) : /*#__PURE__*/ react.createElement(react.Fragment, null, calculatedHighlightAssistiveText && /*#__PURE__*/ react.createElement(VisuallyHidden, null, calculatedHighlightAssistiveText), children));
|
|
23
23
|
});
|
|
24
|
-
const
|
|
25
|
-
export {
|
|
24
|
+
const src_TableDataCellBase = TableDataCellBase;
|
|
25
|
+
export { TableDataCellBase, src_TableDataCellBase as default };
|
package/index.d.ts
CHANGED
|
@@ -127,7 +127,7 @@ export * from './Table/index.js';
|
|
|
127
127
|
export * from './TableBody/index.js';
|
|
128
128
|
export * from './TableCaption/index.js';
|
|
129
129
|
export * from './TableContainer/index.js';
|
|
130
|
-
export * from './
|
|
130
|
+
export * from './TableDataCellBase/index.js';
|
|
131
131
|
export * from './TableNoDataRow/index.js';
|
|
132
132
|
export * from './TableHead/index.js';
|
|
133
133
|
export * from './TableHeadCell/index.js';
|
package/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/** @license Digigov v2.4.
|
|
1
|
+
/** @license Digigov v2.4.2-govgr-4710.11-06-26-08-59
|
|
2
2
|
*
|
|
3
3
|
* This source code is licensed under the BSD-2-Clause license found in the
|
|
4
4
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -131,7 +131,7 @@ export * from "./Table/index.js";
|
|
|
131
131
|
export * from "./TableBody/index.js";
|
|
132
132
|
export * from "./TableCaption/index.js";
|
|
133
133
|
export * from "./TableContainer/index.js";
|
|
134
|
-
export * from "./
|
|
134
|
+
export * from "./TableDataCellBase/index.js";
|
|
135
135
|
export * from "./TableNoDataRow/index.js";
|
|
136
136
|
export * from "./TableHead/index.js";
|
|
137
137
|
export * from "./TableHeadCell/index.js";
|
package/lazy.d.ts
CHANGED
|
@@ -127,7 +127,7 @@ declare const _default: {
|
|
|
127
127
|
TableBody: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<Omit<import("./TableBody/index.js").TableBodyProps, "ref"> & import("react").RefAttributes<HTMLTableSectionElement>>>;
|
|
128
128
|
TableCaption: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<Omit<import("./TableCaption/index.js").TableCaptionProps, "ref"> & import("react").RefAttributes<HTMLElement>>>;
|
|
129
129
|
TableContainer: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<Omit<import("./TableContainer/index.js").TableContainerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>>;
|
|
130
|
-
|
|
130
|
+
TableDataCellBase: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<Omit<import("./TableDataCellBase/index.js").TableDataCellBaseProps, "ref"> & import("react").RefAttributes<HTMLTableCellElement>>>;
|
|
131
131
|
TableNoDataRow: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<Omit<import("./TableNoDataRow/index.js").TableNoDataRowProps, "ref"> & import("react").RefAttributes<HTMLTableCellElement>>>;
|
|
132
132
|
TableHead: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<Omit<import("./TableHead/index.js").TableHeadProps, "ref"> & import("react").RefAttributes<HTMLTableSectionElement>>>;
|
|
133
133
|
TableHeadCell: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<Omit<import("./TableHeadCell/index.js").TableHeadCellProps, "ref"> & import("react").RefAttributes<HTMLTableCellElement>>>;
|
package/lazy.js
CHANGED
|
@@ -384,8 +384,8 @@ const src_lazy = {
|
|
|
384
384
|
TableContainer: lazy(()=>import("./TableContainer/index.js").then((module)=>({
|
|
385
385
|
default: module['TableContainer']
|
|
386
386
|
}))),
|
|
387
|
-
|
|
388
|
-
default: module['
|
|
387
|
+
TableDataCellBase: lazy(()=>import("./TableDataCellBase/index.js").then((module)=>({
|
|
388
|
+
default: module['TableDataCellBase']
|
|
389
389
|
}))),
|
|
390
390
|
TableNoDataRow: lazy(()=>import("./TableNoDataRow/index.js").then((module)=>({
|
|
391
391
|
default: module['TableNoDataRow']
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@digigov/react-core",
|
|
3
|
-
"version": "2.4.
|
|
3
|
+
"version": "2.4.2-govgr-4710.11-06-26-08-59",
|
|
4
4
|
"description": "@digigov react core components",
|
|
5
5
|
"author": "GRNET Developers <devs@lists.grnet.gr>",
|
|
6
6
|
"license": "BSD-2-Clause",
|
|
@@ -17,8 +17,8 @@
|
|
|
17
17
|
"react-native-svg": "^15.2.0",
|
|
18
18
|
"expo-router": "^3.5.14",
|
|
19
19
|
"nativewind": "^4.1.1",
|
|
20
|
-
"@digigov/css": "2.4.
|
|
21
|
-
"@digigov/react-icons": "2.4.
|
|
20
|
+
"@digigov/css": "2.4.2-govgr-4710.11-06-26-08-59",
|
|
21
|
+
"@digigov/react-icons": "2.4.2-govgr-4710.11-06-26-08-59"
|
|
22
22
|
},
|
|
23
23
|
"peerDependenciesMeta": {
|
|
24
24
|
"react-native": {
|
package/registry.d.ts
CHANGED
|
@@ -21,8 +21,8 @@ declare const _default: {
|
|
|
21
21
|
'@digigov/react-core/AutoCompleteInputBase': {};
|
|
22
22
|
'@digigov/react-core/AutoCompleteMultipleInput': {};
|
|
23
23
|
'@digigov/react-core/AutoCompleteMultipleInputContainer': {};
|
|
24
|
-
'@digigov/react-core/AutoCompleteResultList': {};
|
|
25
24
|
'@digigov/react-core/AutoCompleteResultListItem': {};
|
|
25
|
+
'@digigov/react-core/AutoCompleteResultList': {};
|
|
26
26
|
'@digigov/react-core/AutoCompleteStatus': {};
|
|
27
27
|
'@digigov/react-core/AutoCompleteStatusContainer': {};
|
|
28
28
|
'@digigov/react-core/BackLinkBase': {};
|
|
@@ -231,7 +231,7 @@ declare const _default: {
|
|
|
231
231
|
'@digigov/react-core/TableBody': {};
|
|
232
232
|
'@digigov/react-core/TableCaption': {};
|
|
233
233
|
'@digigov/react-core/TableContainer': {};
|
|
234
|
-
'@digigov/react-core/
|
|
234
|
+
'@digigov/react-core/TableDataCellBase': {};
|
|
235
235
|
'@digigov/react-core/TableHead': {};
|
|
236
236
|
'@digigov/react-core/TableHeadCell': {};
|
|
237
237
|
'@digigov/react-core/TableLoaderBackground': {};
|
package/registry.js
CHANGED
|
@@ -20,8 +20,8 @@ import * as __WEBPACK_EXTERNAL_MODULE__AutoCompleteContainer_index_js_0a4eabc6__
|
|
|
20
20
|
import * as __WEBPACK_EXTERNAL_MODULE__AutoCompleteInputBase_index_js_a8a91daa__ from "./AutoCompleteInputBase/index.js";
|
|
21
21
|
import * as __WEBPACK_EXTERNAL_MODULE__AutoCompleteMultipleInput_index_js_2d007a9f__ from "./AutoCompleteMultipleInput/index.js";
|
|
22
22
|
import * as __WEBPACK_EXTERNAL_MODULE__AutoCompleteMultipleInputContainer_index_js_21cb6c3b__ from "./AutoCompleteMultipleInputContainer/index.js";
|
|
23
|
-
import * as __WEBPACK_EXTERNAL_MODULE__AutoCompleteResultList_index_js_a3f3ae52__ from "./AutoCompleteResultList/index.js";
|
|
24
23
|
import * as __WEBPACK_EXTERNAL_MODULE__AutoCompleteResultListItem_index_js_5791371a__ from "./AutoCompleteResultListItem/index.js";
|
|
24
|
+
import * as __WEBPACK_EXTERNAL_MODULE__AutoCompleteResultList_index_js_a3f3ae52__ from "./AutoCompleteResultList/index.js";
|
|
25
25
|
import * as __WEBPACK_EXTERNAL_MODULE__AutoCompleteStatus_index_js_b4a797bb__ from "./AutoCompleteStatus/index.js";
|
|
26
26
|
import * as __WEBPACK_EXTERNAL_MODULE__AutoCompleteStatusContainer_index_js_0557363b__ from "./AutoCompleteStatusContainer/index.js";
|
|
27
27
|
import * as __WEBPACK_EXTERNAL_MODULE__BackLinkBase_index_js_8872906a__ from "./BackLinkBase/index.js";
|
|
@@ -230,7 +230,7 @@ import * as __WEBPACK_EXTERNAL_MODULE__Table_index_js_7fc944c8__ from "./Table/i
|
|
|
230
230
|
import * as __WEBPACK_EXTERNAL_MODULE__TableBody_index_js_3a5e6dcd__ from "./TableBody/index.js";
|
|
231
231
|
import * as __WEBPACK_EXTERNAL_MODULE__TableCaption_index_js_9e4d1681__ from "./TableCaption/index.js";
|
|
232
232
|
import * as __WEBPACK_EXTERNAL_MODULE__TableContainer_index_js_d11f2c53__ from "./TableContainer/index.js";
|
|
233
|
-
import * as
|
|
233
|
+
import * as __WEBPACK_EXTERNAL_MODULE__TableDataCellBase_index_js_0090a5fa__ from "./TableDataCellBase/index.js";
|
|
234
234
|
import * as __WEBPACK_EXTERNAL_MODULE__TableHead_index_js_3b445169__ from "./TableHead/index.js";
|
|
235
235
|
import * as __WEBPACK_EXTERNAL_MODULE__TableHeadCell_index_js_329ce8cf__ from "./TableHeadCell/index.js";
|
|
236
236
|
import * as __WEBPACK_EXTERNAL_MODULE__TableLoaderBackground_index_js_70d44157__ from "./TableLoaderBackground/index.js";
|
|
@@ -294,8 +294,8 @@ const registry = {
|
|
|
294
294
|
'@digigov/react-core/AutoCompleteInputBase': lazyImport(__WEBPACK_EXTERNAL_MODULE__AutoCompleteInputBase_index_js_a8a91daa__),
|
|
295
295
|
'@digigov/react-core/AutoCompleteMultipleInput': lazyImport(__WEBPACK_EXTERNAL_MODULE__AutoCompleteMultipleInput_index_js_2d007a9f__),
|
|
296
296
|
'@digigov/react-core/AutoCompleteMultipleInputContainer': lazyImport(__WEBPACK_EXTERNAL_MODULE__AutoCompleteMultipleInputContainer_index_js_21cb6c3b__),
|
|
297
|
-
'@digigov/react-core/AutoCompleteResultList': lazyImport(__WEBPACK_EXTERNAL_MODULE__AutoCompleteResultList_index_js_a3f3ae52__),
|
|
298
297
|
'@digigov/react-core/AutoCompleteResultListItem': lazyImport(__WEBPACK_EXTERNAL_MODULE__AutoCompleteResultListItem_index_js_5791371a__),
|
|
298
|
+
'@digigov/react-core/AutoCompleteResultList': lazyImport(__WEBPACK_EXTERNAL_MODULE__AutoCompleteResultList_index_js_a3f3ae52__),
|
|
299
299
|
'@digigov/react-core/AutoCompleteStatus': lazyImport(__WEBPACK_EXTERNAL_MODULE__AutoCompleteStatus_index_js_b4a797bb__),
|
|
300
300
|
'@digigov/react-core/AutoCompleteStatusContainer': lazyImport(__WEBPACK_EXTERNAL_MODULE__AutoCompleteStatusContainer_index_js_0557363b__),
|
|
301
301
|
'@digigov/react-core/BackLinkBase': lazyImport(__WEBPACK_EXTERNAL_MODULE__BackLinkBase_index_js_8872906a__),
|
|
@@ -504,7 +504,7 @@ const registry = {
|
|
|
504
504
|
'@digigov/react-core/TableBody': lazyImport(__WEBPACK_EXTERNAL_MODULE__TableBody_index_js_3a5e6dcd__),
|
|
505
505
|
'@digigov/react-core/TableCaption': lazyImport(__WEBPACK_EXTERNAL_MODULE__TableCaption_index_js_9e4d1681__),
|
|
506
506
|
'@digigov/react-core/TableContainer': lazyImport(__WEBPACK_EXTERNAL_MODULE__TableContainer_index_js_d11f2c53__),
|
|
507
|
-
'@digigov/react-core/
|
|
507
|
+
'@digigov/react-core/TableDataCellBase': lazyImport(__WEBPACK_EXTERNAL_MODULE__TableDataCellBase_index_js_0090a5fa__),
|
|
508
508
|
'@digigov/react-core/TableHead': lazyImport(__WEBPACK_EXTERNAL_MODULE__TableHead_index_js_3b445169__),
|
|
509
509
|
'@digigov/react-core/TableHeadCell': lazyImport(__WEBPACK_EXTERNAL_MODULE__TableHeadCell_index_js_329ce8cf__),
|
|
510
510
|
'@digigov/react-core/TableLoaderBackground': lazyImport(__WEBPACK_EXTERNAL_MODULE__TableLoaderBackground_index_js_70d44157__),
|
|
@@ -3,7 +3,7 @@ import { render } from '@testing-library/react';
|
|
|
3
3
|
|
|
4
4
|
import Table from '@digigov/react-core/Table';
|
|
5
5
|
import TableBody from '@digigov/react-core/TableBody';
|
|
6
|
-
import
|
|
6
|
+
import TableDataCellBase from '@digigov/react-core/TableDataCellBase';
|
|
7
7
|
import TableRow from '@digigov/react-core/TableRow';
|
|
8
8
|
|
|
9
9
|
it('renders the Table with no props', () => {
|
|
@@ -12,7 +12,7 @@ it('renders the Table with no props', () => {
|
|
|
12
12
|
<Table>
|
|
13
13
|
<TableBody>
|
|
14
14
|
<TableRow>
|
|
15
|
-
<
|
|
15
|
+
<TableDataCellBase>hello</TableDataCellBase>
|
|
16
16
|
</TableRow>
|
|
17
17
|
</TableBody>
|
|
18
18
|
</Table>
|
|
@@ -26,7 +26,7 @@ it('renders the Table with dataType numeric prop', () => {
|
|
|
26
26
|
<Table>
|
|
27
27
|
<TableBody>
|
|
28
28
|
<TableRow>
|
|
29
|
-
<
|
|
29
|
+
<TableDataCellBase dataType="numeric">hello</TableDataCellBase>
|
|
30
30
|
</TableRow>
|
|
31
31
|
</TableBody>
|
|
32
32
|
</Table>
|
|
@@ -40,7 +40,7 @@ it('renders the Table with variant border prop', () => {
|
|
|
40
40
|
<Table>
|
|
41
41
|
<TableBody>
|
|
42
42
|
<TableRow>
|
|
43
|
-
<
|
|
43
|
+
<TableDataCellBase variant="border">hello</TableDataCellBase>
|
|
44
44
|
</TableRow>
|
|
45
45
|
</TableBody>
|
|
46
46
|
</Table>
|
|
@@ -54,7 +54,7 @@ it('renders the Table with wordBreak break-all prop', () => {
|
|
|
54
54
|
<Table>
|
|
55
55
|
<TableBody>
|
|
56
56
|
<TableRow>
|
|
57
|
-
<
|
|
57
|
+
<TableDataCellBase wordBreak="break-all">hello</TableDataCellBase>
|
|
58
58
|
</TableRow>
|
|
59
59
|
</TableBody>
|
|
60
60
|
</Table>
|
|
@@ -68,7 +68,7 @@ it('renders the Table with highlight warning prop', () => {
|
|
|
68
68
|
<Table>
|
|
69
69
|
<TableBody>
|
|
70
70
|
<TableRow>
|
|
71
|
-
<
|
|
71
|
+
<TableDataCellBase highlight="warning">hello</TableDataCellBase>
|
|
72
72
|
</TableRow>
|
|
73
73
|
</TableBody>
|
|
74
74
|
</Table>
|
|
@@ -81,7 +81,9 @@ it('renders the Table with maxWidthWithOverflow prop', () => {
|
|
|
81
81
|
<Table>
|
|
82
82
|
<TableBody>
|
|
83
83
|
<TableRow>
|
|
84
|
-
<
|
|
84
|
+
<TableDataCellBase maxWidthWithOverflow={true}>
|
|
85
|
+
hello
|
|
86
|
+
</TableDataCellBase>
|
|
85
87
|
</TableRow>
|
|
86
88
|
</TableBody>
|
|
87
89
|
</Table>
|
|
@@ -4,7 +4,7 @@ import Base, { BaseProps } from '@digigov/react-core/Base';
|
|
|
4
4
|
import VisuallyHidden from '@digigov/react-core/VisuallyHidden';
|
|
5
5
|
// import PhaseBannerTag from '@digigov/react-core/PhaseBannerTag';
|
|
6
6
|
|
|
7
|
-
export interface
|
|
7
|
+
export interface TableDataCellBaseProps extends BaseProps<'td'> {
|
|
8
8
|
/**
|
|
9
9
|
* dataType is optional.
|
|
10
10
|
* Use numeric value when comparing columns of numbers, align the numbers to the right in table cells
|
|
@@ -52,13 +52,28 @@ export interface TableDataCellProps extends BaseProps<'td'> {
|
|
|
52
52
|
* @default false
|
|
53
53
|
*/
|
|
54
54
|
maxWidthWithOverflow?: boolean;
|
|
55
|
+
/**
|
|
56
|
+
* maxWidthWithOverflow is optional.
|
|
57
|
+
* Use this prop to add an invisible element that has the same width as the cell content to preserve the cell width when the content is positioned absolute.
|
|
58
|
+
* This is useful in cells that contain for example action dropdowns (see dilosi) to prevent the table from collapsing the cell width when the dropdown is open.
|
|
59
|
+
* @default false
|
|
60
|
+
*/
|
|
61
|
+
preserveCellWidth?: boolean;
|
|
62
|
+
|
|
63
|
+
/**
|
|
64
|
+
* cellUniqueId is optional.
|
|
65
|
+
* Use this prop to add an id to the cell.
|
|
66
|
+
* This is useful in cells that contain for example action dropdowns (see dilosi) to prevent the table from collapsing the cell width when the dropdown is open.
|
|
67
|
+
* @default undefined
|
|
68
|
+
*/
|
|
69
|
+
cellUniqueId?: string;
|
|
55
70
|
}
|
|
56
71
|
/**
|
|
57
72
|
* Use TableDataCell inside the Table component to fill the data of a cell in a table.
|
|
58
73
|
*/
|
|
59
|
-
export const
|
|
74
|
+
export const TableDataCellBase = React.forwardRef<
|
|
60
75
|
HTMLTableCellElement,
|
|
61
|
-
|
|
76
|
+
TableDataCellBaseProps
|
|
62
77
|
>(function TableDataCell(
|
|
63
78
|
{
|
|
64
79
|
dataType = 'text',
|
|
@@ -67,8 +82,10 @@ export const TableDataCell = React.forwardRef<
|
|
|
67
82
|
highlight,
|
|
68
83
|
highlightAssistiveText,
|
|
69
84
|
maxWidthWithOverflow = false,
|
|
85
|
+
|
|
70
86
|
className,
|
|
71
87
|
children,
|
|
88
|
+
|
|
72
89
|
...props
|
|
73
90
|
},
|
|
74
91
|
ref
|
|
@@ -108,6 +125,7 @@ export const TableDataCell = React.forwardRef<
|
|
|
108
125
|
{calculatedHighlightAssistiveText && (
|
|
109
126
|
<VisuallyHidden>{calculatedHighlightAssistiveText}</VisuallyHidden>
|
|
110
127
|
)}
|
|
128
|
+
|
|
111
129
|
{children}
|
|
112
130
|
</>
|
|
113
131
|
)}
|
|
@@ -115,4 +133,4 @@ export const TableDataCell = React.forwardRef<
|
|
|
115
133
|
);
|
|
116
134
|
});
|
|
117
135
|
|
|
118
|
-
export default
|
|
136
|
+
export default TableDataCellBase;
|
package/src/index.ts
CHANGED
|
@@ -127,7 +127,7 @@ export * from '@digigov/react-core/Table';
|
|
|
127
127
|
export * from '@digigov/react-core/TableBody';
|
|
128
128
|
export * from '@digigov/react-core/TableCaption';
|
|
129
129
|
export * from '@digigov/react-core/TableContainer';
|
|
130
|
-
export * from '@digigov/react-core/
|
|
130
|
+
export * from '@digigov/react-core/TableDataCellBase';
|
|
131
131
|
export * from '@digigov/react-core/TableNoDataRow';
|
|
132
132
|
export * from '@digigov/react-core/TableHead';
|
|
133
133
|
export * from '@digigov/react-core/TableHeadCell';
|
package/src/lazy.ts
CHANGED
|
@@ -128,7 +128,7 @@ export default {
|
|
|
128
128
|
'TableBody': lazy(() => import('@digigov/react-core/TableBody').then((module) => ({ default: module['TableBody'] }))),
|
|
129
129
|
'TableCaption': lazy(() => import('@digigov/react-core/TableCaption').then((module) => ({ default: module['TableCaption'] }))),
|
|
130
130
|
'TableContainer': lazy(() => import('@digigov/react-core/TableContainer').then((module) => ({ default: module['TableContainer'] }))),
|
|
131
|
-
'
|
|
131
|
+
'TableDataCellBase': lazy(() => import('@digigov/react-core/TableDataCellBase').then((module) => ({ default: module['TableDataCellBase'] }))),
|
|
132
132
|
'TableNoDataRow': lazy(() => import('@digigov/react-core/TableNoDataRow').then((module) => ({ default: module['TableNoDataRow'] }))),
|
|
133
133
|
'TableHead': lazy(() => import('@digigov/react-core/TableHead').then((module) => ({ default: module['TableHead'] }))),
|
|
134
134
|
'TableHeadCell': lazy(() => import('@digigov/react-core/TableHeadCell').then((module) => ({ default: module['TableHeadCell'] }))),
|
package/src/registry.ts
CHANGED
|
@@ -21,8 +21,8 @@ import * as _digigov_react_core_AutoCompleteContainer from "@digigov/react-core/
|
|
|
21
21
|
import * as _digigov_react_core_AutoCompleteInputBase from "@digigov/react-core/AutoCompleteInputBase";
|
|
22
22
|
import * as _digigov_react_core_AutoCompleteMultipleInput from "@digigov/react-core/AutoCompleteMultipleInput";
|
|
23
23
|
import * as _digigov_react_core_AutoCompleteMultipleInputContainer from "@digigov/react-core/AutoCompleteMultipleInputContainer";
|
|
24
|
-
import * as _digigov_react_core_AutoCompleteResultList from "@digigov/react-core/AutoCompleteResultList";
|
|
25
24
|
import * as _digigov_react_core_AutoCompleteResultListItem from "@digigov/react-core/AutoCompleteResultListItem";
|
|
25
|
+
import * as _digigov_react_core_AutoCompleteResultList from "@digigov/react-core/AutoCompleteResultList";
|
|
26
26
|
import * as _digigov_react_core_AutoCompleteStatus from "@digigov/react-core/AutoCompleteStatus";
|
|
27
27
|
import * as _digigov_react_core_AutoCompleteStatusContainer from "@digigov/react-core/AutoCompleteStatusContainer";
|
|
28
28
|
import * as _digigov_react_core_BackLinkBase from "@digigov/react-core/BackLinkBase";
|
|
@@ -231,7 +231,7 @@ import * as _digigov_react_core_Table from "@digigov/react-core/Table";
|
|
|
231
231
|
import * as _digigov_react_core_TableBody from "@digigov/react-core/TableBody";
|
|
232
232
|
import * as _digigov_react_core_TableCaption from "@digigov/react-core/TableCaption";
|
|
233
233
|
import * as _digigov_react_core_TableContainer from "@digigov/react-core/TableContainer";
|
|
234
|
-
import * as
|
|
234
|
+
import * as _digigov_react_core_TableDataCellBase from "@digigov/react-core/TableDataCellBase";
|
|
235
235
|
import * as _digigov_react_core_TableHead from "@digigov/react-core/TableHead";
|
|
236
236
|
import * as _digigov_react_core_TableHeadCell from "@digigov/react-core/TableHeadCell";
|
|
237
237
|
import * as _digigov_react_core_TableLoaderBackground from "@digigov/react-core/TableLoaderBackground";
|
|
@@ -304,8 +304,8 @@ export default {
|
|
|
304
304
|
'@digigov/react-core/AutoCompleteInputBase': lazyImport(_digigov_react_core_AutoCompleteInputBase),
|
|
305
305
|
'@digigov/react-core/AutoCompleteMultipleInput': lazyImport(_digigov_react_core_AutoCompleteMultipleInput),
|
|
306
306
|
'@digigov/react-core/AutoCompleteMultipleInputContainer': lazyImport(_digigov_react_core_AutoCompleteMultipleInputContainer),
|
|
307
|
-
'@digigov/react-core/AutoCompleteResultList': lazyImport(_digigov_react_core_AutoCompleteResultList),
|
|
308
307
|
'@digigov/react-core/AutoCompleteResultListItem': lazyImport(_digigov_react_core_AutoCompleteResultListItem),
|
|
308
|
+
'@digigov/react-core/AutoCompleteResultList': lazyImport(_digigov_react_core_AutoCompleteResultList),
|
|
309
309
|
'@digigov/react-core/AutoCompleteStatus': lazyImport(_digigov_react_core_AutoCompleteStatus),
|
|
310
310
|
'@digigov/react-core/AutoCompleteStatusContainer': lazyImport(_digigov_react_core_AutoCompleteStatusContainer),
|
|
311
311
|
'@digigov/react-core/BackLinkBase': lazyImport(_digigov_react_core_BackLinkBase),
|
|
@@ -514,7 +514,7 @@ export default {
|
|
|
514
514
|
'@digigov/react-core/TableBody': lazyImport(_digigov_react_core_TableBody),
|
|
515
515
|
'@digigov/react-core/TableCaption': lazyImport(_digigov_react_core_TableCaption),
|
|
516
516
|
'@digigov/react-core/TableContainer': lazyImport(_digigov_react_core_TableContainer),
|
|
517
|
-
'@digigov/react-core/
|
|
517
|
+
'@digigov/react-core/TableDataCellBase': lazyImport(_digigov_react_core_TableDataCellBase),
|
|
518
518
|
'@digigov/react-core/TableHead': lazyImport(_digigov_react_core_TableHead),
|
|
519
519
|
'@digigov/react-core/TableHeadCell': lazyImport(_digigov_react_core_TableHeadCell),
|
|
520
520
|
'@digigov/react-core/TableLoaderBackground': lazyImport(_digigov_react_core_TableLoaderBackground),
|
|
File without changes
|