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

"use strict";

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

var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));

var _core = require("@emotion/core");

var _propTypes = _interopRequireDefault(require("prop-types"));

var _styledSystem = require("styled-system");

var _polished = require("polished");

var _memoize = _interopRequireDefault(require("lodash/memoize"));

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

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; }

// assuming root font-size is 16px
var ONE_PX_IN_REM = 0.0625;
var minusOnePx = (0, _memoize.default)(function (value) {
  var _getValueAndUnit = (0, _polished.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((0, _styledSystem.themeGet)('breakpoints.0')(props)), ")"),
    sm: "@media screen and (min-width: ".concat((0, _styledSystem.themeGet)('breakpoints.0')(props), ")\n                     and (max-width: ").concat(minusOnePx((0, _styledSystem.themeGet)('breakpoints.1')(props)), ")"),
    md: "@media screen and (min-width: ".concat((0, _styledSystem.themeGet)('breakpoints.1')(props), ")\n                     and (max-width: ").concat(minusOnePx((0, _styledSystem.themeGet)('breakpoints.2')(props)), ")"),
    lg: "@media screen and (min-width: ".concat((0, _styledSystem.themeGet)('breakpoints.2')(props), ")")
  };
};

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

exports.hidden = hidden;
var Hide = (0, _styledBase.default)("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.default.bool,
  sm: _propTypes.default.bool,
  md: _propTypes.default.bool,
  lg: _propTypes.default.bool
};
var _default = Hide;
exports.default = _default;