orc-shared 5.10.0-dev.16 → 5.10.0-dev.17

package/dist/components/MaterialUI/DataDisplay/TableWithInMemoryPaging.js

@@ -81,7 +81,9 @@ var TableWithInMemoryPaging = function TableWithInMemoryPaging(_ref) {
     _ref$placeholderTitle = _ref.placeholderTitle,
     placeholderTitle = _ref$placeholderTitle === void 0 ? null : _ref$placeholderTitle,
     _ref$placeholderSubti = _ref.placeholderSubtitle,
-    placeholderSubtitle = _ref$placeholderSubti === void 0 ? null : _ref$placeholderSubti;
+    placeholderSubtitle = _ref$placeholderSubti === void 0 ? null : _ref$placeholderSubti,
+    _ref$rowKeyField = _ref.rowKeyField,
+    rowKeyField = _ref$rowKeyField === void 0 ? "id" : _ref$rowKeyField;
   var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var tableRef = (0, _react.useRef)(null);
@@ -106,7 +108,7 @@ var TableWithInMemoryPaging = function TableWithInMemoryPaging(_ref) {
     filters = _useInMemoryPaging.filters,
     setFilter = _useInMemoryPaging.setFilter,
     totalCount = _useInMemoryPaging.totalCount;
-  var _buildHeaderAndRowFro = (0, _tableHelpers.default)(columnDefs, rowsSlice, isReadMode),
+  var _buildHeaderAndRowFro = (0, _tableHelpers.default)(columnDefs, rowsSlice, isReadMode, rowKeyField),
     headers = _buildHeaderAndRowFro.headers,
     rows = _buildHeaderAndRowFro.rows;
   var placeholder = /*#__PURE__*/_react.default.createElement(_Placeholder.default, {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "orc-shared",
-	"version": "5.10.0-dev.16",
+	"version": "5.10.0-dev.17",
 	"description": "Shared code for Orckestra applications",
 	"main": "./src/index.js",
 	"exports": {

package/src/components/MaterialUI/DataDisplay/TableWithInMemoryPaging.js

@@ -50,6 +50,7 @@ const TableWithInMemoryPaging = ({
 	placeholderIcon = null,
 	placeholderTitle = null,
 	placeholderSubtitle = null,
+	rowKeyField = "id",
 }) => {
 	const { formatMessage } = useIntl();
 	const tableRef = useRef(null);
@@ -79,7 +80,7 @@ const TableWithInMemoryPaging = ({
 		sortAndFilterFn: sortAndFilter,
 	});
 
-	const { headers, rows } = buildHeaderAndRowFromConfig(columnDefs, rowsSlice, isReadMode);
+	const { headers, rows } = buildHeaderAndRowFromConfig(columnDefs, rowsSlice, isReadMode, rowKeyField);
 	const placeholder = (
 		<Placeholder
 			icon={placeholderIcon}

package/src/components/MaterialUI/DataDisplay/TableWithInMemoryPaging.test.js

@@ -4,7 +4,7 @@ import { mount } from "enzyme";
 import Table from "./Table";
 import { buildHeaderAndRowFromConfig } from "./tableHelpers";
 import TableInfoBar from "./PredefinedElements/TableInfoBar";
-import { extractMessages } from "../../../utils/testUtils";
+import { extractMessages, spyOnConsole } from "../../../utils/testUtils";
 import TableProps from "./TableProps";
 import { createMuiTheme } from "./../../../utils/testUtils";
 import { TestWrapper } from "../../../utils/testUtils";
@@ -15,6 +15,7 @@ import SectionToolbar from "./PredefinedElements/SectionToolbar";
 import buildStore from "../../../buildStore";
 import { fireEvent, render, getByPlaceholderText, getByTestId, queryAllByRole } from "@testing-library/react";
 import Placeholder from "./PredefinedElements/Placeholder";
+import { cloneDeep } from "lodash";
 
 const messages = extractMessages(sharedMessages);
 
@@ -33,6 +34,8 @@ describe("TableWithInMemoryPaging", () => {
 
 	let store;
 
+	spyOnConsole(["error"]);
+
 	beforeEach(() => {
 		global.SUPPORTED_LOCALES = undefined;
 		store = buildStore([]); // use the real reducers
@@ -418,4 +421,37 @@ describe("TableWithInMemoryPaging", () => {
 
 		expect(component, "when mounted", "to satisfy", expected);
 	});
+
+	it("Renders TableWithInMemoryPaging with a different key", () => {
+		const configDefs = getColumnDefs();
+		const records = cloneDeep(standardListRecords);
+		records.forEach(record => {
+			record.anotherId = record.id;
+			delete record.id;
+		});
+
+		const component = (
+			<TestWrapper
+				provider={{ store }}
+				memoryRouter
+				intlProvider={{ messages }}
+				stylesProvider
+				muiThemeProvider={{ theme }}
+			>
+				<div>
+					<TableWithInMemoryPaging
+						sortedRows={records}
+						tableName={"StateName"}
+						columnDefs={configDefs}
+						searchProperties={["name"]}
+						rowKeyField="anotherId"
+					/>
+				</div>
+			</TestWrapper>
+		);
+
+		render(component);
+
+		expect(console.error, "was not called");
+	});
 });