chore: 🤖 Bump tsdx version to 0.12.0

To use .jsx files in the upcoming rich text field editor we need tsdx
0.12 together with the workaround mentioned on
jaredpalmer/tsdx#443

package.json

@@ -43,9 +43,9 @@
     "@commitlint/config-conventional": "^8.2.0",
     "@contentful/contentful-extension-scripts": "0.14.1",
     "@contentful/eslint-config-extension": "0.2.0",
+    "@contentful/forma-36-fcss": "^0.0.34",
     "@contentful/forma-36-react-components": "^3.28.13",
     "@contentful/forma-36-tokens": "^0.5.1",
-    "@contentful/forma-36-fcss": "^0.0.34",
     "@testing-library/cypress": "5.0.2",
     "@testing-library/jest-dom": "4.2.4",
     "@testing-library/react": "9.3.2",
@@ -65,6 +65,10 @@
     "emotion": "10.0.17",
     "eslint": "6.0.1",
     "eslint-plugin-cypress": "^2.7.0",
+    "eslint-plugin-jest": "^23.6.0",
+    "eslint-plugin-jsx-a11y": "^6.2.3",
+    "eslint-plugin-react": "^7.18.0",
+    "eslint-plugin-react-hooks": "^2.3.0",
     "husky": "^3.1.0",
     "lerna": "^3.19.0",
     "lint-staged": "9.4.3",
@@ -77,7 +81,7 @@
     "remark-preset-lint-recommended": "^3.0.3",
     "remark-validate-links": "^9.0.1",
     "start-server-and-test": "^1.10.6",
-    "tsdx": "0.11.0",
+    "tsdx": "0.12.0",
     "tslib": "^1.10.0",
     "typescript": "3.7.3"
   },

packages/date/src/DatepickerInput.tsx

@@ -1,3 +1,4 @@
+import noop from 'lodash-es/noop';
 import React, { Component, FocusEventHandler, FocusEvent } from 'react';
 // eslint-disable-next-line no-restricted-imports
 import moment from 'moment';
@@ -47,8 +48,8 @@ export type DatePickerProps = {
 
 export class DatepickerInput extends Component<DatePickerProps> {
   static defaultProps: Partial<DatePickerProps> = {
-    onChange: () => {},
-    onBlur: () => {}
+    onChange: noop,
+    onBlur: noop
   };
 
   pikaday?: Pikaday;

packages/markdown/src/components/MarkdownToolbar.tsx

@@ -1,3 +1,4 @@
+import noop from 'lodash-es/noop';
 import React from 'react';
 import { css, cx } from 'emotion';
 import { Button, Tooltip, Icon } from '@contentful/forma-36-react-components';
@@ -7,8 +8,6 @@ import { HeadingSelector } from './HeadingSelector';
 import { InsertLinkSelector } from './InsertLinkSelector';
 import { MarkdownActions } from '../types';
 
-const noop = () => {};
-
 const styles = {
   root: css({
     position: 'relative',

packages/multiple-line/src/MultipleLineEditor.tsx

@@ -31,7 +31,7 @@ export function MultipleLineEditor(props: MultipleLineEditorProps) {
               error={errors.length > 0}
               disabled={disabled}
               value={value || ''}
-              onChange={(e: React.ChangeEvent<HTMLInputElement>) => {
+              onChange={(e: React.ChangeEvent<HTMLTextAreaElement>) => {
                 setValue(e.target.value);
               }}
             />

packages/tags/src/TagsEditor.tsx

@@ -1,3 +1,4 @@
+import noop from 'lodash-es/noop';
 import React, { useState, useCallback } from 'react';
 import { css } from 'emotion';
 import tokens from '@contentful/forma-36-tokens';
@@ -7,8 +8,6 @@ import { ConstraintsType, Constraint } from './types';
 import { SortableContainer, SortableElement, SortableHandle } from 'react-sortable-hoc';
 import arrayMove from 'array-move';
 
-const noop = () => {};
-
 interface TagsEditorProps {
   items: string[];
   isDisabled: boolean;