react-native-markdown-view.d.ts

declare module 'react-native-markdown-view' {
  import * as React from 'react'
  import { ViewStyle, ImageStyle, TextStyle } from 'react-native'

  interface MarkdownStyles {
    [key: string]: TextStyle | ImageStyle | ViewStyle
    blockQuote?: TextStyle
    codeBlock?: TextStyle
    del?: TextStyle
    em?: TextStyle
    heading?: TextStyle
    heading1?: TextStyle
    heading2?: TextStyle
    heading3?: TextStyle
    heading4?: TextStyle
    heading5?: TextStyle
    heading6?: TextStyle
    hr?: TextStyle
    imageWrapper?: ViewStyle
    image?: ImageStyle
    inlineCode?: TextStyle
    link?: TextStyle
    list?: ViewStyle
    listItem?: ViewStyle
    listItemNumber?: TextStyle
    listItemBullet?: TextStyle
    listItemOrderedContent?: TextStyle
    listItemUnorderedContent?: TextStyle
    paragraph?: TextStyle
    strong?: TextStyle
    table?: ViewStyle
    tableHeaderCell?: ViewStyle
    tableHeaderCellContent?: ViewStyle
    tableCell?: ViewStyle
    tableCellOddRow?: ViewStyle
    tableCellEvenRow?: ViewStyle
    tableCellLastRow?: ViewStyle
    tableCellOddColumn?: ViewStyle
    tableCellEvenColumn?: ViewStyle
    tableCellLastColumn?: ViewStyle
    tableCellContent?: ViewStyle
    tableCellContentOddRow?: ViewStyle
    tableCellContentEvenRow?: ViewStyle
    tableCellContentLastRow?: ViewStyle
    tableCellContentOddColumn?: ViewStyle
    tableCellContentEvenColumn?: ViewStyle
    tableCellContentLastColumn?: ViewStyle
    u?: TextStyle
  }

  type RegexComponents = string[]
  type NestedParseFunction = (x: string, s: any) => any
  type ParseState = any

  type NodeKey = string
  type OutputFunction = (node: Node, s: any) => any

  interface RenderState {
    key: string
    onLinkPress?: (url: string) => void
  }

  type RenderStyle = object

  interface RenderStyles {
    [key: string]: RenderStyle
  }

  interface MarkdownRule {
    match?: (
      x: string,
      state: RenderState,
      list: string[],
    ) => RegExp | undefined | null
    parse?: (
      components: RegexComponents,
      parse: NestedParseFunction,
      state: ParseState,
    ) => any
    render: (
      node: Node,
      output: OutputFunction,
      state: RenderState,
      style: RenderStyle,
    ) => any
  }

  interface MarkdownRules {
    [key: string]: MarkdownRule
  }

  /**
   * Set of properties applied to a MarkdownView
   *
   * @see MarkdownView
   */
  interface MarkdownViewProps {
    rules?: MarkdownRules
    /**
     * An object providing styles to be passed to a corresponding rule render method. Keys are
     * rule/node names and values are React Native style objects. If a style is defined here and a
     * default style exists, they will me merged, with style properties defined here taking
     * precedence.
     */
    styles?: MarkdownStyles
    style?: ViewStyle | TextStyle | ImageStyle
    /**
     * Callback function for when a link is pressed. The callback receives the URL of the link as a
     * string (first and only argument).
     */
    onLinkPress?: (url: string) => void
    children: React.ReactNode
  }

  /**
   * View hosting markdown text.
   */
  class MarkdownView extends React.Component<MarkdownViewProps> {}

  export { MarkdownView, MarkdownStyles, MarkdownRules }
}