@readme/markdown 10.2.10 → 10.2.11

package/package.json

@@ -2,7 +2,7 @@
   "name": "@readme/markdown",
   "description": "ReadMe's React-based Markdown parser",
   "author": "Rafe Goldberg <rafe@readme.io>",
-  "version": "10.2.10",
+  "version": "10.2.11",
   "main": "dist/main.node.js",
   "types": "dist/index.d.ts",
   "browser": "dist/main.js",
@@ -29,7 +29,6 @@
     "@readme/syntax-highlighter": "^14.1.0",
     "@readme/variable": "^18.0.0",
     "copy-to-clipboard": "^3.3.2",
-    "core-js": "^3.36.1",
     "debug": "^4.3.4",
     "emoji-regex": "^10.2.1",
     "estree-util-value-to-estree": "^3.1.1",
@@ -105,6 +104,7 @@
     "babel-loader": "^9.1.2",
     "browserify-fs": "^1.0.0",
     "codemirror": "^5.54.0",
+    "core-js": "^2.6.12",
     "css-loader": "^7.1.2",
     "eslint": "^8.37.0",
     "hast-util-to-text": "^4.0.2",

package/components/Tooltip/index.tsx

@@ -1,61 +0,0 @@
-import Tippy from '@tippyjs/react';
-import React, { useEffect, useMemo, useRef, useState, type ComponentProps } from 'react';
-
-type TooltipProps = ComponentProps<typeof Tippy>;
-
-/**
- * A custom wrapper around `@tippyjs/react` that attaches a MutationObserver to
- * listen for changes of the trigger element's DOM tree.
- * 
- * This is necessary for features like translation, where we initially render a
- * Glossary term in English but then replace it with the translated term, which
- * creates a stale Tippy reference.
- */ 
-export default function Tooltip({ children, ...rest }: TooltipProps) {
-  const triggerRef = useRef<HTMLElement>(null);
-  const [triggerTarget, setTriggerTarget] = useState<HTMLElement|null>(null);
-
-  const triggerId = useMemo(() => {
-    return `tooltip-trigger-${crypto.randomUUID()}`;
-  }, []);
-
-  useEffect(() => {
-    if (!triggerRef.current?.parentElement) return () => {};
-
-    const observer = new MutationObserver((records: MutationRecord[]) => {
-      records.forEach(record => {
-        // was the node tree changed?
-        if (record.type === 'childList') {
-          record.addedNodes.forEach(node => {
-            // was the node for the tooltip trigger replaced?
-            if(node instanceof HTMLElement && node.id === triggerId)  {
-              // if it was, update our reference to it
-              setTriggerTarget(node);
-            }
-          });
-        } 
-      });
-    });
-
-    observer.observe(triggerRef.current.parentElement, {
-      subtree: true,
-      childList: true,
-    });
-
-    return () => observer.disconnect();
-  }, [setTriggerTarget, triggerId, triggerTarget]);
-
-  const getReferenceClientRect = useMemo(() => {
-    return triggerTarget ? () => triggerTarget.getBoundingClientRect() : undefined;
-  }, [triggerTarget]);
-
-  return (
-    <Tippy 
-      getReferenceClientRect={getReferenceClientRect}
-      triggerTarget={triggerTarget}
-      {...rest}
-    >
-      <span ref={triggerRef} id={triggerId}>{children}</span>
-    </Tippy>
-  );
-}

package/dist/components/Tooltip/index.d.ts

@@ -1,13 +0,0 @@
-import Tippy from '@tippyjs/react';
-import React, { type ComponentProps } from 'react';
-type TooltipProps = ComponentProps<typeof Tippy>;
-/**
- * A custom wrapper around `@tippyjs/react` that attaches a MutationObserver to
- * listen for changes of the trigger element's DOM tree.
- *
- * This is necessary for features like translation, where we initially render a
- * Glossary term in English but then replace it with the translated term, which
- * creates a stale Tippy reference.
- */
-export default function Tooltip({ children, ...rest }: TooltipProps): React.JSX.Element;
-export {};