Fix CSP violation in Carousel drag-scroll helper (#1289)

* Fix CSP violation is Carousel drag-scroll helper * remove dependance on tailwind layers/global
themesberg · Mar 12, 2024 · 76d77a7 · 76d77a7
1 parent d0dc810
commit 76d77a7
Show file tree

Hide file tree

Showing 4 changed files with 399 additions and 24 deletions.
diff --git a/package.json b/package.json
@@ -55,10 +55,11 @@
   },
   "dependencies": {
     "@floating-ui/react": "^0.26.2",
+    "classnames": "^2.5.1",
     "contentlayer": "^0.3.4",
+    "debounce": "^2.0.0",
     "flowbite": "^2.0.0",
     "react-icons": "^4.11.0",
-    "react-indiana-drag-scroll": "^2.2.0",
     "tailwind-merge": "^2.0.0"
   },
   "devDependencies": {

diff --git a/src/components/Carousel/Carousel.tsx b/src/components/Carousel/Carousel.tsx
@@ -3,7 +3,7 @@
 import type { ComponentProps, FC, ReactElement, ReactNode } from 'react';
 import { Children, cloneElement, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { HiOutlineChevronLeft, HiOutlineChevronRight } from 'react-icons/hi';
-import ScrollContainer from 'react-indiana-drag-scroll';
+import ScrollContainer from '../../helpers/drag-scroll';
 import { twMerge } from 'tailwind-merge';
 import { isClient } from '../../helpers/is-client';
 import { mergeDeep } from '../../helpers/merge-deep';