react-native-navigation-bottom-sheet/lib/commonjs/utility.js

A performant customizable bottom sheet component made on top of wix react-native-navigation library.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.overrideConfig = overrideConfig;
exports.runDecay = runDecay;
exports.runSpring = runSpring;
exports.normalizeSnapPoints = void 0;

var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

/** -------------------------------------------- */

/**          Utility functions                   */

/** -------------------------------------------- */
const magic = {
  damping: 50,
  mass: 0.3,
  stiffness: 121.6,
  overshootClamping: true,
  restSpeedThreshold: 0.3,
  restDisplacementThreshold: 0.3,
  deceleration: 0.996,
  bouncyFactor: 1,
  velocityFactor: 0.9,
  toss: 0.4,
  coefForTranslatingVelocities: 5
};
let {
  damping,
  mass,
  stiffness,
  overshootClamping,
  restSpeedThreshold,
  restDisplacementThreshold,
  deceleration,
  velocityFactor
} = magic;
const {
  set,
  cond,
  multiply,
  decay,
  lessThan,
  timing,
  block,
  min,
  max,
  eq,
  Value,
  spring,
  abs,
  sub,
  clockRunning,
  startClock,
  stopClock,
  greaterOrEq
} = _reactNativeReanimated.default;

function overrideConfig(config) {
  damping = config.damping ? config.damping : damping;
  mass = config.mass ? config.mass : mass;
  stiffness = config.stiffness ? config.stiffness : stiffness;
  deceleration = config.deceleration ? config.deceleration : deceleration;
  mass = config.mass ? config.mass : mass;
  velocityFactor = config.velocityFactor ? config.velocityFactor : velocityFactor;
  restSpeedThreshold = config.restSpeedThreshold ? config.restSpeedThreshold : restSpeedThreshold;
  restDisplacementThreshold = config.restDisplacementThreshold ? config.restDisplacementThreshold : restDisplacementThreshold;
}
/**
 * Converts snap points with percentage to fixed numbers.
 */


const normalizeSnapPoints = (snapPoints, containerHeight) => snapPoints.map(snapPoint => {
  return typeof snapPoint === 'number' ? snapPoint : Number(snapPoint.split('%')[0]) * containerHeight / 100;
});

exports.normalizeSnapPoints = normalizeSnapPoints;

function runDecay(clock, value, velocity, contentHeight) {
  const state = {
    finished: new Value(0),
    velocity: new Value(0),
    position: new Value(0),
    time: new Value(0)
  };
  const config = {
    deceleration
  };
  const resultScroll = max(min(state.position, 0), multiply(contentHeight, -1));
  return block([cond(clockRunning(clock), 0, [set(state.finished, 0), set(state.velocity, multiply(velocity, velocityFactor)), set(state.position, value), set(state.time, 0), startClock(clock)]), // cond(lessThan(abs(sub(resultScroll, multiply(contentHeight, -1))), 0.1), [set(state.finished, 1), stopClock(clock)]),
  // cond(lessThan(abs(resultScroll), 0.1), [set(state.finished, 1), stopClock(clock)]),
  cond(clockRunning(clock), [cond(state.finished, 0, set(value, resultScroll)), decay(clock, state, config)]),
  /* cond(greaterOrEq(state.position, 0), [set(state.finished, 1), stopClock(clock)]),
  cond(lessThan(state.position, multiply(contentHeight, -1)), [set(state.finished, 1), stopClock(clock)]), */
  cond(state.finished, [stopClock(clock)]), resultScroll]);
}

function runSpring(clock, start, end, velocity, updateWhenFinished, wasRun, valueToUpdate) {
  const state = {
    finished: new Value(0),
    velocity: new Value(0),
    position: new Value(0),
    time: new Value(0)
  };
  const config = {
    damping,
    mass,
    stiffness,
    overshootClamping,
    restSpeedThreshold,
    restDisplacementThreshold,
    toValue: new Value(0)
  };
  return block([cond(clockRunning(clock), [// if the clock is already running we update the toValue, in case a new dest has been passed in
  set(config.toValue, end)], [// if the clock isn't running we reset all the animation params and start the clock
  // set(forcedFlag, 0),
  set(state.finished, 0), set(state.position, start), set(state.velocity, velocity), set(state.time, 0), set(config.toValue, end), startClock(clock)]), spring(clock, state, config), cond(state.finished, [stopClock(clock), set(wasRun, 0), updateWhenFinished]), set(valueToUpdate, state.position), state.position]);
}
//# sourceMappingURL=utility.js.map