@kiwicom/orbit-components/lib/Hide/helpers/getViewportHideStyles.js

Orbit-components is a React component library which provides developers with the easiest possible way of building Kiwi.com’s products.

"use strict";

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

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

var _styledComponents = require("styled-components");

var _mediaQuery = _interopRequireDefault(require("../../utils/mediaQuery"));

var _consts = require("../../utils/mediaQuery/consts");

var getViewportHideStyles = function getViewportHideStyles(on) {
  var resolveDisplayProp = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function () {
    return "block";
  };
  return _consts.DEVICES.map(function (viewport) {
    return viewport in _mediaQuery.default ? (0, _styledComponents.css)(["", ";"], _mediaQuery.default[viewport]((0, _styledComponents.css)(["display:", ";"], on.indexOf(viewport) !== -1 ? "none" : resolveDisplayProp()))) : // "smallMobile" is not media query so we need to check it explicitly
    viewport === "smallMobile" && on.indexOf(viewport) !== -1 && (0, _styledComponents.css)(["display:none;"]);
  });
};

var _default = getViewportHideStyles;
exports.default = _default;