@synerise/ds-table-new 1.3.0 → 1.3.1

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.3.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-table-new@1.3.0...@synerise/ds-table-new@1.3.1) (2026-05-19)
+
+### Bug Fixes
+
+- **table-new:** reinstate optional indent without expander ([015517a](https://github.com/Synerise/synerise-design/commit/015517a00a7d9dd1a4b50e7dad20c7fb71ede2d8))
+
 # [1.3.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-table-new@1.2.0...@synerise/ds-table-new@1.3.0) (2026-05-15)
 
 ### Features

package/dist/components/TreeTable/TreeTable.d.ts

@@ -1,3 +1,3 @@
 import { default as React } from 'react';
 import { TreeTableProps } from './TreeTable.types';
-export declare const TreeTable: <TData extends object, TValue>({ data, columns, childrenColumnName, defaultExpandAllRows, expandedRowKeys: controlledExpandedKeys, onExpandRow, expandIconColumnIndex, rowKey, ...props }: TreeTableProps<TData, TValue>) => React.JSX.Element;
+export declare const TreeTable: <TData extends object, TValue>({ data, columns, childrenColumnName, defaultExpandAllRows, expandedRowKeys: controlledExpandedKeys, onExpandRow, expandIconColumnIndex, hideExpandIcon, rowKey, ...props }: TreeTableProps<TData, TValue>) => React.JSX.Element;

package/dist/components/TreeTable/TreeTable.js

@@ -27,6 +27,7 @@ const TreeTable = ({
   expandedRowKeys: controlledExpandedKeys,
   onExpandRow,
   expandIconColumnIndex = 0,
+  hideExpandIcon = false,
   rowKey,
   ...props
 }) => {
@@ -84,18 +85,20 @@ const TreeTable = ({
             length: depth
           }, (_, i) => /* @__PURE__ */ jsx(IndentBar, { $level: i, $active: i + 1 === depth }, i));
           const originalCell = typeof col.cell === "function" ? col.cell(info) : info.getValue();
-          return /* @__PURE__ */ jsxs(TreeCellWrapper, { $indentWidth: depth * INDENT_SIZE, children: [
-            depth > 0 && /* @__PURE__ */ jsx(IndentsContainer, { $depth: depth, children: indents }),
-            /* @__PURE__ */ jsx(ExpanderWrapper, { children: isParent ? /* @__PURE__ */ jsx(Expander, { expanded: isExpanded, onClick: (e) => {
-              e.stopPropagation();
-              toggleExpand(rowId);
-            } }) : depth > 0 ? /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(ChildRowLeftDownM, {}), color: theme.palette["grey-400"] }) : null }),
+          const rowPrefix = isParent && !hideExpandIcon ? /* @__PURE__ */ jsx(Expander, { expanded: isExpanded, onClick: (e) => {
+            e.stopPropagation();
+            toggleExpand(rowId);
+          } }) : depth > 0 ? /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(ChildRowLeftDownM, {}), color: theme.palette["grey-400"] }) : null;
+          const finalDepth = hideExpandIcon && depth > 0 ? depth - 1 : depth;
+          return /* @__PURE__ */ jsxs(TreeCellWrapper, { $indentWidth: finalDepth * INDENT_SIZE, children: [
+            depth > 0 && !hideExpandIcon && /* @__PURE__ */ jsx(IndentsContainer, { $depth: depth, children: indents }),
+            rowPrefix && /* @__PURE__ */ jsx(ExpanderWrapper, { children: rowPrefix }),
             originalCell
           ] });
         }
       };
     });
-  }, [columns, expandIconColumnIndex, getRowKey, hasChildren, expandedKeys, toggleExpand]);
+  }, [columns, expandIconColumnIndex, getRowKey, hasChildren, expandedKeys, toggleExpand, hideExpandIcon]);
   return /* @__PURE__ */ jsx(TreeTableRoot, { children: /* @__PURE__ */ jsx(Table, { data, columns: treeColumns, rowKey, expandable: {
     childrenColumnName: childrenKey,
     expandedRowKeys: expandedKeys

package/dist/components/TreeTable/TreeTable.types.d.ts

@@ -19,8 +19,17 @@ export type TreeTableProps<TData, TValue> = Omit<TableProps<TData, TValue>, 'exp
     onExpandRow?: (key: string, expanded: boolean) => void;
     /**
      * Index of the column where the expand icon is rendered.
-     * Set to -1 to hide the expand icon entirely.
+     * Set to -1 to hide the expand icon and skip indentation entirely.
      * @default 0
      */
     expandIconColumnIndex?: number;
+    /**
+     * Suppress the expander button on parent rows while still rendering
+     * indentation and the leaf glyph (ChildRowLeftDownM) on every indented row.
+     * Use when expand/collapse is not user-controllable but you still want
+     * visual hierarchy matching the legacy antd table.
+     * Ignored when `expandIconColumnIndex` is negative.
+     * @default false
+     */
+    hideExpandIcon?: boolean;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-table-new",
-  "version": "1.3.0",
+  "version": "1.3.1",
   "description": "TableNew UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -80,5 +80,5 @@
     "react-intl": ">= 3.12.0 <= 6.8",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "ef14a62702ad420add6ad1c56da88df1f70a1bb8"
+  "gitHead": "b757d8f81066fcba3d1a739dfbbcdb49c13b9f90"
 }