chore: Move to Typescript (#2783)

This PR moves the entire project to Typescript. Due to the ~1000 ignores this will lead to a messy codebase for a while, but the churn is worth it – all of those ignore comments are places that were never type-safe previously.

closes #1282

app/components/PaginatedList.test.tsx

@@ -0,0 +1,102 @@
+import "../stores";
+import { shallow } from "enzyme";
+import * as React from "react";
+import { getI18n } from "react-i18next";
+import { DEFAULT_PAGINATION_LIMIT } from "~/stores/BaseStore";
+import RootStore from "~/stores/RootStore";
+import { runAllPromises } from "~/test/support";
+import { Component as PaginatedList } from "./PaginatedList";
+
+describe("PaginatedList", () => {
+  const render = () => null;
+
+  const i18n = getI18n();
+  const { logout, ...store } = new RootStore();
+
+  const props = {
+    i18n,
+    tReady: true,
+    t: (key: string) => key,
+    logout: () => {
+      //
+    },
+    ...store,
+  };
+
+  it("with no items renders nothing", () => {
+    const list = shallow(
+      <PaginatedList items={[]} renderItem={render} {...props} />
+    );
+    expect(list).toEqual({});
+  });
+
+  it("with no items renders empty prop", () => {
+    const list = shallow(
+      <PaginatedList
+        items={[]}
+        empty={<p>Sorry, no results</p>}
+        renderItem={render}
+        {...props}
+      />
+    );
+    expect(list.text()).toEqual("Sorry, no results");
+  });
+
+  it("calls fetch with options + pagination on mount", () => {
+    const fetch = jest.fn();
+    const options = {
+      id: "one",
+    };
+    shallow(
+      <PaginatedList
+        items={[]}
+        fetch={fetch}
+        options={options}
+        renderItem={render}
+        {...props}
+      />
+    );
+    expect(fetch).toHaveBeenCalledWith({
+      ...options,
+      limit: DEFAULT_PAGINATION_LIMIT,
+      offset: 0,
+    });
+  });
+
+  it("calls fetch when options prop changes", async () => {
+    // @ts-expect-error ts-migrate(2554) FIXME: Expected 1-3 arguments, but got 0.
+    const fetchedItems = Array(DEFAULT_PAGINATION_LIMIT).fill();
+    const fetch = jest.fn().mockReturnValue(Promise.resolve(fetchedItems));
+    const list = shallow(
+      <PaginatedList
+        items={[]}
+        fetch={fetch}
+        options={{
+          id: "one",
+        }}
+        renderItem={render}
+        {...props}
+      />
+    );
+    await runAllPromises();
+    expect(fetch).toHaveBeenCalledWith({
+      id: "one",
+      limit: DEFAULT_PAGINATION_LIMIT,
+      offset: 0,
+    });
+    fetch.mockReset();
+    list.setProps({
+      fetch,
+      items: [],
+      options: {
+        id: "two",
+      },
+    });
+    await runAllPromises();
+    expect(fetch).toHaveBeenCalledWith({
+      id: "two",
+      limit: DEFAULT_PAGINATION_LIMIT,
+      offset: 0,
+    });
+  });
+});