feat: CellForceWidth component.

src/components/Button/ButtonLink.js

@@ -0,0 +1,23 @@
+import styled from 'styled-components';
+import { Button } from '@blueprintjs/core';
+
+export const ButtonLink = styled(Button)`
+  line-height: inherit;
+
+  &.bp3-small {
+    min-height: auto;
+    min-width: auto;
+    padding: 0;
+  }
+  &:not([class*='bp3-intent-']) {
+    &,
+    &:hover {
+      color: #0052cc;
+      background: transparent;
+    }
+
+    &:hover {
+      text-decoration: underline;
+    }
+  }
+`;

src/components/Button/index.js

@@ -0,0 +1,3 @@
+
+
+export * from './ButtonLink';

src/components/Datatable/CellForceWidth.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import { get } from 'lodash';
+
+import { getForceWidth } from 'utils';
+
+export function CellForceWidth({
+  value,
+  column: { forceWidthAccess },
+  row: { original },
+}) {
+  const forceWidthValue = forceWidthAccess
+    ? get(original, forceWidthAccess)
+    : value;
+
+  return <ForceWidth forceValue={forceWidthValue}>{value}</ForceWidth>;
+}
+
+export function ForceWidth({ children, forceValue }) {
+  const forceWidthValue = forceValue || children;
+
+  return (
+    <span
+      className={'force-width'}
+      style={{ minWidth: getForceWidth(forceWidthValue) }}
+    >
+      {children}
+    </span>
+  );
+}

src/components/Datatable/index.js

@@ -0,0 +1,4 @@
+
+
+
+export * from './CellForceWidth';

src/components/FormattedMessage.js

@@ -1,7 +1,7 @@
 import intl from 'react-intl-universal';
 
-export function FormattedMessage({ id }) {
-  return intl.get(id);
+export function FormattedMessage({ id, values }) {
+  return intl.get(id, values);
 }
 
 export function FormattedHTMLMessage({ ...args }) {

src/components/index.js

@@ -83,6 +83,8 @@ export * from './Utils/FormatNumber';
 export * from './Utils/FormatDate';
 export * from './BankAccounts';
 export * from './IntersectionObserver'
+export * from './Datatable/CellForceWidth';
+export * from './Button';
 
 const Hint = FieldHint;