From 125bd0b2fa8873fe4bf703ac08c2aaf520cc3cdf Mon Sep 17 00:00:00 2001
From: Aleksey Ilin <alexis.silent@gmail.com>
Date: Mon, 24 Jul 2023 03:06:22 +0200
Subject: [PATCH 1/3] changed classnames module with clsx

---
 package.json                                      |  2 +-
 rollup.config.dev.js                              |  2 +-
 rollup.config.prod.js                             |  2 +-
 src/components/Tooltip/Tooltip.tsx                |  6 +++---
 src/components/TooltipProvider/TooltipWrapper.tsx |  4 ++--
 yarn.lock                                         | 10 +++++-----
 6 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/package.json b/package.json
index 14faa3c2..be11cbb7 100644
--- a/package.json
+++ b/package.json
@@ -125,6 +125,6 @@
   },
   "dependencies": {
     "@floating-ui/dom": "^1.0.0",
-    "classnames": "^2.3.0"
+    "clsx": "^2.0.0"
   }
 }
diff --git a/rollup.config.dev.js b/rollup.config.dev.js
index 2d9c0e6b..38a973db 100644
--- a/rollup.config.dev.js
+++ b/rollup.config.dev.js
@@ -18,7 +18,7 @@ const name = 'ReactTooltip'
 const globals = {
   react: 'React',
   'react-dom': 'ReactDOM',
-  classnames: 'classNames',
+  clsx: 'clsx',
   'prop-types': 'PropTypes',
 }
 
diff --git a/rollup.config.prod.js b/rollup.config.prod.js
index 7c29d6e8..1c63073d 100644
--- a/rollup.config.prod.js
+++ b/rollup.config.prod.js
@@ -39,7 +39,7 @@ const buildFormats = [
       '@floating-ui/dom': 'FloatingUIDOM',
       react: 'React',
       'react-dom': 'ReactDOM',
-      classnames: 'classNames',
+      clsx: 'clsx',
       'prop-types': 'PropTypes',
     },
   },
diff --git a/src/components/Tooltip/Tooltip.tsx b/src/components/Tooltip/Tooltip.tsx
index 7bdd76bd..dfbc5a11 100644
--- a/src/components/Tooltip/Tooltip.tsx
+++ b/src/components/Tooltip/Tooltip.tsx
@@ -1,5 +1,5 @@
 import React, { useEffect, useState, useRef } from 'react'
-import classNames from 'classnames'
+import clsx from 'clsx'
 import debounce from 'utils/debounce'
 import { useTooltip } from 'components/TooltipProvider'
 import useIsomorphicLayoutEffect from 'utils/use-isomorphic-layout-effect'
@@ -586,7 +586,7 @@ const Tooltip = ({
     <WrapperElement
       id={id}
       role="tooltip"
-      className={classNames(
+      className={clsx(
         'react-tooltip',
         coreStyles['tooltip'],
         styles['tooltip'],
@@ -608,7 +608,7 @@ const Tooltip = ({
     >
       {content}
       <WrapperElement
-        className={classNames(
+        className={clsx(
           'react-tooltip-arrow',
           coreStyles['arrow'],
           styles['arrow'],
diff --git a/src/components/TooltipProvider/TooltipWrapper.tsx b/src/components/TooltipProvider/TooltipWrapper.tsx
index b5954134..31952721 100644
--- a/src/components/TooltipProvider/TooltipWrapper.tsx
+++ b/src/components/TooltipProvider/TooltipWrapper.tsx
@@ -1,5 +1,5 @@
 import React, { useEffect, useRef } from 'react'
-import classNames from 'classnames'
+import clsx from 'clsx'
 import { useTooltip } from './TooltipProvider'
 import type { ITooltipWrapper } from './TooltipProviderTypes'
 
@@ -35,7 +35,7 @@ const TooltipWrapper = ({
   return (
     <span
       ref={anchorRef}
-      className={classNames('react-tooltip-wrapper', className)}
+      className={clsx('react-tooltip-wrapper', className)}
       data-tooltip-place={place}
       data-tooltip-content={content}
       data-tooltip-html={html}
diff --git a/yarn.lock b/yarn.lock
index 3a86238a..f9a4dd9c 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2182,11 +2182,6 @@ cjs-module-lexer@^1.0.0:
   resolved "https://registry.yarnpkg.com/cjs-module-lexer/-/cjs-module-lexer-1.2.2.tgz#9f84ba3244a512f3a54e5277e8eef4c489864e40"
   integrity sha512-cOU9usZw8/dXIXKtwa8pM0OTJQuJkxMN6w30csNRUerHfeQ5R6U3kkU/FtJeIf3M202OHfY2U8ccInBG7/xogA==
 
-classnames@^2.3.0:
-  version "2.3.2"
-  resolved "https://registry.yarnpkg.com/classnames/-/classnames-2.3.2.tgz#351d813bf0137fcc6a76a16b88208d2560a0d924"
-  integrity sha512-CSbhY4cFEJRe6/GQzIk5qXZ4Jeg5pcsP7b5peFSDpffpe1cqjASH/n9UTjBwOp6XpMSTwQ8Za2K5V02ueA7Tmw==
-
 clean-stack@^2.0.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/clean-stack/-/clean-stack-2.2.0.tgz#ee8472dbb129e727b31e8a10a427dee9dfe4008b"
@@ -2245,6 +2240,11 @@ clone-regexp@^2.1.0:
   dependencies:
     is-regexp "^2.0.0"
 
+clsx@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/clsx/-/clsx-2.0.0.tgz#12658f3fd98fafe62075595a5c30e43d18f3d00b"
+  integrity sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q==
+
 co@^4.6.0:
   version "4.6.0"
   resolved "https://registry.yarnpkg.com/co/-/co-4.6.0.tgz#6ea6bdf3d853ae54ccb8e47bfa0bf3f9031fb184"

From ccd06beb7ca4e599713bebe074f89650298d4f33 Mon Sep 17 00:00:00 2001
From: Daniel Barion <danielbarionn@gmail.com>
Date: Tue, 28 Nov 2023 11:07:09 -0300
Subject: [PATCH 2/3] Update Tooltip.tsx

---
 src/components/Tooltip/Tooltip.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Tooltip/Tooltip.tsx b/src/components/Tooltip/Tooltip.tsx
index 8877a0af..3218dd48 100644
--- a/src/components/Tooltip/Tooltip.tsx
+++ b/src/components/Tooltip/Tooltip.tsx
@@ -1,6 +1,6 @@
 import React, { useEffect, useState, useRef, useCallback, useImperativeHandle } from 'react'
 import { autoUpdate } from '@floating-ui/dom'
-import classNames from 'clsx'
+import clsx from 'clsx'
 
 import debounce from 'utils/debounce'
 import { useTooltip } from 'components/TooltipProvider'
@@ -791,7 +791,7 @@ const Tooltip = ({
     <WrapperElement
       id={id}
       role={role}
-      className={classNames(
+      className={clsx(
         'react-tooltip',
         coreStyles['tooltip'],
         styles['tooltip'],

From 811184d320369ebdac1286f2fe665179af3de40b Mon Sep 17 00:00:00 2001
From: Daniel Barion <danielbarionn@gmail.com>
Date: Tue, 28 Nov 2023 11:07:31 -0300
Subject: [PATCH 3/3] Update Tooltip.tsx

---
 src/components/Tooltip/Tooltip.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/Tooltip/Tooltip.tsx b/src/components/Tooltip/Tooltip.tsx
index 3218dd48..6a11195e 100644
--- a/src/components/Tooltip/Tooltip.tsx
+++ b/src/components/Tooltip/Tooltip.tsx
@@ -1,7 +1,6 @@
 import React, { useEffect, useState, useRef, useCallback, useImperativeHandle } from 'react'
 import { autoUpdate } from '@floating-ui/dom'
 import clsx from 'clsx'
-
 import debounce from 'utils/debounce'
 import { useTooltip } from 'components/TooltipProvider'
 import useIsomorphicLayoutEffect from 'utils/use-isomorphic-layout-effect'