@titelmedia/xtras-tabs - npm Package Compare versions

Comparing version 0.1.19 to 0.1.20

CHANGELOG.md

@@ -6,2 +6,10 @@ # Change Log
 
+## [0.1.20](https://github.com/titel-media/bricks-lerna/compare/v0.1.19...v0.1.20) (2021-12-21)
+
+**Note:** Version bump only for package @titelmedia/xtras-tabs
+
+
+
+
+
 ## [0.1.19](https://github.com/titel-media/bricks-lerna/compare/v0.1.18...v0.1.19) (2021-12-21)
@@ -8,0 +16,0 @@

dist/index.js

@@ -12,2 +12,4 @@ "use strict";
 
+var _imagesloaded = _interopRequireDefault(require("imagesloaded"));
+
 var _bricksTheme = _interopRequireDefault(require("@titelmedia/bricks-theme"));
@@ -47,3 +49,3 @@
   (0, _react.useEffect)(() => {
-    if (typeof window === 'object') {
+    (0, _imagesloaded.default)(document.querySelector('#bricks-story'), () => {
       let pinHeight = 0;
@@ -55,3 +57,2 @@ (0, _lodash.forEach)(sections, (section, index) => {
           pinHeight += s.offsetHeight;
-          console.log('section offset height', s.offsetHeight);
           let _current = null;
@@ -91,3 +92,3 @@ sectionTlsRef.current[index].current = _all.gsap.to(s, {
       });
-    }
+    });
   }, []);
@@ -94,0 +95,0 @@ return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_bricksTheme.default, null), _react.default.createElement(_styles.TabsWrapper, {

lib/index.js

 import React, { useEffect, useRef, useState, createRef } from 'react';
 import { forEach } from 'lodash';
-
+import imagesLoaded from 'imagesloaded';
 import GlobalFonts from '@titelmedia/bricks-theme';
@@ -37,3 +37,4 @@ import { gsap, ScrollTrigger, ScrollToPlugin } from 'gsap/all';
   useEffect(() => {
-    if (typeof window === 'object') {
+    // in future add this somehow as a prop or make the tabs usable outside of bricks
+    imagesLoaded(document.querySelector('#bricks-story'), () => {
       let pinHeight = 0;
@@ -47,3 +48,2 @@
           pinHeight += s.offsetHeight;
-          console.log('section offset height', s.offsetHeight);
           let _current = null;
@@ -83,3 +83,3 @@ sectionTlsRef.current[index].current = gsap.to(s, {
       });
-    }
+    });
   }, []);
@@ -86,0 +86,0 @@

package.json

 {
   "name": "@titelmedia/xtras-tabs",
-  "version": "0.1.19",
+  "version": "0.1.20",
   "description": "xtras tab navigation component",
@@ -24,5 +24,6 @@ "author": "highsnob",
     "@titelmedia/bricks-theme": "^0.1.19",
-    "gsap": "^3.8.0"
+    "gsap": "^3.8.0",
+    "imagesloaded": "^4.1.4"
   },
-  "gitHead": "8c36f5db1d8d1f19ab30080243fb6a937856777e"
+  "gitHead": "fa3dd5594eb94c1c4e074c95b1046b082eaf3744"
 }

No alert changes

Improved metrics

Total package byte prevSize

18575

increased by2.18%

Lines of code

261

increased by0.38%

Worsened metrics

Dependency count

3

increased by50%

Dependency changes

• + Addedimagesloaded@^4.1.4

• + Addedev-emitter@1.1.1(transitive)

• + Addedimagesloaded@4.1.4(transitive)