@react-md/transition - npm Package Compare versions

Comparing version 2.0.0-alpha.10 to 2.0.0-alpha.11

es/useCollapseTransition.js

@@ -30,3 +30,3 @@ var __assign = (this && this.__assign) || function () {
     }), state = _b[0], setState = _b[1];
-    return __assign({}, state, { setState: setState });
+    return __assign(__assign({}, state), { setState: setState });
 }
@@ -165,3 +165,3 @@ /**
         if (entering) {
-            setState(__assign({}, state, getElementSizing(ref.current)));
+            setState(__assign(__assign({}, state), getElementSizing(ref.current)));
             transition.current = window.setTimeout(function () {
@@ -172,7 +172,7 @@ transition.current = undefined;
                 }
-                setState(function (prevState) { return (__assign({}, prevState, { entering: false, maxHeight: undefined, paddingTop: undefined, paddingBottom: undefined })); });
+                setState(function (prevState) { return (__assign(__assign({}, prevState), { entering: false, maxHeight: undefined, paddingTop: undefined, paddingBottom: undefined })); });
             }, enterDuration);
         }
         else {
-            setState(__assign({}, state, { maxHeight: minHeight, paddingTop: minPaddingTop, paddingBottom: minPaddingBottom }));
+            setState(__assign(__assign({}, state), { maxHeight: minHeight, paddingTop: minPaddingTop, paddingBottom: minPaddingBottom }));
             transition.current = window.setTimeout(function () {
@@ -183,3 +183,3 @@ transition.current = undefined;
                 }
-                setState(__assign({}, state, { leaving: false }));
+                setState(__assign(__assign({}, state), { leaving: false }));
             }, leaveDuration);
@@ -226,3 +226,3 @@ }
     var el = Children.only(element);
-    var _a = useCollapseTransition(__assign({}, options, { style: el.props.style, className: cn(options.className, el.props.className) })), transitionProps = _a.transitionProps, rendered = _a.rendered;
+    var _a = useCollapseTransition(__assign(__assign({}, options), { style: el.props.style, className: cn(options.className, el.props.className) })), transitionProps = _a.transitionProps, rendered = _a.rendered;
     if (!rendered) {
@@ -229,0 +229,0 @@ return null;

es/useFixedPositioning.js

@@ -69,3 +69,3 @@ var __assign = (this && this.__assign) || function () {
         var overrides = typeof getOptions === "function" ? getOptions(node) : {};
-        var opts = __assign({}, remaining, overrides, { anchor: anchor });
+        var opts = __assign(__assign(__assign({}, remaining), overrides), { anchor: anchor });
         var _c = getFixedPosition(__assign({ container: getFixedTo(fixedTo), element: node }, opts)), style = _c.style, actualX = _c.actualX, actualY = _c.actualY;
@@ -72,0 +72,0 @@ var actual = { x: actualX, y: actualY };

lib/useCollapseTransition.js

@@ -35,3 +35,3 @@ "use strict";
     }), state = _b[0], setState = _b[1];
-    return __assign({}, state, { setState: setState });
+    return __assign(__assign({}, state), { setState: setState });
 }
@@ -175,3 +175,3 @@ exports.useCollapseState = useCollapseState;
         if (entering) {
-            setState(__assign({}, state, getElementSizing(ref.current)));
+            setState(__assign(__assign({}, state), getElementSizing(ref.current)));
             transition.current = window.setTimeout(function () {
@@ -182,7 +182,7 @@ transition.current = undefined;
                 }
-                setState(function (prevState) { return (__assign({}, prevState, { entering: false, maxHeight: undefined, paddingTop: undefined, paddingBottom: undefined })); });
+                setState(function (prevState) { return (__assign(__assign({}, prevState), { entering: false, maxHeight: undefined, paddingTop: undefined, paddingBottom: undefined })); });
             }, enterDuration);
         }
         else {
-            setState(__assign({}, state, { maxHeight: minHeight, paddingTop: minPaddingTop, paddingBottom: minPaddingBottom }));
+            setState(__assign(__assign({}, state), { maxHeight: minHeight, paddingTop: minPaddingTop, paddingBottom: minPaddingBottom }));
             transition.current = window.setTimeout(function () {
@@ -193,3 +193,3 @@ transition.current = undefined;
                 }
-                setState(__assign({}, state, { leaving: false }));
+                setState(__assign(__assign({}, state), { leaving: false }));
             }, leaveDuration);
@@ -237,3 +237,3 @@ }
     var el = react_1.Children.only(element);
-    var _a = useCollapseTransition(__assign({}, options, { style: el.props.style, className: classnames_1.default(options.className, el.props.className) })), transitionProps = _a.transitionProps, rendered = _a.rendered;
+    var _a = useCollapseTransition(__assign(__assign({}, options), { style: el.props.style, className: classnames_1.default(options.className, el.props.className) })), transitionProps = _a.transitionProps, rendered = _a.rendered;
     if (!rendered) {
@@ -240,0 +240,0 @@ return null;

lib/useFixedPositioning.js

@@ -71,3 +71,3 @@ "use strict";
         var overrides = typeof getOptions === "function" ? getOptions(node) : {};
-        var opts = __assign({}, remaining, overrides, { anchor: anchor });
+        var opts = __assign(__assign(__assign({}, remaining), overrides), { anchor: anchor });
         var _c = utils_1.getFixedPosition(__assign({ container: getFixedTo(fixedTo), element: node }, opts)), style = _c.style, actualX = _c.actualX, actualY = _c.actualY;
@@ -74,0 +74,0 @@ var actual = { x: actualX, y: actualY };

package.json

 {
   "name": "@react-md/transition",
-  "version": "2.0.0-alpha.10",
+  "version": "2.0.0-alpha.11",
   "description": "A package for working with react-md to use some simple transitions.",
@@ -39,6 +39,8 @@ "scripts": {
   "dependencies": {
-    "@react-md/portal": "^2.0.0-alpha.10",
-    "@react-md/theme": "^2.0.0-alpha.10",
-    "@react-md/utils": "^2.0.0-alpha.10",
-    "classnames": "^2.2.6"
+    "@react-md/portal": "^2.0.0-alpha.11",
+    "@react-md/theme": "^2.0.0-alpha.11",
+    "@react-md/utils": "^2.0.0-alpha.11",
+    "@types/react-transition-group": "^4.2.3",
+    "classnames": "^2.2.6",
+    "react-transition-group": "^4.3.0"
   },
@@ -54,3 +56,3 @@ "peerDependencies": {
   },
-  "gitHead": "d42497f9e2e5c6e7f37774e140a5bf80c644081d"
+  "gitHead": "740017d534dece692a4520df98de74df4d2e55c7"
 }

src/types.ts

@@ -9,2 +9,3 @@ import { TransitionProps } from "react-transition-group/Transition";
 type TransitionKeys =
+  | "in"
   | "appear"
@@ -11,0 +12,0 @@ | "enter"

types/types.d.ts

 import { TransitionProps } from "react-transition-group/Transition";
 import { CSSTransitionProps } from "react-transition-group/CSSTransition";
 export declare type TransitionTimeout = TransitionProps["timeout"];
-declare type TransitionKeys = "appear" | "enter" | "exit" | "mountOnEnter" | "unmountOnExit" | "onEnter" | "onEntering" | "onEntering" | "onEntered" | "onExit" | "onExiting" | "onExited";
+declare type TransitionKeys = "in" | "appear" | "enter" | "exit" | "mountOnEnter" | "unmountOnExit" | "onEnter" | "onEntering" | "onEntering" | "onEntered" | "onExit" | "onExiting" | "onExited";
 export interface OverridableTransitionProps extends Pick<TransitionProps, TransitionKeys> {
@@ -6,0 +6,0 @@ timeout?: TransitionTimeout;

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

519857

increased by181.09%

Number of package files

67

increased by3.08%

Worsened metrics

Dependency count

8

increased by33.33%

Dependency changes

• + Added@types/react-transition-group@^4.2.3

• + Addedreact-transition-group@^4.3.0

• + Added@babel/runtime@7.25.6(transitive)

• + Added@types/prop-types@15.7.13(transitive)

• + Added@types/react@18.3.10(transitive)

• + Added@types/react-transition-group@4.4.11(transitive)

• + Addedcsstype@3.1.3(transitive)

• + Addeddom-helpers@5.2.1(transitive)

• + Addedreact-transition-group@4.4.5(transitive)

• + Addedregenerator-runtime@0.14.1(transitive)

• Updated@react-md/portal@^2.0.0-alpha.11

• Updated@react-md/theme@^2.0.0-alpha.11

• Updated@react-md/utils@^2.0.0-alpha.11