fix: FastField re-rendering.

fix: Allocate landed cost dialog.

client/src/components/Card.js

@@ -0,0 +1,5 @@
+import React from 'react';
+
+export default function Card({ children }) {
+  return <div class="card">{children}</div>;
+}

client/src/components/Datatable/DatatableEditable.js

@@ -4,14 +4,26 @@ import { CLASSES } from 'common/classes';
 import { DataTable, If } from 'components';
 import 'style/components/DataTable/DataTableEditable.scss';
 
+/**
+ * Editable datatable.
+ */
 export default function DatatableEditable({
   totalRow = false,
   actions,
+  name,
   className,
   ...tableProps
 }) {
   return (
-    <div className={classNames(CLASSES.DATATABLE_EDITOR, className)}>
+    <div
+      className={classNames(
+        CLASSES.DATATABLE_EDITOR,
+        {
+          [`${CLASSES.DATATABLE_EDITOR}--${name}`]: name,
+        },
+        className,
+      )}
+    >
       <DataTable {...tableProps} />
 
       <If condition={actions}>

client/src/components/Details/index.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import className from 'classname';
+
+/**
+ * Details menu.
+ */
+export function DetailsMenu({ children, vertical = false }) {
+  return (
+    <div
+      className={className('details-menu', {
+        'is-vertical': vertical,
+      })}
+    >
+      {children}
+    </div>
+  );
+}
+
+/**
+ * Detail item.
+ */
+export function DetailItem({ label, children }) {
+  return (
+    <div class="detail-item">
+      <div class="detail-item__label">{label}</div>
+      <div class="detail-item__content">{children}</div>
+    </div>
+  );
+}

client/src/components/Drawer/Drawer.js

@@ -1,9 +1,14 @@
 import React from 'react';
 import { Position, Drawer } from '@blueprintjs/core';
-import withDrawerActions from 'containers/Drawer/withDrawerActions';
 
+import 'style/components/Drawer.scss';
+
+import withDrawerActions from 'containers/Drawer/withDrawerActions';
 import { compose } from 'utils';
 
+/**
+ * Drawer component.
+ */
 function DrawerComponent(props) {
   const { name, children, onClose, closeDrawer } = props;
 

client/src/components/index.js

@@ -57,6 +57,7 @@ import Postbox from './Postbox';
 import AccountsSuggestField from './AccountsSuggestField';
 import MaterialProgressBar from './MaterialProgressBar';
 import { MoneyFieldCell } from './DataTableCells';
+import Card from './Card';
 
 import { ItemsMultiSelect } from './Items';
 
@@ -127,5 +128,6 @@ export {
   AccountsSuggestField,
   MaterialProgressBar,
   MoneyFieldCell,
-  ItemsMultiSelect
+  ItemsMultiSelect,
+  Card
 };