@zapperwing/pinterest-view/lib/animations/transitions/index.js

A Pinterest-style grid layout component for React.js with responsive design, dynamic content support, and bulletproof virtualization

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.fadeUp = exports.fadeRight = exports.fadeLeft = exports.fadeDown = void 0;
var fadeUp = exports.fadeUp = {
  appear: function appear(rect) {
    return {
      opacity: 0,
      transform: "translateY(".concat(rect.height, "px)")
    };
  },
  appeared: function appeared() {
    return {
      opacity: 1,
      transform: 'translateY(0)'
    };
  },
  enter: function enter(rect) {
    return {
      opacity: 0,
      transform: "translateY(".concat(rect.height, "px)")
    };
  },
  entered: function entered() {
    return {
      opacity: 1,
      transform: 'translateY(0)'
    };
  },
  leaved: function leaved(rect) {
    return {
      opacity: 0,
      transform: "translateY(".concat(rect.height, "px)")
    };
  }
};
var fadeDown = exports.fadeDown = {
  appear: function appear(rect) {
    return {
      opacity: 0,
      transform: "translateY(-".concat(rect.height, "px)")
    };
  },
  appeared: function appeared() {
    return {
      opacity: 1,
      transform: 'translateY(0)'
    };
  },
  enter: function enter(rect) {
    return {
      opacity: 0,
      transform: "translateY(-".concat(rect.height, "px)")
    };
  },
  entered: function entered() {
    return {
      opacity: 1,
      transform: 'translateY(0)'
    };
  },
  leaved: function leaved(rect) {
    return {
      opacity: 0,
      transform: "translateY(-".concat(rect.height, "px)")
    };
  }
};
var fadeLeft = exports.fadeLeft = {
  appear: function appear(rect) {
    return {
      opacity: 0,
      transform: "translateX(".concat(rect.width, "px)")
    };
  },
  appeared: function appeared() {
    return {
      opacity: 1,
      transform: 'translateX(0)'
    };
  },
  enter: function enter(rect) {
    return {
      opacity: 0,
      transform: "translateX(".concat(rect.width, "px)")
    };
  },
  entered: function entered() {
    return {
      opacity: 1,
      transform: 'translateX(0)'
    };
  },
  leaved: function leaved(rect) {
    return {
      opacity: 0,
      transform: "translateX(".concat(rect.width, "px)")
    };
  }
};
var fadeRight = exports.fadeRight = {
  appear: function appear(rect) {
    return {
      opacity: 0,
      transform: "translateX(-".concat(rect.width, "px)")
    };
  },
  appeared: function appeared() {
    return {
      opacity: 1,
      transform: 'translateX(0)'
    };
  },
  enter: function enter(rect) {
    return {
      opacity: 0,
      transform: "translateX(-".concat(rect.width, "px)")
    };
  },
  entered: function entered() {
    return {
      opacity: 1,
      transform: 'translateX(0)'
    };
  },
  leaved: function leaved(rect) {
    return {
      opacity: 0,
      transform: "translateX(-".concat(rect.width, "px)")
    };
  }
};