react-responsive-picture
Advanced tools
Comparing version 3.2.1 to 3.2.2
@@ -0,1 +1,16 @@ | ||
"use strict"; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
}); | ||
exports["default"] = void 0; | ||
var _react = _interopRequireDefault(require("react")); | ||
var _component = _interopRequireDefault(require("cxs/component")); | ||
var _Picture = _interopRequireDefault(require("./Picture")); | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } | ||
function _extends() { _extends = Object.assign || 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); } | ||
@@ -5,6 +20,3 @@ | ||
import React from "react"; | ||
import cxs from "cxs/component"; | ||
import Picture from "./Picture"; | ||
var Wrapper = cxs("div")({ | ||
var Wrapper = (0, _component["default"])("div")({ | ||
width: "100%", | ||
@@ -14,3 +26,3 @@ height: "100%", | ||
}); | ||
var PictureWrapper = cxs("div")({ | ||
var PictureWrapper = (0, _component["default"])("div")({ | ||
overflow: "hidden", | ||
@@ -23,3 +35,3 @@ top: 0, | ||
}); | ||
var StyledPicture = cxs(Picture)(function (_ref) { | ||
var StyledPicture = (0, _component["default"])(_Picture["default"])(function (_ref) { | ||
var _ref$cover = _ref.cover, | ||
@@ -47,5 +59,5 @@ cover = _ref$cover === void 0 ? "both" : _ref$cover, | ||
return React.createElement(Wrapper, { | ||
return _react["default"].createElement(Wrapper, { | ||
className: wrapperClassName | ||
}, React.createElement(PictureWrapper, null, React.createElement(StyledPicture, _extends({ | ||
}, _react["default"].createElement(PictureWrapper, null, _react["default"].createElement(StyledPicture, _extends({ | ||
className: className | ||
@@ -55,2 +67,3 @@ }, rest)), children)); | ||
export default Fullsized; | ||
var _default = Fullsized; | ||
exports["default"] = _default; |
@@ -0,1 +1,18 @@ | ||
"use strict"; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
}); | ||
exports["default"] = void 0; | ||
var React = _interopRequireWildcard(require("react")); | ||
var _canUseDom = _interopRequireDefault(require("can-use-dom")); | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } | ||
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; } | ||
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; if (obj != null) { var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; } | ||
function _extends() { _extends = Object.assign || 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); } | ||
@@ -7,5 +24,2 @@ | ||
import * as React from "react"; | ||
import canUseDom from "can-use-dom"; | ||
var Picture = | ||
@@ -39,3 +53,3 @@ /*#__PURE__*/ | ||
_proto.renderSources = function renderSources() { | ||
var ieVersion = canUseDom && document["documentMode"] ? document["documentMode"] : -1; | ||
var ieVersion = _canUseDom["default"] && document["documentMode"] ? document["documentMode"] : -1; | ||
var sources = this.props.sources; | ||
@@ -108,2 +122,3 @@ | ||
export default Picture; | ||
var _default = Picture; | ||
exports["default"] = _default; |
@@ -1,3 +0,23 @@ | ||
import Picture from "./components/Picture"; | ||
import FullsizePicture from "./components/FullsizePicture"; | ||
export { Picture, FullsizePicture }; | ||
"use strict"; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
}); | ||
Object.defineProperty(exports, "Picture", { | ||
enumerable: true, | ||
get: function get() { | ||
return _Picture["default"]; | ||
} | ||
}); | ||
Object.defineProperty(exports, "FullsizePicture", { | ||
enumerable: true, | ||
get: function get() { | ||
return _FullsizePicture["default"]; | ||
} | ||
}); | ||
var _Picture = _interopRequireDefault(require("./components/Picture")); | ||
var _FullsizePicture = _interopRequireDefault(require("./components/FullsizePicture")); | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } |
{ | ||
"name": "react-responsive-picture", | ||
"version": "3.2.1", | ||
"version": "3.2.2", | ||
"description": "A future-proof responsive image component that supports latest Picture specification", | ||
@@ -5,0 +5,0 @@ "main": "lib/index.js", |
291895
3280