react-uicomp - npm Package Compare versions

Comparing version 1.0.3 to 1.0.4

dist/core/Hocs.d.ts

@@ -1,2 +0,3 @@
-/// <reference types="react" />
+import React from "react";
+import { NavLinkProps as InternalNavLinkProps } from "react-router-dom";
 import { AuthProviderParams, NavigationProviderParams, ThemeProviderParams } from "./Types";
@@ -13,1 +14,2 @@ export declare const Auth: {
 };
+export declare const ActiveLink: (props: React.PropsWithoutRef<InternalNavLinkProps> & React.RefAttributes<HTMLAnchorElement>) => JSX.Element;

dist/index.js

@@ -256,2 +256,5 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 };
+var ActiveLink = function ActiveLink(props) {
+  return React__default.createElement(reactRouterDom.NavLink, Object.assign({}, props));
+};
 
@@ -352,3 +355,3 @@ var useAuth = function useAuth() {
       _ref$isAnimated = _ref.isAnimated,
-      isAnimated = _ref$isAnimated === void 0 ? false : _ref$isAnimated,
+      isAnimated = _ref$isAnimated === void 0 ? true : _ref$isAnimated,
       _ref$animationType = _ref.animationType,
@@ -381,4 +384,10 @@ animationType = _ref$animationType === void 0 ? "expand" : _ref$animationType,
     },
-    config: {
-      duration: isAnimated ? 200 : 0
+    config: isAnimated ? animationType === "expand" ? {
+      mass: 1,
+      friction: 18,
+      tension: 250
+    } : {
+      duration: 200
+    } : {
+      duration: 0
     }
@@ -610,2 +619,3 @@ });
 
+exports.ActiveLink = ActiveLink;
 exports.Auth = Auth;
@@ -612,0 +622,0 @@ exports.Dropdown = Dropdown;

dist/index.modern.js

 import React, { useContext, useMemo } from 'react';
-import { Route, Redirect, HashRouter, BrowserRouter, Switch, useHistory, useLocation, useParams } from 'react-router-dom';
+import { Route, Redirect, HashRouter, BrowserRouter, Switch, NavLink, useHistory, useLocation, useParams } from 'react-router-dom';
 import { useTransition, animated } from 'react-spring';
@@ -253,2 +253,5 @@ import styled from 'styled-components';
 };
+var ActiveLink = function ActiveLink(props) {
+  return React.createElement(NavLink, Object.assign({}, props));
+};
 
@@ -349,3 +352,3 @@ var useAuth = function useAuth() {
       _ref$isAnimated = _ref.isAnimated,
-      isAnimated = _ref$isAnimated === void 0 ? false : _ref$isAnimated,
+      isAnimated = _ref$isAnimated === void 0 ? true : _ref$isAnimated,
       _ref$animationType = _ref.animationType,
@@ -378,4 +381,10 @@ animationType = _ref$animationType === void 0 ? "expand" : _ref$animationType,
     },
-    config: {
-      duration: isAnimated ? 200 : 0
+    config: isAnimated ? animationType === "expand" ? {
+      mass: 1,
+      friction: 18,
+      tension: 250
+    } : {
+      duration: 200
+    } : {
+      duration: 0
     }
@@ -607,3 +616,3 @@ });
 
-export { Auth, Dropdown, DropdownMenu, DropdownMenuItem, DropdownMenuSeparator, Navigation, Theme, DefaultThemeConfig as ThemeConfig, useAuth, useNavigation, useOutsideClick, useTheme };
+export { ActiveLink, Auth, Dropdown, DropdownMenu, DropdownMenuItem, DropdownMenuSeparator, Navigation, Theme, DefaultThemeConfig as ThemeConfig, useAuth, useNavigation, useOutsideClick, useTheme };
 //# sourceMappingURL=index.modern.js.map

package.json

 {
   "name": "react-uicomp",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "React UI component for creating complex routes and beautiful UI",
@@ -5,0 +5,0 @@ "author": "dipeshrai123",

README.md

@@ -247,3 +247,3 @@ # react-uicomp
 | active(optional)                      | boolean                                                      | Sets default state of dropdown, either it is active or not by default | false         |
-| isAnimated(optional)                  | boolean                                                      | Should animate or not while toggling between dropdown        | false         |
+| isAnimated(optional)                  | boolean                                                      | Should animate or not while toggling between dropdown        | true          |
 | animationType(optional)               | "fade" \| "expand"                                           | Type of animation for dropdown                               | "expand"      |
@@ -250,0 +250,0 @@ | dropdownStyles(optional)              | style                                                        | Style object to style the dropdown                           | -             |

No alert changes

Improved metrics

Total package byte prevSize

129271

increased by1.88%

Lines of code

1313

increased by1.63%

No dependency changes