react-fit - npm Package Compare versions

Comparing version 1.1.0 to 1.1.1

dist/esm/Fit.js

@@ -38,7 +38,7 @@ function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
-var capitalize = function capitalize(a) {
+function capitalize(a) {
   return a[0].toUpperCase() + a.slice(1);
-};
+}
 
-var findScrollContainer = function findScrollContainer(element) {
+function findScrollContainer(element) {
   if (!element) {
@@ -64,5 +64,5 @@ return undefined;
   return document.documentElement;
-};
+}
 
-var alignAxis = function alignAxis(_ref) {
+function alignAxis(_ref) {
   var axis = _ref.axis,
@@ -73,5 +73,5 @@ container = _ref.container,
       secondary = _ref.secondary,
+      scrollContainer = _ref.scrollContainer,
       spacing = _ref.spacing;
   var style = window.getComputedStyle(element);
-  var scrollContainer = findScrollContainer(element);
   var parent = container.parentElement;
@@ -164,14 +164,14 @@ var parentCollisions = detectElementOverflow(parent, scrollContainer);
   }
-};
+}
 
-var alignMainAxis = function alignMainAxis(args) {
-  return alignAxis(args);
-};
+function alignMainAxis(args) {
+  alignAxis(args);
+}
 
-var alignSecondaryAxis = function alignSecondaryAxis(args) {
-  return alignAxis(_objectSpread({}, args, {
+function alignSecondaryAxis(args) {
+  alignAxis(_objectSpread({}, args, {
     axis: args.axis === 'x' ? 'y' : 'x',
     secondary: true
   }));
-};
+}
 
@@ -217,2 +217,3 @@ var alignBothAxis = function alignBothAxis(args) {
       var _assertThisInitialize = _assertThisInitialized(_this),
+          scrollContainer = _assertThisInitialize.scrollContainer,
           container = _assertThisInitialize.container,
@@ -273,2 +274,3 @@ element = _assertThisInitialize.element;
         axis: mainAxis,
+        scrollContainer: scrollContainer,
         spacing: spacing
@@ -289,2 +291,3 @@ });
         this.element = element;
+        this.scrollContainer = findScrollContainer(element);
       }
@@ -311,5 +314,7 @@
         return React.createElement("span", {
-          ref: function ref(_ref2) {
-            _this2.container = _ref2;
-            _this2.element = _ref2 && _ref2.firstChild;
+          ref: function ref(container) {
+            _this2.container = container;
+            var element = container && container.firstChild;
+            _this2.element = element;
+            _this2.scrollContainer = element && findScrollContainer(element);
           },
@@ -316,0 +321,0 @@ style: {

dist/umd/Fit.js

@@ -54,7 +54,7 @@ "use strict";
 
-var capitalize = function capitalize(a) {
+function capitalize(a) {
   return a[0].toUpperCase() + a.slice(1);
-};
+}
 
-var findScrollContainer = function findScrollContainer(element) {
+function findScrollContainer(element) {
   if (!element) {
@@ -80,5 +80,5 @@ return undefined;
   return document.documentElement;
-};
+}
 
-var alignAxis = function alignAxis(_ref) {
+function alignAxis(_ref) {
   var axis = _ref.axis,
@@ -89,5 +89,5 @@ container = _ref.container,
       secondary = _ref.secondary,
+      scrollContainer = _ref.scrollContainer,
       spacing = _ref.spacing;
   var style = window.getComputedStyle(element);
-  var scrollContainer = findScrollContainer(element);
   var parent = container.parentElement;
@@ -180,14 +180,14 @@ var parentCollisions = (0, _detectElementOverflow["default"])(parent, scrollContainer);
   }
-};
+}
 
-var alignMainAxis = function alignMainAxis(args) {
-  return alignAxis(args);
-};
+function alignMainAxis(args) {
+  alignAxis(args);
+}
 
-var alignSecondaryAxis = function alignSecondaryAxis(args) {
-  return alignAxis(_objectSpread({}, args, {
+function alignSecondaryAxis(args) {
+  alignAxis(_objectSpread({}, args, {
     axis: args.axis === 'x' ? 'y' : 'x',
     secondary: true
   }));
-};
+}
 
@@ -233,2 +233,3 @@ var alignBothAxis = function alignBothAxis(args) {
       var _assertThisInitialize = _assertThisInitialized(_this),
+          scrollContainer = _assertThisInitialize.scrollContainer,
           container = _assertThisInitialize.container,
@@ -289,2 +290,3 @@ element = _assertThisInitialize.element;
         axis: mainAxis,
+        scrollContainer: scrollContainer,
         spacing: spacing
@@ -305,2 +307,3 @@ });
         this.element = element;
+        this.scrollContainer = findScrollContainer(element);
       }
@@ -328,5 +331,7 @@
         return _react["default"].createElement("span", {
-          ref: function ref(_ref2) {
-            _this2.container = _ref2;
-            _this2.element = _ref2 && _ref2.firstChild;
+          ref: function ref(container) {
+            _this2.container = container;
+            var element = container && container.firstChild;
+            _this2.element = element;
+            _this2.scrollContainer = element && findScrollContainer(element);
           },
@@ -333,0 +338,0 @@ style: {

package.json

 {
   "name": "react-fit",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "Fit a popover element on the screen.",
@@ -5,0 +5,0 @@ "main": "dist/umd/Fit.js",

src/Fit.jsx

@@ -16,2 +16,3 @@ import React, { Component } from 'react';
 );
+
 const isMutationObserverSupported = (
@@ -22,5 +23,7 @@ isBrowser
 
-const capitalize = a => a[0].toUpperCase() + a.slice(1);
+function capitalize(a) {
+  return a[0].toUpperCase() + a.slice(1);
+}
 
-const findScrollContainer = (element) => {
+function findScrollContainer(element) {
   if (!element) {
@@ -40,5 +43,5 @@ return undefined;
   return document.documentElement;
-};
+}
 
-const alignAxis = ({
+function alignAxis({
   axis,
@@ -49,8 +52,7 @@ container,
   secondary,
+  scrollContainer,
   spacing,
-}) => {
+}) {
   const style = window.getComputedStyle(element);
 
-  const scrollContainer = findScrollContainer(element);
-
   const parent = container.parentElement;
@@ -153,11 +155,15 @@ const parentCollisions = detectElementOverflow(parent, scrollContainer);
   }
-};
+}
 
-const alignMainAxis = args => alignAxis(args);
+function alignMainAxis(args) {
+  alignAxis(args);
+}
 
-const alignSecondaryAxis = args => alignAxis({
-  ...args,
-  axis: args.axis === 'x' ? 'y' : 'x',
-  secondary: true,
-});
+function alignSecondaryAxis(args) {
+  alignAxis({
+    ...args,
+    axis: args.axis === 'x' ? 'y' : 'x',
+    secondary: true,
+  });
+}
 
@@ -185,2 +191,3 @@ const alignBothAxis = (args) => {
       this.element = element;
+      this.scrollContainer = findScrollContainer(element);
     }
@@ -206,3 +213,3 @@ this.fit();
   fit = () => {
-    const { container, element } = this;
+    const { scrollContainer, container, element } = this;
 
@@ -264,2 +271,3 @@ if (!element) {
       axis: mainAxis,
+      scrollContainer,
       spacing,
@@ -277,5 +285,9 @@ });
         <span
-          ref={(ref) => {
-            this.container = ref;
-            this.element = ref && ref.firstChild;
+          ref={(container) => {
+            this.container = container;
+
+            const element = container && container.firstChild;
+            this.element = element;
+
+            this.scrollContainer = element && findScrollContainer(element);
           }}
@@ -282,0 +294,0 @@ style={{ display: 'contents' }}

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

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

44840

increased by1.26%

Lines of code

859

increased by2.38%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes