@ntragas/pouncejstest/dist/cjs/components/DateInput/DateWrapper.js

A collection of UI components from Panther labs

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports.default = void 0;

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

var _Card = _interopRequireDefault(require("../Card"));

var _reactSpring = require("react-spring");

var _useDropdownAlignment = _interopRequireDefault(require("../Dropdown/useDropdownAlignment"));

var _popover = _interopRequireDefault(require("@reach/popover"));

var AnimatedPopover = (0, _reactSpring.animated)(_popover.default);

var DateWrapper = /*#__PURE__*/_react.default.forwardRef(function DateWrapper(_ref, ref) {
  var children = _ref.children,
      isExpanded = _ref.isExpanded,
      targetRef = _ref.targetRef,
      _ref$alignment = _ref.alignment,
      alignment = _ref$alignment === void 0 ? 'left' : _ref$alignment;
  var position = (0, _useDropdownAlignment.default)({
    alignment
  });
  var transitions = (0, _reactSpring.useTransition)(isExpanded, null, {
    from: {
      transform: 'translate3d(0, -10px, 0)',
      opacity: 0,
      pointerEvents: 'none'
    },
    enter: {
      transform: 'translate3d(0, 0, 0)',
      opacity: 1,
      pointerEvents: 'auto'
    },
    leave: {
      transform: 'translate3d(0, -10px, 0)',
      opacity: 0,
      pointerEvents: 'none'
    },
    config: {
      duration: 250
    }
  });
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, transitions.map(function (_ref2) {
    var item = _ref2.item,
        key = _ref2.key,
        styles = _ref2.props;
    return item && /*#__PURE__*/_react.default.createElement(AnimatedPopover, {
      targetRef: targetRef,
      position: position,
      key: key,
      style: styles,
      as: 'div'
    }, /*#__PURE__*/_react.default.createElement(_Card.default, {
      ref: ref,
      boxShadow: "dark300",
      my: 4,
      zIndex: 10
    }, children));
  }));
});

var _default = DateWrapper;
exports.default = _default;