react-native-full-responsive/lib/commonjs/HOC/withMediaQuery.js

Create a fully responsive React Native app for all supported platforms

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.withMediaQuery = exports.withMQ = void 0;
var _react = _interopRequireDefault(require("react"));
var _hooks = require("../hooks");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
/**
 * A HOC for when you want to use full responsive methods in your class components without additional steps as props.
 */
const withMediaQuery = (Component, thresholds) => {
  const displayName = Component.displayName || Component.name || 'Component';
  const ComponentWithMethods = props => {
    const media = (0, _hooks.useMediaQuery)(thresholds);
    return /*#__PURE__*/_react.default.createElement(Component, _extends({}, props, {
      type: media
    }));
  };
  ComponentWithMethods.displayName = `withMediaQuery(${displayName})`;
  return ComponentWithMethods;
};
exports.withMQ = exports.withMediaQuery = withMediaQuery;
//# sourceMappingURL=withMediaQuery.js.map