tw-react-components 0.0.183 → 0.0.185

package/index.esm.js

@@ -1964,7 +1964,7 @@ const SidebarContextProvider = (_a) => {
     var { defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children } = _a, props = __rest(_a, ["defaultOpen", "open", "onOpenChange", "className", "style", "children"]);
     const isMobile = useIsMobile();
     const [openMobile, setOpenMobile] = useState(false);
-    const screenRef = useRef(typeof document === 'undefined' ? null : document.documentElement);
+    useRef(typeof document === 'undefined' ? null : document.documentElement);
     // This is the internal state of the sidebar.
     // We use openProp and setOpenProp for control from outside the component.
     const [_open, _setOpen] = useState(getValueFromCookie(SIDEBAR_COOKIE_NAME, defaultOpen));
@@ -1982,16 +1982,6 @@ const SidebarContextProvider = (_a) => {
     const toggleSidebar = useCallback(() => {
         return isMobile ? setOpenMobile((open) => !open) : setOpen((open) => !open);
     }, [isMobile, setOpen, setOpenMobile]);
-    // Add swipe gesture support for opening and closing the sidebar.
-    useOnSwipe(screenRef, (direction) => {
-        const _setOpen = isMobile ? setOpenMobile : setOpen;
-        if (direction === 'right') {
-            _setOpen(true);
-        }
-        else if (direction === 'left') {
-            _setOpen(false);
-        }
-    });
     // Adds a keyboard shortcut to toggle the sidebar.
     useEffect(() => {
         const handleKeyDown = (event) => {
@@ -2295,7 +2285,7 @@ const TabsList = (_a) => {
 TabsList.displayName = TabsPrimitive.List.displayName;
 const TabsTrigger = (_a) => {
     var { className, dataTestId = 'tabs-trigger' } = _a, props = __rest(_a, ["className", "dataTestId"]);
-    return (jsx(TabsPrimitive.Trigger, Object.assign({ className: cn('inline-flex w-full items-center justify-center rounded-md px-2 py-1.5 font-medium whitespace-nowrap transition-all hover:bg-slate-200 disabled:pointer-events-none disabled:opacity-50 dark:hover:bg-slate-800', 'data-[state=active]:bg-white data-[state=active]:text-black data-[state=active]:shadow-sm dark:data-[state=active]:bg-slate-700 dark:data-[state=active]:text-white', className), "data-testid": dataTestId }, props)));
+    return (jsx(TabsPrimitive.Trigger, Object.assign({ className: cn('inline-flex w-full cursor-pointer items-center justify-center rounded-md px-2 py-1.5 font-medium whitespace-nowrap transition-all hover:bg-slate-200 disabled:pointer-events-none disabled:opacity-50 dark:hover:bg-slate-800', 'data-[state=active]:bg-white data-[state=active]:text-black data-[state=active]:shadow-sm dark:data-[state=active]:bg-slate-700 dark:data-[state=active]:text-white', className), "data-testid": dataTestId }, props)));
 };
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
 const TabsContent = (_a) => {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "tw-react-components",
   "description": "A set of React components build with TailwindCSS to make a nice dashboard.",
-  "version": "0.0.183",
+  "version": "0.0.185",
   "license": "MIT",
   "homepage": "https://bacali95.github.io/tw-react-components",
   "type": "module",