react-spy-scroll
Version:
Scrollspy components for react
249 lines (197 loc) • 9.52 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.__RewireAPI__ = exports.__ResetDependency__ = exports.__set__ = exports.__Rewire__ = exports.__GetDependency__ = exports.__get__ = exports.Scroller = undefined;
var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
var _createClass = function () { 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); /**
* Responsible for calculating the new scroll positions
*/
var _reactDom = require('react-dom');
var _reactDom2 = _interopRequireDefault(_reactDom);
var _animateScroll = require('./animate-scroll');
var _animateScroll2 = _interopRequireDefault(_animateScroll);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
var Scroller = exports.Scroller = function () {
function Scroller() {
_classCallCheck(this, Scroller);
this._elementPanelRegister = {};
}
_createClass(Scroller, [{
key: 'registerElementPanel',
value: function registerElementPanel(id, component) {
this._elementPanelRegister[id] = component;
}
}, {
key: 'unregisterElementPanel',
value: function unregisterElementPanel(id) {
delete this._elementPanelRegister[id];
}
}, {
key: 'getElementPanel',
value: function getElementPanel(id) {
return this._elementPanelRegister[id];
}
}, {
key: 'prepareToScroll',
value: function prepareToScroll(id) {
var element = this._elementPanelRegister[id];
if (!element) {
throw new Error('Could not find any component with id: ' + id);
}
var config = element.getConfig();
// eslint-disable-next-line react/no-find-dom-node
var component = _get__('ReactDOM').findDOMNode(element);
if (config.events && config.events.start) {
config.events.start(id, component);
}
var container = config.container || document.body;
var componentCoords = component.getBoundingClientRect();
var containerCoords = container.getBoundingClientRect();
var scrollOffset = 0;
if (container === document.body) {
scrollOffset = componentCoords.top - containerCoords.top;
} else {
scrollOffset = componentCoords.top - containerCoords.top + container.scrollTop;
}
if (!config.animate) {
container.scrollLeft = 0;
container.scrollTop = scrollOffset - config.offset;
if (config.events && config.events.end) {
config.events.end(id, component);
}
} else {
var animation = new (_get__('AnimateScroll'))(config);
animation.start(id, component, scrollOffset - config.offset);
}
}
}]);
return Scroller;
}();
var _DefaultExportValue = new (_get__('Scroller'))();
exports.default = _DefaultExportValue;
var _RewiredData__ = Object.create(null);
var INTENTIONAL_UNDEFINED = '__INTENTIONAL_UNDEFINED__';
var _RewireAPI__ = {};
(function () {
function addPropertyToAPIObject(name, value) {
Object.defineProperty(_RewireAPI__, name, {
value: value,
enumerable: false,
configurable: true
});
}
addPropertyToAPIObject('__get__', _get__);
addPropertyToAPIObject('__GetDependency__', _get__);
addPropertyToAPIObject('__Rewire__', _set__);
addPropertyToAPIObject('__set__', _set__);
addPropertyToAPIObject('__reset__', _reset__);
addPropertyToAPIObject('__ResetDependency__', _reset__);
addPropertyToAPIObject('__with__', _with__);
})();
function _get__(variableName) {
if (_RewiredData__ === undefined || _RewiredData__[variableName] === undefined) {
return _get_original__(variableName);
} else {
var value = _RewiredData__[variableName];
if (value === INTENTIONAL_UNDEFINED) {
return undefined;
} else {
return value;
}
}
}
function _get_original__(variableName) {
switch (variableName) {
case 'ReactDOM':
return _reactDom2.default;
case 'AnimateScroll':
return _animateScroll2.default;
case 'Scroller':
return Scroller;
}
return undefined;
}
function _assign__(variableName, value) {
if (_RewiredData__ === undefined || _RewiredData__[variableName] === undefined) {
return _set_original__(variableName, value);
} else {
return _RewiredData__[variableName] = value;
}
}
function _set_original__(variableName, _value) {
switch (variableName) {}
return undefined;
}
function _update_operation__(operation, variableName, prefix) {
var oldValue = _get__(variableName);
var newValue = operation === '++' ? oldValue + 1 : oldValue - 1;
_assign__(variableName, newValue);
return prefix ? newValue : oldValue;
}
function _set__(variableName, value) {
if ((typeof variableName === 'undefined' ? 'undefined' : _typeof(variableName)) === 'object') {
Object.keys(variableName).forEach(function (name) {
_RewiredData__[name] = variableName[name];
});
} else {
if (value === undefined) {
_RewiredData__[variableName] = INTENTIONAL_UNDEFINED;
} else {
_RewiredData__[variableName] = value;
}
return function () {
_reset__(variableName);
};
}
}
function _reset__(variableName) {
delete _RewiredData__[variableName];
}
function _with__(object) {
var rewiredVariableNames = Object.keys(object);
var previousValues = {};
function reset() {
rewiredVariableNames.forEach(function (variableName) {
_RewiredData__[variableName] = previousValues[variableName];
});
}
return function (callback) {
rewiredVariableNames.forEach(function (variableName) {
previousValues[variableName] = _RewiredData__[variableName];
_RewiredData__[variableName] = object[variableName];
});
var result = callback();
if (!!result && typeof result.then == 'function') {
result.then(reset).catch(reset);
} else {
reset();
}
return result;
};
}
var _typeOfOriginalExport = typeof _DefaultExportValue === 'undefined' ? 'undefined' : _typeof(_DefaultExportValue);
function addNonEnumerableProperty(name, value) {
Object.defineProperty(_DefaultExportValue, name, {
value: value,
enumerable: false,
configurable: true
});
}
if ((_typeOfOriginalExport === 'object' || _typeOfOriginalExport === 'function') && Object.isExtensible(_DefaultExportValue)) {
addNonEnumerableProperty('__get__', _get__);
addNonEnumerableProperty('__GetDependency__', _get__);
addNonEnumerableProperty('__Rewire__', _set__);
addNonEnumerableProperty('__set__', _set__);
addNonEnumerableProperty('__reset__', _reset__);
addNonEnumerableProperty('__ResetDependency__', _reset__);
addNonEnumerableProperty('__with__', _with__);
addNonEnumerableProperty('__RewireAPI__', _RewireAPI__);
}
exports.__get__ = _get__;
exports.__GetDependency__ = _get__;
exports.__Rewire__ = _set__;
exports.__set__ = _set__;
exports.__ResetDependency__ = _reset__;
exports.__RewireAPI__ = _RewireAPI__;