react-tooltip 5.26.4 → 5.27.0-beta.1203.rc.0

package/README.md

@@ -54,9 +54,9 @@ React Tooltip is proud to be sponsored by [Frigade](https://frigade.com/?source=
 
 #### Silver Sponsors ✪
 
-<a href="https://dopt.com/?source=react-tooltip">
-  <img alt="Dopt" style="height: 200px; width: 200px;" src="docs/static/img/sponsors/dopt.png" />
-</a>
+<!-- <a href="#">
+  <img alt="Slot" style="height: 200px; width: 200px;" src="docs/static/img/sponsors/slot.png" />
+</a> -->
 
 ## Powered by
 

package/beta-release.js

@@ -0,0 +1,77 @@
+/* eslint-disable @typescript-eslint/no-var-requires */
+const util = require('util')
+const exec = util.promisify(require('child_process').exec)
+const package = require('./package.json')
+
+const args = require('minimist')(process.argv.slice(2))
+
+const issueNumber = args['issue']
+
+console.log(issueNumber)
+
+const runCommand = async (command) => {
+  return new Promise((resolve) => {
+    exec(command, (error, stdout, stderr) => {
+      resolve({ error, stdout, stderr })
+    })
+  })
+}
+
+const AutoBetaRelease = async () => {
+  // get all the versions of the package from npm
+  const { stdout } = await runCommand(`npm view . versions --json`)
+
+  // show npm published versions of this package
+  console.log(stdout)
+
+  // check if there is a beta release with the same issue number on published versions
+  const arrayOfBetaReleases = JSON.parse(stdout).filter((version) =>
+    version.includes(`${package.version}-beta.${issueNumber}`),
+  )
+
+  let fullLastBetaRelease = null
+
+  // if yes, get the latest beta release. Output: 1.0.0-beta.1.rc.0
+  if (arrayOfBetaReleases.length) {
+    fullLastBetaRelease = arrayOfBetaReleases[arrayOfBetaReleases.length - 1]
+  }
+
+  console.log('Last Beta Release: ', fullLastBetaRelease)
+
+  let nextBetaReleaseVersion = 0
+
+  if (fullLastBetaRelease) {
+    const lastBetaReleaseRCVersionArray = fullLastBetaRelease.match(/rc.+[0-9]+/g)
+
+    const lastBetaReleaseRCVersion =
+      lastBetaReleaseRCVersionArray && lastBetaReleaseRCVersionArray.length
+        ? lastBetaReleaseRCVersionArray[0]
+        : null
+
+    const lastBetaReleaseVersion = lastBetaReleaseRCVersion
+      ? lastBetaReleaseRCVersion.split('.')[1]
+      : 0
+
+    nextBetaReleaseVersion = parseInt(lastBetaReleaseVersion, 10) + 1
+  }
+
+  // next beta release version. Output: 1.0.0-beta.1.rc.1
+  const nextBetaReleaseVesionFull = `${package.version}-beta.${issueNumber}.rc.${nextBetaReleaseVersion}`
+
+  // update the beta version on package.json
+  const { error } = await runCommand(
+    `npm version ${nextBetaReleaseVesionFull} --no-git-tag-version`,
+  )
+
+  if (error) {
+    console.error(error)
+    return
+  }
+
+  // the beta version is already updated on package.json on the next line
+  console.log('Next Beta version: ', `${nextBetaReleaseVesionFull}`)
+
+  await runCommand(`echo "NEW_VERSION=${nextBetaReleaseVesionFull}" >> $GITHUB_ENV`)
+}
+
+AutoBetaRelease()

package/dist/react-tooltip.cjs

@@ -51,11 +51,7 @@ function injectStyle({ css, id = REACT_TOOLTIP_BASE_STYLES_ID, type = 'base', re
     }
     const { insertAt } = ref;
     if (document.getElementById(id)) {
-        // this should never happen because of `injected[type]`
-        {
-            // eslint-disable-next-line no-console
-            console.warn(`[react-tooltip] Element with id '${id}' already exists. Call \`removeStyle()\` first`);
-        }
+        // this could happen in cases the tooltip is imported by multiple js modules
         return;
     }
     const head = document.head || document.getElementsByTagName('head')[0];
@@ -429,8 +425,9 @@ content, contentWrapperRef, isOpen, defaultIsOpen = false, setIsOpen, activeAnch
     const actualOpenEvents = openEvents
         ? { ...openEvents }
         : {
-            mouseenter: true,
+            mouseover: true,
             focus: true,
+            mouseenter: false,
             click: false,
             dblclick: false,
             mousedown: false,
@@ -439,14 +436,16 @@ content, contentWrapperRef, isOpen, defaultIsOpen = false, setIsOpen, activeAnch
         Object.assign(actualOpenEvents, {
             mouseenter: false,
             focus: false,
+            mouseover: false,
             click: true,
         });
     }
     const actualCloseEvents = closeEvents
         ? { ...closeEvents }
         : {
-            mouseleave: true,
+            mouseout: true,
             blur: true,
+            mouseleave: false,
             click: false,
             dblclick: false,
             mouseup: false,
@@ -455,6 +454,7 @@ content, contentWrapperRef, isOpen, defaultIsOpen = false, setIsOpen, activeAnch
         Object.assign(actualCloseEvents, {
             mouseleave: false,
             blur: false,
+            mouseout: false,
         });
     }
     const actualGlobalCloseEvents = globalCloseEvents
@@ -836,7 +836,7 @@ content, contentWrapperRef, isOpen, defaultIsOpen = false, setIsOpen, activeAnch
             }
             handleHideTooltip();
         };
-        const regularEvents = ['mouseenter', 'mouseleave', 'focus', 'blur'];
+        const regularEvents = ['mouseover', 'mouseout', 'mouseenter', 'mouseleave', 'focus', 'blur'];
         const clickEvents = ['click', 'dblclick', 'mousedown', 'mouseup'];
         Object.entries(actualOpenEvents).forEach(([event, enabled]) => {
             if (!enabled) {