@roo-ui/components
Version:
80 lines (61 loc) • 7.75 kB
JavaScript
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;
;