0.2.0 - Mid migration

This commit is contained in:
Daniel Mason 2022-04-25 14:47:15 +12:00
parent 139e6a915e
commit 7e38fdbd7d
42393 changed files with 5358157 additions and 62 deletions

View file

@ -0,0 +1 @@
export { default } from './useScrollTrigger';

View file

@ -0,0 +1,15 @@
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "default", {
enumerable: true,
get: function get() {
return _useScrollTrigger.default;
}
});
var _useScrollTrigger = _interopRequireDefault(require("./useScrollTrigger"));

View file

@ -0,0 +1,5 @@
{
"sideEffects": false,
"module": "../esm/useScrollTrigger/index.js",
"typings": "./index.d.ts"
}

View file

@ -0,0 +1,7 @@
export interface UseScrollTriggerOptions {
disableHysteresis?: boolean;
target?: Node | Window;
threshold?: number;
}
export default function useScrollTrigger(options?: UseScrollTriggerOptions): boolean;

View file

@ -0,0 +1,73 @@
"use strict";
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = useScrollTrigger;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var React = _interopRequireWildcard(require("react"));
function defaultTrigger(store, options) {
var _options$disableHyste = options.disableHysteresis,
disableHysteresis = _options$disableHyste === void 0 ? false : _options$disableHyste,
_options$threshold = options.threshold,
threshold = _options$threshold === void 0 ? 100 : _options$threshold,
target = options.target;
var previous = store.current;
if (target) {
// Get vertical scroll
store.current = target.pageYOffset !== undefined ? target.pageYOffset : target.scrollTop;
}
if (!disableHysteresis && previous !== undefined) {
if (store.current < previous) {
return false;
}
}
return store.current > threshold;
}
var defaultTarget = typeof window !== 'undefined' ? window : null;
function useScrollTrigger() {
var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
var _options$getTrigger = options.getTrigger,
getTrigger = _options$getTrigger === void 0 ? defaultTrigger : _options$getTrigger,
_options$target = options.target,
target = _options$target === void 0 ? defaultTarget : _options$target,
other = (0, _objectWithoutProperties2.default)(options, ["getTrigger", "target"]);
var store = React.useRef();
var _React$useState = React.useState(function () {
return getTrigger(store, other);
}),
trigger = _React$useState[0],
setTrigger = _React$useState[1];
React.useEffect(function () {
var handleScroll = function handleScroll() {
setTrigger(getTrigger(store, (0, _extends2.default)({
target: target
}, other)));
};
handleScroll(); // Re-evaluate trigger when dependencies change
target.addEventListener('scroll', handleScroll);
return function () {
target.removeEventListener('scroll', handleScroll);
}; // See Option 3. https://github.com/facebook/react/issues/14476#issuecomment-471199055
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [target, getTrigger, JSON.stringify(other)]);
return trigger;
}