@digigov/react-core 2.4.0 → 2.4.1-govgr-4710.09-06-26-10-20

package/CHANGELOG.md

@@ -1,9 +1,17 @@
 # Change Log - @digigov/react-core
 
-<!-- This log was last generated on Fri, 05 Jun 2026 08:02:15 GMT and should not be manually modified. -->
+<!-- This log was last generated on Tue, 09 Jun 2026 10:20:26 GMT and should not be manually modified. -->
 
 <!-- Start content -->
 
+## 2.4.1-govgr-4710.09-06-26-10-20
+
+Tue, 09 Jun 2026 10:20:26 GMT
+
+### Patches
+
+- Reaname TableDataCell to TableDataCellBase, add preserveCellWidth prop (gpapadakis@admin.grnet.gr)
+
 ## 2.4.0
 
 Fri, 05 Jun 2026 08:02:15 GMT

package/{TableDataCell → TableDataCellBase}/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { BaseProps } from '../Base/index.js';
-export interface TableDataCellProps extends BaseProps<'td'> {
+export interface TableDataCellBaseProps extends BaseProps<'td'> {
     /**
      * dataType is optional.
      * 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'> {
      * @default false
      */
     maxWidthWithOverflow?: boolean;
+    /**
+     * maxWidthWithOverflow is optional.
+     * 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.
+     * 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.
+     * @default false
+     */
+    preserveCellWidth?: boolean;
+    /**
+     * cellUniqueId is optional.
+     * Use this prop to add an id to the cell.
+     * 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.
+     * @default undefined
+     */
+    cellUniqueId?: string;
 }
 /**
  * Use TableDataCell inside the Table component to fill the data of a cell in a table.
  */
-export declare const TableDataCell: React.ForwardRefExoticComponent<Omit<TableDataCellProps, "ref"> & React.RefAttributes<HTMLTableCellElement>>;
-export default TableDataCell;
+export declare const TableDataCellBase: React.ForwardRefExoticComponent<Omit<TableDataCellBaseProps, "ref"> & React.RefAttributes<HTMLTableCellElement>>;
+export default TableDataCellBase;

package/{TableDataCell → TableDataCellBase}/index.js

@@ -2,7 +2,7 @@ import react from "react";
 import clsx from "clsx";
 import Base from "../Base/index.js";
 import VisuallyHidden from "../VisuallyHidden/index.js";
-const TableDataCell_TableDataCell = /*#__PURE__*/ react.forwardRef(function({ dataType = 'text', variant = 'border', wordBreak = 'none', highlight, highlightAssistiveText, maxWidthWithOverflow = false, className, children, ...props }, ref) {
+const TableDataCellBase = /*#__PURE__*/ react.forwardRef(function({ dataType = 'text', variant = 'border', wordBreak = 'none', highlight, highlightAssistiveText, maxWidthWithOverflow = false, preserveCellWidth = false, className, children, cellUniqueId, ...props }, ref) {
     const calculatedHighlightAssistiveText = highlightAssistiveText || ('warning' === highlight ? 'Προσοχή' : 'error' === highlight ? 'Λανθασμένο πεδίο' : void 0);
     return /*#__PURE__*/ react.createElement(Base, {
         as: "td",
@@ -19,7 +19,13 @@ const TableDataCell_TableDataCell = /*#__PURE__*/ react.forwardRef(function({ da
         ...props
     }, maxWidthWithOverflow ? /*#__PURE__*/ react.createElement("div", {
         className: "ds-table__cell__content"
-    }, calculatedHighlightAssistiveText && /*#__PURE__*/ react.createElement(VisuallyHidden, null, calculatedHighlightAssistiveText), children) : /*#__PURE__*/ react.createElement(react.Fragment, null, calculatedHighlightAssistiveText && /*#__PURE__*/ react.createElement(VisuallyHidden, null, calculatedHighlightAssistiveText), children));
+    }, calculatedHighlightAssistiveText && /*#__PURE__*/ react.createElement(VisuallyHidden, null, calculatedHighlightAssistiveText), children) : /*#__PURE__*/ react.createElement(react.Fragment, null, calculatedHighlightAssistiveText && /*#__PURE__*/ react.createElement(VisuallyHidden, null, calculatedHighlightAssistiveText), preserveCellWidth && /*#__PURE__*/ react.createElement("div", {
+        id: cellUniqueId,
+        style: {
+            height: '1px',
+            marginTop: '-1px'
+        }
+    }), children));
 });
-const src_TableDataCell = TableDataCell_TableDataCell;
-export { TableDataCell_TableDataCell as TableDataCell, src_TableDataCell as default };
+const src_TableDataCellBase = TableDataCellBase;
+export { TableDataCellBase, src_TableDataCellBase as default };

package/index.d.ts

@@ -127,7 +127,7 @@ export * from './Table/index.js';
 export * from './TableBody/index.js';
 export * from './TableCaption/index.js';
 export * from './TableContainer/index.js';
-export * from './TableDataCell/index.js';
+export * from './TableDataCellBase/index.js';
 export * from './TableNoDataRow/index.js';
 export * from './TableHead/index.js';
 export * from './TableHeadCell/index.js';

package/index.js

@@ -1,4 +1,4 @@
-/** @license Digigov v2.4.0
+/** @license Digigov v2.4.1-govgr-4710.09-06-26-10-20
  *
  * This source code is licensed under the BSD-2-Clause license found in the
  * LICENSE file in the root directory of this source tree.
@@ -131,7 +131,7 @@ export * from "./Table/index.js";
 export * from "./TableBody/index.js";
 export * from "./TableCaption/index.js";
 export * from "./TableContainer/index.js";
-export * from "./TableDataCell/index.js";
+export * from "./TableDataCellBase/index.js";
 export * from "./TableNoDataRow/index.js";
 export * from "./TableHead/index.js";
 export * from "./TableHeadCell/index.js";

package/lazy.d.ts

@@ -127,7 +127,7 @@ declare const _default: {
     TableBody: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<Omit<import("./TableBody/index.js").TableBodyProps, "ref"> & import("react").RefAttributes<HTMLTableSectionElement>>>;
     TableCaption: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<Omit<import("./TableCaption/index.js").TableCaptionProps, "ref"> & import("react").RefAttributes<HTMLElement>>>;
     TableContainer: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<Omit<import("./TableContainer/index.js").TableContainerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>>;
-    TableDataCell: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<Omit<import("./TableDataCell/index.js").TableDataCellProps, "ref"> & import("react").RefAttributes<HTMLTableCellElement>>>;
+    TableDataCellBase: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<Omit<import("./TableDataCellBase/index.js").TableDataCellBaseProps, "ref"> & import("react").RefAttributes<HTMLTableCellElement>>>;
     TableNoDataRow: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<Omit<import("./TableNoDataRow/index.js").TableNoDataRowProps, "ref"> & import("react").RefAttributes<HTMLTableCellElement>>>;
     TableHead: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<Omit<import("./TableHead/index.js").TableHeadProps, "ref"> & import("react").RefAttributes<HTMLTableSectionElement>>>;
     TableHeadCell: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<Omit<import("./TableHeadCell/index.js").TableHeadCellProps, "ref"> & import("react").RefAttributes<HTMLTableCellElement>>>;

package/lazy.js

@@ -384,8 +384,8 @@ const src_lazy = {
     TableContainer: lazy(()=>import("./TableContainer/index.js").then((module)=>({
                 default: module['TableContainer']
             }))),
-    TableDataCell: lazy(()=>import("./TableDataCell/index.js").then((module)=>({
-                default: module['TableDataCell']
+    TableDataCellBase: lazy(()=>import("./TableDataCellBase/index.js").then((module)=>({
+                default: module['TableDataCellBase']
             }))),
     TableNoDataRow: lazy(()=>import("./TableNoDataRow/index.js").then((module)=>({
                 default: module['TableNoDataRow']

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digigov/react-core",
-  "version": "2.4.0",
+  "version": "2.4.1-govgr-4710.09-06-26-10-20",
   "description": "@digigov react core components",
   "author": "GRNET Developers <devs@lists.grnet.gr>",
   "license": "BSD-2-Clause",
@@ -17,8 +17,8 @@
     "react-native-svg": "^15.2.0",
     "expo-router": "^3.5.14",
     "nativewind": "^4.1.1",
-    "@digigov/css": "2.4.0",
-    "@digigov/react-icons": "2.4.0"
+    "@digigov/css": "2.4.1-govgr-4710.09-06-26-10-20",
+    "@digigov/react-icons": "2.4.1-govgr-4710.09-06-26-10-20"
   },
   "peerDependenciesMeta": {
     "react-native": {

package/registry.d.ts

@@ -231,7 +231,7 @@ declare const _default: {
     '@digigov/react-core/TableBody': {};
     '@digigov/react-core/TableCaption': {};
     '@digigov/react-core/TableContainer': {};
-    '@digigov/react-core/TableDataCell': {};
+    '@digigov/react-core/TableDataCellBase': {};
     '@digigov/react-core/TableHead': {};
     '@digigov/react-core/TableHeadCell': {};
     '@digigov/react-core/TableLoaderBackground': {};

package/registry.js

@@ -230,7 +230,7 @@ import * as __WEBPACK_EXTERNAL_MODULE__Table_index_js_7fc944c8__ from "./Table/i
 import * as __WEBPACK_EXTERNAL_MODULE__TableBody_index_js_3a5e6dcd__ from "./TableBody/index.js";
 import * as __WEBPACK_EXTERNAL_MODULE__TableCaption_index_js_9e4d1681__ from "./TableCaption/index.js";
 import * as __WEBPACK_EXTERNAL_MODULE__TableContainer_index_js_d11f2c53__ from "./TableContainer/index.js";
-import * as __WEBPACK_EXTERNAL_MODULE__TableDataCell_index_js_cd52ffdb__ from "./TableDataCell/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__TableDataCellBase_index_js_0090a5fa__ from "./TableDataCellBase/index.js";
 import * as __WEBPACK_EXTERNAL_MODULE__TableHead_index_js_3b445169__ from "./TableHead/index.js";
 import * as __WEBPACK_EXTERNAL_MODULE__TableHeadCell_index_js_329ce8cf__ from "./TableHeadCell/index.js";
 import * as __WEBPACK_EXTERNAL_MODULE__TableLoaderBackground_index_js_70d44157__ from "./TableLoaderBackground/index.js";
@@ -504,7 +504,7 @@ const registry = {
     '@digigov/react-core/TableBody': lazyImport(__WEBPACK_EXTERNAL_MODULE__TableBody_index_js_3a5e6dcd__),
     '@digigov/react-core/TableCaption': lazyImport(__WEBPACK_EXTERNAL_MODULE__TableCaption_index_js_9e4d1681__),
     '@digigov/react-core/TableContainer': lazyImport(__WEBPACK_EXTERNAL_MODULE__TableContainer_index_js_d11f2c53__),
-    '@digigov/react-core/TableDataCell': lazyImport(__WEBPACK_EXTERNAL_MODULE__TableDataCell_index_js_cd52ffdb__),
+    '@digigov/react-core/TableDataCellBase': lazyImport(__WEBPACK_EXTERNAL_MODULE__TableDataCellBase_index_js_0090a5fa__),
     '@digigov/react-core/TableHead': lazyImport(__WEBPACK_EXTERNAL_MODULE__TableHead_index_js_3b445169__),
     '@digigov/react-core/TableHeadCell': lazyImport(__WEBPACK_EXTERNAL_MODULE__TableHeadCell_index_js_329ce8cf__),
     '@digigov/react-core/TableLoaderBackground': lazyImport(__WEBPACK_EXTERNAL_MODULE__TableLoaderBackground_index_js_70d44157__),

package/src/{TableDataCell → TableDataCellBase}/index.test.tsx

@@ -3,7 +3,7 @@ import { render } from '@testing-library/react';
 
 import Table from '@digigov/react-core/Table';
 import TableBody from '@digigov/react-core/TableBody';
-import TableDataCell from '@digigov/react-core/TableDataCell';
+import TableDataCellBase from '@digigov/react-core/TableDataCellBase';
 import TableRow from '@digigov/react-core/TableRow';
 
 it('renders the Table with no props', () => {
@@ -12,7 +12,7 @@ it('renders the Table with no props', () => {
       <Table>
         <TableBody>
           <TableRow>
-            <TableDataCell>hello</TableDataCell>
+            <TableDataCellBase>hello</TableDataCellBase>
           </TableRow>
         </TableBody>
       </Table>
@@ -26,7 +26,7 @@ it('renders the Table with dataType numeric prop', () => {
       <Table>
         <TableBody>
           <TableRow>
-            <TableDataCell dataType="numeric">hello</TableDataCell>
+            <TableDataCellBase dataType="numeric">hello</TableDataCellBase>
           </TableRow>
         </TableBody>
       </Table>
@@ -40,7 +40,7 @@ it('renders the Table with variant border prop', () => {
       <Table>
         <TableBody>
           <TableRow>
-            <TableDataCell variant="border">hello</TableDataCell>
+            <TableDataCellBase variant="border">hello</TableDataCellBase>
           </TableRow>
         </TableBody>
       </Table>
@@ -54,7 +54,7 @@ it('renders the Table with wordBreak break-all prop', () => {
       <Table>
         <TableBody>
           <TableRow>
-            <TableDataCell wordBreak="break-all">hello</TableDataCell>
+            <TableDataCellBase wordBreak="break-all">hello</TableDataCellBase>
           </TableRow>
         </TableBody>
       </Table>
@@ -68,7 +68,7 @@ it('renders the Table with highlight warning prop', () => {
       <Table>
         <TableBody>
           <TableRow>
-            <TableDataCell highlight="warning">hello</TableDataCell>
+            <TableDataCellBase highlight="warning">hello</TableDataCellBase>
           </TableRow>
         </TableBody>
       </Table>
@@ -81,7 +81,9 @@ it('renders the Table with maxWidthWithOverflow prop', () => {
       <Table>
         <TableBody>
           <TableRow>
-            <TableDataCell maxWidthWithOverflow={true}>hello</TableDataCell>
+            <TableDataCellBase maxWidthWithOverflow={true}>
+              hello
+            </TableDataCellBase>
           </TableRow>
         </TableBody>
       </Table>

package/src/{TableDataCell → TableDataCellBase}/index.tsx

@@ -4,7 +4,7 @@ import Base, { BaseProps } from '@digigov/react-core/Base';
 import VisuallyHidden from '@digigov/react-core/VisuallyHidden';
 // import PhaseBannerTag from '@digigov/react-core/PhaseBannerTag';
 
-export interface TableDataCellProps extends BaseProps<'td'> {
+export interface TableDataCellBaseProps extends BaseProps<'td'> {
   /**
    * dataType is optional.
    * 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'> {
    * @default false
    */
   maxWidthWithOverflow?: boolean;
+  /**
+   * maxWidthWithOverflow is optional.
+   * 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.
+   * 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.
+   * @default false
+   */
+  preserveCellWidth?: boolean;
+
+  /**
+   * cellUniqueId is optional.
+   * Use this prop to add an id to the cell.
+   * 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.
+   * @default undefined
+   */
+  cellUniqueId?: string;
 }
 /**
  * Use TableDataCell inside the Table component to fill the data of a cell in a table.
  */
-export const TableDataCell = React.forwardRef<
+export const TableDataCellBase = React.forwardRef<
   HTMLTableCellElement,
-  TableDataCellProps
+  TableDataCellBaseProps
 >(function TableDataCell(
   {
     dataType = 'text',
@@ -67,8 +82,10 @@ export const TableDataCell = React.forwardRef<
     highlight,
     highlightAssistiveText,
     maxWidthWithOverflow = false,
+    preserveCellWidth = false,
     className,
     children,
+    cellUniqueId,
     ...props
   },
   ref
@@ -108,6 +125,12 @@ export const TableDataCell = React.forwardRef<
           {calculatedHighlightAssistiveText && (
             <VisuallyHidden>{calculatedHighlightAssistiveText}</VisuallyHidden>
           )}
+          {preserveCellWidth && (
+            <div
+              id={cellUniqueId}
+              style={{ height: '1px', marginTop: '-1px' }}
+            ></div>
+          )}
           {children}
         </>
       )}
@@ -115,4 +138,4 @@ export const TableDataCell = React.forwardRef<
   );
 });
 
-export default TableDataCell;
+export default TableDataCellBase;

package/src/index.ts

@@ -127,7 +127,7 @@ export * from '@digigov/react-core/Table';
 export * from '@digigov/react-core/TableBody';
 export * from '@digigov/react-core/TableCaption';
 export * from '@digigov/react-core/TableContainer';
-export * from '@digigov/react-core/TableDataCell';
+export * from '@digigov/react-core/TableDataCellBase';
 export * from '@digigov/react-core/TableNoDataRow';
 export * from '@digigov/react-core/TableHead';
 export * from '@digigov/react-core/TableHeadCell';

package/src/lazy.ts

@@ -128,7 +128,7 @@ export default {
   'TableBody': lazy(() => import('@digigov/react-core/TableBody').then((module) => ({ default: module['TableBody'] }))),
   'TableCaption': lazy(() => import('@digigov/react-core/TableCaption').then((module) => ({ default: module['TableCaption'] }))),
   'TableContainer': lazy(() => import('@digigov/react-core/TableContainer').then((module) => ({ default: module['TableContainer'] }))),
-  'TableDataCell': lazy(() => import('@digigov/react-core/TableDataCell').then((module) => ({ default: module['TableDataCell'] }))),
+  'TableDataCellBase': lazy(() => import('@digigov/react-core/TableDataCellBase').then((module) => ({ default: module['TableDataCellBase'] }))),
   'TableNoDataRow': lazy(() => import('@digigov/react-core/TableNoDataRow').then((module) => ({ default: module['TableNoDataRow'] }))),
   'TableHead': lazy(() => import('@digigov/react-core/TableHead').then((module) => ({ default: module['TableHead'] }))),
   'TableHeadCell': lazy(() => import('@digigov/react-core/TableHeadCell').then((module) => ({ default: module['TableHeadCell'] }))),

package/src/registry.ts

@@ -231,7 +231,7 @@ import * as _digigov_react_core_Table from "@digigov/react-core/Table";
 import * as _digigov_react_core_TableBody from "@digigov/react-core/TableBody";
 import * as _digigov_react_core_TableCaption from "@digigov/react-core/TableCaption";
 import * as _digigov_react_core_TableContainer from "@digigov/react-core/TableContainer";
-import * as _digigov_react_core_TableDataCell from "@digigov/react-core/TableDataCell";
+import * as _digigov_react_core_TableDataCellBase from "@digigov/react-core/TableDataCellBase";
 import * as _digigov_react_core_TableHead from "@digigov/react-core/TableHead";
 import * as _digigov_react_core_TableHeadCell from "@digigov/react-core/TableHeadCell";
 import * as _digigov_react_core_TableLoaderBackground from "@digigov/react-core/TableLoaderBackground";
@@ -514,7 +514,7 @@ export default {
   '@digigov/react-core/TableBody': lazyImport(_digigov_react_core_TableBody),
   '@digigov/react-core/TableCaption': lazyImport(_digigov_react_core_TableCaption),
   '@digigov/react-core/TableContainer': lazyImport(_digigov_react_core_TableContainer),
-  '@digigov/react-core/TableDataCell': lazyImport(_digigov_react_core_TableDataCell),
+  '@digigov/react-core/TableDataCellBase': lazyImport(_digigov_react_core_TableDataCellBase),
   '@digigov/react-core/TableHead': lazyImport(_digigov_react_core_TableHead),
   '@digigov/react-core/TableHeadCell': lazyImport(_digigov_react_core_TableHeadCell),
   '@digigov/react-core/TableLoaderBackground': lazyImport(_digigov_react_core_TableLoaderBackground),