@equinor/eds-data-grid-react 0.7.0 → 0.7.1

package/dist/eds-data-grid-react.cjs

@@ -586,7 +586,9 @@ function EdsDataGrid({
   defaultColumn,
   onRowClick,
   onCellClick,
-  enableFooter
+  enableFooter,
+  enableSortingRemoval,
+  ...rest
 }) {
   logDevelopmentWarningOfPropUse({
     virtualHeight: {
@@ -736,7 +738,8 @@ function EdsDataGrid({
     enableSubRowSelection: enableSubRowSelection ?? false,
     enableColumnPinning: true,
     enablePinning: true,
-    getRowId
+    getRowId,
+    enableSortingRemoval: enableSortingRemoval ?? true
   };
   react.useEffect(() => {
     if (columnOrder && columnOrder.length > 0) {
@@ -856,8 +859,12 @@ function EdsDataGrid({
     stickyHeader: !!stickyHeader,
     stickyFooter: !!stickyFooter,
     children: [/*#__PURE__*/jsxRuntime.jsxs(TableWrapper, {
-      className: "table-wrapper",
-      style: tableWrapperStyle,
+      ...rest,
+      className: `table-wrapper ${rest.className ?? ''}`,
+      style: {
+        ...rest.style,
+        ...tableWrapperStyle
+      },
       ref: parentRef,
       $height: height,
       $width: width,

package/dist/esm/EdsDataGrid.js

@@ -64,7 +64,9 @@ function EdsDataGrid({
   defaultColumn,
   onRowClick,
   onCellClick,
-  enableFooter
+  enableFooter,
+  enableSortingRemoval,
+  ...rest
 }) {
   logDevelopmentWarningOfPropUse({
     virtualHeight: {
@@ -214,7 +216,8 @@ function EdsDataGrid({
     enableSubRowSelection: enableSubRowSelection ?? false,
     enableColumnPinning: true,
     enablePinning: true,
-    getRowId
+    getRowId,
+    enableSortingRemoval: enableSortingRemoval ?? true
   };
   useEffect(() => {
     if (columnOrder && columnOrder.length > 0) {
@@ -334,8 +337,12 @@ function EdsDataGrid({
     stickyHeader: !!stickyHeader,
     stickyFooter: !!stickyFooter,
     children: [/*#__PURE__*/jsxs(TableWrapper, {
-      className: "table-wrapper",
-      style: tableWrapperStyle,
+      ...rest,
+      className: `table-wrapper ${rest.className ?? ''}`,
+      style: {
+        ...rest.style,
+        ...tableWrapperStyle
+      },
       ref: parentRef,
       $height: height,
       $width: width,

package/dist/types/EdsDataGrid.d.ts

@@ -1,2 +1,3 @@
+import { HTMLAttributes } from 'react';
 import { EdsDataGridProps } from './EdsDataGridProps';
-export declare function EdsDataGrid<T>({ rows, columns, columnResizeMode, pageSize, rowSelection, enableRowSelection, enableMultiRowSelection, enableSubRowSelection, selectedRows, rowSelectionState, enableColumnFiltering, debug, enablePagination, enableSorting, stickyHeader, stickyFooter, onSelectRow, onRowSelectionChange, caption, enableVirtual, virtualHeight, columnVisibility, columnVisibilityChange, emptyMessage, columnOrder, cellClass, cellStyle, rowClass, rowStyle, headerClass, headerStyle, footerClass, footerStyle, externalPaginator, onSortingChange, manualSorting, sortingState, columnPinState, scrollbarHorizontal, width, minWidth, height, getRowId, rowVirtualizerInstanceRef, columnSizing, onColumnResize, expansionState, setExpansionState, getSubRows, defaultColumn, onRowClick, onCellClick, enableFooter, }: EdsDataGridProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function EdsDataGrid<T>({ rows, columns, columnResizeMode, pageSize, rowSelection, enableRowSelection, enableMultiRowSelection, enableSubRowSelection, selectedRows, rowSelectionState, enableColumnFiltering, debug, enablePagination, enableSorting, stickyHeader, stickyFooter, onSelectRow, onRowSelectionChange, caption, enableVirtual, virtualHeight, columnVisibility, columnVisibilityChange, emptyMessage, columnOrder, cellClass, cellStyle, rowClass, rowStyle, headerClass, headerStyle, footerClass, footerStyle, externalPaginator, onSortingChange, manualSorting, sortingState, columnPinState, scrollbarHorizontal, width, minWidth, height, getRowId, rowVirtualizerInstanceRef, columnSizing, onColumnResize, expansionState, setExpansionState, getSubRows, defaultColumn, onRowClick, onCellClick, enableFooter, enableSortingRemoval, ...rest }: EdsDataGridProps<T> & HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;

package/dist/types/EdsDataGridProps.d.ts

@@ -253,6 +253,12 @@ type SortProps = {
      * Override the default sorting state
      */
     sortingState?: SortingState;
+    /**
+     * By default, the ability to remove sorting while cycling through the sorting states for a column is enabled.
+     * You can disable this behavior using the enableSortingRemoval table option.
+     * This behavior is useful if you want to ensure that at least one column is always sorted.
+     */
+    enableSortingRemoval?: boolean;
 };
 type ColumnProps = {
     columnPinState?: ColumnPinningState;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/eds-data-grid-react",
-  "version": "0.7.0",
+  "version": "0.7.1",
   "description": "A feature-rich data-grid written in React, implementing the Equinor Design System",
   "license": "MIT",
   "types": "dist/types/index.d.ts",
@@ -21,24 +21,24 @@
   },
   "dependencies": {
     "@tanstack/react-table": "^8.20.1",
-    "@tanstack/react-virtual": "^3.10.6",
-    "@equinor/eds-tokens": "0.9.2",
+    "@tanstack/react-virtual": "^3.10.8",
     "@equinor/eds-icons": "^0.21.0",
+    "@equinor/eds-tokens": "0.9.2",
     "@equinor/eds-utils": "^0.8.5"
   },
   "devDependencies": {
     "@rollup/plugin-babel": "^6.0.4",
-    "@rollup/plugin-commonjs": "^26.0.1",
-    "@rollup/plugin-node-resolve": "^15.2.3",
-    "@storybook/addon-a11y": "^8.2.8",
-    "@storybook/addon-actions": "^8.2.8",
-    "@storybook/addon-docs": "^8.2.8",
-    "@storybook/addon-essentials": "^8.2.8",
-    "@storybook/addon-links": "^8.2.8",
-    "@storybook/blocks": "^8.2.8",
-    "@storybook/preview-api": "^8.2.8",
-    "@storybook/react": "^8.2.8",
-    "@storybook/react-vite": "^8.2.8",
+    "@rollup/plugin-commonjs": "^27.0.0",
+    "@rollup/plugin-node-resolve": "^15.3.0",
+    "@storybook/addon-a11y": "^8.3.4",
+    "@storybook/addon-actions": "^8.3.4",
+    "@storybook/addon-docs": "^8.3.4",
+    "@storybook/addon-essentials": "^8.3.4",
+    "@storybook/addon-links": "^8.3.4",
+    "@storybook/blocks": "^8.3.4",
+    "@storybook/preview-api": "^8.3.4",
+    "@storybook/react": "^8.3.4",
+    "@storybook/react-vite": "^8.3.4",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.4.8",
     "@testing-library/react": "16.0.0",
@@ -48,7 +48,6 @@
     "@types/ramda": "^0.30.1",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
-    "babel-loader": "^9.1.3",
     "babel-plugin-styled-components": "^2.1.4",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
@@ -59,10 +58,10 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-hook-form": "^7.52.2",
-    "rollup": "^4.20.0",
-    "rollup-plugin-delete": "^2.0.0",
+    "rollup": "^4.22.5",
+    "rollup-plugin-delete": "^2.1.0",
     "rollup-plugin-postcss": "^4.0.2",
-    "storybook": "^8.2.8",
+    "storybook": "^8.3.4",
     "styled-components": "6.1.12",
     "ts-jest": "29.2.4",
     "ts-node": "10.9.2",