native-base/lib/commonjs/components/composites/Transitions/Stagger.js

Essential cross-platform UI components for React Native

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _lodash = _interopRequireDefault(require("lodash.clonedeep"));

var _react = _interopRequireDefault(require("react"));

var _PresenceTransition = _interopRequireDefault(require("./PresenceTransition"));

var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");

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

function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

const defaultStaggerConfig = {
  offset: 0,
  reverse: false
};

const Stagger = ({
  children,
  ...restProps
}) => {
  //TODO: refactor for responsive prop
  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(restProps)) {
    return null;
  }

  return _react.default.Children.map(children, (child, index) => {
    const clonedAnimationConfig = (0, _lodash.default)(restProps);
    const {
      animate,
      exit
    } = clonedAnimationConfig;

    if (animate) {
      var _animate$transition$d, _animate$transition$s;

      if (!animate.transition) {
        animate.transition = {};
      }

      animate.transition.delay = (_animate$transition$d = animate.transition.delay) !== null && _animate$transition$d !== void 0 ? _animate$transition$d : 0;
      const stagger = (_animate$transition$s = animate.transition.stagger) !== null && _animate$transition$s !== void 0 ? _animate$transition$s : defaultStaggerConfig;
      const offset = stagger.reverse ? (_react.default.Children.count(children) - 1 - index) * stagger.offset : index * stagger.offset;
      animate.transition.delay = animate.transition.delay + offset;
    }

    if (exit) {
      var _exit$transition$dela, _exit$transition$stag;

      if (!exit.transition) {
        exit.transition = {};
      }

      exit.transition.delay = (_exit$transition$dela = exit.transition.delay) !== null && _exit$transition$dela !== void 0 ? _exit$transition$dela : 0;
      const stagger = (_exit$transition$stag = exit.transition.stagger) !== null && _exit$transition$stag !== void 0 ? _exit$transition$stag : defaultStaggerConfig;
      const offset = stagger.reverse ? (_react.default.Children.count(children) - 1 - index) * stagger.offset : index * stagger.offset;
      exit.transition.delay = exit.transition.delay + offset;
    }

    return /*#__PURE__*/_react.default.createElement(_PresenceTransition.default, _extends({
      key: child.key
    }, clonedAnimationConfig), child);
  });
};

var _default = Stagger;
exports.default = _default;
//# sourceMappingURL=Stagger.js.map