Added type definitions for react-remarkable

CHANGELOG.unreleased.md

@@ -12,7 +12,8 @@ For upgrade instructions, please check the [migration guide](MIGRATIONS.released
 
 ### Added
 - Creating and deleting edges is now possible with ctrl+(alt/shift)+leftclick in orthogonal, flight and oblique mode. Also, the flight and oblique modes allow selecting nodes with leftclick, creating new trees with 'c' and deleting the active node with 'del'. [#7678](https://github.com/scalableminds/webknossos/pull/7678)
-- Added Typescript defintions for @scalableminds/prop-types package. [#7744](https://github.com/scalableminds/webknossos/pull/7744)
+- Added Typescript definitions for @scalableminds/prop-types package. [#7744](https://github.com/scalableminds/webknossos/pull/7744)
+- Added Typescript definitions for react-remarkable package. [#7748](https://github.com/scalableminds/webknossos/pull/7748)
 
 ### Changed
 - Improved task list to sort tasks by project date, add option to expand all tasks at once and improve styling. [#7709](https://github.com/scalableminds/webknossos/pull/7709)

frontend/javascripts/admin/tasktype/task_type_list_view.tsx

@@ -1,7 +1,6 @@
 import { Link } from "react-router-dom";
 import { PropTypes } from "@scalableminds/prop-types";
 import { Table, Tag, Spin, Button, Input, App } from "antd";
-// @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module 'reac... Remove this comment to see the full error message
 import Markdown from "react-remarkable";
 import * as React from "react";
 import _ from "lodash";

frontend/javascripts/admin/voxelytics/task_view.tsx

@@ -1,7 +1,6 @@
 import React from "react";
 import { JSONTree } from "react-json-tree";
 import { Progress, Tabs, TabsProps, Tooltip } from "antd";
-// @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module 'reac... Remove this comment to see the full error message
 import Markdown from "react-remarkable";
 import {
   VoxelyticsArtifactConfig,

frontend/javascripts/components/legal.tsx

@@ -1,5 +1,4 @@
 import { Row, Col, Card } from "antd";
-// @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module 'reac... Remove this comment to see the full error message
 import Markdown from "react-remarkable";
 import React from "react";
 import type { APIOrganization } from "types/api_flow_types";

frontend/javascripts/components/text_with_description.tsx

@@ -1,5 +1,4 @@
 import { Popover, Tooltip } from "antd";
-// @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module 'reac... Remove this comment to see the full error message
 import Markdown from "react-remarkable";
 import * as React from "react";
 import type { EditableTextLabelProp } from "oxalis/view/components/editable_text_label";

frontend/javascripts/dashboard/dashboard_task_list_view.tsx

@@ -12,7 +12,6 @@ import {
 import { Link } from "react-router-dom";
 import { PropTypes } from "@scalableminds/prop-types";
 import { connect } from "react-redux";
-// @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module 'reac... Remove this comment to see the full error message
 import Markdown from "react-remarkable";
 import * as React from "react";
 

frontend/javascripts/dashboard/publication_card.tsx

@@ -1,6 +1,5 @@
 import { Card, Button, Tooltip } from "antd";
 import { LinkOutlined } from "@ant-design/icons";
-// @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module 'reac... Remove this comment to see the full error message
 import Markdown from "react-remarkable";
 import React, { useState } from "react";
 import classNames from "classnames";

frontend/javascripts/oxalis/view/components/editable_text_label.tsx

@@ -1,6 +1,5 @@
 import { Input, InputProps, Tooltip } from "antd";
 import { CheckOutlined, EditOutlined } from "@ant-design/icons";
-// @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module 'reac... Remove this comment to see the full error message
 import Markdown from "react-remarkable";
 import * as React from "react";
 import { MarkdownModal } from "oxalis/view/components/markdown_modal";

frontend/javascripts/oxalis/view/components/markdown_modal.tsx

@@ -1,5 +1,4 @@
 import { Alert, Modal, Button, Row, Col, Input } from "antd";
-// @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module 'reac... Remove this comment to see the full error message
 import Markdown from "react-remarkable";
 import * as React from "react";
 

frontend/javascripts/oxalis/view/new_task_description_modal.tsx

@@ -1,5 +1,4 @@
 import { Modal, Button } from "antd";
-// @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module 'reac... Remove this comment to see the full error message
 import Markdown from "react-remarkable";
 import * as React from "react";
 type Props = {

frontend/javascripts/oxalis/view/right-border-tabs/dataset_info_tab_view.tsx

@@ -2,7 +2,6 @@ import type { Dispatch } from "redux";
 import { Tooltip, Typography, Tag } from "antd";
 import { SettingOutlined, InfoCircleOutlined, EditOutlined } from "@ant-design/icons";
 import { connect } from "react-redux";
-// @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module 'reac... Remove this comment to see the full error message
 import Markdown from "react-remarkable";
 import React, { CSSProperties, ChangeEvent } from "react";
 import { Link } from "react-router-dom";

frontend/javascripts/types/react-remarkable.d.ts

@@ -0,0 +1,19 @@
+
+declare module 'react-remarkable' {
+    import type React from "react";
+
+    type ReactRemarkableProps = {
+        source: string,
+        container?: string,
+        options?: {
+            html: boolean,
+            breaks: boolean
+            linkify: boolean
+        }
+        className?: string
+        style?: React.CSSProperties
+    }
+    declare class Markdown extends React.Component<ReactRemarkableProps> {}
+    export default Markdown
+}
+