react-markdown - npm Package Compare versions

Comparing version 7.0.0 to 7.0.1

lib/ast-to-react.d.ts

@@ -9,6 +9,6 @@ /**
 ): React.ReactNode[]
-export type IntrinsicElements = JSX.IntrinsicElements
 export type ReactNode = import('react').ReactNode
 export type Position = import('unist').Position
 export type Element = import('hast').Element
+export type ElementContent = import('hast').ElementContent
 export type Root = import('hast').Root
@@ -20,2 +20,3 @@ export type Text = import('hast').Text
 export type Schema = import('property-information').Schema
+export type ReactMarkdownProps = import('./complex-types').ReactMarkdownProps
 export type Raw = {
@@ -32,3 +33,3 @@ type: 'raw'
   href: string,
-  children: Array<Comment | Element | Text>,
+  children: Array<ElementContent>,
   title: string | null
@@ -41,28 +42,12 @@ ) => string
 ) => string
+export type TransformLinkTargetType = import('react').HTMLAttributeAnchorTarget
 export type TransformLinkTarget = (
   href: string,
-  children: Array<Comment | Element | Text>,
+  children: Array<ElementContent>,
   title: string | null
-) => string | undefined
+) => TransformLinkTargetType | undefined
 /**
  * To do: is `data-sourcepos` typeable?
  */
-export type ReactMarkdownNames = keyof IntrinsicElements
-export type ReactMarkdownProps = {
-  node: Element
-  key: string
-  children: ReactNode[]
-  /**
-   * Passed when `options.rawSourcePos` is given
-   */
-  sourcePosition?: import('unist').Position | null | undefined
-  /**
-   * Passed when `options.includeElementIndex` is given
-   */
-  index?: number | undefined
-  /**
-   * Passed when `options.includeElementIndex` is given
-   */
-  siblingCount?: number | undefined
-}
+export type ReactMarkdownNames = keyof JSX.IntrinsicElements
 export type CodeComponent = (
@@ -132,1102 +117,5 @@ props: JSX.IntrinsicElements['code'] &
 }
-export type NormalComponents = {
-  a:
-    | 'a'
-    | ((
-        props: React.ClassAttributes<HTMLAnchorElement> &
-          React.AnchorHTMLAttributes<HTMLAnchorElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  abbr:
-    | 'abbr'
-    | ((
-        props: React.ClassAttributes<HTMLElement> &
-          React.HTMLAttributes<HTMLElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  address:
-    | 'address'
-    | ((
-        props: React.ClassAttributes<HTMLElement> &
-          React.HTMLAttributes<HTMLElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  area:
-    | 'area'
-    | ((
-        props: React.ClassAttributes<HTMLAreaElement> &
-          React.AreaHTMLAttributes<HTMLAreaElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  article:
-    | 'article'
-    | ((
-        props: React.ClassAttributes<HTMLElement> &
-          React.HTMLAttributes<HTMLElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  aside:
-    | 'aside'
-    | ((
-        props: React.ClassAttributes<HTMLElement> &
-          React.HTMLAttributes<HTMLElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  audio:
-    | 'audio'
-    | ((
-        props: React.ClassAttributes<HTMLAudioElement> &
-          React.AudioHTMLAttributes<HTMLAudioElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  b:
-    | 'b'
-    | ((
-        props: React.ClassAttributes<HTMLElement> &
-          React.HTMLAttributes<HTMLElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  base:
-    | 'base'
-    | ((
-        props: React.ClassAttributes<HTMLBaseElement> &
-          React.BaseHTMLAttributes<HTMLBaseElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  bdi:
-    | 'bdi'
-    | ((
-        props: React.ClassAttributes<HTMLElement> &
-          React.HTMLAttributes<HTMLElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  bdo:
-    | 'bdo'
-    | ((
-        props: React.ClassAttributes<HTMLElement> &
-          React.HTMLAttributes<HTMLElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  big:
-    | 'big'
-    | ((
-        props: React.ClassAttributes<HTMLElement> &
-          React.HTMLAttributes<HTMLElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  blockquote:
-    | 'blockquote'
-    | ((
-        props: React.ClassAttributes<HTMLElement> &
-          React.BlockquoteHTMLAttributes<HTMLElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  body:
-    | 'body'
-    | ((
-        props: React.ClassAttributes<HTMLBodyElement> &
-          React.HTMLAttributes<HTMLBodyElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  br:
-    | 'br'
-    | ((
-        props: React.ClassAttributes<HTMLBRElement> &
-          React.HTMLAttributes<HTMLBRElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  button:
-    | 'button'
-    | ((
-        props: React.ClassAttributes<HTMLButtonElement> &
-          React.ButtonHTMLAttributes<HTMLButtonElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  canvas:
-    | 'canvas'
-    | ((
-        props: React.ClassAttributes<HTMLCanvasElement> &
-          React.CanvasHTMLAttributes<HTMLCanvasElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  caption:
-    | 'caption'
-    | ((
-        props: React.ClassAttributes<HTMLElement> &
-          React.HTMLAttributes<HTMLElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  cite:
-    | 'cite'
-    | ((
-        props: React.ClassAttributes<HTMLElement> &
-          React.HTMLAttributes<HTMLElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  code:
-    | 'code'
-    | ((
-        props: React.ClassAttributes<HTMLElement> &
-          React.HTMLAttributes<HTMLElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  col:
-    | 'col'
-    | ((
-        props: React.ClassAttributes<HTMLTableColElement> &
-          React.ColHTMLAttributes<HTMLTableColElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  colgroup:
-    | 'colgroup'
-    | ((
-        props: React.ClassAttributes<HTMLTableColElement> &
-          React.ColgroupHTMLAttributes<HTMLTableColElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  data:
-    | 'data'
-    | ((
-        props: React.ClassAttributes<HTMLDataElement> &
-          React.DataHTMLAttributes<HTMLDataElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  datalist:
-    | 'datalist'
-    | ((
-        props: React.ClassAttributes<HTMLDataListElement> &
-          React.HTMLAttributes<HTMLDataListElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  dd:
-    | 'dd'
-    | ((
-        props: React.ClassAttributes<HTMLElement> &
-          React.HTMLAttributes<HTMLElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  del:
-    | 'del'
-    | ((
-        props: React.ClassAttributes<HTMLElement> &
-          React.DelHTMLAttributes<HTMLElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  details:
-    | 'details'
-    | ((
-        props: React.ClassAttributes<HTMLElement> &
-          React.DetailsHTMLAttributes<HTMLElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  dfn:
-    | 'dfn'
-    | ((
-        props: React.ClassAttributes<HTMLElement> &
-          React.HTMLAttributes<HTMLElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  dialog:
-    | 'dialog'
-    | ((
-        props: React.ClassAttributes<HTMLDialogElement> &
-          React.DialogHTMLAttributes<HTMLDialogElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  div:
-    | 'div'
-    | ((
-        props: React.ClassAttributes<HTMLDivElement> &
-          React.HTMLAttributes<HTMLDivElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  dl:
-    | 'dl'
-    | ((
-        props: React.ClassAttributes<HTMLDListElement> &
-          React.HTMLAttributes<HTMLDListElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  dt:
-    | 'dt'
-    | ((
-        props: React.ClassAttributes<HTMLElement> &
-          React.HTMLAttributes<HTMLElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  em:
-    | 'em'
-    | ((
-        props: React.ClassAttributes<HTMLElement> &
-          React.HTMLAttributes<HTMLElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  embed:
-    | 'embed'
-    | ((
-        props: React.ClassAttributes<HTMLEmbedElement> &
-          React.EmbedHTMLAttributes<HTMLEmbedElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  fieldset:
-    | 'fieldset'
-    | ((
-        props: React.ClassAttributes<HTMLFieldSetElement> &
-          React.FieldsetHTMLAttributes<HTMLFieldSetElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  figcaption:
-    | 'figcaption'
-    | ((
-        props: React.ClassAttributes<HTMLElement> &
-          React.HTMLAttributes<HTMLElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  figure:
-    | 'figure'
-    | ((
-        props: React.ClassAttributes<HTMLElement> &
-          React.HTMLAttributes<HTMLElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  footer:
-    | 'footer'
-    | ((
-        props: React.ClassAttributes<HTMLElement> &
-          React.HTMLAttributes<HTMLElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  form:
-    | 'form'
-    | ((
-        props: React.ClassAttributes<HTMLFormElement> &
-          React.FormHTMLAttributes<HTMLFormElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  h1:
-    | 'h1'
-    | ((
-        props: React.ClassAttributes<HTMLHeadingElement> &
-          React.HTMLAttributes<HTMLHeadingElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  h2:
-    | 'h2'
-    | ((
-        props: React.ClassAttributes<HTMLHeadingElement> &
-          React.HTMLAttributes<HTMLHeadingElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  h3:
-    | 'h3'
-    | ((
-        props: React.ClassAttributes<HTMLHeadingElement> &
-          React.HTMLAttributes<HTMLHeadingElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  h4:
-    | 'h4'
-    | ((
-        props: React.ClassAttributes<HTMLHeadingElement> &
-          React.HTMLAttributes<HTMLHeadingElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  h5:
-    | 'h5'
-    | ((
-        props: React.ClassAttributes<HTMLHeadingElement> &
-          React.HTMLAttributes<HTMLHeadingElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  h6:
-    | 'h6'
-    | ((
-        props: React.ClassAttributes<HTMLHeadingElement> &
-          React.HTMLAttributes<HTMLHeadingElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  head:
-    | 'head'
-    | ((
-        props: React.ClassAttributes<HTMLHeadElement> &
-          React.HTMLAttributes<HTMLHeadElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  header:
-    | 'header'
-    | ((
-        props: React.ClassAttributes<HTMLElement> &
-          React.HTMLAttributes<HTMLElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  hgroup:
-    | 'hgroup'
-    | ((
-        props: React.ClassAttributes<HTMLElement> &
-          React.HTMLAttributes<HTMLElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  hr:
-    | 'hr'
-    | ((
-        props: React.ClassAttributes<HTMLHRElement> &
-          React.HTMLAttributes<HTMLHRElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  html:
-    | 'html'
-    | ((
-        props: React.ClassAttributes<HTMLHtmlElement> &
-          React.HtmlHTMLAttributes<HTMLHtmlElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  i:
-    | 'i'
-    | ((
-        props: React.ClassAttributes<HTMLElement> &
-          React.HTMLAttributes<HTMLElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  iframe:
-    | 'iframe'
-    | ((
-        props: React.ClassAttributes<HTMLIFrameElement> &
-          React.IframeHTMLAttributes<HTMLIFrameElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  img:
-    | 'img'
-    | ((
-        props: React.ClassAttributes<HTMLImageElement> &
-          React.ImgHTMLAttributes<HTMLImageElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  input:
-    | 'input'
-    | ((
-        props: React.ClassAttributes<HTMLInputElement> &
-          React.InputHTMLAttributes<HTMLInputElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  ins:
-    | 'ins'
-    | ((
-        props: React.ClassAttributes<HTMLModElement> &
-          React.InsHTMLAttributes<HTMLModElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  kbd:
-    | 'kbd'
-    | ((
-        props: React.ClassAttributes<HTMLElement> &
-          React.HTMLAttributes<HTMLElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  keygen:
-    | 'keygen'
-    | ((
-        props: React.ClassAttributes<HTMLElement> &
-          React.KeygenHTMLAttributes<HTMLElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  label:
-    | 'label'
-    | ((
-        props: React.ClassAttributes<HTMLLabelElement> &
-          React.LabelHTMLAttributes<HTMLLabelElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  legend:
-    | 'legend'
-    | ((
-        props: React.ClassAttributes<HTMLLegendElement> &
-          React.HTMLAttributes<HTMLLegendElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  li:
-    | 'li'
-    | ((
-        props: React.ClassAttributes<HTMLLIElement> &
-          React.LiHTMLAttributes<HTMLLIElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  link:
-    | 'link'
-    | ((
-        props: React.ClassAttributes<HTMLLinkElement> &
-          React.LinkHTMLAttributes<HTMLLinkElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  main:
-    | 'main'
-    | ((
-        props: React.ClassAttributes<HTMLElement> &
-          React.HTMLAttributes<HTMLElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  map:
-    | 'map'
-    | ((
-        props: React.ClassAttributes<HTMLMapElement> &
-          React.MapHTMLAttributes<HTMLMapElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  mark:
-    | 'mark'
-    | ((
-        props: React.ClassAttributes<HTMLElement> &
-          React.HTMLAttributes<HTMLElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  menu:
-    | 'menu'
-    | ((
-        props: React.ClassAttributes<HTMLElement> &
-          React.MenuHTMLAttributes<HTMLElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  menuitem:
-    | 'menuitem'
-    | ((
-        props: React.ClassAttributes<HTMLElement> &
-          React.HTMLAttributes<HTMLElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  meta:
-    | 'meta'
-    | ((
-        props: React.ClassAttributes<HTMLMetaElement> &
-          React.MetaHTMLAttributes<HTMLMetaElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  meter:
-    | 'meter'
-    | ((
-        props: React.ClassAttributes<HTMLElement> &
-          React.MeterHTMLAttributes<HTMLElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  nav:
-    | 'nav'
-    | ((
-        props: React.ClassAttributes<HTMLElement> &
-          React.HTMLAttributes<HTMLElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  noindex:
-    | 'noindex'
-    | ((
-        props: React.ClassAttributes<HTMLElement> &
-          React.HTMLAttributes<HTMLElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  noscript:
-    | 'noscript'
-    | ((
-        props: React.ClassAttributes<HTMLElement> &
-          React.HTMLAttributes<HTMLElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  object:
-    | 'object'
-    | ((
-        props: React.ClassAttributes<HTMLObjectElement> &
-          React.ObjectHTMLAttributes<HTMLObjectElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  ol:
-    | 'ol'
-    | ((
-        props: React.ClassAttributes<HTMLOListElement> &
-          React.OlHTMLAttributes<HTMLOListElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  optgroup:
-    | 'optgroup'
-    | ((
-        props: React.ClassAttributes<HTMLOptGroupElement> &
-          React.OptgroupHTMLAttributes<HTMLOptGroupElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  option:
-    | 'option'
-    | ((
-        props: React.ClassAttributes<HTMLOptionElement> &
-          React.OptionHTMLAttributes<HTMLOptionElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  output:
-    | 'output'
-    | ((
-        props: React.ClassAttributes<HTMLElement> &
-          React.OutputHTMLAttributes<HTMLElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  p:
-    | 'p'
-    | ((
-        props: React.ClassAttributes<HTMLParagraphElement> &
-          React.HTMLAttributes<HTMLParagraphElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  param:
-    | 'param'
-    | ((
-        props: React.ClassAttributes<HTMLParamElement> &
-          React.ParamHTMLAttributes<HTMLParamElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  picture:
-    | 'picture'
-    | ((
-        props: React.ClassAttributes<HTMLElement> &
-          React.HTMLAttributes<HTMLElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  pre:
-    | 'pre'
-    | ((
-        props: React.ClassAttributes<HTMLPreElement> &
-          React.HTMLAttributes<HTMLPreElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  progress:
-    | 'progress'
-    | ((
-        props: React.ClassAttributes<HTMLProgressElement> &
-          React.ProgressHTMLAttributes<HTMLProgressElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  q:
-    | 'q'
-    | ((
-        props: React.ClassAttributes<HTMLQuoteElement> &
-          React.QuoteHTMLAttributes<HTMLQuoteElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  rp:
-    | 'rp'
-    | ((
-        props: React.ClassAttributes<HTMLElement> &
-          React.HTMLAttributes<HTMLElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  rt:
-    | 'rt'
-    | ((
-        props: React.ClassAttributes<HTMLElement> &
-          React.HTMLAttributes<HTMLElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  ruby:
-    | 'ruby'
-    | ((
-        props: React.ClassAttributes<HTMLElement> &
-          React.HTMLAttributes<HTMLElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  s:
-    | 's'
-    | ((
-        props: React.ClassAttributes<HTMLElement> &
-          React.HTMLAttributes<HTMLElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  samp:
-    | 'samp'
-    | ((
-        props: React.ClassAttributes<HTMLElement> &
-          React.HTMLAttributes<HTMLElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  slot:
-    | 'slot'
-    | ((
-        props: React.ClassAttributes<HTMLSlotElement> &
-          React.SlotHTMLAttributes<HTMLSlotElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  script:
-    | 'script'
-    | ((
-        props: React.ClassAttributes<HTMLScriptElement> &
-          React.ScriptHTMLAttributes<HTMLScriptElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  section:
-    | 'section'
-    | ((
-        props: React.ClassAttributes<HTMLElement> &
-          React.HTMLAttributes<HTMLElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  select:
-    | 'select'
-    | ((
-        props: React.ClassAttributes<HTMLSelectElement> &
-          React.SelectHTMLAttributes<HTMLSelectElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  small:
-    | 'small'
-    | ((
-        props: React.ClassAttributes<HTMLElement> &
-          React.HTMLAttributes<HTMLElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  source:
-    | 'source'
-    | ((
-        props: React.ClassAttributes<HTMLSourceElement> &
-          React.SourceHTMLAttributes<HTMLSourceElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  span:
-    | 'span'
-    | ((
-        props: React.ClassAttributes<HTMLSpanElement> &
-          React.HTMLAttributes<HTMLSpanElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  strong:
-    | 'strong'
-    | ((
-        props: React.ClassAttributes<HTMLElement> &
-          React.HTMLAttributes<HTMLElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  style:
-    | 'style'
-    | ((
-        props: React.ClassAttributes<HTMLStyleElement> &
-          React.StyleHTMLAttributes<HTMLStyleElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  sub:
-    | 'sub'
-    | ((
-        props: React.ClassAttributes<HTMLElement> &
-          React.HTMLAttributes<HTMLElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  summary:
-    | 'summary'
-    | ((
-        props: React.ClassAttributes<HTMLElement> &
-          React.HTMLAttributes<HTMLElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  sup:
-    | 'sup'
-    | ((
-        props: React.ClassAttributes<HTMLElement> &
-          React.HTMLAttributes<HTMLElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  table:
-    | 'table'
-    | ((
-        props: React.ClassAttributes<HTMLTableElement> &
-          React.TableHTMLAttributes<HTMLTableElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  template:
-    | 'template'
-    | ((
-        props: React.ClassAttributes<HTMLTemplateElement> &
-          React.HTMLAttributes<HTMLTemplateElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  tbody:
-    | 'tbody'
-    | ((
-        props: React.ClassAttributes<HTMLTableSectionElement> &
-          React.HTMLAttributes<HTMLTableSectionElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  td:
-    | 'td'
-    | ((
-        props: React.ClassAttributes<HTMLTableDataCellElement> &
-          React.TdHTMLAttributes<HTMLTableDataCellElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  textarea:
-    | 'textarea'
-    | ((
-        props: React.ClassAttributes<HTMLTextAreaElement> &
-          React.TextareaHTMLAttributes<HTMLTextAreaElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  tfoot:
-    | 'tfoot'
-    | ((
-        props: React.ClassAttributes<HTMLTableSectionElement> &
-          React.HTMLAttributes<HTMLTableSectionElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  th:
-    | 'th'
-    | ((
-        props: React.ClassAttributes<HTMLTableHeaderCellElement> &
-          React.ThHTMLAttributes<HTMLTableHeaderCellElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  thead:
-    | 'thead'
-    | ((
-        props: React.ClassAttributes<HTMLTableSectionElement> &
-          React.HTMLAttributes<HTMLTableSectionElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  time:
-    | 'time'
-    | ((
-        props: React.ClassAttributes<HTMLElement> &
-          React.TimeHTMLAttributes<HTMLElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  title:
-    | 'title'
-    | ((
-        props: React.ClassAttributes<HTMLTitleElement> &
-          React.HTMLAttributes<HTMLTitleElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  tr:
-    | 'tr'
-    | ((
-        props: React.ClassAttributes<HTMLTableRowElement> &
-          React.HTMLAttributes<HTMLTableRowElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  track:
-    | 'track'
-    | ((
-        props: React.ClassAttributes<HTMLTrackElement> &
-          React.TrackHTMLAttributes<HTMLTrackElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  u:
-    | 'u'
-    | ((
-        props: React.ClassAttributes<HTMLElement> &
-          React.HTMLAttributes<HTMLElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  ul:
-    | 'ul'
-    | ((
-        props: React.ClassAttributes<HTMLUListElement> &
-          React.HTMLAttributes<HTMLUListElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  var:
-    | 'var'
-    | ((
-        props: React.ClassAttributes<HTMLElement> &
-          React.HTMLAttributes<HTMLElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  video:
-    | 'video'
-    | ((
-        props: React.ClassAttributes<HTMLVideoElement> &
-          React.VideoHTMLAttributes<HTMLVideoElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  wbr:
-    | 'wbr'
-    | ((
-        props: React.ClassAttributes<HTMLElement> &
-          React.HTMLAttributes<HTMLElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  webview:
-    | 'webview'
-    | ((
-        props: React.ClassAttributes<HTMLWebViewElement> &
-          React.WebViewHTMLAttributes<HTMLWebViewElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  svg:
-    | 'svg'
-    | ((props: React.SVGProps<SVGSVGElement> & ReactMarkdownProps) => ReactNode)
-  animate:
-    | 'animate'
-    | ((props: React.SVGProps<SVGElement> & ReactMarkdownProps) => ReactNode)
-  animateMotion:
-    | 'animateMotion'
-    | ((props: React.SVGProps<SVGElement> & ReactMarkdownProps) => ReactNode)
-  animateTransform:
-    | 'animateTransform'
-    | ((props: React.SVGProps<SVGElement> & ReactMarkdownProps) => ReactNode)
-  circle:
-    | 'circle'
-    | ((
-        props: React.SVGProps<SVGCircleElement> & ReactMarkdownProps
-      ) => ReactNode)
-  clipPath:
-    | 'clipPath'
-    | ((
-        props: React.SVGProps<SVGClipPathElement> & ReactMarkdownProps
-      ) => ReactNode)
-  defs:
-    | 'defs'
-    | ((
-        props: React.SVGProps<SVGDefsElement> & ReactMarkdownProps
-      ) => ReactNode)
-  desc:
-    | 'desc'
-    | ((
-        props: React.SVGProps<SVGDescElement> & ReactMarkdownProps
-      ) => ReactNode)
-  ellipse:
-    | 'ellipse'
-    | ((
-        props: React.SVGProps<SVGEllipseElement> & ReactMarkdownProps
-      ) => ReactNode)
-  feBlend:
-    | 'feBlend'
-    | ((
-        props: React.SVGProps<SVGFEBlendElement> & ReactMarkdownProps
-      ) => ReactNode)
-  feColorMatrix:
-    | 'feColorMatrix'
-    | ((
-        props: React.SVGProps<SVGFEColorMatrixElement> & ReactMarkdownProps
-      ) => ReactNode)
-  feComponentTransfer:
-    | 'feComponentTransfer'
-    | ((
-        props: React.SVGProps<SVGFEComponentTransferElement> &
-          ReactMarkdownProps
-      ) => ReactNode)
-  feComposite:
-    | 'feComposite'
-    | ((
-        props: React.SVGProps<SVGFECompositeElement> & ReactMarkdownProps
-      ) => ReactNode)
-  feConvolveMatrix:
-    | 'feConvolveMatrix'
-    | ((
-        props: React.SVGProps<SVGFEConvolveMatrixElement> & ReactMarkdownProps
-      ) => ReactNode)
-  feDiffuseLighting:
-    | 'feDiffuseLighting'
-    | ((
-        props: React.SVGProps<SVGFEDiffuseLightingElement> & ReactMarkdownProps
-      ) => ReactNode)
-  feDisplacementMap:
-    | 'feDisplacementMap'
-    | ((
-        props: React.SVGProps<SVGFEDisplacementMapElement> & ReactMarkdownProps
-      ) => ReactNode)
-  feDistantLight:
-    | 'feDistantLight'
-    | ((
-        props: React.SVGProps<SVGFEDistantLightElement> & ReactMarkdownProps
-      ) => ReactNode)
-  feDropShadow:
-    | 'feDropShadow'
-    | ((
-        props: React.SVGProps<SVGFEDropShadowElement> & ReactMarkdownProps
-      ) => ReactNode)
-  feFlood:
-    | 'feFlood'
-    | ((
-        props: React.SVGProps<SVGFEFloodElement> & ReactMarkdownProps
-      ) => ReactNode)
-  feFuncA:
-    | 'feFuncA'
-    | ((
-        props: React.SVGProps<SVGFEFuncAElement> & ReactMarkdownProps
-      ) => ReactNode)
-  feFuncB:
-    | 'feFuncB'
-    | ((
-        props: React.SVGProps<SVGFEFuncBElement> & ReactMarkdownProps
-      ) => ReactNode)
-  feFuncG:
-    | 'feFuncG'
-    | ((
-        props: React.SVGProps<SVGFEFuncGElement> & ReactMarkdownProps
-      ) => ReactNode)
-  feFuncR:
-    | 'feFuncR'
-    | ((
-        props: React.SVGProps<SVGFEFuncRElement> & ReactMarkdownProps
-      ) => ReactNode)
-  feGaussianBlur:
-    | 'feGaussianBlur'
-    | ((
-        props: React.SVGProps<SVGFEGaussianBlurElement> & ReactMarkdownProps
-      ) => ReactNode)
-  feImage:
-    | 'feImage'
-    | ((
-        props: React.SVGProps<SVGFEImageElement> & ReactMarkdownProps
-      ) => ReactNode)
-  feMerge:
-    | 'feMerge'
-    | ((
-        props: React.SVGProps<SVGFEMergeElement> & ReactMarkdownProps
-      ) => ReactNode)
-  feMergeNode:
-    | 'feMergeNode'
-    | ((
-        props: React.SVGProps<SVGFEMergeNodeElement> & ReactMarkdownProps
-      ) => ReactNode)
-  feMorphology:
-    | 'feMorphology'
-    | ((
-        props: React.SVGProps<SVGFEMorphologyElement> & ReactMarkdownProps
-      ) => ReactNode)
-  feOffset:
-    | 'feOffset'
-    | ((
-        props: React.SVGProps<SVGFEOffsetElement> & ReactMarkdownProps
-      ) => ReactNode)
-  fePointLight:
-    | 'fePointLight'
-    | ((
-        props: React.SVGProps<SVGFEPointLightElement> & ReactMarkdownProps
-      ) => ReactNode)
-  feSpecularLighting:
-    | 'feSpecularLighting'
-    | ((
-        props: React.SVGProps<SVGFESpecularLightingElement> & ReactMarkdownProps
-      ) => ReactNode)
-  feSpotLight:
-    | 'feSpotLight'
-    | ((
-        props: React.SVGProps<SVGFESpotLightElement> & ReactMarkdownProps
-      ) => ReactNode)
-  feTile:
-    | 'feTile'
-    | ((
-        props: React.SVGProps<SVGFETileElement> & ReactMarkdownProps
-      ) => ReactNode)
-  feTurbulence:
-    | 'feTurbulence'
-    | ((
-        props: React.SVGProps<SVGFETurbulenceElement> & ReactMarkdownProps
-      ) => ReactNode)
-  filter:
-    | 'filter'
-    | ((
-        props: React.SVGProps<SVGFilterElement> & ReactMarkdownProps
-      ) => ReactNode)
-  foreignObject:
-    | 'foreignObject'
-    | ((
-        props: React.SVGProps<SVGForeignObjectElement> & ReactMarkdownProps
-      ) => ReactNode)
-  g:
-    | 'g'
-    | ((props: React.SVGProps<SVGGElement> & ReactMarkdownProps) => ReactNode)
-  image:
-    | 'image'
-    | ((
-        props: React.SVGProps<SVGImageElement> & ReactMarkdownProps
-      ) => ReactNode)
-  line:
-    | 'line'
-    | ((
-        props: React.SVGProps<SVGLineElement> & ReactMarkdownProps
-      ) => ReactNode)
-  linearGradient:
-    | 'linearGradient'
-    | ((
-        props: React.SVGProps<SVGLinearGradientElement> & ReactMarkdownProps
-      ) => ReactNode)
-  marker:
-    | 'marker'
-    | ((
-        props: React.SVGProps<SVGMarkerElement> & ReactMarkdownProps
-      ) => ReactNode)
-  mask:
-    | 'mask'
-    | ((
-        props: React.SVGProps<SVGMaskElement> & ReactMarkdownProps
-      ) => ReactNode)
-  metadata:
-    | 'metadata'
-    | ((
-        props: React.SVGProps<SVGMetadataElement> & ReactMarkdownProps
-      ) => ReactNode)
-  mpath:
-    | 'mpath'
-    | ((props: React.SVGProps<SVGElement> & ReactMarkdownProps) => ReactNode)
-  path:
-    | 'path'
-    | ((
-        props: React.SVGProps<SVGPathElement> & ReactMarkdownProps
-      ) => ReactNode)
-  pattern:
-    | 'pattern'
-    | ((
-        props: React.SVGProps<SVGPatternElement> & ReactMarkdownProps
-      ) => ReactNode)
-  polygon:
-    | 'polygon'
-    | ((
-        props: React.SVGProps<SVGPolygonElement> & ReactMarkdownProps
-      ) => ReactNode)
-  polyline:
-    | 'polyline'
-    | ((
-        props: React.SVGProps<SVGPolylineElement> & ReactMarkdownProps
-      ) => ReactNode)
-  radialGradient:
-    | 'radialGradient'
-    | ((
-        props: React.SVGProps<SVGRadialGradientElement> & ReactMarkdownProps
-      ) => ReactNode)
-  rect:
-    | 'rect'
-    | ((
-        props: React.SVGProps<SVGRectElement> & ReactMarkdownProps
-      ) => ReactNode)
-  stop:
-    | 'stop'
-    | ((
-        props: React.SVGProps<SVGStopElement> & ReactMarkdownProps
-      ) => ReactNode)
-  switch:
-    | 'switch'
-    | ((
-        props: React.SVGProps<SVGSwitchElement> & ReactMarkdownProps
-      ) => ReactNode)
-  symbol:
-    | 'symbol'
-    | ((
-        props: React.SVGProps<SVGSymbolElement> & ReactMarkdownProps
-      ) => ReactNode)
-  text:
-    | 'text'
-    | ((
-        props: React.SVGProps<SVGTextElement> & ReactMarkdownProps
-      ) => ReactNode)
-  textPath:
-    | 'textPath'
-    | ((
-        props: React.SVGProps<SVGTextPathElement> & ReactMarkdownProps
-      ) => ReactNode)
-  tspan:
-    | 'tspan'
-    | ((
-        props: React.SVGProps<SVGTSpanElement> & ReactMarkdownProps
-      ) => ReactNode)
-  use:
-    | 'use'
-    | ((props: React.SVGProps<SVGUseElement> & ReactMarkdownProps) => ReactNode)
-  view:
-    | 'view'
-    | ((
-        props: React.SVGProps<SVGViewElement> & ReactMarkdownProps
-      ) => ReactNode)
-}
 export type Components = Partial<
-  Omit<NormalComponents, keyof SpecialComponents> & SpecialComponents
+  Omit<import('./complex-types').NormalComponents, keyof SpecialComponents> &
+    SpecialComponents
 >
@@ -1241,6 +129,10 @@ export type Options = {
   transformImageUri?: TransformImage | undefined
-  linkTarget?: string | TransformLinkTarget | undefined
+  linkTarget?: React.HTMLAttributeAnchorTarget | TransformLinkTarget | undefined
   components?:
     | Partial<
-        Omit<NormalComponents, keyof SpecialComponents> & SpecialComponents
+        Omit<
+          import('./complex-types').NormalComponents,
+          keyof SpecialComponents
+        > &
+          SpecialComponents
       >
@@ -1247,0 +139,0 @@ | undefined

lib/ast-to-react.js

 /**
- * @typedef {JSX.IntrinsicElements} IntrinsicElements
  * @typedef {import('react').ReactNode} ReactNode
  * @typedef {import('unist').Position} Position
  * @typedef {import('hast').Element} Element
+ * @typedef {import('hast').ElementContent} ElementContent
  * @typedef {import('hast').Root} Root
@@ -12,2 +12,3 @@ * @typedef {import('hast').Text} Text
  * @typedef {import('property-information').Schema} Schema
+ * @typedef {import('./complex-types').ReactMarkdownProps} ReactMarkdownProps
  *
@@ -25,3 +26,3 @@ * @typedef Raw
  * @param {string} href
- * @param {Array.<Comment|Element|Text>} children
+ * @param {Array.<ElementContent>} children
  * @param {string?} title
@@ -36,20 +37,14 @@ * @returns {string}
  *
+ * @typedef {import("react").HTMLAttributeAnchorTarget} TransformLinkTargetType
+ *
  * @callback TransformLinkTarget
  * @param {string} href
- * @param {Array.<Comment|Element|Text>} children
+ * @param {Array.<ElementContent>} children
  * @param {string?} title
- * @returns {string|undefined}
+ * @returns {TransformLinkTargetType|undefined}
  *
- * @typedef {keyof IntrinsicElements} ReactMarkdownNames
+ * @typedef {keyof JSX.IntrinsicElements} ReactMarkdownNames
  *
  * To do: is `data-sourcepos` typeable?
  *
- * @typedef ReactMarkdownProps
- * @property {Element} node
- * @property {string} key
- * @property {ReactNode[]} children
- * @property {Position?} [sourcePosition] Passed when `options.rawSourcePos` is given
- * @property {number} [index] Passed when `options.includeElementIndex` is given
- * @property {number} [siblingCount] Passed when `options.includeElementIndex` is given
- *
  * @callback CodeComponent
@@ -98,4 +93,3 @@ * @param {JSX.IntrinsicElements['code'] & ReactMarkdownProps & {inline?: boolean}} props
  *
- * @typedef {{[TagName in keyof IntrinsicElements]: TagName | ((props: IntrinsicElements[TagName] & ReactMarkdownProps) => ReactNode)}} NormalComponents
- * @typedef {Partial<Omit<NormalComponents, keyof SpecialComponents> & SpecialComponents>} Components
+ * @typedef {Partial<Omit<import("./complex-types").NormalComponents, keyof SpecialComponents> & SpecialComponents>} Components
  *
@@ -109,3 +103,3 @@ * @typedef Options
  * @property {TransformImage} [transformImageUri]
- * @property {string|TransformLinkTarget} [linkTarget]
+ * @property {TransformLinkTargetType|TransformLinkTarget} [linkTarget]
  * @property {Components} [components]
@@ -153,6 +147,4 @@ */
       }
-      // @ts-expect-error `raw` nodes are non-standard
     } else if (child.type === 'raw' && !context.options.skipHtml) {
       // Default behavior is to show (encoded) HTML.
-      // @ts-expect-error `raw` nodes are non-standard
       children.push(child.value)
@@ -210,3 +202,3 @@ }
   // Nodes created by plugins do not have positional info, in which case we use
-  // an object that matches the positon interface.
+  // an object that matches the position interface.
   const position = node.position || {
@@ -213,0 +205,0 @@ start: {line: null, column: null, offset: null},

package.json

 {
   "name": "react-markdown",
-  "version": "7.0.0",
+  "version": "7.0.1",
   "description": "Render Markdown as React components",
@@ -5,0 +5,0 @@ "license": "MIT",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Number of package files

16

increased by14.29%

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

173200

decreased by-13.7%

Lines of code

1416

decreased by-42.86%

No dependency changes