@map-colonies/react-components 3.12.2 → 3.12.3

package/src/lib/smart-table/smart-table-head.spec.tsx

@@ -1,116 +1,116 @@
-import React from 'react';
-import { shallow } from 'enzyme';
-import { TableCell, TableSortLabel } from '@material-ui/core';
-import { SmartEnhancedTableHead } from './smart-table-head';
-import { headCells } from './__mock-data__/smartTableMocks';
-
-it('generates the correct number of table cells', () => {
-  const wrapper = shallow(
-    <SmartEnhancedTableHead
-      headCells={headCells}
-      isCollapseable={false}
-      onRequestSort={() => {
-        // do nothing for eslint
-      }}
-      order="asc"
-      orderBy={''}
-    />
-  );
-
-  expect(wrapper.find(TableCell)).toHaveLength(headCells.length);
-
-  wrapper.setProps({ isCollapseable: true });
-
-  expect(wrapper.find(TableCell)).toHaveLength(headCells.length + 1);
-});
-
-it('sets the correct values for the table cell properties', () => {
-  const wrapper = shallow(
-    <SmartEnhancedTableHead
-      headCells={headCells}
-      isCollapseable={false}
-      onRequestSort={() => {
-        // do nothing for eslint
-      }}
-      order="asc"
-      orderBy={'first'}
-    />
-  );
-
-  /* eslint-disable @typescript-eslint/no-unsafe-assignment */
-  const firstTableCellProps = wrapper
-    .findWhere((n) => n.type() === TableCell && n.key() === headCells[0].id)
-    .props();
-  /* eslint-disable @typescript-eslint/no-unsafe-assignment */
-  const secondTableCellProps = wrapper
-    .findWhere((n) => n.type() === TableCell && n.key() === headCells[1].id)
-    .props();
-
-  expect(firstTableCellProps).toHaveProperty('align', 'left');
-  expect(secondTableCellProps).toHaveProperty('align', 'right');
-
-  expect(firstTableCellProps).toHaveProperty('padding', 'none');
-  expect(secondTableCellProps).toHaveProperty('padding', 'default');
-
-  expect(firstTableCellProps).toHaveProperty('sortDirection', 'asc');
-  expect(secondTableCellProps).toHaveProperty('sortDirection', false);
-});
-
-it('sets the correct values for the sort label properties', () => {
-  const wrapper = shallow(
-    <SmartEnhancedTableHead
-      headCells={headCells}
-      isCollapseable={false}
-      onRequestSort={() => {
-        // do nothing for eslint
-      }}
-      order="desc"
-      orderBy={'first'}
-    />
-  );
-
-  const firstSortLabelProps = wrapper
-    .findWhere(
-      (n) =>
-        n.type() === TableSortLabel && n.prop('children') === headCells[0].label
-    )
-    .props();
-  const secondSortLabelProps = wrapper
-    .findWhere(
-      (n) =>
-        n.type() === TableSortLabel && n.prop('children') === headCells[1].label
-    )
-    .props();
-
-  expect(firstSortLabelProps).toHaveProperty('active', true);
-  expect(secondSortLabelProps).toHaveProperty('active', false);
-
-  expect(firstSortLabelProps).toHaveProperty('direction', 'desc');
-  expect(secondSortLabelProps).toHaveProperty('direction', 'asc');
-});
-
-it('calls onRequestSort with the correct params', () => {
-  const handleRequestSort = jest.fn();
-
-  const wrapper = shallow(
-    <SmartEnhancedTableHead
-      headCells={headCells}
-      isCollapseable={false}
-      onRequestSort={handleRequestSort}
-      order="desc"
-      orderBy={'first'}
-    />
-  );
-
-  wrapper
-    .findWhere(
-      (n) =>
-        n.type() === TableSortLabel && n.prop('children') === headCells[0].label
-    )
-    .simulate('click', {});
-
-  expect(handleRequestSort).toHaveBeenCalledWith(
-    expect.anything(),
-    headCells[0].id
-  );
-});
+import React from 'react';
+import { shallow } from 'enzyme';
+import { TableCell, TableSortLabel } from '@material-ui/core';
+import { SmartEnhancedTableHead } from './smart-table-head';
+import { headCells } from './__mock-data__/smartTableMocks';
+
+it('generates the correct number of table cells', () => {
+  const wrapper = shallow(
+    <SmartEnhancedTableHead
+      headCells={headCells}
+      isCollapseable={false}
+      onRequestSort={() => {
+        // do nothing for eslint
+      }}
+      order="asc"
+      orderBy={''}
+    />
+  );
+
+  expect(wrapper.find(TableCell)).toHaveLength(headCells.length);
+
+  wrapper.setProps({ isCollapseable: true });
+
+  expect(wrapper.find(TableCell)).toHaveLength(headCells.length + 1);
+});
+
+it('sets the correct values for the table cell properties', () => {
+  const wrapper = shallow(
+    <SmartEnhancedTableHead
+      headCells={headCells}
+      isCollapseable={false}
+      onRequestSort={() => {
+        // do nothing for eslint
+      }}
+      order="asc"
+      orderBy={'first'}
+    />
+  );
+
+  /* eslint-disable @typescript-eslint/no-unsafe-assignment */
+  const firstTableCellProps = wrapper
+    .findWhere((n) => n.type() === TableCell && n.key() === headCells[0].id)
+    .props();
+  /* eslint-disable @typescript-eslint/no-unsafe-assignment */
+  const secondTableCellProps = wrapper
+    .findWhere((n) => n.type() === TableCell && n.key() === headCells[1].id)
+    .props();
+
+  expect(firstTableCellProps).toHaveProperty('align', 'left');
+  expect(secondTableCellProps).toHaveProperty('align', 'right');
+
+  expect(firstTableCellProps).toHaveProperty('padding', 'none');
+  expect(secondTableCellProps).toHaveProperty('padding', 'default');
+
+  expect(firstTableCellProps).toHaveProperty('sortDirection', 'asc');
+  expect(secondTableCellProps).toHaveProperty('sortDirection', false);
+});
+
+it('sets the correct values for the sort label properties', () => {
+  const wrapper = shallow(
+    <SmartEnhancedTableHead
+      headCells={headCells}
+      isCollapseable={false}
+      onRequestSort={() => {
+        // do nothing for eslint
+      }}
+      order="desc"
+      orderBy={'first'}
+    />
+  );
+
+  const firstSortLabelProps = wrapper
+    .findWhere(
+      (n) =>
+        n.type() === TableSortLabel && n.prop('children') === headCells[0].label
+    )
+    .props();
+  const secondSortLabelProps = wrapper
+    .findWhere(
+      (n) =>
+        n.type() === TableSortLabel && n.prop('children') === headCells[1].label
+    )
+    .props();
+
+  expect(firstSortLabelProps).toHaveProperty('active', true);
+  expect(secondSortLabelProps).toHaveProperty('active', false);
+
+  expect(firstSortLabelProps).toHaveProperty('direction', 'desc');
+  expect(secondSortLabelProps).toHaveProperty('direction', 'asc');
+});
+
+it('calls onRequestSort with the correct params', () => {
+  const handleRequestSort = jest.fn();
+
+  const wrapper = shallow(
+    <SmartEnhancedTableHead
+      headCells={headCells}
+      isCollapseable={false}
+      onRequestSort={handleRequestSort}
+      order="desc"
+      orderBy={'first'}
+    />
+  );
+
+  wrapper
+    .findWhere(
+      (n) =>
+        n.type() === TableSortLabel && n.prop('children') === headCells[0].label
+    )
+    .simulate('click', {});
+
+  expect(handleRequestSort).toHaveBeenCalledWith(
+    expect.anything(),
+    headCells[0].id
+  );
+});

package/src/lib/smart-table/smart-table-head.tsx

@@ -1,47 +1,47 @@
-/* eslint-disable */
-
-import React from 'react';
-import TableHead from '@material-ui/core/TableHead';
-import { CellMetadata, Order } from './smart-table-types';
-import { TableRow, TableCell, TableSortLabel } from '@material-ui/core';
-
-interface SmartTableHeadProps<T> {
-  headCells: CellMetadata<T>[];
-  onRequestSort: (event: React.MouseEvent<unknown>, property: keyof T) => void;
-  order: Order;
-  orderBy: keyof T | '';
-  isCollapseable: boolean;
-}
-
-export function SmartEnhancedTableHead<T>(props: SmartTableHeadProps<T>) {
-  const { headCells, order, orderBy, onRequestSort, isCollapseable } = props;
-  const createSortHandler = (property: keyof T) => (
-    event: React.MouseEvent<unknown>
-  ) => {
-    onRequestSort(event, property);
-  };
-
-  return (
-    <TableHead>
-      <TableRow>
-        {isCollapseable && <TableCell />}
-        {headCells.map((headCell) => (
-          <TableCell
-            key={headCell.id as string}
-            align={headCell.numeric ? 'right' : 'left'}
-            padding={headCell.disablePadding ? 'none' : 'default'}
-            sortDirection={orderBy === headCell.id ? order : false}
-          >
-            <TableSortLabel
-              active={orderBy === headCell.id}
-              direction={orderBy === headCell.id ? order : 'asc'}
-              onClick={createSortHandler(headCell.id)}
-            >
-              {headCell.label}
-            </TableSortLabel>
-          </TableCell>
-        ))}
-      </TableRow>
-    </TableHead>
-  );
-}
+/* eslint-disable */
+
+import React from 'react';
+import TableHead from '@material-ui/core/TableHead';
+import { CellMetadata, Order } from './smart-table-types';
+import { TableRow, TableCell, TableSortLabel } from '@material-ui/core';
+
+interface SmartTableHeadProps<T> {
+  headCells: CellMetadata<T>[];
+  onRequestSort: (event: React.MouseEvent<unknown>, property: keyof T) => void;
+  order: Order;
+  orderBy: keyof T | '';
+  isCollapseable: boolean;
+}
+
+export function SmartEnhancedTableHead<T>(props: SmartTableHeadProps<T>) {
+  const { headCells, order, orderBy, onRequestSort, isCollapseable } = props;
+  const createSortHandler = (property: keyof T) => (
+    event: React.MouseEvent<unknown>
+  ) => {
+    onRequestSort(event, property);
+  };
+
+  return (
+    <TableHead>
+      <TableRow>
+        {isCollapseable && <TableCell />}
+        {headCells.map((headCell) => (
+          <TableCell
+            key={headCell.id as string}
+            align={headCell.numeric ? 'right' : 'left'}
+            padding={headCell.disablePadding ? 'none' : 'default'}
+            sortDirection={orderBy === headCell.id ? order : false}
+          >
+            <TableSortLabel
+              active={orderBy === headCell.id}
+              direction={orderBy === headCell.id ? order : 'asc'}
+              onClick={createSortHandler(headCell.id)}
+            >
+              {headCell.label}
+            </TableSortLabel>
+          </TableCell>
+        ))}
+      </TableRow>
+    </TableHead>
+  );
+}

package/src/lib/smart-table/smart-table-row.spec.tsx

@@ -1,109 +1,109 @@
-import React from 'react';
-import { shallow } from 'enzyme';
-import { IconButton, Collapse, TableCell, TableRow } from '@material-ui/core';
-import { SmartTableRow } from './smart-table-row';
-import { items, headCells } from './__mock-data__/smartTableMocks';
-
-const item = items[0];
-
-it('adds an IconButton and Collapse area if collapse is enabled and renders the element', () => {
-  const collapsedElementMock = jest.fn();
-
-  const wrapper = shallow(
-    <SmartTableRow
-      cellsMetadata={headCells}
-      isCollapseable={true}
-      isRowSelected={false}
-      item={item}
-      rowIndex={0}
-      collapsedElement={collapsedElementMock}
-    />
-  );
-
-  expect(wrapper.exists(IconButton)).toBeTruthy();
-  expect(wrapper.exists(Collapse)).toBeTruthy();
-
-  expect(collapsedElementMock).toHaveBeenCalledWith(item);
-  expect(collapsedElementMock).toHaveBeenCalledTimes(1);
-
-  wrapper.setProps({ isCollapseable: false });
-  expect(wrapper.exists(IconButton)).toBeFalsy();
-  expect(wrapper.exists(Collapse)).toBeFalsy();
-});
-
-it('opens the collapseable panel when the button is pressed', () => {
-  const wrapper = shallow(
-    <SmartTableRow
-      cellsMetadata={headCells}
-      isCollapseable={true}
-      isRowSelected={false}
-      item={item}
-      rowIndex={0}
-    />
-  );
-
-  expect(wrapper.find(Collapse).props()).toHaveProperty('in', false);
-
-  wrapper.find(IconButton).simulate('click', { stopPropagation: jest.fn() });
-
-  expect(wrapper.find(Collapse).props()).toHaveProperty('in', true);
-});
-
-it('generates tablecells with the correct properties and runs transform', () => {
-  const rowIndex = 0;
-  const wrapper = shallow(
-    <SmartTableRow
-      cellsMetadata={headCells}
-      isCollapseable={false}
-      isRowSelected={false}
-      item={item}
-      rowIndex={rowIndex}
-    />
-  );
-
-  /* eslint-disable @typescript-eslint/no-unsafe-assignment */
-  const firstTableCellProps = wrapper
-    .findWhere(
-      (n) =>
-        n.type() === TableCell &&
-        n.key() === headCells[0].id + rowIndex.toString()
-    )
-    .props();
-  /* eslint-disable @typescript-eslint/no-unsafe-assignment */
-  const secondTableCellProps = wrapper
-    .findWhere(
-      (n) =>
-        n.type() === TableCell &&
-        n.key() === headCells[1].id + rowIndex.toString()
-    )
-    .props();
-
-  expect(firstTableCellProps).toHaveProperty('align', 'left');
-  expect(secondTableCellProps).toHaveProperty('align', 'right');
-
-  expect(firstTableCellProps).toHaveProperty('padding', 'none');
-  expect(secondTableCellProps).toHaveProperty('padding', 'default');
-
-  // expect(firstTableCellProps).toHaveProperty('children', '42');
-  expect(headCells[0].transform).toHaveBeenCalledWith(item.first);
-  expect(secondTableCellProps).toHaveProperty('children', item.second);
-});
-
-it('calls onRowSelected with the correct index', () => {
-  const onRowSelected = jest.fn();
-
-  const wrapper = shallow(
-    <SmartTableRow
-      cellsMetadata={headCells}
-      isCollapseable={false}
-      isRowSelected={false}
-      item={item}
-      rowIndex={0}
-      onRowSelected={onRowSelected}
-    />
-  );
-
-  wrapper.find(TableRow).simulate('click');
-
-  expect(onRowSelected).toHaveBeenCalledWith(0);
-});
+import React from 'react';
+import { shallow } from 'enzyme';
+import { IconButton, Collapse, TableCell, TableRow } from '@material-ui/core';
+import { SmartTableRow } from './smart-table-row';
+import { items, headCells } from './__mock-data__/smartTableMocks';
+
+const item = items[0];
+
+it('adds an IconButton and Collapse area if collapse is enabled and renders the element', () => {
+  const collapsedElementMock = jest.fn();
+
+  const wrapper = shallow(
+    <SmartTableRow
+      cellsMetadata={headCells}
+      isCollapseable={true}
+      isRowSelected={false}
+      item={item}
+      rowIndex={0}
+      collapsedElement={collapsedElementMock}
+    />
+  );
+
+  expect(wrapper.exists(IconButton)).toBeTruthy();
+  expect(wrapper.exists(Collapse)).toBeTruthy();
+
+  expect(collapsedElementMock).toHaveBeenCalledWith(item);
+  expect(collapsedElementMock).toHaveBeenCalledTimes(1);
+
+  wrapper.setProps({ isCollapseable: false });
+  expect(wrapper.exists(IconButton)).toBeFalsy();
+  expect(wrapper.exists(Collapse)).toBeFalsy();
+});
+
+it('opens the collapseable panel when the button is pressed', () => {
+  const wrapper = shallow(
+    <SmartTableRow
+      cellsMetadata={headCells}
+      isCollapseable={true}
+      isRowSelected={false}
+      item={item}
+      rowIndex={0}
+    />
+  );
+
+  expect(wrapper.find(Collapse).props()).toHaveProperty('in', false);
+
+  wrapper.find(IconButton).simulate('click', { stopPropagation: jest.fn() });
+
+  expect(wrapper.find(Collapse).props()).toHaveProperty('in', true);
+});
+
+it('generates tablecells with the correct properties and runs transform', () => {
+  const rowIndex = 0;
+  const wrapper = shallow(
+    <SmartTableRow
+      cellsMetadata={headCells}
+      isCollapseable={false}
+      isRowSelected={false}
+      item={item}
+      rowIndex={rowIndex}
+    />
+  );
+
+  /* eslint-disable @typescript-eslint/no-unsafe-assignment */
+  const firstTableCellProps = wrapper
+    .findWhere(
+      (n) =>
+        n.type() === TableCell &&
+        n.key() === headCells[0].id + rowIndex.toString()
+    )
+    .props();
+  /* eslint-disable @typescript-eslint/no-unsafe-assignment */
+  const secondTableCellProps = wrapper
+    .findWhere(
+      (n) =>
+        n.type() === TableCell &&
+        n.key() === headCells[1].id + rowIndex.toString()
+    )
+    .props();
+
+  expect(firstTableCellProps).toHaveProperty('align', 'left');
+  expect(secondTableCellProps).toHaveProperty('align', 'right');
+
+  expect(firstTableCellProps).toHaveProperty('padding', 'none');
+  expect(secondTableCellProps).toHaveProperty('padding', 'default');
+
+  // expect(firstTableCellProps).toHaveProperty('children', '42');
+  expect(headCells[0].transform).toHaveBeenCalledWith(item.first);
+  expect(secondTableCellProps).toHaveProperty('children', item.second);
+});
+
+it('calls onRowSelected with the correct index', () => {
+  const onRowSelected = jest.fn();
+
+  const wrapper = shallow(
+    <SmartTableRow
+      cellsMetadata={headCells}
+      isCollapseable={false}
+      isRowSelected={false}
+      item={item}
+      rowIndex={0}
+      onRowSelected={onRowSelected}
+    />
+  );
+
+  wrapper.find(TableRow).simulate('click');
+
+  expect(onRowSelected).toHaveBeenCalledWith(0);
+});