@mjhls/mjh-framework 1.0.205 → 1.0.207
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/dist/cjs/DeckContent.js +10 -11
- package/dist/cjs/DeckQueue.js +11 -12
- package/dist/cjs/{Dfp-d94f7f73.js → Dfp-c4f1f12a.js} +5 -5
- package/dist/cjs/GridContent-089aa22c.js +632 -0
- package/dist/cjs/GridContent.js +17 -604
- package/dist/cjs/IssueContentDeck.js +4 -4
- package/dist/cjs/IssueDeck.js +4 -4
- package/dist/cjs/MasterDeck.js +5 -6
- package/dist/cjs/{Normal-7dd8c339.js → Normal-47d9e184.js} +62 -3
- package/dist/cjs/PublicationDeck.js +4 -4
- package/dist/cjs/QueueDeckExpanded.js +13 -13
- package/dist/cjs/{TaxonomyCard-7b5b4298.js → TaxonomyCard-d97685e2.js} +5 -5
- package/dist/cjs/TaxonomyCard.js +1 -1
- package/dist/cjs/TemplateNormal.js +4 -4
- package/dist/cjs/ThumbnailCard.js +4 -4
- package/dist/cjs/VideoSeriesListing.js +6 -7
- package/dist/cjs/{YoutubeGroup-f7707ceb.js → YoutubeGroup-7dc3064d.js} +6 -6
- package/dist/cjs/YoutubeGroup.js +1 -1
- package/dist/cjs/{debounce-286eb3fb.js → debounce-a963b136.js} +211 -6
- package/dist/cjs/{get-06aac51b.js → get-126b1712.js} +10 -10
- package/dist/cjs/{visibility-sensor-5c5a7302.js → index-0322e486.js} +0 -587
- package/dist/cjs/index.js +213 -97
- package/dist/cjs/{index.es-2289df51.js → visibility-sensor-bea3105d.js} +587 -0
- package/dist/esm/DeckContent.js +3 -4
- package/dist/esm/DeckQueue.js +4 -5
- package/dist/esm/{Dfp-ab7941d3.js → Dfp-6731ac01.js} +3 -3
- package/dist/esm/GridContent-214acb61.js +625 -0
- package/dist/esm/GridContent.js +16 -603
- package/dist/esm/MasterDeck.js +3 -4
- package/dist/esm/{Normal-403c5666.js → Normal-be430fa9.js} +62 -4
- package/dist/esm/QueueDeckExpanded.js +2 -2
- package/dist/esm/TemplateNormal.js +4 -4
- package/dist/esm/VideoSeriesListing.js +4 -5
- package/dist/esm/{YoutubeGroup-06df4923.js → YoutubeGroup-dc617e8b.js} +3 -3
- package/dist/esm/YoutubeGroup.js +1 -1
- package/dist/esm/{debounce-a0242b4a.js → debounce-dc0c02e5.js} +202 -2
- package/dist/esm/{get-b684ff61.js → get-b074314b.js} +1 -1
- package/dist/esm/{visibility-sensor-3cfe6713.js → index-6a79dad6.js} +2 -588
- package/dist/esm/index.js +185 -71
- package/dist/esm/{index.es-f369b3e8.js → visibility-sensor-675d3fa1.js} +588 -2
- package/package.json +1 -1
- package/dist/cjs/AD-e2479b7c.js +0 -31
- package/dist/cjs/isSymbol-311eb805.js +0 -209
- package/dist/esm/AD-1b2a3dd3.js +0 -26
- package/dist/esm/isSymbol-c2b7d05a.js +0 -203
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import React__default from 'react';
|
|
2
|
-
import { c as createCommonjsModule, u as unwrapExports
|
|
2
|
+
import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-ae1b5db5.js';
|
|
3
3
|
import PropTypes from 'prop-types';
|
|
4
|
-
import reactDom from 'react-dom';
|
|
5
4
|
|
|
6
5
|
var domain;
|
|
7
6
|
|
|
@@ -1655,589 +1654,4 @@ var lib_1 = lib.DFPSlotsProvider;
|
|
|
1655
1654
|
var lib_2 = lib.AdSlot;
|
|
1656
1655
|
var lib_3 = lib.DFPManager;
|
|
1657
1656
|
|
|
1658
|
-
|
|
1659
|
-
(function webpackUniversalModuleDefinition(root, factory) {
|
|
1660
|
-
module.exports = factory(React__default, reactDom);
|
|
1661
|
-
})(commonjsGlobal, function(__WEBPACK_EXTERNAL_MODULE__1__, __WEBPACK_EXTERNAL_MODULE__2__) {
|
|
1662
|
-
return /******/ (function(modules) { // webpackBootstrap
|
|
1663
|
-
/******/ // The module cache
|
|
1664
|
-
/******/ var installedModules = {};
|
|
1665
|
-
/******/
|
|
1666
|
-
/******/ // The require function
|
|
1667
|
-
/******/ function __webpack_require__(moduleId) {
|
|
1668
|
-
/******/
|
|
1669
|
-
/******/ // Check if module is in cache
|
|
1670
|
-
/******/ if(installedModules[moduleId]) {
|
|
1671
|
-
/******/ return installedModules[moduleId].exports;
|
|
1672
|
-
/******/ }
|
|
1673
|
-
/******/ // Create a new module (and put it into the cache)
|
|
1674
|
-
/******/ var module = installedModules[moduleId] = {
|
|
1675
|
-
/******/ i: moduleId,
|
|
1676
|
-
/******/ l: false,
|
|
1677
|
-
/******/ exports: {}
|
|
1678
|
-
/******/ };
|
|
1679
|
-
/******/
|
|
1680
|
-
/******/ // Execute the module function
|
|
1681
|
-
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
|
|
1682
|
-
/******/
|
|
1683
|
-
/******/ // Flag the module as loaded
|
|
1684
|
-
/******/ module.l = true;
|
|
1685
|
-
/******/
|
|
1686
|
-
/******/ // Return the exports of the module
|
|
1687
|
-
/******/ return module.exports;
|
|
1688
|
-
/******/ }
|
|
1689
|
-
/******/
|
|
1690
|
-
/******/
|
|
1691
|
-
/******/ // expose the modules object (__webpack_modules__)
|
|
1692
|
-
/******/ __webpack_require__.m = modules;
|
|
1693
|
-
/******/
|
|
1694
|
-
/******/ // expose the module cache
|
|
1695
|
-
/******/ __webpack_require__.c = installedModules;
|
|
1696
|
-
/******/
|
|
1697
|
-
/******/ // define getter function for harmony exports
|
|
1698
|
-
/******/ __webpack_require__.d = function(exports, name, getter) {
|
|
1699
|
-
/******/ if(!__webpack_require__.o(exports, name)) {
|
|
1700
|
-
/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
|
|
1701
|
-
/******/ }
|
|
1702
|
-
/******/ };
|
|
1703
|
-
/******/
|
|
1704
|
-
/******/ // define __esModule on exports
|
|
1705
|
-
/******/ __webpack_require__.r = function(exports) {
|
|
1706
|
-
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
|
1707
|
-
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
1708
|
-
/******/ }
|
|
1709
|
-
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
|
1710
|
-
/******/ };
|
|
1711
|
-
/******/
|
|
1712
|
-
/******/ // create a fake namespace object
|
|
1713
|
-
/******/ // mode & 1: value is a module id, require it
|
|
1714
|
-
/******/ // mode & 2: merge all properties of value into the ns
|
|
1715
|
-
/******/ // mode & 4: return value when already ns object
|
|
1716
|
-
/******/ // mode & 8|1: behave like require
|
|
1717
|
-
/******/ __webpack_require__.t = function(value, mode) {
|
|
1718
|
-
/******/ if(mode & 1) value = __webpack_require__(value);
|
|
1719
|
-
/******/ if(mode & 8) return value;
|
|
1720
|
-
/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
|
|
1721
|
-
/******/ var ns = Object.create(null);
|
|
1722
|
-
/******/ __webpack_require__.r(ns);
|
|
1723
|
-
/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
|
|
1724
|
-
/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
|
|
1725
|
-
/******/ return ns;
|
|
1726
|
-
/******/ };
|
|
1727
|
-
/******/
|
|
1728
|
-
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
|
1729
|
-
/******/ __webpack_require__.n = function(module) {
|
|
1730
|
-
/******/ var getter = module && module.__esModule ?
|
|
1731
|
-
/******/ function getDefault() { return module['default']; } :
|
|
1732
|
-
/******/ function getModuleExports() { return module; };
|
|
1733
|
-
/******/ __webpack_require__.d(getter, 'a', getter);
|
|
1734
|
-
/******/ return getter;
|
|
1735
|
-
/******/ };
|
|
1736
|
-
/******/
|
|
1737
|
-
/******/ // Object.prototype.hasOwnProperty.call
|
|
1738
|
-
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
|
|
1739
|
-
/******/
|
|
1740
|
-
/******/ // __webpack_public_path__
|
|
1741
|
-
/******/ __webpack_require__.p = "";
|
|
1742
|
-
/******/
|
|
1743
|
-
/******/
|
|
1744
|
-
/******/ // Load entry module and return exports
|
|
1745
|
-
/******/ return __webpack_require__(__webpack_require__.s = 4);
|
|
1746
|
-
/******/ })
|
|
1747
|
-
/************************************************************************/
|
|
1748
|
-
/******/ ([
|
|
1749
|
-
/* 0 */
|
|
1750
|
-
/***/ (function(module, exports, __webpack_require__) {
|
|
1751
|
-
|
|
1752
|
-
/**
|
|
1753
|
-
* Copyright (c) 2013-present, Facebook, Inc.
|
|
1754
|
-
*
|
|
1755
|
-
* This source code is licensed under the MIT license found in the
|
|
1756
|
-
* LICENSE file in the root directory of this source tree.
|
|
1757
|
-
*/
|
|
1758
|
-
|
|
1759
|
-
{
|
|
1760
|
-
// By explicitly using `prop-types` you are opting into new production behavior.
|
|
1761
|
-
// http://fb.me/prop-types-in-prod
|
|
1762
|
-
module.exports = __webpack_require__(5)();
|
|
1763
|
-
}
|
|
1764
|
-
|
|
1765
|
-
|
|
1766
|
-
/***/ }),
|
|
1767
|
-
/* 1 */
|
|
1768
|
-
/***/ (function(module, exports) {
|
|
1769
|
-
|
|
1770
|
-
module.exports = __WEBPACK_EXTERNAL_MODULE__1__;
|
|
1771
|
-
|
|
1772
|
-
/***/ }),
|
|
1773
|
-
/* 2 */
|
|
1774
|
-
/***/ (function(module, exports) {
|
|
1775
|
-
|
|
1776
|
-
module.exports = __WEBPACK_EXTERNAL_MODULE__2__;
|
|
1777
|
-
|
|
1778
|
-
/***/ }),
|
|
1779
|
-
/* 3 */
|
|
1780
|
-
/***/ (function(module, exports) {
|
|
1781
|
-
|
|
1782
|
-
// Tell whether the rect is visible, given an offset
|
|
1783
|
-
//
|
|
1784
|
-
// return: boolean
|
|
1785
|
-
module.exports = function (offset, rect, containmentRect) {
|
|
1786
|
-
var offsetDir = offset.direction;
|
|
1787
|
-
var offsetVal = offset.value; // Rules for checking different kind of offsets. In example if the element is
|
|
1788
|
-
// 90px below viewport and offsetTop is 100, it is considered visible.
|
|
1789
|
-
|
|
1790
|
-
switch (offsetDir) {
|
|
1791
|
-
case 'top':
|
|
1792
|
-
return containmentRect.top + offsetVal < rect.top && containmentRect.bottom > rect.bottom && containmentRect.left < rect.left && containmentRect.right > rect.right;
|
|
1793
|
-
|
|
1794
|
-
case 'left':
|
|
1795
|
-
return containmentRect.left + offsetVal < rect.left && containmentRect.bottom > rect.bottom && containmentRect.top < rect.top && containmentRect.right > rect.right;
|
|
1796
|
-
|
|
1797
|
-
case 'bottom':
|
|
1798
|
-
return containmentRect.bottom - offsetVal > rect.bottom && containmentRect.left < rect.left && containmentRect.right > rect.right && containmentRect.top < rect.top;
|
|
1799
|
-
|
|
1800
|
-
case 'right':
|
|
1801
|
-
return containmentRect.right - offsetVal > rect.right && containmentRect.left < rect.left && containmentRect.top < rect.top && containmentRect.bottom > rect.bottom;
|
|
1802
|
-
}
|
|
1803
|
-
};
|
|
1804
|
-
|
|
1805
|
-
/***/ }),
|
|
1806
|
-
/* 4 */
|
|
1807
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
1808
|
-
__webpack_require__.r(__webpack_exports__);
|
|
1809
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return VisibilitySensor; });
|
|
1810
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1);
|
|
1811
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
1812
|
-
/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2);
|
|
1813
|
-
/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_1__);
|
|
1814
|
-
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(0);
|
|
1815
|
-
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);
|
|
1816
|
-
/* harmony import */ var _lib_is_visible_with_offset__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(3);
|
|
1817
|
-
/* harmony import */ var _lib_is_visible_with_offset__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_lib_is_visible_with_offset__WEBPACK_IMPORTED_MODULE_3__);
|
|
1818
|
-
|
|
1819
|
-
|
|
1820
|
-
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); }
|
|
1821
|
-
|
|
1822
|
-
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
1823
|
-
|
|
1824
|
-
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
1825
|
-
|
|
1826
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
1827
|
-
|
|
1828
|
-
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
|
1829
|
-
|
|
1830
|
-
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
1831
|
-
|
|
1832
|
-
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
1833
|
-
|
|
1834
|
-
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
1835
|
-
|
|
1836
|
-
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
1837
|
-
|
|
1838
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
1839
|
-
|
|
1840
|
-
|
|
1841
|
-
|
|
1842
|
-
|
|
1843
|
-
|
|
1844
|
-
|
|
1845
|
-
function normalizeRect(rect) {
|
|
1846
|
-
if (rect.width === undefined) {
|
|
1847
|
-
rect.width = rect.right - rect.left;
|
|
1848
|
-
}
|
|
1849
|
-
|
|
1850
|
-
if (rect.height === undefined) {
|
|
1851
|
-
rect.height = rect.bottom - rect.top;
|
|
1852
|
-
}
|
|
1853
|
-
|
|
1854
|
-
return rect;
|
|
1855
|
-
}
|
|
1856
|
-
|
|
1857
|
-
var VisibilitySensor =
|
|
1858
|
-
/*#__PURE__*/
|
|
1859
|
-
function (_React$Component) {
|
|
1860
|
-
_inherits(VisibilitySensor, _React$Component);
|
|
1861
|
-
|
|
1862
|
-
function VisibilitySensor(props) {
|
|
1863
|
-
var _this;
|
|
1864
|
-
|
|
1865
|
-
_classCallCheck(this, VisibilitySensor);
|
|
1866
|
-
|
|
1867
|
-
_this = _possibleConstructorReturn(this, _getPrototypeOf(VisibilitySensor).call(this, props));
|
|
1868
|
-
|
|
1869
|
-
_defineProperty(_assertThisInitialized(_this), "getContainer", function () {
|
|
1870
|
-
return _this.props.containment || window;
|
|
1871
|
-
});
|
|
1872
|
-
|
|
1873
|
-
_defineProperty(_assertThisInitialized(_this), "addEventListener", function (target, event, delay, throttle) {
|
|
1874
|
-
if (!_this.debounceCheck) {
|
|
1875
|
-
_this.debounceCheck = {};
|
|
1876
|
-
}
|
|
1877
|
-
|
|
1878
|
-
var timeout;
|
|
1879
|
-
var func;
|
|
1880
|
-
|
|
1881
|
-
var later = function later() {
|
|
1882
|
-
timeout = null;
|
|
1883
|
-
|
|
1884
|
-
_this.check();
|
|
1885
|
-
};
|
|
1886
|
-
|
|
1887
|
-
if (throttle > -1) {
|
|
1888
|
-
func = function func() {
|
|
1889
|
-
if (!timeout) {
|
|
1890
|
-
timeout = setTimeout(later, throttle || 0);
|
|
1891
|
-
}
|
|
1892
|
-
};
|
|
1893
|
-
} else {
|
|
1894
|
-
func = function func() {
|
|
1895
|
-
clearTimeout(timeout);
|
|
1896
|
-
timeout = setTimeout(later, delay || 0);
|
|
1897
|
-
};
|
|
1898
|
-
}
|
|
1899
|
-
|
|
1900
|
-
var info = {
|
|
1901
|
-
target: target,
|
|
1902
|
-
fn: func,
|
|
1903
|
-
getLastTimeout: function getLastTimeout() {
|
|
1904
|
-
return timeout;
|
|
1905
|
-
}
|
|
1906
|
-
};
|
|
1907
|
-
target.addEventListener(event, info.fn);
|
|
1908
|
-
_this.debounceCheck[event] = info;
|
|
1909
|
-
});
|
|
1910
|
-
|
|
1911
|
-
_defineProperty(_assertThisInitialized(_this), "startWatching", function () {
|
|
1912
|
-
if (_this.debounceCheck || _this.interval) {
|
|
1913
|
-
return;
|
|
1914
|
-
}
|
|
1915
|
-
|
|
1916
|
-
if (_this.props.intervalCheck) {
|
|
1917
|
-
_this.interval = setInterval(_this.check, _this.props.intervalDelay);
|
|
1918
|
-
}
|
|
1919
|
-
|
|
1920
|
-
if (_this.props.scrollCheck) {
|
|
1921
|
-
_this.addEventListener(_this.getContainer(), "scroll", _this.props.scrollDelay, _this.props.scrollThrottle);
|
|
1922
|
-
}
|
|
1923
|
-
|
|
1924
|
-
if (_this.props.resizeCheck) {
|
|
1925
|
-
_this.addEventListener(window, "resize", _this.props.resizeDelay, _this.props.resizeThrottle);
|
|
1926
|
-
} // if dont need delayed call, check on load ( before the first interval fires )
|
|
1927
|
-
|
|
1928
|
-
|
|
1929
|
-
!_this.props.delayedCall && _this.check();
|
|
1930
|
-
});
|
|
1931
|
-
|
|
1932
|
-
_defineProperty(_assertThisInitialized(_this), "stopWatching", function () {
|
|
1933
|
-
if (_this.debounceCheck) {
|
|
1934
|
-
// clean up event listeners and their debounce callers
|
|
1935
|
-
for (var debounceEvent in _this.debounceCheck) {
|
|
1936
|
-
if (_this.debounceCheck.hasOwnProperty(debounceEvent)) {
|
|
1937
|
-
var debounceInfo = _this.debounceCheck[debounceEvent];
|
|
1938
|
-
clearTimeout(debounceInfo.getLastTimeout());
|
|
1939
|
-
debounceInfo.target.removeEventListener(debounceEvent, debounceInfo.fn);
|
|
1940
|
-
_this.debounceCheck[debounceEvent] = null;
|
|
1941
|
-
}
|
|
1942
|
-
}
|
|
1943
|
-
}
|
|
1944
|
-
|
|
1945
|
-
_this.debounceCheck = null;
|
|
1946
|
-
|
|
1947
|
-
if (_this.interval) {
|
|
1948
|
-
_this.interval = clearInterval(_this.interval);
|
|
1949
|
-
}
|
|
1950
|
-
});
|
|
1951
|
-
|
|
1952
|
-
_defineProperty(_assertThisInitialized(_this), "check", function () {
|
|
1953
|
-
var el = _this.node;
|
|
1954
|
-
var rect;
|
|
1955
|
-
var containmentRect; // if the component has rendered to null, dont update visibility
|
|
1956
|
-
|
|
1957
|
-
if (!el) {
|
|
1958
|
-
return _this.state;
|
|
1959
|
-
}
|
|
1960
|
-
|
|
1961
|
-
rect = normalizeRect(_this.roundRectDown(el.getBoundingClientRect()));
|
|
1962
|
-
|
|
1963
|
-
if (_this.props.containment) {
|
|
1964
|
-
var containmentDOMRect = _this.props.containment.getBoundingClientRect();
|
|
1965
|
-
|
|
1966
|
-
containmentRect = {
|
|
1967
|
-
top: containmentDOMRect.top,
|
|
1968
|
-
left: containmentDOMRect.left,
|
|
1969
|
-
bottom: containmentDOMRect.bottom,
|
|
1970
|
-
right: containmentDOMRect.right
|
|
1971
|
-
};
|
|
1972
|
-
} else {
|
|
1973
|
-
containmentRect = {
|
|
1974
|
-
top: 0,
|
|
1975
|
-
left: 0,
|
|
1976
|
-
bottom: window.innerHeight || document.documentElement.clientHeight,
|
|
1977
|
-
right: window.innerWidth || document.documentElement.clientWidth
|
|
1978
|
-
};
|
|
1979
|
-
} // Check if visibility is wanted via offset?
|
|
1980
|
-
|
|
1981
|
-
|
|
1982
|
-
var offset = _this.props.offset || {};
|
|
1983
|
-
var hasValidOffset = _typeof(offset) === "object";
|
|
1984
|
-
|
|
1985
|
-
if (hasValidOffset) {
|
|
1986
|
-
containmentRect.top += offset.top || 0;
|
|
1987
|
-
containmentRect.left += offset.left || 0;
|
|
1988
|
-
containmentRect.bottom -= offset.bottom || 0;
|
|
1989
|
-
containmentRect.right -= offset.right || 0;
|
|
1990
|
-
}
|
|
1991
|
-
|
|
1992
|
-
var visibilityRect = {
|
|
1993
|
-
top: rect.top >= containmentRect.top,
|
|
1994
|
-
left: rect.left >= containmentRect.left,
|
|
1995
|
-
bottom: rect.bottom <= containmentRect.bottom,
|
|
1996
|
-
right: rect.right <= containmentRect.right
|
|
1997
|
-
}; // https://github.com/joshwnj/react-visibility-sensor/pull/114
|
|
1998
|
-
|
|
1999
|
-
var hasSize = rect.height > 0 && rect.width > 0;
|
|
2000
|
-
var isVisible = hasSize && visibilityRect.top && visibilityRect.left && visibilityRect.bottom && visibilityRect.right; // check for partial visibility
|
|
2001
|
-
|
|
2002
|
-
if (hasSize && _this.props.partialVisibility) {
|
|
2003
|
-
var partialVisible = rect.top <= containmentRect.bottom && rect.bottom >= containmentRect.top && rect.left <= containmentRect.right && rect.right >= containmentRect.left; // account for partial visibility on a single edge
|
|
2004
|
-
|
|
2005
|
-
if (typeof _this.props.partialVisibility === "string") {
|
|
2006
|
-
partialVisible = visibilityRect[_this.props.partialVisibility];
|
|
2007
|
-
} // if we have minimum top visibility set by props, lets check, if it meets the passed value
|
|
2008
|
-
// so if for instance element is at least 200px in viewport, then show it.
|
|
2009
|
-
|
|
2010
|
-
|
|
2011
|
-
isVisible = _this.props.minTopValue ? partialVisible && rect.top <= containmentRect.bottom - _this.props.minTopValue : partialVisible;
|
|
2012
|
-
} // Deprecated options for calculating offset.
|
|
2013
|
-
|
|
2014
|
-
|
|
2015
|
-
if (typeof offset.direction === "string" && typeof offset.value === "number") {
|
|
2016
|
-
console.warn("[notice] offset.direction and offset.value have been deprecated. They still work for now, but will be removed in next major version. Please upgrade to the new syntax: { %s: %d }", offset.direction, offset.value);
|
|
2017
|
-
isVisible = _lib_is_visible_with_offset__WEBPACK_IMPORTED_MODULE_3___default()(offset, rect, containmentRect);
|
|
2018
|
-
}
|
|
2019
|
-
|
|
2020
|
-
var state = _this.state; // notify the parent when the value changes
|
|
2021
|
-
|
|
2022
|
-
if (_this.state.isVisible !== isVisible) {
|
|
2023
|
-
state = {
|
|
2024
|
-
isVisible: isVisible,
|
|
2025
|
-
visibilityRect: visibilityRect
|
|
2026
|
-
};
|
|
2027
|
-
|
|
2028
|
-
_this.setState(state);
|
|
2029
|
-
|
|
2030
|
-
if (_this.props.onChange) _this.props.onChange(isVisible);
|
|
2031
|
-
}
|
|
2032
|
-
|
|
2033
|
-
return state;
|
|
2034
|
-
});
|
|
2035
|
-
|
|
2036
|
-
_this.state = {
|
|
2037
|
-
isVisible: null,
|
|
2038
|
-
visibilityRect: {}
|
|
2039
|
-
};
|
|
2040
|
-
return _this;
|
|
2041
|
-
}
|
|
2042
|
-
|
|
2043
|
-
_createClass(VisibilitySensor, [{
|
|
2044
|
-
key: "componentDidMount",
|
|
2045
|
-
value: function componentDidMount() {
|
|
2046
|
-
this.node = react_dom__WEBPACK_IMPORTED_MODULE_1___default.a.findDOMNode(this);
|
|
2047
|
-
|
|
2048
|
-
if (this.props.active) {
|
|
2049
|
-
this.startWatching();
|
|
2050
|
-
}
|
|
2051
|
-
}
|
|
2052
|
-
}, {
|
|
2053
|
-
key: "componentWillUnmount",
|
|
2054
|
-
value: function componentWillUnmount() {
|
|
2055
|
-
this.stopWatching();
|
|
2056
|
-
}
|
|
2057
|
-
}, {
|
|
2058
|
-
key: "componentDidUpdate",
|
|
2059
|
-
value: function componentDidUpdate(prevProps) {
|
|
2060
|
-
// re-register node in componentDidUpdate if children diffs [#103]
|
|
2061
|
-
this.node = react_dom__WEBPACK_IMPORTED_MODULE_1___default.a.findDOMNode(this);
|
|
2062
|
-
|
|
2063
|
-
if (this.props.active && !prevProps.active) {
|
|
2064
|
-
this.setState({
|
|
2065
|
-
isVisible: null,
|
|
2066
|
-
visibilityRect: {}
|
|
2067
|
-
});
|
|
2068
|
-
this.startWatching();
|
|
2069
|
-
} else if (!this.props.active) {
|
|
2070
|
-
this.stopWatching();
|
|
2071
|
-
}
|
|
2072
|
-
}
|
|
2073
|
-
}, {
|
|
2074
|
-
key: "roundRectDown",
|
|
2075
|
-
value: function roundRectDown(rect) {
|
|
2076
|
-
return {
|
|
2077
|
-
top: Math.floor(rect.top),
|
|
2078
|
-
left: Math.floor(rect.left),
|
|
2079
|
-
bottom: Math.floor(rect.bottom),
|
|
2080
|
-
right: Math.floor(rect.right)
|
|
2081
|
-
};
|
|
2082
|
-
}
|
|
2083
|
-
/**
|
|
2084
|
-
* Check if the element is within the visible viewport
|
|
2085
|
-
*/
|
|
2086
|
-
|
|
2087
|
-
}, {
|
|
2088
|
-
key: "render",
|
|
2089
|
-
value: function render() {
|
|
2090
|
-
if (this.props.children instanceof Function) {
|
|
2091
|
-
return this.props.children({
|
|
2092
|
-
isVisible: this.state.isVisible,
|
|
2093
|
-
visibilityRect: this.state.visibilityRect
|
|
2094
|
-
});
|
|
2095
|
-
}
|
|
2096
|
-
|
|
2097
|
-
return react__WEBPACK_IMPORTED_MODULE_0___default.a.Children.only(this.props.children);
|
|
2098
|
-
}
|
|
2099
|
-
}]);
|
|
2100
|
-
|
|
2101
|
-
return VisibilitySensor;
|
|
2102
|
-
}(react__WEBPACK_IMPORTED_MODULE_0___default.a.Component);
|
|
2103
|
-
|
|
2104
|
-
_defineProperty(VisibilitySensor, "defaultProps", {
|
|
2105
|
-
active: true,
|
|
2106
|
-
partialVisibility: false,
|
|
2107
|
-
minTopValue: 0,
|
|
2108
|
-
scrollCheck: false,
|
|
2109
|
-
scrollDelay: 250,
|
|
2110
|
-
scrollThrottle: -1,
|
|
2111
|
-
resizeCheck: false,
|
|
2112
|
-
resizeDelay: 250,
|
|
2113
|
-
resizeThrottle: -1,
|
|
2114
|
-
intervalCheck: true,
|
|
2115
|
-
intervalDelay: 100,
|
|
2116
|
-
delayedCall: false,
|
|
2117
|
-
offset: {},
|
|
2118
|
-
containment: null,
|
|
2119
|
-
children: react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", null)
|
|
2120
|
-
});
|
|
2121
|
-
|
|
2122
|
-
_defineProperty(VisibilitySensor, "propTypes", {
|
|
2123
|
-
onChange: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func,
|
|
2124
|
-
active: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,
|
|
2125
|
-
partialVisibility: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool, prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.oneOf(["top", "right", "bottom", "left"])]),
|
|
2126
|
-
delayedCall: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,
|
|
2127
|
-
offset: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.shape({
|
|
2128
|
-
top: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.number,
|
|
2129
|
-
left: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.number,
|
|
2130
|
-
bottom: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.number,
|
|
2131
|
-
right: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.number
|
|
2132
|
-
}), // deprecated offset property
|
|
2133
|
-
prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.shape({
|
|
2134
|
-
direction: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.oneOf(["top", "right", "bottom", "left"]),
|
|
2135
|
-
value: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.number
|
|
2136
|
-
})]),
|
|
2137
|
-
scrollCheck: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,
|
|
2138
|
-
scrollDelay: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.number,
|
|
2139
|
-
scrollThrottle: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.number,
|
|
2140
|
-
resizeCheck: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,
|
|
2141
|
-
resizeDelay: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.number,
|
|
2142
|
-
resizeThrottle: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.number,
|
|
2143
|
-
intervalCheck: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,
|
|
2144
|
-
intervalDelay: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.number,
|
|
2145
|
-
containment: typeof window !== "undefined" ? prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.instanceOf(window.Element) : prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.any,
|
|
2146
|
-
children: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.element, prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func]),
|
|
2147
|
-
minTopValue: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.number
|
|
2148
|
-
});
|
|
2149
|
-
|
|
2150
|
-
|
|
2151
|
-
|
|
2152
|
-
/***/ }),
|
|
2153
|
-
/* 5 */
|
|
2154
|
-
/***/ (function(module, exports, __webpack_require__) {
|
|
2155
|
-
/**
|
|
2156
|
-
* Copyright (c) 2013-present, Facebook, Inc.
|
|
2157
|
-
*
|
|
2158
|
-
* This source code is licensed under the MIT license found in the
|
|
2159
|
-
* LICENSE file in the root directory of this source tree.
|
|
2160
|
-
*/
|
|
2161
|
-
|
|
2162
|
-
|
|
2163
|
-
|
|
2164
|
-
var ReactPropTypesSecret = __webpack_require__(6);
|
|
2165
|
-
|
|
2166
|
-
function emptyFunction() {}
|
|
2167
|
-
function emptyFunctionWithReset() {}
|
|
2168
|
-
emptyFunctionWithReset.resetWarningCache = emptyFunction;
|
|
2169
|
-
|
|
2170
|
-
module.exports = function() {
|
|
2171
|
-
function shim(props, propName, componentName, location, propFullName, secret) {
|
|
2172
|
-
if (secret === ReactPropTypesSecret) {
|
|
2173
|
-
// It is still safe when called from React.
|
|
2174
|
-
return;
|
|
2175
|
-
}
|
|
2176
|
-
var err = new Error(
|
|
2177
|
-
'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +
|
|
2178
|
-
'Use PropTypes.checkPropTypes() to call them. ' +
|
|
2179
|
-
'Read more at http://fb.me/use-check-prop-types'
|
|
2180
|
-
);
|
|
2181
|
-
err.name = 'Invariant Violation';
|
|
2182
|
-
throw err;
|
|
2183
|
-
} shim.isRequired = shim;
|
|
2184
|
-
function getShim() {
|
|
2185
|
-
return shim;
|
|
2186
|
-
} // Important!
|
|
2187
|
-
// Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.
|
|
2188
|
-
var ReactPropTypes = {
|
|
2189
|
-
array: shim,
|
|
2190
|
-
bool: shim,
|
|
2191
|
-
func: shim,
|
|
2192
|
-
number: shim,
|
|
2193
|
-
object: shim,
|
|
2194
|
-
string: shim,
|
|
2195
|
-
symbol: shim,
|
|
2196
|
-
|
|
2197
|
-
any: shim,
|
|
2198
|
-
arrayOf: getShim,
|
|
2199
|
-
element: shim,
|
|
2200
|
-
elementType: shim,
|
|
2201
|
-
instanceOf: getShim,
|
|
2202
|
-
node: shim,
|
|
2203
|
-
objectOf: getShim,
|
|
2204
|
-
oneOf: getShim,
|
|
2205
|
-
oneOfType: getShim,
|
|
2206
|
-
shape: getShim,
|
|
2207
|
-
exact: getShim,
|
|
2208
|
-
|
|
2209
|
-
checkPropTypes: emptyFunctionWithReset,
|
|
2210
|
-
resetWarningCache: emptyFunction
|
|
2211
|
-
};
|
|
2212
|
-
|
|
2213
|
-
ReactPropTypes.PropTypes = ReactPropTypes;
|
|
2214
|
-
|
|
2215
|
-
return ReactPropTypes;
|
|
2216
|
-
};
|
|
2217
|
-
|
|
2218
|
-
|
|
2219
|
-
/***/ }),
|
|
2220
|
-
/* 6 */
|
|
2221
|
-
/***/ (function(module, exports, __webpack_require__) {
|
|
2222
|
-
/**
|
|
2223
|
-
* Copyright (c) 2013-present, Facebook, Inc.
|
|
2224
|
-
*
|
|
2225
|
-
* This source code is licensed under the MIT license found in the
|
|
2226
|
-
* LICENSE file in the root directory of this source tree.
|
|
2227
|
-
*/
|
|
2228
|
-
|
|
2229
|
-
|
|
2230
|
-
|
|
2231
|
-
var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
|
|
2232
|
-
|
|
2233
|
-
module.exports = ReactPropTypesSecret;
|
|
2234
|
-
|
|
2235
|
-
|
|
2236
|
-
/***/ })
|
|
2237
|
-
/******/ ]);
|
|
2238
|
-
});
|
|
2239
|
-
});
|
|
2240
|
-
|
|
2241
|
-
var VisibilitySensor = unwrapExports(visibilitySensor);
|
|
2242
|
-
|
|
2243
|
-
export { VisibilitySensor as V, lib_1 as a, lib_2 as b, lib_3 as l };
|
|
1657
|
+
export { lib_3 as a, lib_2 as b, lib_1 as l };
|