@digigov/react-core 2.2.3 → 2.2.4-govgr-3925.02-06-26-15-58

package/CHANGELOG.md

@@ -1,9 +1,17 @@
 # Change Log - @digigov/react-core
 
-<!-- This log was last generated on Thu, 28 May 2026 09:16:18 GMT and should not be manually modified. -->
+<!-- This log was last generated on Tue, 02 Jun 2026 15:58:15 GMT and should not be manually modified. -->
 
 <!-- Start content -->
 
+## 2.2.4-govgr-3925.02-06-26-15-58
+
+Tue, 02 Jun 2026 15:58:15 GMT
+
+### Minor changes
+
+- fix(libs-ui/TableDataCell): add a protective div to preserve cell-width when action positions absolute (cpapakon@admin.grnet.gr)
+
 ## 2.2.3
 
 Thu, 28 May 2026 09:16:18 GMT

package/TableDataCell/index.d.ts

@@ -45,6 +45,13 @@ 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
+     */
+    isActionsCell?: boolean;
 }
 /**
  * Use TableDataCell inside the Table component to fill the data of a cell in a table.

package/TableDataCell/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 TableDataCell_TableDataCell = /*#__PURE__*/ react.forwardRef(function({ dataType = 'text', variant = 'border', wordBreak = 'none', highlight, isActionsCell = false, highlightAssistiveText, maxWidthWithOverflow = false, className, children, ...props }, ref) {
     const calculatedHighlightAssistiveText = highlightAssistiveText || ('warning' === highlight ? 'Προσοχή' : 'error' === highlight ? 'Λανθασμένο πεδίο' : void 0);
     return /*#__PURE__*/ react.createElement(Base, {
         as: "td",
@@ -14,7 +14,8 @@ const TableDataCell_TableDataCell = /*#__PURE__*/ react.forwardRef(function({ da
             'ds-table__cell--numeric': 'numeric' === dataType,
             'ds-table__cell--warning': 'warning' === highlight,
             'ds-table__cell--error': 'error' === highlight,
-            'ds-table__cell--max-w': true === maxWidthWithOverflow
+            'ds-table__cell--max-w': true === maxWidthWithOverflow,
+            'ds-table__cell--actions-cell-width': true === isActionsCell
         }),
         ...props
     }, maxWidthWithOverflow ? /*#__PURE__*/ react.createElement("div", {

package/index.js

@@ -1,4 +1,4 @@
-/** @license Digigov v2.2.3
+/** @license Digigov v2.2.4-govgr-3925.02-06-26-15-58
  *
  * This source code is licensed under the BSD-2-Clause license found in the
  * LICENSE file in the root directory of this source tree.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digigov/react-core",
-  "version": "2.2.3",
+  "version": "2.2.4-govgr-3925.02-06-26-15-58",
   "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.2.3",
-    "@digigov/react-icons": "2.2.3"
+    "@digigov/css": "2.2.4-govgr-3925.02-06-26-15-58",
+    "@digigov/react-icons": "2.2.4-govgr-3925.02-06-26-15-58"
   },
   "peerDependenciesMeta": {
     "react-native": {

package/src/TableDataCell/index.tsx

@@ -52,6 +52,14 @@ 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
+   */
+  isActionsCell?: boolean;
 }
 /**
  * Use TableDataCell inside the Table component to fill the data of a cell in a table.
@@ -65,6 +73,7 @@ export const TableDataCell = React.forwardRef<
     variant = 'border',
     wordBreak = 'none',
     highlight,
+    isActionsCell = false,
     highlightAssistiveText,
     maxWidthWithOverflow = false,
     className,
@@ -93,6 +102,7 @@ export const TableDataCell = React.forwardRef<
         'ds-table__cell--warning': highlight === 'warning',
         'ds-table__cell--error': highlight === 'error',
         'ds-table__cell--max-w': maxWidthWithOverflow === true,
+        'ds-table__cell--actions-cell-width': isActionsCell === true,
       })}
       {...props}
     >