@mjhls/mjh-framework 1.0.411 → 1.0.412

package/README.md

@@ -1,5 +1,5 @@
 
-# mjh-framework v. 1.0.411
+# mjh-framework v. 1.0.412
 
 
 > Foundation Framework

package/dist/cjs/IssueDeck.js

@@ -64,8 +64,6 @@ var IssueDeck = function IssueDeck(props) {
       values = _useState8[0],
       setValues = _useState8[1];
 
-  var deckRef = React.useRef(null);
-
   var prevValues = usePrevious(values);
 
   var urlFor = function urlFor(source) {
@@ -130,9 +128,17 @@ var IssueDeck = function IssueDeck(props) {
     }
   }, [values, prevValues, query, client, params, setIssuesData, setScrolling]);
 
+  React.useEffect(function () {
+    if (issuesData.length < count) {
+      var parentScroll = document.getElementsByClassName('infinite-scroll-component')[0];
+      parentScroll.style.overflow = 'hidden';
+      setScrolling(false);
+    }
+  }, [issuesData, setScrolling, count]);
+
   return React__default.createElement(
     index_es.InfiniteScroll,
-    { ref: deckRef, dataLength: issuesData && issuesData.length, next: function next() {
+    { dataLength: issuesData && issuesData.length, next: function next() {
         return loadMore();
       }, hasMore: scrolling, scrollThreshold: 0.9 },
     React__default.createElement(

package/dist/esm/IssueDeck.js

@@ -5,7 +5,7 @@ import './_iter-detect-7c281f0a.js';
 import { _ as _toConsumableArray } from './toConsumableArray-c5e2fde8.js';
 import './_object-pie-33c40e79.js';
 import { _ as _extends } from './extends-92072fff.js';
-import React__default, { useState, useRef, useEffect } from 'react';
+import React__default, { useState, useEffect, useRef } from 'react';
 import 'prop-types';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
@@ -59,8 +59,6 @@ var IssueDeck = function IssueDeck(props) {
       values = _useState8[0],
       setValues = _useState8[1];
 
-  var deckRef = useRef(null);
-
   var prevValues = usePrevious(values);
 
   var urlFor = function urlFor(source) {
@@ -125,9 +123,17 @@ var IssueDeck = function IssueDeck(props) {
     }
   }, [values, prevValues, query, client, params, setIssuesData, setScrolling]);
 
+  useEffect(function () {
+    if (issuesData.length < count) {
+      var parentScroll = document.getElementsByClassName('infinite-scroll-component')[0];
+      parentScroll.style.overflow = 'hidden';
+      setScrolling(false);
+    }
+  }, [issuesData, setScrolling, count]);
+
   return React__default.createElement(
     InfiniteScroll,
-    { ref: deckRef, dataLength: issuesData && issuesData.length, next: function next() {
+    { dataLength: issuesData && issuesData.length, next: function next() {
         return loadMore();
       }, hasMore: scrolling, scrollThreshold: 0.9 },
     React__default.createElement(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mjhls/mjh-framework",
-  "version": "1.0.411",
+  "version": "1.0.412",
   "description": "Foundation Framework",
   "author": "mjh-framework",
   "license": "MIT",