@gravity-ui/react-data-table 1.0.3 → 1.2.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Changelog
 
+## [1.2.0](https://github.com/gravity-ui/react-data-table/compare/v1.1.0...v1.2.0) (2023-09-05)
+
+
+### Features
+
+* migrate to @bem-react/classname ([#32](https://github.com/gravity-ui/react-data-table/issues/32)) ([af0987e](https://github.com/gravity-ui/react-data-table/commit/af0987e65e68766747a7956ff8521014c6037648))
+
+## [1.1.0](https://github.com/gravity-ui/react-data-table/compare/v1.0.3...v1.1.0) (2023-05-05)
+
+
+### Features
+
+* add event in cell click handler ([#26](https://github.com/gravity-ui/react-data-table/issues/26)) ([11e7a00](https://github.com/gravity-ui/react-data-table/commit/11e7a0067d980f6e3a215468d86df9b6a691428f))
+
 ## [1.0.3](https://github.com/gravity-ui/react-data-table/compare/v1.0.2...v1.0.3) (2023-02-02)
 
 

package/build/esm/lib/DataTable.d.ts

@@ -354,7 +354,7 @@ declare class DataTableView<T> extends React.Component<DataTableProps<T>, DataTa
             index: number;
             footer?: boolean;
             headerData?: boolean;
-        }) => () => void) | (() => undefined);
+        }) => (event: React.MouseEvent<HTMLTableCellElement>) => void) | (() => undefined);
         customStyle: ((props: import("./types").CustomStyleParams<T>) => React.CSSProperties) | (() => undefined);
         group: boolean | undefined;
         autogroup: boolean;
@@ -380,7 +380,7 @@ declare class DataTableView<T> extends React.Component<DataTableProps<T>, DataTa
             index: number;
             footer?: boolean | undefined;
             headerData?: boolean | undefined;
-        }, column: Column<T>) => void) | undefined;
+        }, column: Column<T>, event: React.MouseEvent<HTMLTableCellElement, MouseEvent>) => void) | undefined;
         defaultOrder: OrderType;
         sortAccessor?: string | ((row: T) => any) | undefined;
         sortAscending?: import("./types").Comparator<T> | undefined;

package/build/esm/lib/DataTable.js

@@ -1,5 +1,4 @@
 import { __rest } from "tslib";
-import cn from 'bem-cn-lite';
 import PropTypes from 'prop-types';
 import * as React from 'react';
 import ReactList from 'react-list';
@@ -7,7 +6,7 @@ import './DataTable.scss';
 import { ASCENDING, CENTER, DESCENDING, FIXED, INDEX_COLUMN, LEFT, MOVING, RIGHT } from './constants';
 import { positionStickySupported } from './featureSupport';
 import { HeightObserver } from './height-observer';
-import { externalToInternalSortOrder, getSortOrder, getSortedData, internalToExternalSortOrder, } from './util';
+import { cn, externalToInternalSortOrder, getSortOrder, getSortedData, internalToExternalSortOrder, } from './util';
 const b = cn('data-table');
 const ICON_ASC = (React.createElement("svg", { className: b('icon'), viewBox: "0 0 10 6", width: "10", height: "6" },
     React.createElement("path", { fill: "currentColor", d: "M0 5h10l-5 -5z" })));
@@ -573,7 +572,7 @@ class DataTableView extends React.Component {
                 : ({ value }) => value;
             const customStyle = typeof column.customStyle === 'function' ? column.customStyle : () => undefined;
             const _getOnClick = typeof onClick === 'function'
-                ? (data) => () => onClick(data, column)
+                ? (data) => (event) => onClick(data, column, event)
                 : () => undefined;
             return Object.assign(Object.assign({ index: columnIndex - indexAdjustment, columnIndex, dataColumn: true, defaultOrder }, column), { sortable: sortable && isSortEnabled, _className,
                 _getValue,

package/build/esm/lib/types.d.ts

@@ -49,7 +49,7 @@ export interface Column<T> {
         index: number;
         footer?: boolean;
         headerData?: boolean;
-    }, column: Column<T>) => void;
+    }, column: Column<T>, event: React.MouseEvent<HTMLTableCellElement>) => void;
     sortable?: boolean;
     defaultOrder?: OrderType;
     sortAccessor?: string | ((row: T) => any);

package/build/esm/lib/util.d.ts

@@ -1,5 +1,6 @@
 import { ColumnExtended, NameToOrderTypeMap, SortOrderWithSortColumns } from './DataTable';
 import { OrderType, Settings, SortOrder, SortedDataItem } from './types';
+export declare const cn: import("@bem-react/classname").ClassNameInitilizer;
 export declare type SlimColumn = {
     name: string;
     defaultOrder?: OrderType;

package/build/esm/lib/util.js

@@ -1,5 +1,7 @@
 import { __rest } from "tslib";
+import { withNaming } from '@bem-react/classname';
 import { ASCENDING, DESCENDING } from './constants';
+export const cn = withNaming({ e: '__', m: '_' });
 export function getSortOrder({ name: columnName, defaultOrder: columnDefaultOrder }, { sortOrder = {}, sortColumns = [] }, multiColumnSort = false, { defaultOrder: settingsDefaultOrder, disableSortReset, } = {}) {
     const defaultOrder = columnDefaultOrder || settingsDefaultOrder;
     const emptyResult = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/react-data-table",
-  "version": "1.0.3",
+  "version": "1.2.0",
   "description": "DataTable component",
   "main": "build/esm/lib/index.js",
   "types": "build/esm/lib/index.d.ts",
@@ -37,12 +37,13 @@
   "peerDependencies": {
     "react": ">=16.14.0",
     "prop-types": ">=15.8.0",
-    "bem-cn-lite": ">=4.0.0"
+    "@bem-react/classname": ">=1.6.0"
   },
   "publishConfig": {
     "access": "public"
   },
   "devDependencies": {
+    "@bem-react/classname": "^1.6.0",
     "@commitlint/cli": "15.0.0",
     "@commitlint/config-conventional": "15.0.0",
     "@gravity-ui/eslint-config": "^2.0.0",
@@ -59,7 +60,6 @@
     "@types/react-dom": "16.9.14",
     "@types/react-list": "0.8.7",
     "@typescript-eslint/eslint-plugin": "^5.50.0",
-    "bem-cn-lite": "4.0.0",
     "copyfiles": "2.4.1",
     "css-loader": "5.2.7",
     "eslint": "8.6.0",