@titelmedia/bricks-interview - npm Package Compare versions

Comparing version 2.1.31 to 2.3.0

CHANGELOG.md

@@ -6,2 +6,9 @@ # Change Log
 
+# [2.3.0](https://github.com/titel-media/bricks-lerna/compare/v2.2.1...v2.3.0) (2024-02-23)
+
+### Bug Fixes
+
+- component minor refactoring ([ae4e767](https://github.com/titel-media/bricks-lerna/commit/ae4e767abb121047d4a1c73b03ef2e5a9fbc23e7))
+- testing & clean up of components ([6cb9433](https://github.com/titel-media/bricks-lerna/commit/6cb9433d5023a9a41d3d231fbc9ce2bdf360fcef))
+
 ## [2.1.31](https://github.com/titel-media/bricks-lerna/compare/v2.1.30...v2.1.31) (2024-02-16)
@@ -8,0 +15,0 @@

dist/index.js

@@ -35,5 +35,5 @@ "use strict";
     if (!containerRef.current) return;
+    let fadeAnimation;
     if (sticky) {
-      const media = _bricksUtils.gsap.matchMedia();
-      media.add(`(min-width: ${_breakpoints.BREAKPOINTS.sm}px)`, () => {
+      _bricksUtils.gsap.matchMedia().add(`(min-width: ${_breakpoints.BREAKPOINTS.sm}px)`, () => {
         _bricksUtils.gsap.effects.sticky(wrapperRef.current, {
@@ -47,3 +47,3 @@ trigger: questionRef.current,
     if (isAnimationEnable) {
-      _bricksUtils.gsap.effects.fade(containerRef.current, {
+      fadeAnimation = _bricksUtils.gsap.effects.fade(containerRef.current, {
         duration: setAnimationDuration,
@@ -53,2 +53,5 @@ trigger: wrapperRef.current
     }
+    return () => {
+      if (fadeAnimation) fadeAnimation.kill();
+    };
   }, [enableAnimation, setAnimationDuration]);
@@ -55,0 +58,0 @@ return _react.default.createElement("div", {

lib/index.js

@@ -30,5 +30,7 @@ import React, { useEffect, useRef } from 'react';
     if (!containerRef.current) return;
+
+    let fadeAnimation;
+
     if (sticky) {
-      const media = gsap.matchMedia();
-      media.add(`(min-width: ${BREAKPOINTS.sm}px)`, () => {
+      gsap.matchMedia().add(`(min-width: ${BREAKPOINTS.sm}px)`, () => {
         gsap.effects.sticky(wrapperRef.current, {
@@ -41,4 +43,5 @@ trigger: questionRef.current,
     }
+
     if (isAnimationEnable) {
-      gsap.effects.fade(containerRef.current, {
+      fadeAnimation = gsap.effects.fade(containerRef.current, {
         duration: setAnimationDuration,
@@ -48,2 +51,6 @@ trigger: wrapperRef.current,
     }
+
+    return () => {
+      if (fadeAnimation) fadeAnimation.kill();
+    };
   }, [enableAnimation, setAnimationDuration]);
@@ -50,0 +57,0 @@

package.json

 {
   "name": "@titelmedia/bricks-interview",
-  "version": "2.1.31",
+  "version": "2.3.0",
   "description": "> TODO: description",
@@ -24,3 +24,3 @@ "author": "highsnob",
     "@titelmedia/bricks-theme": "^2.1.31",
-    "@titelmedia/bricks-utils": "^2.0.0"
+    "@titelmedia/bricks-utils": "^2.3.0"
   },
@@ -32,3 +32,3 @@ "peerDependencies": {
   },
-  "gitHead": "ecfa0a44cd25544793f0542e4d546eb0f7e43721"
+  "gitHead": "531163ae951fd4c3706bc6c3ca18100c959839c0"
 }

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

42900

increased by1.75%

Lines of code

367

increased by1.66%

Dependency changes

• Updated@titelmedia/bricks-utils@^2.3.0