Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@vx/responsive

Package Overview
Dependencies
Maintainers
1
Versions
55
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@vx/responsive - npm Package Compare versions

Comparing version 0.0.44 to 0.0.45

build/components/ResponsiveSVG.js

43

build/index.js

@@ -6,39 +6,16 @@ 'use strict';

});
exports.default = ResponsiveSVG;
var _react = require('react');
var _ScaleSVG = require('./components/ScaleSVG');
var _react2 = _interopRequireDefault(_react);
var _ScaleSVG2 = _interopRequireDefault(_ScaleSVG);
var _withScreenSize = require('./enhancers/withScreenSize');
var _withScreenSize2 = _interopRequireDefault(_withScreenSize);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function ResponsiveSVG(_ref) {
var children = _ref.children,
width = _ref.width,
height = _ref.height,
_ref$xOrigin = _ref.xOrigin,
xOrigin = _ref$xOrigin === undefined ? 0 : _ref$xOrigin,
_ref$yOrigin = _ref.yOrigin,
yOrigin = _ref$yOrigin === undefined ? 0 : _ref$yOrigin,
_ref$preserveAspectRa = _ref.preserveAspectRatio,
preserveAspectRatio = _ref$preserveAspectRa === undefined ? 'xMinYMin meet' : _ref$preserveAspectRa;
return _react2.default.createElement(
'div',
{ style: {
display: 'inline-block',
position: 'relative',
width: '100%',
verticalAling: 'top',
overflow: 'hidden'
} },
_react2.default.createElement(
'svg',
{
preserveAspectRatio: preserveAspectRatio,
viewBox: xOrigin + ' ' + yOrigin + ' ' + width + ' ' + height
},
children
)
);
}
exports.default = {
ScaleSVG: _ScaleSVG2.default,
withScreenSize: _withScreenSize2.default
};
{
"name": "@vx/responsive",
"version": "0.0.44",
"version": "0.0.45",
"description": "vx responsive svg",

@@ -35,4 +35,6 @@ "main": "build/index.js",

"dependencies": {
"react": "^15.4.2"
"lodash.debounce": "^4.0.8",
"react": "^15.4.2",
"recompose": "^0.22.0"
}
}
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc