jvetrau-ds 0.2.46 → 0.2.48

package/components/course-outline/course-outline.css

@@ -101,7 +101,9 @@
 }
 
 .layout-sidebar__side
-  .course-outline__action {
+  .course-outline__action,
+.layout-sidebar__side 
+  .course-outline__meta {
   /* color */
 
   /* typography */

package/components/dropdown/dropdown.cjs

@@ -5,6 +5,7 @@ var react = require('react');
 require('./dropdown.css');
 var classnames = require('../helpers/classnames');
 
+const HOVER_CLOSE_DELAY_MS = 150;
 const Dropdown = ({
   options,
   value,
@@ -22,6 +23,7 @@ const Dropdown = ({
   ...props
 }) => {
   const dropdownRef = react.useRef(null);
+  const hoverCloseTimeoutRef = react.useRef(null);
   const [isOpen, setIsOpen] = react.useState(false);
   const [
     internalValue,
@@ -29,6 +31,26 @@ const Dropdown = ({
   ] = react.useState(defaultValue);
   const selectedValue = value ?? internalValue;
   const isHoverInteraction = interaction === "hover";
+  const clearHoverCloseTimeout = () => {
+    if (hoverCloseTimeoutRef.current === null) {
+      return;
+    }
+    clearTimeout(
+      hoverCloseTimeoutRef.current
+    );
+    hoverCloseTimeoutRef.current = null;
+  };
+  const closeDropdown = () => {
+    clearHoverCloseTimeout();
+    setIsOpen(false);
+  };
+  const scheduleHoverClose = () => {
+    clearHoverCloseTimeout();
+    hoverCloseTimeoutRef.current = setTimeout(() => {
+      hoverCloseTimeoutRef.current = null;
+      setIsOpen(false);
+    }, HOVER_CLOSE_DELAY_MS);
+  };
   const classes = classnames.classnames(
     "dropdown",
     className,
@@ -72,23 +94,25 @@ const Dropdown = ({
       setInternalValue(option.value);
     }
     onChange?.(option.value);
-    setIsOpen(false);
+    closeDropdown();
   };
   const handleMouseEnter = (event) => {
     onMouseEnter?.(event);
     if (isHoverInteraction) {
+      clearHoverCloseTimeout();
       setIsOpen(true);
     }
   };
   const handleMouseLeave = (event) => {
     onMouseLeave?.(event);
     if (isHoverInteraction) {
-      setIsOpen(false);
+      scheduleHoverClose();
     }
   };
   const handleFocus = (event) => {
     onFocus?.(event);
     if (isHoverInteraction) {
+      clearHoverCloseTimeout();
       setIsOpen(true);
     }
   };
@@ -103,8 +127,13 @@ const Dropdown = ({
     )) {
       return;
     }
-    setIsOpen(false);
+    closeDropdown();
   };
+  react.useEffect(() => {
+    return () => {
+      clearHoverCloseTimeout();
+    };
+  }, []);
   react.useEffect(() => {
     if (!isOpen) {
       return;
@@ -116,11 +145,11 @@ const Dropdown = ({
       )) {
         return;
       }
-      setIsOpen(false);
+      closeDropdown();
     };
     const handleDocumentKeyDown = (event) => {
       if (event.key === "Escape") {
-        setIsOpen(false);
+        closeDropdown();
       }
     };
     document.addEventListener(

package/components/dropdown/dropdown.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/dropdown/dropdown.tsx"],"names":["useRef","useState","classnames","cloneElement","useEffect","jsxs","jsx"],"mappings":"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","file":"dropdown.cjs","sourcesContent":["import React, {\n  cloneElement,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport './dropdown.css';\nimport { classnames } from '../helpers/classnames';\n\nexport interface DropdownOption {\n  value: string;\n  label: string;\n  disabled?: boolean;\n}\n\nexport type DropdownInteraction =\n  | 'click'\n  | 'hover';\n\ntype DropdownTriggerProps = {\n  className?: string;\n  onClick?: (\n    event: React.MouseEvent,\n  ) => void;\n  'aria-haspopup'?: string;\n  'aria-expanded'?: boolean;\n};\n\ntype DropdownTriggerElement =\n  React.ReactElement<DropdownTriggerProps>;\n\nexport interface DropdownProps\n  extends Omit<\n    React.HTMLAttributes<HTMLDivElement>,\n    'onChange'\n  > {\n  options: DropdownOption[];\n  value?: string;\n  defaultValue?: string;\n  label?: string;\n  align?:\n    | 'top-start'\n    | 'top-end'\n    | 'bottom-start'\n    | 'bottom-end';\n  interaction?: DropdownInteraction;\n  trigger: DropdownTriggerElement;\n  onChange?: (\n    value: string,\n  ) => void;\n}\n\nconst Dropdown: React.FC<DropdownProps> = ({\n  options,\n  value,\n  defaultValue,\n  label = 'Dropdown',\n  align = 'bottom-start',\n  interaction = 'click',\n  trigger,\n  onChange,\n  className = '',\n  onMouseEnter,\n  onMouseLeave,\n  onFocus,\n  onBlur,\n  ...props\n}) => {\n  const dropdownRef =\n    useRef<HTMLDivElement>(null);\n\n  const [isOpen, setIsOpen] =\n    useState(false);\n\n  const [\n    internalValue,\n    setInternalValue,\n  ] = useState(defaultValue);\n\n  const selectedValue =\n    value ?? internalValue;\n\n  const isHoverInteraction =\n    interaction === 'hover';\n\n  const classes = classnames(\n    'dropdown',\n    className,\n    {\n      'dropdown--open': isOpen,\n      'dropdown--top-start':\n        align === 'top-start',\n      'dropdown--top-end':\n        align === 'top-end',\n      'dropdown--bottom-start':\n        align === 'bottom-start',\n      'dropdown--bottom-end':\n        align === 'bottom-end',\n    },\n  );\n\n  const triggerElement =\n    trigger as DropdownTriggerElement;\n\n  const triggerClasses = classnames(\n    'dropdown__trigger',\n    triggerElement.props.className,\n  );\n\n  const resolvedTrigger = cloneElement(\n    triggerElement,\n    {\n      className: triggerClasses,\n      'aria-haspopup': 'menu',\n      'aria-expanded': isOpen,\n\n      onClick: (\n        event: React.MouseEvent,\n      ) => {\n        triggerElement.props.onClick?.(\n          event,\n        );\n\n        if (isHoverInteraction) {\n          return;\n        }\n\n        setIsOpen(\n          (currentValue) =>\n            !currentValue,\n        );\n      },\n    },\n  );\n\n  const handleOptionClick = (\n    option: DropdownOption,\n  ) => {\n    if (option.disabled) {\n      return;\n    }\n\n    if (value === undefined) {\n      setInternalValue(option.value);\n    }\n\n    onChange?.(option.value);\n    setIsOpen(false);\n  };\n\n  const handleMouseEnter = (\n    event: React.MouseEvent<HTMLDivElement>,\n  ) => {\n    onMouseEnter?.(event);\n\n    if (isHoverInteraction) {\n      setIsOpen(true);\n    }\n  };\n\n  const handleMouseLeave = (\n    event: React.MouseEvent<HTMLDivElement>,\n  ) => {\n    onMouseLeave?.(event);\n\n    if (isHoverInteraction) {\n      setIsOpen(false);\n    }\n  };\n\n  const handleFocus = (\n    event: React.FocusEvent<HTMLDivElement>,\n  ) => {\n    onFocus?.(event);\n\n    if (isHoverInteraction) {\n      setIsOpen(true);\n    }\n  };\n\n  const handleBlur = (\n    event: React.FocusEvent<HTMLDivElement>,\n  ) => {\n    onBlur?.(event);\n\n    if (!isHoverInteraction) {\n      return;\n    }\n\n    const nextTarget =\n      event.relatedTarget;\n\n    if (\n      nextTarget instanceof Node &&\n      event.currentTarget.contains(\n        nextTarget,\n      )\n    ) {\n      return;\n    }\n\n    setIsOpen(false);\n  };\n\n  useEffect(() => {\n    if (!isOpen) {\n      return;\n    }\n\n    const handleDocumentClick = (\n      event: MouseEvent,\n    ) => {\n      const dropdown =\n        dropdownRef.current;\n\n      if (\n        !dropdown ||\n        dropdown.contains(\n          event.target as Node,\n        )\n      ) {\n        return;\n      }\n\n      setIsOpen(false);\n    };\n\n    const handleDocumentKeyDown = (\n      event: KeyboardEvent,\n    ) => {\n      if (event.key === 'Escape') {\n        setIsOpen(false);\n      }\n    };\n\n    document.addEventListener(\n      'mousedown',\n      handleDocumentClick,\n    );\n\n    document.addEventListener(\n      'keydown',\n      handleDocumentKeyDown,\n    );\n\n    return () => {\n      document.removeEventListener(\n        'mousedown',\n        handleDocumentClick,\n      );\n\n      document.removeEventListener(\n        'keydown',\n        handleDocumentKeyDown,\n      );\n    };\n  }, [isOpen]);\n\n  return (\n    <div\n      ref={dropdownRef}\n      className={classes}\n      onMouseEnter={\n        handleMouseEnter\n      }\n      onMouseLeave={\n        handleMouseLeave\n      }\n      onFocus={handleFocus}\n      onBlur={handleBlur}\n      {...props}\n    >\n      {resolvedTrigger}\n\n      {isOpen && (\n        <div\n          className=\"dropdown__menu\"\n          role=\"menu\"\n          aria-label={label}\n        >\n          {options.map((option) => {\n            const isSelected =\n              option.value ===\n              selectedValue;\n\n            const itemClasses =\n              classnames(\n                'dropdown__item',\n                {\n                  'dropdown__item--selected':\n                    isSelected,\n                  'dropdown__item--disabled':\n                    option.disabled,\n                },\n              );\n\n            return (\n              <button\n                key={option.value}\n                className={\n                  itemClasses\n                }\n                type=\"button\"\n                role=\"menuitemradio\"\n                aria-checked={\n                  isSelected\n                }\n                aria-disabled={\n                  option.disabled\n                }\n                disabled={\n                  option.disabled\n                }\n                onClick={() =>\n                  handleOptionClick(\n                    option,\n                  )\n                }\n              >\n                {option.label}\n              </button>\n            );\n          })}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default Dropdown;\n"]}
+{"version":3,"sources":["../../../src/components/dropdown/dropdown.tsx"],"names":["useRef","useState","classnames","cloneElement","useEffect","jsxs","jsx"],"mappings":"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","file":"dropdown.cjs","sourcesContent":["import React, {\n  cloneElement,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport './dropdown.css';\nimport { classnames } from '../helpers/classnames';\n\nconst HOVER_CLOSE_DELAY_MS = 150;\n\nexport interface DropdownOption {\n  value: string;\n  label: string;\n  disabled?: boolean;\n}\n\nexport type DropdownInteraction =\n  | 'click'\n  | 'hover';\n\ntype DropdownTriggerProps = {\n  className?: string;\n  onClick?: (\n    event: React.MouseEvent,\n  ) => void;\n  'aria-haspopup'?: string;\n  'aria-expanded'?: boolean;\n};\n\ntype DropdownTriggerElement =\n  React.ReactElement<DropdownTriggerProps>;\n\nexport interface DropdownProps\n  extends Omit<\n    React.HTMLAttributes<HTMLDivElement>,\n    'onChange'\n  > {\n  options: DropdownOption[];\n  value?: string;\n  defaultValue?: string;\n  label?: string;\n  align?:\n    | 'top-start'\n    | 'top-end'\n    | 'bottom-start'\n    | 'bottom-end';\n  interaction?: DropdownInteraction;\n  trigger: DropdownTriggerElement;\n  onChange?: (\n    value: string,\n  ) => void;\n}\n\nconst Dropdown: React.FC<DropdownProps> = ({\n  options,\n  value,\n  defaultValue,\n  label = 'Dropdown',\n  align = 'bottom-start',\n  interaction = 'click',\n  trigger,\n  onChange,\n  className = '',\n  onMouseEnter,\n  onMouseLeave,\n  onFocus,\n  onBlur,\n  ...props\n}) => {\n  const dropdownRef =\n    useRef<HTMLDivElement>(null);\n\n  const hoverCloseTimeoutRef =\n    useRef<ReturnType<\n      typeof setTimeout\n    > | null>(null);\n\n  const [isOpen, setIsOpen] =\n    useState(false);\n\n  const [\n    internalValue,\n    setInternalValue,\n  ] = useState(defaultValue);\n\n  const selectedValue =\n    value ?? internalValue;\n\n  const isHoverInteraction =\n    interaction === 'hover';\n\n  const clearHoverCloseTimeout =\n    () => {\n      if (\n        hoverCloseTimeoutRef.current ===\n        null\n      ) {\n        return;\n      }\n\n      clearTimeout(\n        hoverCloseTimeoutRef.current,\n      );\n\n      hoverCloseTimeoutRef.current =\n        null;\n    };\n\n  const closeDropdown = () => {\n    clearHoverCloseTimeout();\n    setIsOpen(false);\n  };\n\n  const scheduleHoverClose = () => {\n    clearHoverCloseTimeout();\n\n    hoverCloseTimeoutRef.current =\n      setTimeout(() => {\n        hoverCloseTimeoutRef.current =\n          null;\n        setIsOpen(false);\n      }, HOVER_CLOSE_DELAY_MS);\n  };\n\n  const classes = classnames(\n    'dropdown',\n    className,\n    {\n      'dropdown--open': isOpen,\n      'dropdown--top-start':\n        align === 'top-start',\n      'dropdown--top-end':\n        align === 'top-end',\n      'dropdown--bottom-start':\n        align === 'bottom-start',\n      'dropdown--bottom-end':\n        align === 'bottom-end',\n    },\n  );\n\n  const triggerElement =\n    trigger as DropdownTriggerElement;\n\n  const triggerClasses = classnames(\n    'dropdown__trigger',\n    triggerElement.props.className,\n  );\n\n  const resolvedTrigger = cloneElement(\n    triggerElement,\n    {\n      className: triggerClasses,\n      'aria-haspopup': 'menu',\n      'aria-expanded': isOpen,\n\n      onClick: (\n        event: React.MouseEvent,\n      ) => {\n        triggerElement.props.onClick?.(\n          event,\n        );\n\n        if (isHoverInteraction) {\n          return;\n        }\n\n        setIsOpen(\n          (currentValue) =>\n            !currentValue,\n        );\n      },\n    },\n  );\n\n  const handleOptionClick = (\n    option: DropdownOption,\n  ) => {\n    if (option.disabled) {\n      return;\n    }\n\n    if (value === undefined) {\n      setInternalValue(option.value);\n    }\n\n    onChange?.(option.value);\n    closeDropdown();\n  };\n\n  const handleMouseEnter = (\n    event: React.MouseEvent<HTMLDivElement>,\n  ) => {\n    onMouseEnter?.(event);\n\n    if (isHoverInteraction) {\n      clearHoverCloseTimeout();\n      setIsOpen(true);\n    }\n  };\n\n  const handleMouseLeave = (\n    event: React.MouseEvent<HTMLDivElement>,\n  ) => {\n    onMouseLeave?.(event);\n\n    if (isHoverInteraction) {\n      scheduleHoverClose();\n    }\n  };\n\n  const handleFocus = (\n    event: React.FocusEvent<HTMLDivElement>,\n  ) => {\n    onFocus?.(event);\n\n    if (isHoverInteraction) {\n      clearHoverCloseTimeout();\n      setIsOpen(true);\n    }\n  };\n\n  const handleBlur = (\n    event: React.FocusEvent<HTMLDivElement>,\n  ) => {\n    onBlur?.(event);\n\n    if (!isHoverInteraction) {\n      return;\n    }\n\n    const nextTarget =\n      event.relatedTarget;\n\n    if (\n      nextTarget instanceof Node &&\n      event.currentTarget.contains(\n        nextTarget,\n      )\n    ) {\n      return;\n    }\n\n    closeDropdown();\n  };\n\n  useEffect(() => {\n    return () => {\n      clearHoverCloseTimeout();\n    };\n  }, []);\n\n  useEffect(() => {\n    if (!isOpen) {\n      return;\n    }\n\n    const handleDocumentClick = (\n      event: MouseEvent,\n    ) => {\n      const dropdown =\n        dropdownRef.current;\n\n      if (\n        !dropdown ||\n        dropdown.contains(\n          event.target as Node,\n        )\n      ) {\n        return;\n      }\n\n      closeDropdown();\n    };\n\n    const handleDocumentKeyDown = (\n      event: KeyboardEvent,\n    ) => {\n      if (event.key === 'Escape') {\n        closeDropdown();\n      }\n    };\n\n    document.addEventListener(\n      'mousedown',\n      handleDocumentClick,\n    );\n\n    document.addEventListener(\n      'keydown',\n      handleDocumentKeyDown,\n    );\n\n    return () => {\n      document.removeEventListener(\n        'mousedown',\n        handleDocumentClick,\n      );\n\n      document.removeEventListener(\n        'keydown',\n        handleDocumentKeyDown,\n      );\n    };\n  }, [isOpen]);\n\n  return (\n    <div\n      ref={dropdownRef}\n      className={classes}\n      onMouseEnter={\n        handleMouseEnter\n      }\n      onMouseLeave={\n        handleMouseLeave\n      }\n      onFocus={handleFocus}\n      onBlur={handleBlur}\n      {...props}\n    >\n      {resolvedTrigger}\n\n      {isOpen && (\n        <div\n          className=\"dropdown__menu\"\n          role=\"menu\"\n          aria-label={label}\n        >\n          {options.map((option) => {\n            const isSelected =\n              option.value ===\n              selectedValue;\n\n            const itemClasses =\n              classnames(\n                'dropdown__item',\n                {\n                  'dropdown__item--selected':\n                    isSelected,\n                  'dropdown__item--disabled':\n                    option.disabled,\n                },\n              );\n\n            return (\n              <button\n                key={option.value}\n                className={\n                  itemClasses\n                }\n                type=\"button\"\n                role=\"menuitemradio\"\n                aria-checked={\n                  isSelected\n                }\n                aria-disabled={\n                  option.disabled\n                }\n                disabled={\n                  option.disabled\n                }\n                onClick={() =>\n                  handleOptionClick(\n                    option,\n                  )\n                }\n              >\n                {option.label}\n              </button>\n            );\n          })}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default Dropdown;\n"]}

package/components/dropdown/dropdown.js

@@ -3,6 +3,7 @@ import { useRef, useState, cloneElement, useEffect } from 'react';
 import './dropdown.css';
 import { classnames } from '../helpers/classnames';
 
+const HOVER_CLOSE_DELAY_MS = 150;
 const Dropdown = ({
   options,
   value,
@@ -20,6 +21,7 @@ const Dropdown = ({
   ...props
 }) => {
   const dropdownRef = useRef(null);
+  const hoverCloseTimeoutRef = useRef(null);
   const [isOpen, setIsOpen] = useState(false);
   const [
     internalValue,
@@ -27,6 +29,26 @@ const Dropdown = ({
   ] = useState(defaultValue);
   const selectedValue = value ?? internalValue;
   const isHoverInteraction = interaction === "hover";
+  const clearHoverCloseTimeout = () => {
+    if (hoverCloseTimeoutRef.current === null) {
+      return;
+    }
+    clearTimeout(
+      hoverCloseTimeoutRef.current
+    );
+    hoverCloseTimeoutRef.current = null;
+  };
+  const closeDropdown = () => {
+    clearHoverCloseTimeout();
+    setIsOpen(false);
+  };
+  const scheduleHoverClose = () => {
+    clearHoverCloseTimeout();
+    hoverCloseTimeoutRef.current = setTimeout(() => {
+      hoverCloseTimeoutRef.current = null;
+      setIsOpen(false);
+    }, HOVER_CLOSE_DELAY_MS);
+  };
   const classes = classnames(
     "dropdown",
     className,
@@ -70,23 +92,25 @@ const Dropdown = ({
       setInternalValue(option.value);
     }
     onChange?.(option.value);
-    setIsOpen(false);
+    closeDropdown();
   };
   const handleMouseEnter = (event) => {
     onMouseEnter?.(event);
     if (isHoverInteraction) {
+      clearHoverCloseTimeout();
       setIsOpen(true);
     }
   };
   const handleMouseLeave = (event) => {
     onMouseLeave?.(event);
     if (isHoverInteraction) {
-      setIsOpen(false);
+      scheduleHoverClose();
     }
   };
   const handleFocus = (event) => {
     onFocus?.(event);
     if (isHoverInteraction) {
+      clearHoverCloseTimeout();
       setIsOpen(true);
     }
   };
@@ -101,8 +125,13 @@ const Dropdown = ({
     )) {
       return;
     }
-    setIsOpen(false);
+    closeDropdown();
   };
+  useEffect(() => {
+    return () => {
+      clearHoverCloseTimeout();
+    };
+  }, []);
   useEffect(() => {
     if (!isOpen) {
       return;
@@ -114,11 +143,11 @@ const Dropdown = ({
       )) {
         return;
       }
-      setIsOpen(false);
+      closeDropdown();
     };
     const handleDocumentKeyDown = (event) => {
       if (event.key === "Escape") {
-        setIsOpen(false);
+        closeDropdown();
       }
     };
     document.addEventListener(

package/components/dropdown/dropdown.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/dropdown/dropdown.tsx"],"names":[],"mappings":"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","file":"dropdown.js","sourcesContent":["import React, {\n  cloneElement,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport './dropdown.css';\nimport { classnames } from '../helpers/classnames';\n\nexport interface DropdownOption {\n  value: string;\n  label: string;\n  disabled?: boolean;\n}\n\nexport type DropdownInteraction =\n  | 'click'\n  | 'hover';\n\ntype DropdownTriggerProps = {\n  className?: string;\n  onClick?: (\n    event: React.MouseEvent,\n  ) => void;\n  'aria-haspopup'?: string;\n  'aria-expanded'?: boolean;\n};\n\ntype DropdownTriggerElement =\n  React.ReactElement<DropdownTriggerProps>;\n\nexport interface DropdownProps\n  extends Omit<\n    React.HTMLAttributes<HTMLDivElement>,\n    'onChange'\n  > {\n  options: DropdownOption[];\n  value?: string;\n  defaultValue?: string;\n  label?: string;\n  align?:\n    | 'top-start'\n    | 'top-end'\n    | 'bottom-start'\n    | 'bottom-end';\n  interaction?: DropdownInteraction;\n  trigger: DropdownTriggerElement;\n  onChange?: (\n    value: string,\n  ) => void;\n}\n\nconst Dropdown: React.FC<DropdownProps> = ({\n  options,\n  value,\n  defaultValue,\n  label = 'Dropdown',\n  align = 'bottom-start',\n  interaction = 'click',\n  trigger,\n  onChange,\n  className = '',\n  onMouseEnter,\n  onMouseLeave,\n  onFocus,\n  onBlur,\n  ...props\n}) => {\n  const dropdownRef =\n    useRef<HTMLDivElement>(null);\n\n  const [isOpen, setIsOpen] =\n    useState(false);\n\n  const [\n    internalValue,\n    setInternalValue,\n  ] = useState(defaultValue);\n\n  const selectedValue =\n    value ?? internalValue;\n\n  const isHoverInteraction =\n    interaction === 'hover';\n\n  const classes = classnames(\n    'dropdown',\n    className,\n    {\n      'dropdown--open': isOpen,\n      'dropdown--top-start':\n        align === 'top-start',\n      'dropdown--top-end':\n        align === 'top-end',\n      'dropdown--bottom-start':\n        align === 'bottom-start',\n      'dropdown--bottom-end':\n        align === 'bottom-end',\n    },\n  );\n\n  const triggerElement =\n    trigger as DropdownTriggerElement;\n\n  const triggerClasses = classnames(\n    'dropdown__trigger',\n    triggerElement.props.className,\n  );\n\n  const resolvedTrigger = cloneElement(\n    triggerElement,\n    {\n      className: triggerClasses,\n      'aria-haspopup': 'menu',\n      'aria-expanded': isOpen,\n\n      onClick: (\n        event: React.MouseEvent,\n      ) => {\n        triggerElement.props.onClick?.(\n          event,\n        );\n\n        if (isHoverInteraction) {\n          return;\n        }\n\n        setIsOpen(\n          (currentValue) =>\n            !currentValue,\n        );\n      },\n    },\n  );\n\n  const handleOptionClick = (\n    option: DropdownOption,\n  ) => {\n    if (option.disabled) {\n      return;\n    }\n\n    if (value === undefined) {\n      setInternalValue(option.value);\n    }\n\n    onChange?.(option.value);\n    setIsOpen(false);\n  };\n\n  const handleMouseEnter = (\n    event: React.MouseEvent<HTMLDivElement>,\n  ) => {\n    onMouseEnter?.(event);\n\n    if (isHoverInteraction) {\n      setIsOpen(true);\n    }\n  };\n\n  const handleMouseLeave = (\n    event: React.MouseEvent<HTMLDivElement>,\n  ) => {\n    onMouseLeave?.(event);\n\n    if (isHoverInteraction) {\n      setIsOpen(false);\n    }\n  };\n\n  const handleFocus = (\n    event: React.FocusEvent<HTMLDivElement>,\n  ) => {\n    onFocus?.(event);\n\n    if (isHoverInteraction) {\n      setIsOpen(true);\n    }\n  };\n\n  const handleBlur = (\n    event: React.FocusEvent<HTMLDivElement>,\n  ) => {\n    onBlur?.(event);\n\n    if (!isHoverInteraction) {\n      return;\n    }\n\n    const nextTarget =\n      event.relatedTarget;\n\n    if (\n      nextTarget instanceof Node &&\n      event.currentTarget.contains(\n        nextTarget,\n      )\n    ) {\n      return;\n    }\n\n    setIsOpen(false);\n  };\n\n  useEffect(() => {\n    if (!isOpen) {\n      return;\n    }\n\n    const handleDocumentClick = (\n      event: MouseEvent,\n    ) => {\n      const dropdown =\n        dropdownRef.current;\n\n      if (\n        !dropdown ||\n        dropdown.contains(\n          event.target as Node,\n        )\n      ) {\n        return;\n      }\n\n      setIsOpen(false);\n    };\n\n    const handleDocumentKeyDown = (\n      event: KeyboardEvent,\n    ) => {\n      if (event.key === 'Escape') {\n        setIsOpen(false);\n      }\n    };\n\n    document.addEventListener(\n      'mousedown',\n      handleDocumentClick,\n    );\n\n    document.addEventListener(\n      'keydown',\n      handleDocumentKeyDown,\n    );\n\n    return () => {\n      document.removeEventListener(\n        'mousedown',\n        handleDocumentClick,\n      );\n\n      document.removeEventListener(\n        'keydown',\n        handleDocumentKeyDown,\n      );\n    };\n  }, [isOpen]);\n\n  return (\n    <div\n      ref={dropdownRef}\n      className={classes}\n      onMouseEnter={\n        handleMouseEnter\n      }\n      onMouseLeave={\n        handleMouseLeave\n      }\n      onFocus={handleFocus}\n      onBlur={handleBlur}\n      {...props}\n    >\n      {resolvedTrigger}\n\n      {isOpen && (\n        <div\n          className=\"dropdown__menu\"\n          role=\"menu\"\n          aria-label={label}\n        >\n          {options.map((option) => {\n            const isSelected =\n              option.value ===\n              selectedValue;\n\n            const itemClasses =\n              classnames(\n                'dropdown__item',\n                {\n                  'dropdown__item--selected':\n                    isSelected,\n                  'dropdown__item--disabled':\n                    option.disabled,\n                },\n              );\n\n            return (\n              <button\n                key={option.value}\n                className={\n                  itemClasses\n                }\n                type=\"button\"\n                role=\"menuitemradio\"\n                aria-checked={\n                  isSelected\n                }\n                aria-disabled={\n                  option.disabled\n                }\n                disabled={\n                  option.disabled\n                }\n                onClick={() =>\n                  handleOptionClick(\n                    option,\n                  )\n                }\n              >\n                {option.label}\n              </button>\n            );\n          })}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default Dropdown;\n"]}
+{"version":3,"sources":["../../../src/components/dropdown/dropdown.tsx"],"names":[],"mappings":"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","file":"dropdown.js","sourcesContent":["import React, {\n  cloneElement,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport './dropdown.css';\nimport { classnames } from '../helpers/classnames';\n\nconst HOVER_CLOSE_DELAY_MS = 150;\n\nexport interface DropdownOption {\n  value: string;\n  label: string;\n  disabled?: boolean;\n}\n\nexport type DropdownInteraction =\n  | 'click'\n  | 'hover';\n\ntype DropdownTriggerProps = {\n  className?: string;\n  onClick?: (\n    event: React.MouseEvent,\n  ) => void;\n  'aria-haspopup'?: string;\n  'aria-expanded'?: boolean;\n};\n\ntype DropdownTriggerElement =\n  React.ReactElement<DropdownTriggerProps>;\n\nexport interface DropdownProps\n  extends Omit<\n    React.HTMLAttributes<HTMLDivElement>,\n    'onChange'\n  > {\n  options: DropdownOption[];\n  value?: string;\n  defaultValue?: string;\n  label?: string;\n  align?:\n    | 'top-start'\n    | 'top-end'\n    | 'bottom-start'\n    | 'bottom-end';\n  interaction?: DropdownInteraction;\n  trigger: DropdownTriggerElement;\n  onChange?: (\n    value: string,\n  ) => void;\n}\n\nconst Dropdown: React.FC<DropdownProps> = ({\n  options,\n  value,\n  defaultValue,\n  label = 'Dropdown',\n  align = 'bottom-start',\n  interaction = 'click',\n  trigger,\n  onChange,\n  className = '',\n  onMouseEnter,\n  onMouseLeave,\n  onFocus,\n  onBlur,\n  ...props\n}) => {\n  const dropdownRef =\n    useRef<HTMLDivElement>(null);\n\n  const hoverCloseTimeoutRef =\n    useRef<ReturnType<\n      typeof setTimeout\n    > | null>(null);\n\n  const [isOpen, setIsOpen] =\n    useState(false);\n\n  const [\n    internalValue,\n    setInternalValue,\n  ] = useState(defaultValue);\n\n  const selectedValue =\n    value ?? internalValue;\n\n  const isHoverInteraction =\n    interaction === 'hover';\n\n  const clearHoverCloseTimeout =\n    () => {\n      if (\n        hoverCloseTimeoutRef.current ===\n        null\n      ) {\n        return;\n      }\n\n      clearTimeout(\n        hoverCloseTimeoutRef.current,\n      );\n\n      hoverCloseTimeoutRef.current =\n        null;\n    };\n\n  const closeDropdown = () => {\n    clearHoverCloseTimeout();\n    setIsOpen(false);\n  };\n\n  const scheduleHoverClose = () => {\n    clearHoverCloseTimeout();\n\n    hoverCloseTimeoutRef.current =\n      setTimeout(() => {\n        hoverCloseTimeoutRef.current =\n          null;\n        setIsOpen(false);\n      }, HOVER_CLOSE_DELAY_MS);\n  };\n\n  const classes = classnames(\n    'dropdown',\n    className,\n    {\n      'dropdown--open': isOpen,\n      'dropdown--top-start':\n        align === 'top-start',\n      'dropdown--top-end':\n        align === 'top-end',\n      'dropdown--bottom-start':\n        align === 'bottom-start',\n      'dropdown--bottom-end':\n        align === 'bottom-end',\n    },\n  );\n\n  const triggerElement =\n    trigger as DropdownTriggerElement;\n\n  const triggerClasses = classnames(\n    'dropdown__trigger',\n    triggerElement.props.className,\n  );\n\n  const resolvedTrigger = cloneElement(\n    triggerElement,\n    {\n      className: triggerClasses,\n      'aria-haspopup': 'menu',\n      'aria-expanded': isOpen,\n\n      onClick: (\n        event: React.MouseEvent,\n      ) => {\n        triggerElement.props.onClick?.(\n          event,\n        );\n\n        if (isHoverInteraction) {\n          return;\n        }\n\n        setIsOpen(\n          (currentValue) =>\n            !currentValue,\n        );\n      },\n    },\n  );\n\n  const handleOptionClick = (\n    option: DropdownOption,\n  ) => {\n    if (option.disabled) {\n      return;\n    }\n\n    if (value === undefined) {\n      setInternalValue(option.value);\n    }\n\n    onChange?.(option.value);\n    closeDropdown();\n  };\n\n  const handleMouseEnter = (\n    event: React.MouseEvent<HTMLDivElement>,\n  ) => {\n    onMouseEnter?.(event);\n\n    if (isHoverInteraction) {\n      clearHoverCloseTimeout();\n      setIsOpen(true);\n    }\n  };\n\n  const handleMouseLeave = (\n    event: React.MouseEvent<HTMLDivElement>,\n  ) => {\n    onMouseLeave?.(event);\n\n    if (isHoverInteraction) {\n      scheduleHoverClose();\n    }\n  };\n\n  const handleFocus = (\n    event: React.FocusEvent<HTMLDivElement>,\n  ) => {\n    onFocus?.(event);\n\n    if (isHoverInteraction) {\n      clearHoverCloseTimeout();\n      setIsOpen(true);\n    }\n  };\n\n  const handleBlur = (\n    event: React.FocusEvent<HTMLDivElement>,\n  ) => {\n    onBlur?.(event);\n\n    if (!isHoverInteraction) {\n      return;\n    }\n\n    const nextTarget =\n      event.relatedTarget;\n\n    if (\n      nextTarget instanceof Node &&\n      event.currentTarget.contains(\n        nextTarget,\n      )\n    ) {\n      return;\n    }\n\n    closeDropdown();\n  };\n\n  useEffect(() => {\n    return () => {\n      clearHoverCloseTimeout();\n    };\n  }, []);\n\n  useEffect(() => {\n    if (!isOpen) {\n      return;\n    }\n\n    const handleDocumentClick = (\n      event: MouseEvent,\n    ) => {\n      const dropdown =\n        dropdownRef.current;\n\n      if (\n        !dropdown ||\n        dropdown.contains(\n          event.target as Node,\n        )\n      ) {\n        return;\n      }\n\n      closeDropdown();\n    };\n\n    const handleDocumentKeyDown = (\n      event: KeyboardEvent,\n    ) => {\n      if (event.key === 'Escape') {\n        closeDropdown();\n      }\n    };\n\n    document.addEventListener(\n      'mousedown',\n      handleDocumentClick,\n    );\n\n    document.addEventListener(\n      'keydown',\n      handleDocumentKeyDown,\n    );\n\n    return () => {\n      document.removeEventListener(\n        'mousedown',\n        handleDocumentClick,\n      );\n\n      document.removeEventListener(\n        'keydown',\n        handleDocumentKeyDown,\n      );\n    };\n  }, [isOpen]);\n\n  return (\n    <div\n      ref={dropdownRef}\n      className={classes}\n      onMouseEnter={\n        handleMouseEnter\n      }\n      onMouseLeave={\n        handleMouseLeave\n      }\n      onFocus={handleFocus}\n      onBlur={handleBlur}\n      {...props}\n    >\n      {resolvedTrigger}\n\n      {isOpen && (\n        <div\n          className=\"dropdown__menu\"\n          role=\"menu\"\n          aria-label={label}\n        >\n          {options.map((option) => {\n            const isSelected =\n              option.value ===\n              selectedValue;\n\n            const itemClasses =\n              classnames(\n                'dropdown__item',\n                {\n                  'dropdown__item--selected':\n                    isSelected,\n                  'dropdown__item--disabled':\n                    option.disabled,\n                },\n              );\n\n            return (\n              <button\n                key={option.value}\n                className={\n                  itemClasses\n                }\n                type=\"button\"\n                role=\"menuitemradio\"\n                aria-checked={\n                  isSelected\n                }\n                aria-disabled={\n                  option.disabled\n                }\n                disabled={\n                  option.disabled\n                }\n                onClick={() =>\n                  handleOptionClick(\n                    option,\n                  )\n                }\n              >\n                {option.label}\n              </button>\n            );\n          })}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default Dropdown;\n"]}

package/components/index.d.ts

@@ -50,7 +50,7 @@ export type { CardGroupProps } from './card-group/card-group';
 export { default as Breadcrumbs } from './breadcrumbs/breadcrumbs';
 export type { BreadcrumbItem, BreadcrumbsPresentation, BreadcrumbsProps, } from './breadcrumbs/breadcrumbs';
 export { default as Markdown } from './markdown/markdown';
-export type { MarkdownEmbed, MarkdownProps, } from './markdown/markdown';
+export type { MarkdownEmbed, MarkdownLinkProps, MarkdownProps, } from './markdown/markdown';
 export { default as Discussion } from './discussion/discussion';
 export type { DiscussionItem, DiscussionProps, } from './discussion/discussion';
 export { default as CourseOutline } from './course-outline/course-outline';

package/components/markdown/index.d.ts

@@ -1,2 +1,2 @@
 export { default } from './markdown';
-export type { MarkdownEmbed, MarkdownProps, } from './markdown';
+export type { MarkdownEmbed, MarkdownLinkProps, MarkdownProps, } from './markdown';

package/components/markdown/markdown.cjs

@@ -199,7 +199,7 @@ const MarkdownHeading = ({
       return /* @__PURE__ */ jsxRuntime.jsx("h6", { ...props, children });
   }
 };
-function createDocumentComponents(headingLevelOffset, renderEmbed) {
+function createDocumentComponents(headingLevelOffset, renderEmbed, renderLink) {
   return {
     h1: ({ node: _node, ...headingProps }) => /* @__PURE__ */ jsxRuntime.jsx(
       MarkdownHeading,
@@ -249,6 +249,15 @@ function createDocumentComponents(headingLevelOffset, renderEmbed) {
         offset: headingLevelOffset
       }
     ),
+    a: ({
+      node: _node,
+      ...linkProps
+    }) => {
+      if (renderLink) {
+        return renderLink(linkProps);
+      }
+      return /* @__PURE__ */ jsxRuntime.jsx("a", { ...linkProps });
+    },
     div: ({
       node: _node,
       ...divProps
@@ -277,6 +286,7 @@ const Markdown = ({
   excerpt = false,
   headingLevelOffset = 0,
   renderEmbed,
+  renderLink,
   className = "",
   ...props
 }) => {
@@ -309,7 +319,8 @@ const Markdown = ({
   const normalizedHeadingLevelOffset = normalizeHeadingLevelOffset(headingLevelOffset);
   const documentComponents = createDocumentComponents(
     normalizedHeadingLevelOffset,
-    renderEmbed
+    renderEmbed,
+    renderLink
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",

package/components/markdown/markdown.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/markdown/markdown.tsx"],"names":["jsx","classnames","ReactMarkdown","remarkGfm","remarkDirective"],"mappings":"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","file":"markdown.cjs","sourcesContent":["import React from 'react';\nimport ReactMarkdown, { type Components } from 'react-markdown';\nimport remarkDirective from 'remark-directive';\nimport remarkGfm from 'remark-gfm';\nimport type { Plugin } from 'unified';\n\nimport './markdown.css';\nimport { classnames } from '../helpers/classnames';\n\nexport interface MarkdownEmbed {\n  src: string;\n  label: string;\n}\n\nexport interface MarkdownProps\n  extends Omit<\n    React.HTMLAttributes<HTMLDivElement>,\n    'children' | 'dangerouslySetInnerHTML'\n  > {\n  content: string;\n  excerpt?: boolean;\n  headingLevelOffset?: number;\n  renderEmbed?: (\n    embed: MarkdownEmbed,\n  ) => React.ReactNode;\n}\n\ninterface MarkdownHeadingProps\n  extends React.HTMLAttributes<HTMLHeadingElement> {\n  sourceLevel: number;\n  offset: number;\n}\n\ntype MarkdownNodeData = {\n  hName?: string;\n  hProperties?: Record<string, unknown>;\n  hChildren?: MarkdownNode[];\n  [key: string]: unknown;\n};\n\ntype MarkdownNode = {\n  type: string;\n  name?: string;\n  value?: string;\n  alt?: string | null;\n  attributes?: Record<\n    string,\n    string | null | undefined\n  >;\n  data?: MarkdownNodeData;\n  children?: MarkdownNode[];\n  [key: string]: unknown;\n};\n\ntype MarkdownRoot = {\n  type: 'root';\n  children: MarkdownNode[];\n};\n\ntype MarkdownEmbedDivProps =\n  React.HTMLAttributes<HTMLDivElement> & {\n    'data-markdown-embed'?: string;\n    'data-markdown-embed-src'?: string;\n    'data-markdown-embed-label'?: string;\n  };\n\nfunction normalizeHeadingLevelOffset(value: number | undefined) {\n  if (value === undefined || !Number.isFinite(value)) {\n    return 0;\n  }\n\n  return Math.max(0, Math.floor(value));\n}\n\nfunction getHeadingLevel(\n  sourceLevel: number,\n  offset: number,\n) {\n  return Math.min(6, sourceLevel + offset);\n}\n\nfunction createTextNode(value: string): MarkdownNode {\n  return {\n    type: 'text',\n    value,\n  };\n}\n\nfunction appendNodesWithSeparator(\n  target: MarkdownNode[],\n  nodes: MarkdownNode[],\n) {\n  if (nodes.length === 0) {\n    return;\n  }\n\n  if (target.length > 0) {\n    target.push(createTextNode(' '));\n  }\n\n  target.push(...nodes);\n}\n\nfunction getNodeText(node: MarkdownNode): string {\n  if (typeof node.value === 'string') {\n    return node.value;\n  }\n\n  return (node.children ?? [])\n    .map(getNodeText)\n    .join('');\n}\n\nfunction getEmbed(\n  node: MarkdownNode,\n): MarkdownEmbed | null {\n  if (\n    node.type !== 'leafDirective' ||\n    node.name !== 'embed'\n  ) {\n    return null;\n  }\n\n  const src = node.attributes?.src ?? '';\n  const label = getNodeText(node);\n\n  if (!src.trim() || !label.trim()) {\n    return null;\n  }\n\n  return {\n    src,\n    label,\n  };\n}\n\nfunction transformEmbedNodes(\n  nodes: MarkdownNode[],\n) {\n  for (const node of nodes) {\n    if (\n      node.type === 'leafDirective' &&\n      node.name === 'embed'\n    ) {\n      const embed = getEmbed(node);\n\n      node.data = {\n        ...node.data,\n        hName: 'div',\n        hProperties: embed\n          ? {\n              'data-markdown-embed': 'true',\n              'data-markdown-embed-src':\n                embed.src,\n              'data-markdown-embed-label':\n                embed.label,\n            }\n          : {\n              'data-markdown-embed':\n                'invalid',\n            },\n        hChildren: [],\n      };\n\n      continue;\n    }\n\n    if (node.children) {\n      transformEmbedNodes(node.children);\n    }\n  }\n}\n\nconst remarkEmbed: Plugin = () => {\n  return (tree) => {\n    const root = tree as MarkdownRoot;\n\n    transformEmbedNodes(root.children);\n  };\n};\n\nfunction flattenInlineNode(\n  node: MarkdownNode,\n): MarkdownNode[] {\n  switch (node.type) {\n    case 'html':\n      return [];\n\n    case 'break':\n      return [\n        createTextNode(' '),\n      ];\n\n    case 'image':\n    case 'imageReference':\n      return node.alt\n        ? [\n            createTextNode(node.alt),\n          ]\n        : [];\n\n    default:\n      if (!node.children) {\n        return [\n          node,\n        ];\n      }\n\n      return [\n        {\n          ...node,\n          children: node.children.flatMap(\n            flattenInlineNode,\n          ),\n        },\n      ];\n  }\n}\n\nfunction flattenBlockNode(\n  node: MarkdownNode,\n): MarkdownNode[] {\n  switch (node.type) {\n    case 'paragraph':\n    case 'heading':\n      return (node.children ?? []).flatMap(\n        flattenInlineNode,\n      );\n\n    case 'tableCell':\n      return (node.children ?? []).flatMap(\n        flattenInlineNode,\n      );\n\n    case 'code':\n      return node.value\n        ? [\n            {\n              type: 'inlineCode',\n              value: node.value,\n            },\n          ]\n        : [];\n\n    case 'leafDirective': {\n      const embed = getEmbed(node);\n\n      return embed\n        ? [\n            createTextNode(embed.label),\n          ]\n        : [];\n    }\n\n    case 'html':\n    case 'definition':\n    case 'footnoteDefinition':\n    case 'thematicBreak':\n    case 'yaml':\n      return [];\n\n    case 'blockquote':\n    case 'list':\n    case 'listItem':\n    case 'table':\n    case 'tableRow':\n      return flattenBlockNodes(node.children ?? []);\n\n    default:\n      return node.children\n        ? flattenBlockNodes(node.children)\n        : [];\n  }\n}\n\nfunction flattenBlockNodes(\n  nodes: MarkdownNode[],\n): MarkdownNode[] {\n  const result: MarkdownNode[] = [];\n\n  for (const node of nodes) {\n    appendNodesWithSeparator(\n      result,\n      flattenBlockNode(node),\n    );\n  }\n\n  return result;\n}\n\nconst remarkExcerpt: Plugin = () => {\n  return (tree) => {\n    const root = tree as MarkdownRoot;\n    const children = flattenBlockNodes(root.children);\n\n    root.children = children.length > 0\n      ? [\n          {\n            type: 'paragraph',\n            children,\n          },\n        ]\n      : [];\n  };\n};\n\nconst MarkdownHeading: React.FC<MarkdownHeadingProps> = ({\n  sourceLevel,\n  offset,\n  children,\n  ...props\n}) => {\n  const level = getHeadingLevel(sourceLevel, offset);\n\n  switch (level) {\n    case 1:\n      return <h1 {...props}>{children}</h1>;\n\n    case 2:\n      return <h2 {...props}>{children}</h2>;\n\n    case 3:\n      return <h3 {...props}>{children}</h3>;\n\n    case 4:\n      return <h4 {...props}>{children}</h4>;\n\n    case 5:\n      return <h5 {...props}>{children}</h5>;\n\n    default:\n      return <h6 {...props}>{children}</h6>;\n  }\n};\n\nfunction createDocumentComponents(\n  headingLevelOffset: number,\n  renderEmbed:\n    | ((\n        embed: MarkdownEmbed,\n      ) => React.ReactNode)\n    | undefined,\n): Components {\n  return {\n    h1: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={1}\n        offset={headingLevelOffset}\n      />\n    ),\n\n    h2: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={2}\n        offset={headingLevelOffset}\n      />\n    ),\n\n    h3: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={3}\n        offset={headingLevelOffset}\n      />\n    ),\n\n    h4: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={4}\n        offset={headingLevelOffset}\n      />\n    ),\n\n    h5: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={5}\n        offset={headingLevelOffset}\n      />\n    ),\n\n    h6: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={6}\n        offset={headingLevelOffset}\n      />\n    ),\n\n    div: ({\n      node: _node,\n      ...divProps\n    }) => {\n      const {\n        'data-markdown-embed':\n          embedMarker,\n        'data-markdown-embed-src':\n          embedSrc,\n        'data-markdown-embed-label':\n          embedLabel,\n        ...props\n      } = divProps as MarkdownEmbedDivProps;\n\n      if (embedMarker !== undefined) {\n        if (\n          embedMarker !== 'true' ||\n          !embedSrc ||\n          !embedLabel ||\n          !renderEmbed\n        ) {\n          return null;\n        }\n\n        return renderEmbed({\n          src: embedSrc,\n          label: embedLabel,\n        });\n      }\n\n      return <div {...props} />;\n    },\n  };\n}\n\nconst Markdown: React.FC<MarkdownProps> = ({\n  content,\n  excerpt = false,\n  headingLevelOffset = 0,\n  renderEmbed,\n  className = '',\n  ...props\n}) => {\n  if (!content.trim()) {\n    return null;\n  }\n\n  const classes = classnames('markdown', className, {\n    'markdown--excerpt': excerpt,\n  });\n\n  if (excerpt) {\n    return (\n      <div\n        className={classes}\n        {...props}\n      >\n        <ReactMarkdown\n          remarkPlugins={[\n            remarkGfm,\n            remarkDirective,\n            remarkExcerpt,\n          ]}\n        >\n          {content}\n        </ReactMarkdown>\n      </div>\n    );\n  }\n\n  const normalizedHeadingLevelOffset =\n    normalizeHeadingLevelOffset(headingLevelOffset);\n\n  const documentComponents = createDocumentComponents(\n    normalizedHeadingLevelOffset,\n    renderEmbed,\n  );\n\n  return (\n    <div\n      className={classes}\n      {...props}\n    >\n      <ReactMarkdown\n        remarkPlugins={[\n          remarkGfm,\n          remarkDirective,\n          remarkEmbed,\n        ]}\n        components={documentComponents}\n      >\n        {content}\n      </ReactMarkdown>\n    </div>\n  );\n};\n\nexport default Markdown;\n"]}
+{"version":3,"sources":["../../../src/components/markdown/markdown.tsx"],"names":["jsx","classnames","ReactMarkdown","remarkGfm","remarkDirective"],"mappings":"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","file":"markdown.cjs","sourcesContent":["import React from 'react';\nimport ReactMarkdown, { type Components } from 'react-markdown';\nimport remarkDirective from 'remark-directive';\nimport remarkGfm from 'remark-gfm';\nimport type { Plugin } from 'unified';\n\nimport './markdown.css';\nimport { classnames } from '../helpers/classnames';\n\nexport interface MarkdownEmbed {\n  src: string;\n  label: string;\n}\n\nexport type MarkdownLinkProps =\n  React.AnchorHTMLAttributes<HTMLAnchorElement>;\n\nexport interface MarkdownProps\n  extends Omit<\n    React.HTMLAttributes<HTMLDivElement>,\n    'children' | 'dangerouslySetInnerHTML'\n  > {\n  content: string;\n  excerpt?: boolean;\n  headingLevelOffset?: number;\n  renderEmbed?: (\n    embed: MarkdownEmbed,\n  ) => React.ReactNode;\n  renderLink?: (\n    props: MarkdownLinkProps,\n  ) => React.ReactNode;\n}\n\ninterface MarkdownHeadingProps\n  extends React.HTMLAttributes<HTMLHeadingElement> {\n  sourceLevel: number;\n  offset: number;\n}\n\ntype MarkdownNodeData = {\n  hName?: string;\n  hProperties?: Record<string, unknown>;\n  hChildren?: MarkdownNode[];\n  [key: string]: unknown;\n};\n\ntype MarkdownNode = {\n  type: string;\n  name?: string;\n  value?: string;\n  alt?: string | null;\n  attributes?: Record<\n    string,\n    string | null | undefined\n  >;\n  data?: MarkdownNodeData;\n  children?: MarkdownNode[];\n  [key: string]: unknown;\n};\n\ntype MarkdownRoot = {\n  type: 'root';\n  children: MarkdownNode[];\n};\n\ntype MarkdownEmbedDivProps =\n  React.HTMLAttributes<HTMLDivElement> & {\n    'data-markdown-embed'?: string;\n    'data-markdown-embed-src'?: string;\n    'data-markdown-embed-label'?: string;\n  };\n\nfunction normalizeHeadingLevelOffset(value: number | undefined) {\n  if (value === undefined || !Number.isFinite(value)) {\n    return 0;\n  }\n\n  return Math.max(0, Math.floor(value));\n}\n\nfunction getHeadingLevel(\n  sourceLevel: number,\n  offset: number,\n) {\n  return Math.min(6, sourceLevel + offset);\n}\n\nfunction createTextNode(value: string): MarkdownNode {\n  return {\n    type: 'text',\n    value,\n  };\n}\n\nfunction appendNodesWithSeparator(\n  target: MarkdownNode[],\n  nodes: MarkdownNode[],\n) {\n  if (nodes.length === 0) {\n    return;\n  }\n\n  if (target.length > 0) {\n    target.push(createTextNode(' '));\n  }\n\n  target.push(...nodes);\n}\n\nfunction getNodeText(node: MarkdownNode): string {\n  if (typeof node.value === 'string') {\n    return node.value;\n  }\n\n  return (node.children ?? [])\n    .map(getNodeText)\n    .join('');\n}\n\nfunction getEmbed(\n  node: MarkdownNode,\n): MarkdownEmbed | null {\n  if (\n    node.type !== 'leafDirective' ||\n    node.name !== 'embed'\n  ) {\n    return null;\n  }\n\n  const src = node.attributes?.src ?? '';\n  const label = getNodeText(node);\n\n  if (!src.trim() || !label.trim()) {\n    return null;\n  }\n\n  return {\n    src,\n    label,\n  };\n}\n\nfunction transformEmbedNodes(\n  nodes: MarkdownNode[],\n) {\n  for (const node of nodes) {\n    if (\n      node.type === 'leafDirective' &&\n      node.name === 'embed'\n    ) {\n      const embed = getEmbed(node);\n\n      node.data = {\n        ...node.data,\n        hName: 'div',\n        hProperties: embed\n          ? {\n              'data-markdown-embed': 'true',\n              'data-markdown-embed-src':\n                embed.src,\n              'data-markdown-embed-label':\n                embed.label,\n            }\n          : {\n              'data-markdown-embed':\n                'invalid',\n            },\n        hChildren: [],\n      };\n\n      continue;\n    }\n\n    if (node.children) {\n      transformEmbedNodes(node.children);\n    }\n  }\n}\n\nconst remarkEmbed: Plugin = () => {\n  return (tree) => {\n    const root = tree as MarkdownRoot;\n\n    transformEmbedNodes(root.children);\n  };\n};\n\nfunction flattenInlineNode(\n  node: MarkdownNode,\n): MarkdownNode[] {\n  switch (node.type) {\n    case 'html':\n      return [];\n\n    case 'break':\n      return [\n        createTextNode(' '),\n      ];\n\n    case 'image':\n    case 'imageReference':\n      return node.alt\n        ? [\n            createTextNode(node.alt),\n          ]\n        : [];\n\n    default:\n      if (!node.children) {\n        return [\n          node,\n        ];\n      }\n\n      return [\n        {\n          ...node,\n          children: node.children.flatMap(\n            flattenInlineNode,\n          ),\n        },\n      ];\n  }\n}\n\nfunction flattenBlockNode(\n  node: MarkdownNode,\n): MarkdownNode[] {\n  switch (node.type) {\n    case 'paragraph':\n    case 'heading':\n      return (node.children ?? []).flatMap(\n        flattenInlineNode,\n      );\n\n    case 'tableCell':\n      return (node.children ?? []).flatMap(\n        flattenInlineNode,\n      );\n\n    case 'code':\n      return node.value\n        ? [\n            {\n              type: 'inlineCode',\n              value: node.value,\n            },\n          ]\n        : [];\n\n    case 'leafDirective': {\n      const embed = getEmbed(node);\n\n      return embed\n        ? [\n            createTextNode(embed.label),\n          ]\n        : [];\n    }\n\n    case 'html':\n    case 'definition':\n    case 'footnoteDefinition':\n    case 'thematicBreak':\n    case 'yaml':\n      return [];\n\n    case 'blockquote':\n    case 'list':\n    case 'listItem':\n    case 'table':\n    case 'tableRow':\n      return flattenBlockNodes(node.children ?? []);\n\n    default:\n      return node.children\n        ? flattenBlockNodes(node.children)\n        : [];\n  }\n}\n\nfunction flattenBlockNodes(\n  nodes: MarkdownNode[],\n): MarkdownNode[] {\n  const result: MarkdownNode[] = [];\n\n  for (const node of nodes) {\n    appendNodesWithSeparator(\n      result,\n      flattenBlockNode(node),\n    );\n  }\n\n  return result;\n}\n\nconst remarkExcerpt: Plugin = () => {\n  return (tree) => {\n    const root = tree as MarkdownRoot;\n    const children = flattenBlockNodes(root.children);\n\n    root.children = children.length > 0\n      ? [\n          {\n            type: 'paragraph',\n            children,\n          },\n        ]\n      : [];\n  };\n};\n\nconst MarkdownHeading: React.FC<MarkdownHeadingProps> = ({\n  sourceLevel,\n  offset,\n  children,\n  ...props\n}) => {\n  const level = getHeadingLevel(sourceLevel, offset);\n\n  switch (level) {\n    case 1:\n      return <h1 {...props}>{children}</h1>;\n\n    case 2:\n      return <h2 {...props}>{children}</h2>;\n\n    case 3:\n      return <h3 {...props}>{children}</h3>;\n\n    case 4:\n      return <h4 {...props}>{children}</h4>;\n\n    case 5:\n      return <h5 {...props}>{children}</h5>;\n\n    default:\n      return <h6 {...props}>{children}</h6>;\n  }\n};\n\nfunction createDocumentComponents(\n  headingLevelOffset: number,\n  renderEmbed:\n    | ((\n        embed: MarkdownEmbed,\n      ) => React.ReactNode)\n    | undefined,\n  renderLink:\n    | ((\n        props: MarkdownLinkProps,\n      ) => React.ReactNode)\n    | undefined,\n): Components {\n  return {\n    h1: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={1}\n        offset={headingLevelOffset}\n      />\n    ),\n\n    h2: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={2}\n        offset={headingLevelOffset}\n      />\n    ),\n\n    h3: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={3}\n        offset={headingLevelOffset}\n      />\n    ),\n\n    h4: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={4}\n        offset={headingLevelOffset}\n      />\n    ),\n\n    h5: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={5}\n        offset={headingLevelOffset}\n      />\n    ),\n\n    h6: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={6}\n        offset={headingLevelOffset}\n      />\n    ),\n\n    a: ({\n      node: _node,\n      ...linkProps\n    }) => {\n      if (renderLink) {\n        return renderLink(linkProps);\n      }\n\n      return <a {...linkProps} />;\n    },\n\n    div: ({\n      node: _node,\n      ...divProps\n    }) => {\n      const {\n        'data-markdown-embed':\n          embedMarker,\n        'data-markdown-embed-src':\n          embedSrc,\n        'data-markdown-embed-label':\n          embedLabel,\n        ...props\n      } = divProps as MarkdownEmbedDivProps;\n\n      if (embedMarker !== undefined) {\n        if (\n          embedMarker !== 'true' ||\n          !embedSrc ||\n          !embedLabel ||\n          !renderEmbed\n        ) {\n          return null;\n        }\n\n        return renderEmbed({\n          src: embedSrc,\n          label: embedLabel,\n        });\n      }\n\n      return <div {...props} />;\n    },\n  };\n}\n\nconst Markdown: React.FC<MarkdownProps> = ({\n  content,\n  excerpt = false,\n  headingLevelOffset = 0,\n  renderEmbed,\n  renderLink,\n  className = '',\n  ...props\n}) => {\n  if (!content.trim()) {\n    return null;\n  }\n\n  const classes = classnames('markdown', className, {\n    'markdown--excerpt': excerpt,\n  });\n\n  if (excerpt) {\n    return (\n      <div\n        className={classes}\n        {...props}\n      >\n        <ReactMarkdown\n          remarkPlugins={[\n            remarkGfm,\n            remarkDirective,\n            remarkExcerpt,\n          ]}\n        >\n          {content}\n        </ReactMarkdown>\n      </div>\n    );\n  }\n\n  const normalizedHeadingLevelOffset =\n    normalizeHeadingLevelOffset(headingLevelOffset);\n\n  const documentComponents = createDocumentComponents(\n    normalizedHeadingLevelOffset,\n    renderEmbed,\n    renderLink,\n  );\n\n  return (\n    <div\n      className={classes}\n      {...props}\n    >\n      <ReactMarkdown\n        remarkPlugins={[\n          remarkGfm,\n          remarkDirective,\n          remarkEmbed,\n        ]}\n        components={documentComponents}\n      >\n        {content}\n      </ReactMarkdown>\n    </div>\n  );\n};\n\nexport default Markdown;\n"]}

package/components/markdown/markdown.d.ts

@@ -4,11 +4,13 @@ export interface MarkdownEmbed {
     src: string;
     label: string;
 }
+export type MarkdownLinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement>;
 export interface MarkdownProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'dangerouslySetInnerHTML'> {
     content: string;
     excerpt?: boolean;
     headingLevelOffset?: number;
     renderEmbed?: (embed: MarkdownEmbed) => React.ReactNode;
+    renderLink?: (props: MarkdownLinkProps) => React.ReactNode;
 }
 declare const Markdown: React.FC<MarkdownProps>;
 export default Markdown;

package/components/markdown/markdown.js

@@ -191,7 +191,7 @@ const MarkdownHeading = ({
       return /* @__PURE__ */ jsx("h6", { ...props, children });
   }
 };
-function createDocumentComponents(headingLevelOffset, renderEmbed) {
+function createDocumentComponents(headingLevelOffset, renderEmbed, renderLink) {
   return {
     h1: ({ node: _node, ...headingProps }) => /* @__PURE__ */ jsx(
       MarkdownHeading,
@@ -241,6 +241,15 @@ function createDocumentComponents(headingLevelOffset, renderEmbed) {
         offset: headingLevelOffset
       }
     ),
+    a: ({
+      node: _node,
+      ...linkProps
+    }) => {
+      if (renderLink) {
+        return renderLink(linkProps);
+      }
+      return /* @__PURE__ */ jsx("a", { ...linkProps });
+    },
     div: ({
       node: _node,
       ...divProps
@@ -269,6 +278,7 @@ const Markdown = ({
   excerpt = false,
   headingLevelOffset = 0,
   renderEmbed,
+  renderLink,
   className = "",
   ...props
 }) => {
@@ -301,7 +311,8 @@ const Markdown = ({
   const normalizedHeadingLevelOffset = normalizeHeadingLevelOffset(headingLevelOffset);
   const documentComponents = createDocumentComponents(
     normalizedHeadingLevelOffset,
-    renderEmbed
+    renderEmbed,
+    renderLink
   );
   return /* @__PURE__ */ jsx(
     "div",

package/components/markdown/markdown.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/markdown/markdown.tsx"],"names":[],"mappings":"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","file":"markdown.js","sourcesContent":["import React from 'react';\nimport ReactMarkdown, { type Components } from 'react-markdown';\nimport remarkDirective from 'remark-directive';\nimport remarkGfm from 'remark-gfm';\nimport type { Plugin } from 'unified';\n\nimport './markdown.css';\nimport { classnames } from '../helpers/classnames';\n\nexport interface MarkdownEmbed {\n  src: string;\n  label: string;\n}\n\nexport interface MarkdownProps\n  extends Omit<\n    React.HTMLAttributes<HTMLDivElement>,\n    'children' | 'dangerouslySetInnerHTML'\n  > {\n  content: string;\n  excerpt?: boolean;\n  headingLevelOffset?: number;\n  renderEmbed?: (\n    embed: MarkdownEmbed,\n  ) => React.ReactNode;\n}\n\ninterface MarkdownHeadingProps\n  extends React.HTMLAttributes<HTMLHeadingElement> {\n  sourceLevel: number;\n  offset: number;\n}\n\ntype MarkdownNodeData = {\n  hName?: string;\n  hProperties?: Record<string, unknown>;\n  hChildren?: MarkdownNode[];\n  [key: string]: unknown;\n};\n\ntype MarkdownNode = {\n  type: string;\n  name?: string;\n  value?: string;\n  alt?: string | null;\n  attributes?: Record<\n    string,\n    string | null | undefined\n  >;\n  data?: MarkdownNodeData;\n  children?: MarkdownNode[];\n  [key: string]: unknown;\n};\n\ntype MarkdownRoot = {\n  type: 'root';\n  children: MarkdownNode[];\n};\n\ntype MarkdownEmbedDivProps =\n  React.HTMLAttributes<HTMLDivElement> & {\n    'data-markdown-embed'?: string;\n    'data-markdown-embed-src'?: string;\n    'data-markdown-embed-label'?: string;\n  };\n\nfunction normalizeHeadingLevelOffset(value: number | undefined) {\n  if (value === undefined || !Number.isFinite(value)) {\n    return 0;\n  }\n\n  return Math.max(0, Math.floor(value));\n}\n\nfunction getHeadingLevel(\n  sourceLevel: number,\n  offset: number,\n) {\n  return Math.min(6, sourceLevel + offset);\n}\n\nfunction createTextNode(value: string): MarkdownNode {\n  return {\n    type: 'text',\n    value,\n  };\n}\n\nfunction appendNodesWithSeparator(\n  target: MarkdownNode[],\n  nodes: MarkdownNode[],\n) {\n  if (nodes.length === 0) {\n    return;\n  }\n\n  if (target.length > 0) {\n    target.push(createTextNode(' '));\n  }\n\n  target.push(...nodes);\n}\n\nfunction getNodeText(node: MarkdownNode): string {\n  if (typeof node.value === 'string') {\n    return node.value;\n  }\n\n  return (node.children ?? [])\n    .map(getNodeText)\n    .join('');\n}\n\nfunction getEmbed(\n  node: MarkdownNode,\n): MarkdownEmbed | null {\n  if (\n    node.type !== 'leafDirective' ||\n    node.name !== 'embed'\n  ) {\n    return null;\n  }\n\n  const src = node.attributes?.src ?? '';\n  const label = getNodeText(node);\n\n  if (!src.trim() || !label.trim()) {\n    return null;\n  }\n\n  return {\n    src,\n    label,\n  };\n}\n\nfunction transformEmbedNodes(\n  nodes: MarkdownNode[],\n) {\n  for (const node of nodes) {\n    if (\n      node.type === 'leafDirective' &&\n      node.name === 'embed'\n    ) {\n      const embed = getEmbed(node);\n\n      node.data = {\n        ...node.data,\n        hName: 'div',\n        hProperties: embed\n          ? {\n              'data-markdown-embed': 'true',\n              'data-markdown-embed-src':\n                embed.src,\n              'data-markdown-embed-label':\n                embed.label,\n            }\n          : {\n              'data-markdown-embed':\n                'invalid',\n            },\n        hChildren: [],\n      };\n\n      continue;\n    }\n\n    if (node.children) {\n      transformEmbedNodes(node.children);\n    }\n  }\n}\n\nconst remarkEmbed: Plugin = () => {\n  return (tree) => {\n    const root = tree as MarkdownRoot;\n\n    transformEmbedNodes(root.children);\n  };\n};\n\nfunction flattenInlineNode(\n  node: MarkdownNode,\n): MarkdownNode[] {\n  switch (node.type) {\n    case 'html':\n      return [];\n\n    case 'break':\n      return [\n        createTextNode(' '),\n      ];\n\n    case 'image':\n    case 'imageReference':\n      return node.alt\n        ? [\n            createTextNode(node.alt),\n          ]\n        : [];\n\n    default:\n      if (!node.children) {\n        return [\n          node,\n        ];\n      }\n\n      return [\n        {\n          ...node,\n          children: node.children.flatMap(\n            flattenInlineNode,\n          ),\n        },\n      ];\n  }\n}\n\nfunction flattenBlockNode(\n  node: MarkdownNode,\n): MarkdownNode[] {\n  switch (node.type) {\n    case 'paragraph':\n    case 'heading':\n      return (node.children ?? []).flatMap(\n        flattenInlineNode,\n      );\n\n    case 'tableCell':\n      return (node.children ?? []).flatMap(\n        flattenInlineNode,\n      );\n\n    case 'code':\n      return node.value\n        ? [\n            {\n              type: 'inlineCode',\n              value: node.value,\n            },\n          ]\n        : [];\n\n    case 'leafDirective': {\n      const embed = getEmbed(node);\n\n      return embed\n        ? [\n            createTextNode(embed.label),\n          ]\n        : [];\n    }\n\n    case 'html':\n    case 'definition':\n    case 'footnoteDefinition':\n    case 'thematicBreak':\n    case 'yaml':\n      return [];\n\n    case 'blockquote':\n    case 'list':\n    case 'listItem':\n    case 'table':\n    case 'tableRow':\n      return flattenBlockNodes(node.children ?? []);\n\n    default:\n      return node.children\n        ? flattenBlockNodes(node.children)\n        : [];\n  }\n}\n\nfunction flattenBlockNodes(\n  nodes: MarkdownNode[],\n): MarkdownNode[] {\n  const result: MarkdownNode[] = [];\n\n  for (const node of nodes) {\n    appendNodesWithSeparator(\n      result,\n      flattenBlockNode(node),\n    );\n  }\n\n  return result;\n}\n\nconst remarkExcerpt: Plugin = () => {\n  return (tree) => {\n    const root = tree as MarkdownRoot;\n    const children = flattenBlockNodes(root.children);\n\n    root.children = children.length > 0\n      ? [\n          {\n            type: 'paragraph',\n            children,\n          },\n        ]\n      : [];\n  };\n};\n\nconst MarkdownHeading: React.FC<MarkdownHeadingProps> = ({\n  sourceLevel,\n  offset,\n  children,\n  ...props\n}) => {\n  const level = getHeadingLevel(sourceLevel, offset);\n\n  switch (level) {\n    case 1:\n      return <h1 {...props}>{children}</h1>;\n\n    case 2:\n      return <h2 {...props}>{children}</h2>;\n\n    case 3:\n      return <h3 {...props}>{children}</h3>;\n\n    case 4:\n      return <h4 {...props}>{children}</h4>;\n\n    case 5:\n      return <h5 {...props}>{children}</h5>;\n\n    default:\n      return <h6 {...props}>{children}</h6>;\n  }\n};\n\nfunction createDocumentComponents(\n  headingLevelOffset: number,\n  renderEmbed:\n    | ((\n        embed: MarkdownEmbed,\n      ) => React.ReactNode)\n    | undefined,\n): Components {\n  return {\n    h1: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={1}\n        offset={headingLevelOffset}\n      />\n    ),\n\n    h2: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={2}\n        offset={headingLevelOffset}\n      />\n    ),\n\n    h3: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={3}\n        offset={headingLevelOffset}\n      />\n    ),\n\n    h4: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={4}\n        offset={headingLevelOffset}\n      />\n    ),\n\n    h5: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={5}\n        offset={headingLevelOffset}\n      />\n    ),\n\n    h6: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={6}\n        offset={headingLevelOffset}\n      />\n    ),\n\n    div: ({\n      node: _node,\n      ...divProps\n    }) => {\n      const {\n        'data-markdown-embed':\n          embedMarker,\n        'data-markdown-embed-src':\n          embedSrc,\n        'data-markdown-embed-label':\n          embedLabel,\n        ...props\n      } = divProps as MarkdownEmbedDivProps;\n\n      if (embedMarker !== undefined) {\n        if (\n          embedMarker !== 'true' ||\n          !embedSrc ||\n          !embedLabel ||\n          !renderEmbed\n        ) {\n          return null;\n        }\n\n        return renderEmbed({\n          src: embedSrc,\n          label: embedLabel,\n        });\n      }\n\n      return <div {...props} />;\n    },\n  };\n}\n\nconst Markdown: React.FC<MarkdownProps> = ({\n  content,\n  excerpt = false,\n  headingLevelOffset = 0,\n  renderEmbed,\n  className = '',\n  ...props\n}) => {\n  if (!content.trim()) {\n    return null;\n  }\n\n  const classes = classnames('markdown', className, {\n    'markdown--excerpt': excerpt,\n  });\n\n  if (excerpt) {\n    return (\n      <div\n        className={classes}\n        {...props}\n      >\n        <ReactMarkdown\n          remarkPlugins={[\n            remarkGfm,\n            remarkDirective,\n            remarkExcerpt,\n          ]}\n        >\n          {content}\n        </ReactMarkdown>\n      </div>\n    );\n  }\n\n  const normalizedHeadingLevelOffset =\n    normalizeHeadingLevelOffset(headingLevelOffset);\n\n  const documentComponents = createDocumentComponents(\n    normalizedHeadingLevelOffset,\n    renderEmbed,\n  );\n\n  return (\n    <div\n      className={classes}\n      {...props}\n    >\n      <ReactMarkdown\n        remarkPlugins={[\n          remarkGfm,\n          remarkDirective,\n          remarkEmbed,\n        ]}\n        components={documentComponents}\n      >\n        {content}\n      </ReactMarkdown>\n    </div>\n  );\n};\n\nexport default Markdown;\n"]}
+{"version":3,"sources":["../../../src/components/markdown/markdown.tsx"],"names":[],"mappings":"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","file":"markdown.js","sourcesContent":["import React from 'react';\nimport ReactMarkdown, { type Components } from 'react-markdown';\nimport remarkDirective from 'remark-directive';\nimport remarkGfm from 'remark-gfm';\nimport type { Plugin } from 'unified';\n\nimport './markdown.css';\nimport { classnames } from '../helpers/classnames';\n\nexport interface MarkdownEmbed {\n  src: string;\n  label: string;\n}\n\nexport type MarkdownLinkProps =\n  React.AnchorHTMLAttributes<HTMLAnchorElement>;\n\nexport interface MarkdownProps\n  extends Omit<\n    React.HTMLAttributes<HTMLDivElement>,\n    'children' | 'dangerouslySetInnerHTML'\n  > {\n  content: string;\n  excerpt?: boolean;\n  headingLevelOffset?: number;\n  renderEmbed?: (\n    embed: MarkdownEmbed,\n  ) => React.ReactNode;\n  renderLink?: (\n    props: MarkdownLinkProps,\n  ) => React.ReactNode;\n}\n\ninterface MarkdownHeadingProps\n  extends React.HTMLAttributes<HTMLHeadingElement> {\n  sourceLevel: number;\n  offset: number;\n}\n\ntype MarkdownNodeData = {\n  hName?: string;\n  hProperties?: Record<string, unknown>;\n  hChildren?: MarkdownNode[];\n  [key: string]: unknown;\n};\n\ntype MarkdownNode = {\n  type: string;\n  name?: string;\n  value?: string;\n  alt?: string | null;\n  attributes?: Record<\n    string,\n    string | null | undefined\n  >;\n  data?: MarkdownNodeData;\n  children?: MarkdownNode[];\n  [key: string]: unknown;\n};\n\ntype MarkdownRoot = {\n  type: 'root';\n  children: MarkdownNode[];\n};\n\ntype MarkdownEmbedDivProps =\n  React.HTMLAttributes<HTMLDivElement> & {\n    'data-markdown-embed'?: string;\n    'data-markdown-embed-src'?: string;\n    'data-markdown-embed-label'?: string;\n  };\n\nfunction normalizeHeadingLevelOffset(value: number | undefined) {\n  if (value === undefined || !Number.isFinite(value)) {\n    return 0;\n  }\n\n  return Math.max(0, Math.floor(value));\n}\n\nfunction getHeadingLevel(\n  sourceLevel: number,\n  offset: number,\n) {\n  return Math.min(6, sourceLevel + offset);\n}\n\nfunction createTextNode(value: string): MarkdownNode {\n  return {\n    type: 'text',\n    value,\n  };\n}\n\nfunction appendNodesWithSeparator(\n  target: MarkdownNode[],\n  nodes: MarkdownNode[],\n) {\n  if (nodes.length === 0) {\n    return;\n  }\n\n  if (target.length > 0) {\n    target.push(createTextNode(' '));\n  }\n\n  target.push(...nodes);\n}\n\nfunction getNodeText(node: MarkdownNode): string {\n  if (typeof node.value === 'string') {\n    return node.value;\n  }\n\n  return (node.children ?? [])\n    .map(getNodeText)\n    .join('');\n}\n\nfunction getEmbed(\n  node: MarkdownNode,\n): MarkdownEmbed | null {\n  if (\n    node.type !== 'leafDirective' ||\n    node.name !== 'embed'\n  ) {\n    return null;\n  }\n\n  const src = node.attributes?.src ?? '';\n  const label = getNodeText(node);\n\n  if (!src.trim() || !label.trim()) {\n    return null;\n  }\n\n  return {\n    src,\n    label,\n  };\n}\n\nfunction transformEmbedNodes(\n  nodes: MarkdownNode[],\n) {\n  for (const node of nodes) {\n    if (\n      node.type === 'leafDirective' &&\n      node.name === 'embed'\n    ) {\n      const embed = getEmbed(node);\n\n      node.data = {\n        ...node.data,\n        hName: 'div',\n        hProperties: embed\n          ? {\n              'data-markdown-embed': 'true',\n              'data-markdown-embed-src':\n                embed.src,\n              'data-markdown-embed-label':\n                embed.label,\n            }\n          : {\n              'data-markdown-embed':\n                'invalid',\n            },\n        hChildren: [],\n      };\n\n      continue;\n    }\n\n    if (node.children) {\n      transformEmbedNodes(node.children);\n    }\n  }\n}\n\nconst remarkEmbed: Plugin = () => {\n  return (tree) => {\n    const root = tree as MarkdownRoot;\n\n    transformEmbedNodes(root.children);\n  };\n};\n\nfunction flattenInlineNode(\n  node: MarkdownNode,\n): MarkdownNode[] {\n  switch (node.type) {\n    case 'html':\n      return [];\n\n    case 'break':\n      return [\n        createTextNode(' '),\n      ];\n\n    case 'image':\n    case 'imageReference':\n      return node.alt\n        ? [\n            createTextNode(node.alt),\n          ]\n        : [];\n\n    default:\n      if (!node.children) {\n        return [\n          node,\n        ];\n      }\n\n      return [\n        {\n          ...node,\n          children: node.children.flatMap(\n            flattenInlineNode,\n          ),\n        },\n      ];\n  }\n}\n\nfunction flattenBlockNode(\n  node: MarkdownNode,\n): MarkdownNode[] {\n  switch (node.type) {\n    case 'paragraph':\n    case 'heading':\n      return (node.children ?? []).flatMap(\n        flattenInlineNode,\n      );\n\n    case 'tableCell':\n      return (node.children ?? []).flatMap(\n        flattenInlineNode,\n      );\n\n    case 'code':\n      return node.value\n        ? [\n            {\n              type: 'inlineCode',\n              value: node.value,\n            },\n          ]\n        : [];\n\n    case 'leafDirective': {\n      const embed = getEmbed(node);\n\n      return embed\n        ? [\n            createTextNode(embed.label),\n          ]\n        : [];\n    }\n\n    case 'html':\n    case 'definition':\n    case 'footnoteDefinition':\n    case 'thematicBreak':\n    case 'yaml':\n      return [];\n\n    case 'blockquote':\n    case 'list':\n    case 'listItem':\n    case 'table':\n    case 'tableRow':\n      return flattenBlockNodes(node.children ?? []);\n\n    default:\n      return node.children\n        ? flattenBlockNodes(node.children)\n        : [];\n  }\n}\n\nfunction flattenBlockNodes(\n  nodes: MarkdownNode[],\n): MarkdownNode[] {\n  const result: MarkdownNode[] = [];\n\n  for (const node of nodes) {\n    appendNodesWithSeparator(\n      result,\n      flattenBlockNode(node),\n    );\n  }\n\n  return result;\n}\n\nconst remarkExcerpt: Plugin = () => {\n  return (tree) => {\n    const root = tree as MarkdownRoot;\n    const children = flattenBlockNodes(root.children);\n\n    root.children = children.length > 0\n      ? [\n          {\n            type: 'paragraph',\n            children,\n          },\n        ]\n      : [];\n  };\n};\n\nconst MarkdownHeading: React.FC<MarkdownHeadingProps> = ({\n  sourceLevel,\n  offset,\n  children,\n  ...props\n}) => {\n  const level = getHeadingLevel(sourceLevel, offset);\n\n  switch (level) {\n    case 1:\n      return <h1 {...props}>{children}</h1>;\n\n    case 2:\n      return <h2 {...props}>{children}</h2>;\n\n    case 3:\n      return <h3 {...props}>{children}</h3>;\n\n    case 4:\n      return <h4 {...props}>{children}</h4>;\n\n    case 5:\n      return <h5 {...props}>{children}</h5>;\n\n    default:\n      return <h6 {...props}>{children}</h6>;\n  }\n};\n\nfunction createDocumentComponents(\n  headingLevelOffset: number,\n  renderEmbed:\n    | ((\n        embed: MarkdownEmbed,\n      ) => React.ReactNode)\n    | undefined,\n  renderLink:\n    | ((\n        props: MarkdownLinkProps,\n      ) => React.ReactNode)\n    | undefined,\n): Components {\n  return {\n    h1: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={1}\n        offset={headingLevelOffset}\n      />\n    ),\n\n    h2: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={2}\n        offset={headingLevelOffset}\n      />\n    ),\n\n    h3: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={3}\n        offset={headingLevelOffset}\n      />\n    ),\n\n    h4: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={4}\n        offset={headingLevelOffset}\n      />\n    ),\n\n    h5: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={5}\n        offset={headingLevelOffset}\n      />\n    ),\n\n    h6: ({ node: _node, ...headingProps }) => (\n      <MarkdownHeading\n        {...headingProps}\n        sourceLevel={6}\n        offset={headingLevelOffset}\n      />\n    ),\n\n    a: ({\n      node: _node,\n      ...linkProps\n    }) => {\n      if (renderLink) {\n        return renderLink(linkProps);\n      }\n\n      return <a {...linkProps} />;\n    },\n\n    div: ({\n      node: _node,\n      ...divProps\n    }) => {\n      const {\n        'data-markdown-embed':\n          embedMarker,\n        'data-markdown-embed-src':\n          embedSrc,\n        'data-markdown-embed-label':\n          embedLabel,\n        ...props\n      } = divProps as MarkdownEmbedDivProps;\n\n      if (embedMarker !== undefined) {\n        if (\n          embedMarker !== 'true' ||\n          !embedSrc ||\n          !embedLabel ||\n          !renderEmbed\n        ) {\n          return null;\n        }\n\n        return renderEmbed({\n          src: embedSrc,\n          label: embedLabel,\n        });\n      }\n\n      return <div {...props} />;\n    },\n  };\n}\n\nconst Markdown: React.FC<MarkdownProps> = ({\n  content,\n  excerpt = false,\n  headingLevelOffset = 0,\n  renderEmbed,\n  renderLink,\n  className = '',\n  ...props\n}) => {\n  if (!content.trim()) {\n    return null;\n  }\n\n  const classes = classnames('markdown', className, {\n    'markdown--excerpt': excerpt,\n  });\n\n  if (excerpt) {\n    return (\n      <div\n        className={classes}\n        {...props}\n      >\n        <ReactMarkdown\n          remarkPlugins={[\n            remarkGfm,\n            remarkDirective,\n            remarkExcerpt,\n          ]}\n        >\n          {content}\n        </ReactMarkdown>\n      </div>\n    );\n  }\n\n  const normalizedHeadingLevelOffset =\n    normalizeHeadingLevelOffset(headingLevelOffset);\n\n  const documentComponents = createDocumentComponents(\n    normalizedHeadingLevelOffset,\n    renderEmbed,\n    renderLink,\n  );\n\n  return (\n    <div\n      className={classes}\n      {...props}\n    >\n      <ReactMarkdown\n        remarkPlugins={[\n          remarkGfm,\n          remarkDirective,\n          remarkEmbed,\n        ]}\n        components={documentComponents}\n      >\n        {content}\n      </ReactMarkdown>\n    </div>\n  );\n};\n\nexport default Markdown;\n"]}

package/index.d.ts

@@ -58,7 +58,7 @@ export type { CardGroupProps } from './components/card-group';
 export { default as Breadcrumbs } from './components/breadcrumbs';
 export type { BreadcrumbItem, BreadcrumbsPresentation, BreadcrumbsProps, } from './components/breadcrumbs';
 export { default as Markdown } from './components/markdown';
-export type { MarkdownEmbed, MarkdownProps, } from './components/markdown';
+export type { MarkdownEmbed, MarkdownLinkProps, MarkdownProps, } from './components/markdown';
 export { default as Discussion } from './components/discussion';
 export type { DiscussionItem, DiscussionProps, } from './components/discussion';
 export { default as CourseOutline } from './components/course-outline';