UNPKG

@roo-ui/components

Version:

80 lines (61 loc) 7.75 kB
"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;