UNPKG

react-native-full-responsive

Version:

Create a fully responsive React Native app for all supported platforms

24 lines (23 loc) 1.36 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.withResponsiveMethods = exports.withRM = 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 withResponsiveMethods = Component => { const displayName = Component.displayName || Component.name || 'Component'; const ComponentWithMethods = props => { const responsiveMethods = (0, _hooks.useResponsiveMethods)(); return /*#__PURE__*/_react.default.createElement(Component, _extends({}, props, responsiveMethods)); }; ComponentWithMethods.displayName = `withResponsiveMethods(${displayName})`; return ComponentWithMethods; }; exports.withRM = exports.withResponsiveMethods = withResponsiveMethods; //# sourceMappingURL=withResponsiveMethods.js.map