@vendorflow/components 2.0.62 → 2.0.63

package/lib/components/material-ui/DataTable/Data.d.ts

@@ -1,5 +1,6 @@
 import { EnhancedColumn } from './DataTable';
 export interface People {
+    id: string;
     firstName: string;
     lastName: string;
     age: number;

package/lib/components/material-ui/DataTable/Data.js

@@ -30,6 +30,7 @@ exports.Columns = [
     __assign({ Header: 'Company', id: 'company', accessor: function (originalRow) { return originalRow.company.name; }, disableFilters: false }, (0, DataTable_1.getColumnFilterConfig)('select')),
 ];
 exports.Data = new Array(20).fill(null).map(function () { return ({
+    id: faker_1.default.datatype.uuid(),
     firstName: faker_1.default.name.firstName(),
     lastName: faker_1.default.name.lastName(),
     age: faker_1.default.datatype.number(60),

package/lib/components/material-ui/DataTable/DataTable.d.ts

@@ -1,4 +1,4 @@
-import { Column, UseSortByColumnProps, HeaderGroup, UseSortByOptions, TableOptions, UseSortByColumnOptions, PluginHook, UsePaginationOptions, UseSortByInstanceProps, UsePaginationInstanceProps, TableInstance, TableState, UseSortByState, UsePaginationState, UseRowSelectOptions, UseRowSelectInstanceProps, UseRowSelectState, Row, UseRowSelectRowProps, UseExpandedOptions, UseExpandedInstanceProps, UseExpandedState, UseExpandedRowProps, UseGlobalFiltersInstanceProps, UseGlobalFiltersState, UseFiltersOptions, UseFiltersInstanceProps, UseFiltersState, UseFiltersColumnOptions, UseFiltersColumnProps, Renderer, FilterProps } from 'react-table';
+import { Column, UseSortByColumnProps, HeaderGroup, UseSortByOptions, TableOptions, UseSortByColumnOptions, PluginHook, UsePaginationOptions, UseSortByInstanceProps, UsePaginationInstanceProps, TableInstance, TableState, UseSortByState, UsePaginationState, UseRowSelectOptions, UseRowSelectInstanceProps, UseRowSelectState, Row, UseRowSelectRowProps, UseExpandedOptions, UseExpandedInstanceProps, UseExpandedState, UseExpandedRowProps, UseGlobalFiltersInstanceProps, UseGlobalFiltersState, UseFiltersOptions, UseFiltersInstanceProps, UseFiltersState, UseFiltersColumnOptions, UseFiltersColumnProps, Renderer, FilterProps, UseTableOptions } from 'react-table';
 import { ReactNode } from 'react';
 export declare type Mode = 'single' | 'multi';
 export declare type CustomColumnConfigProps<D extends object> = {
@@ -22,6 +22,7 @@ export interface TableFeatureOptions<D extends object> {
         Component: (props: {
             data: D;
         }) => JSX.Element;
+        autoResetExpanded?: boolean;
     };
     filters?: {
         enabled: boolean;
@@ -45,6 +46,9 @@ export interface TableFeatureOptions<D extends object> {
     sorting?: {
         enabled: boolean;
     };
+    table?: {
+        getRowId?: UseTableOptions<D>['getRowId'];
+    };
 }
 interface Props<D extends object> {
     title?: string;

package/lib/components/material-ui/DataTable/DataTable.js

@@ -298,7 +298,11 @@ function useDefaultTableInstance(_a) {
             });
         }
     }
+    var getRowId = ((options === null || options === void 0 ? void 0 : options.table) || {}).getRowId;
+    var _e = ((options === null || options === void 0 ? void 0 : options.rowExpanding) || {}).autoResetExpanded, autoResetExpanded = _e === void 0 ? true : _e;
     return react_table_1.useTable.apply(void 0, __spreadArray([{
+            autoResetExpanded: autoResetExpanded,
+            getRowId: getRowId,
             columns: columns,
             data: data,
             filterTypes: filterTypes,

package/lib/components/material-ui/DataTable/DataTable.story.js

@@ -54,6 +54,9 @@ function DataTable() {
         sorting: {
             enabled: true,
         },
+        table: {
+            getRowId: function (person) { return person.id; },
+        },
     };
     var instance = (0, DataTable_1.useDefaultTableInstance)({ columns: columns, data: data, options: options });
     return (react_1.default.createElement(material_1.ThemeProvider, { theme: (0, material_1.createTheme)() },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vendorflow/components",
-  "version": "2.0.62",
+  "version": "2.0.63",
   "description": "React components for vendorflow",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",