native-base/lib/commonjs/hooks/useMediaQuery.js

Essential cross-platform UI components for React Native

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.useMediaQuery = useMediaQuery;

var _reactNative = require("react-native");

var _lodash = _interopRequireDefault(require("lodash.isnil"));

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

function useMediaQuery(query) {
  const dims = (0, _reactNative.useWindowDimensions)();
  const height = dims === null || dims === void 0 ? void 0 : dims.height;
  const width = dims === null || dims === void 0 ? void 0 : dims.width;
  return iterateQuery(query, height, width);
}

function queryResolver(query, width, height) {
  for (const queryKey in query) {
    if (!calculateQuery(queryKey, query[queryKey], height, width)) {
      return false;
    }
  }

  return true;
}

function iterateQuery(query, height, width) {
  const queryResults = [];

  if (Array.isArray(query)) {
    query.forEach(subQuery => {
      queryResults.push(queryResolver(subQuery, width, height));
    });
  } else {
    queryResults.push(queryResolver(query, width, height));
  }

  return queryResults;
}

function calculateQuery(key, val, height, width) {
  let retval;

  if ((0, _lodash.default)(width) || (0, _lodash.default)(height) || (0, _lodash.default)(val)) {
    return;
  }

  switch (key) {
    case 'maxWidth':
      retval = !(0, _lodash.default)(val) ? width <= val : undefined;
      break;

    case 'minWidth':
      retval = !(0, _lodash.default)(val) ? width >= val : undefined;
      break;

    case 'maxHeight':
      retval = !(0, _lodash.default)(val) ? height <= val : undefined;
      break;

    case 'minHeight':
      retval = !(0, _lodash.default)(val) ? height >= val : undefined;
      break;

    case 'orientation':
      if (!(0, _lodash.default)(val)) {
        if (width > height) {
          retval = val === 'landscape';
        } else {
          retval = val === 'portrait';
        }
      }

      break;

    default:
      break;
  }

  return retval;
}
//# sourceMappingURL=useMediaQuery.js.map