@atlaskit/motion/dist/cjs/entering/slide-in.js

A set of utilities to apply motion in your application.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _keyframesMotion = _interopRequireDefault(require("./keyframes-motion"));
/**
 * __SlideIn__
 *
 * Will slide an element into position, generally used for things that appear from outside of the viewport into view.
 *
 * See [examples](https://atlaskit.atlassian.com/packages/design-system/motion/docs/entering-motion).
 */
var SlideIn = function SlideIn(_ref) {
  var children = _ref.children,
    enterFrom = _ref.enterFrom,
    exitTo = _ref.exitTo,
    _ref$duration = _ref.duration,
    duration = _ref$duration === void 0 ? 'medium' : _ref$duration,
    isPaused = _ref.isPaused,
    onFinish = _ref.onFinish,
    _ref$animationTimingF = _ref.animationTimingFunction,
    animationTimingFunction = _ref$animationTimingF === void 0 ? 'ease-out' : _ref$animationTimingF,
    _ref$animationTimingF2 = _ref.animationTimingFunctionExiting,
    animationTimingFunctionExiting = _ref$animationTimingF2 === void 0 ? 'ease-in' : _ref$animationTimingF2;
  return /*#__PURE__*/_react.default.createElement(_keyframesMotion.default, {
    duration: duration,
    enteringAnimation: "slide-in-from-".concat(enterFrom),
    exitingAnimation: "slide-out-from-".concat(exitTo || enterFrom),
    animationTimingFunction: animationTimingFunction,
    animationTimingFunctionExiting: animationTimingFunctionExiting,
    isPaused: isPaused,
    onFinish: onFinish
  }, children);
};
var _default = exports.default = SlideIn;