@roo-ui/components/dist/esm/Hide/Hide.js

import _styled from "@emotion/styled-base";

function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }

function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }

function _iterableToArrayLimit(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }

function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }

import { css } from '@emotion/core';
import PropTypes from 'prop-types';
import { themeGet } from 'styled-system';
import { getValueAndUnit } from 'polished';
import memoize from 'lodash/memoize'; // assuming root font-size is 16px

var ONE_PX_IN_REM = 0.0625;
var minusOnePx = memoize(function (value) {
  var _getValueAndUnit = getValueAndUnit(value),
      _getValueAndUnit2 = _slicedToArray(_getValueAndUnit, 2),
      dimension = _getValueAndUnit2[0],
      unit = _getValueAndUnit2[1];

  switch (unit) {
    case 'em':
    case 'rem':
      return "".concat(dimension - ONE_PX_IN_REM).concat(unit);

    case 'px':
      return "".concat(dimension - 1, "px");

    default:
      return value;
  }
});

var breakpoints = function breakpoints(props) {
  return {
    xs: "@media screen and (max-width: ".concat(minusOnePx(themeGet('breakpoints.0')(props)), ")"),
    sm: "@media screen and (min-width: ".concat(themeGet('breakpoints.0')(props), ")\n                     and (max-width: ").concat(minusOnePx(themeGet('breakpoints.1')(props)), ")"),
    md: "@media screen and (min-width: ".concat(themeGet('breakpoints.1')(props), ")\n                     and (max-width: ").concat(minusOnePx(themeGet('breakpoints.2')(props)), ")"),
    lg: "@media screen and (min-width: ".concat(themeGet('breakpoints.2')(props), ")")
  };
};

export var hidden = function hidden(key) {
  return function (props) {
    return props[key] &&
    /*#__PURE__*/
    css(breakpoints(props)[key], "{display:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9IaWRlL0hpZGUuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0N1RCIsImZpbGUiOiIuLi8uLi8uLi9zcmMvSGlkZS9IaWRlLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgdGhlbWVHZXQgfSBmcm9tICdzdHlsZWQtc3lzdGVtJztcbmltcG9ydCB7IGdldFZhbHVlQW5kVW5pdCB9IGZyb20gJ3BvbGlzaGVkJztcbmltcG9ydCBtZW1vaXplIGZyb20gJ2xvZGFzaC9tZW1vaXplJztcblxuLy8gYXNzdW1pbmcgcm9vdCBmb250LXNpemUgaXMgMTZweFxuY29uc3QgT05FX1BYX0lOX1JFTSA9IDAuMDYyNTtcblxuY29uc3QgbWludXNPbmVQeCA9IG1lbW9pemUoKHZhbHVlKSA9PiB7XG4gIGNvbnN0IFtkaW1lbnNpb24sIHVuaXRdID0gZ2V0VmFsdWVBbmRVbml0KHZhbHVlKTtcbiAgc3dpdGNoICh1bml0KSB7XG4gICAgY2FzZSAnZW0nOlxuICAgIGNhc2UgJ3JlbSc6XG4gICAgICByZXR1cm4gYCR7ZGltZW5zaW9uIC0gT05FX1BYX0lOX1JFTX0ke3VuaXR9YDtcbiAgICBjYXNlICdweCc6XG4gICAgICByZXR1cm4gYCR7ZGltZW5zaW9uIC0gMX1weGA7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiB2YWx1ZTtcbiAgfVxufSk7XG5cbmNvbnN0IGJyZWFrcG9pbnRzID0gcHJvcHMgPT4gKHtcbiAgeHM6IGBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke21pbnVzT25lUHgodGhlbWVHZXQoJ2JyZWFrcG9pbnRzLjAnKShwcm9wcykpfSlgLFxuICBzbTogYEBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6ICR7dGhlbWVHZXQoJ2JyZWFrcG9pbnRzLjAnKShwcm9wcyl9KVxuICAgICAgICAgICAgICAgICAgICAgYW5kIChtYXgtd2lkdGg6ICR7bWludXNPbmVQeCh0aGVtZUdldCgnYnJlYWtwb2ludHMuMScpKHByb3BzKSl9KWAsXG4gIG1kOiBgQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogJHt0aGVtZUdldCgnYnJlYWtwb2ludHMuMScpKHByb3BzKX0pXG4gICAgICAgICAgICAgICAgICAgICBhbmQgKG1heC13aWR0aDogJHttaW51c09uZVB4KHRoZW1lR2V0KCdicmVha3BvaW50cy4yJykocHJvcHMpKX0pYCxcbiAgbGc6IGBAbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAke3RoZW1lR2V0KCdicmVha3BvaW50cy4yJykocHJvcHMpfSlgLFxufSk7XG5cbmV4cG9ydCBjb25zdCBoaWRkZW4gPSBrZXkgPT4gcHJvcHMgPT4gcHJvcHNba2V5XSAmJiBjc3NgXG4gICR7YnJlYWtwb2ludHMocHJvcHMpW2tleV19IHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gO1xuXG5jb25zdCBIaWRlID0gc3R5bGVkLmRpdmBcbiAgJHtoaWRkZW4oJ3hzJyl9XG4gICR7aGlkZGVuKCdzbScpfVxuICAke2hpZGRlbignbWQnKX1cbiAgJHtoaWRkZW4oJ2xnJyl9XG5gO1xuXG5IaWRlLnByb3BUeXBlcyA9IHtcbiAgeHM6IFByb3BUeXBlcy5ib29sLFxuICBzbTogUHJvcFR5cGVzLmJvb2wsXG4gIG1kOiBQcm9wVHlwZXMuYm9vbCxcbiAgbGc6IFByb3BUeXBlcy5ib29sLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgSGlkZTtcbiJdfQ== */"));
  };
};

var Hide = _styled("div", {
  target: "e15thpqc0",
  label: "Hide"
})(hidden('xs'), " ", hidden('sm'), " ", hidden('md'), " ", hidden('lg'), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9IaWRlL0hpZGUuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0N1QiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvSGlkZS9IaWRlLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgdGhlbWVHZXQgfSBmcm9tICdzdHlsZWQtc3lzdGVtJztcbmltcG9ydCB7IGdldFZhbHVlQW5kVW5pdCB9IGZyb20gJ3BvbGlzaGVkJztcbmltcG9ydCBtZW1vaXplIGZyb20gJ2xvZGFzaC9tZW1vaXplJztcblxuLy8gYXNzdW1pbmcgcm9vdCBmb250LXNpemUgaXMgMTZweFxuY29uc3QgT05FX1BYX0lOX1JFTSA9IDAuMDYyNTtcblxuY29uc3QgbWludXNPbmVQeCA9IG1lbW9pemUoKHZhbHVlKSA9PiB7XG4gIGNvbnN0IFtkaW1lbnNpb24sIHVuaXRdID0gZ2V0VmFsdWVBbmRVbml0KHZhbHVlKTtcbiAgc3dpdGNoICh1bml0KSB7XG4gICAgY2FzZSAnZW0nOlxuICAgIGNhc2UgJ3JlbSc6XG4gICAgICByZXR1cm4gYCR7ZGltZW5zaW9uIC0gT05FX1BYX0lOX1JFTX0ke3VuaXR9YDtcbiAgICBjYXNlICdweCc6XG4gICAgICByZXR1cm4gYCR7ZGltZW5zaW9uIC0gMX1weGA7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiB2YWx1ZTtcbiAgfVxufSk7XG5cbmNvbnN0IGJyZWFrcG9pbnRzID0gcHJvcHMgPT4gKHtcbiAgeHM6IGBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke21pbnVzT25lUHgodGhlbWVHZXQoJ2JyZWFrcG9pbnRzLjAnKShwcm9wcykpfSlgLFxuICBzbTogYEBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6ICR7dGhlbWVHZXQoJ2JyZWFrcG9pbnRzLjAnKShwcm9wcyl9KVxuICAgICAgICAgICAgICAgICAgICAgYW5kIChtYXgtd2lkdGg6ICR7bWludXNPbmVQeCh0aGVtZUdldCgnYnJlYWtwb2ludHMuMScpKHByb3BzKSl9KWAsXG4gIG1kOiBgQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogJHt0aGVtZUdldCgnYnJlYWtwb2ludHMuMScpKHByb3BzKX0pXG4gICAgICAgICAgICAgICAgICAgICBhbmQgKG1heC13aWR0aDogJHttaW51c09uZVB4KHRoZW1lR2V0KCdicmVha3BvaW50cy4yJykocHJvcHMpKX0pYCxcbiAgbGc6IGBAbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAke3RoZW1lR2V0KCdicmVha3BvaW50cy4yJykocHJvcHMpfSlgLFxufSk7XG5cbmV4cG9ydCBjb25zdCBoaWRkZW4gPSBrZXkgPT4gcHJvcHMgPT4gcHJvcHNba2V5XSAmJiBjc3NgXG4gICR7YnJlYWtwb2ludHMocHJvcHMpW2tleV19IHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gO1xuXG5jb25zdCBIaWRlID0gc3R5bGVkLmRpdmBcbiAgJHtoaWRkZW4oJ3hzJyl9XG4gICR7aGlkZGVuKCdzbScpfVxuICAke2hpZGRlbignbWQnKX1cbiAgJHtoaWRkZW4oJ2xnJyl9XG5gO1xuXG5IaWRlLnByb3BUeXBlcyA9IHtcbiAgeHM6IFByb3BUeXBlcy5ib29sLFxuICBzbTogUHJvcFR5cGVzLmJvb2wsXG4gIG1kOiBQcm9wVHlwZXMuYm9vbCxcbiAgbGc6IFByb3BUeXBlcy5ib29sLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgSGlkZTtcbiJdfQ== */");

Hide.propTypes = {
  xs: PropTypes.bool,
  sm: PropTypes.bool,
  md: PropTypes.bool,
  lg: PropTypes.bool
};
export default Hide;