Socket
Socket
Sign inDemoInstall

@react-spring/web

Package Overview
Dependencies
Maintainers
1
Versions
131
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@react-spring/web - npm Package Compare versions

Comparing version 9.0.0-beta.29 to 9.0.0-beta.30

50

index.js

@@ -8,3 +8,3 @@ import _objectWithoutPropertiesLoose from '@babel/runtime/helpers/esm/objectWithoutPropertiesLoose';

let isUnitlessNumber = {
var isUnitlessNumber = {
animationIterationCount: true,

@@ -54,7 +54,11 @@ borderImageOutset: true,

const prefixKey = (prefix, key) => prefix + key.charAt(0).toUpperCase() + key.substring(1);
var prefixKey = function prefixKey(prefix, key) {
return prefix + key.charAt(0).toUpperCase() + key.substring(1);
};
const prefixes = ['Webkit', 'Ms', 'Moz', 'O'];
isUnitlessNumber = Object.keys(isUnitlessNumber).reduce((acc, prop) => {
prefixes.forEach(prefix => acc[prefixKey(prefix, prop)] = acc[prop]);
var prefixes = ['Webkit', 'Ms', 'Moz', 'O'];
isUnitlessNumber = Object.keys(isUnitlessNumber).reduce(function (acc, prop) {
prefixes.forEach(function (prefix) {
return acc[prefixKey(prefix, prop)] = acc[prop];
});
return acc;

@@ -70,3 +74,3 @@ }, isUnitlessNumber);

const attributeCache = {};
var attributeCache = {};
function applyAnimatedValues(instance, props) {

@@ -77,7 +81,7 @@ if (!instance.nodeType || !instance.setAttribute) {

const style = props.style,
children = props.children,
scrollTop = props.scrollTop,
scrollLeft = props.scrollLeft,
attributes = _objectWithoutPropertiesLoose(props, ["style", "children", "scrollTop", "scrollLeft"]);
var style = props.style,
children = props.children,
scrollTop = props.scrollTop,
scrollLeft = props.scrollLeft,
attributes = _objectWithoutPropertiesLoose(props, ["style", "children", "scrollTop", "scrollLeft"]);

@@ -89,3 +93,3 @@ if (scrollTop !== void 0) instance.scrollTop = scrollTop;

for (let styleName in style) {
for (var styleName in style) {
if (!style.hasOwnProperty(styleName)) continue;

@@ -98,7 +102,9 @@ var isCustomProperty = styleName.indexOf('--') === 0;

const isFilterElement = instance.nodeName === 'filter' || instance.parentNode && instance.parentNode.nodeName === 'filter'; // Apply DOM attributes
var isFilterElement = instance.nodeName === 'filter' || instance.parentNode && instance.parentNode.nodeName === 'filter'; // Apply DOM attributes
for (let name in attributes) {
for (var name in attributes) {
// Attributes are written in dash case
const attributeName = isFilterElement || instance.hasAttribute(name) ? name : attributeCache[name] || (attributeCache[name] = name.replace(/([A-Z])/g, n => '-' + n.toLowerCase()));
var attributeName = isFilterElement || instance.hasAttribute(name) ? name : attributeCache[name] || (attributeCache[name] = name.replace(/([A-Z])/g, function (n) {
return '-' + n.toLowerCase();
}));
instance.setAttribute(attributeName, attributes[name]);

@@ -108,14 +114,14 @@ }

const elements = ['a', 'abbr', 'address', 'area', 'article', 'aside', 'audio', 'b', 'base', 'bdi', 'bdo', 'big', 'blockquote', 'body', 'br', 'button', 'canvas', 'caption', 'cite', 'code', 'col', 'colgroup', 'data', 'datalist', 'dd', 'del', 'details', 'dfn', 'dialog', 'div', 'dl', 'dt', 'em', 'embed', 'fieldset', 'figcaption', 'figure', 'footer', 'form', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'header', 'hgroup', 'hr', 'html', 'i', 'iframe', 'img', 'input', 'ins', 'kbd', 'keygen', 'label', 'legend', 'li', 'link', 'main', 'map', 'mark', 'menu', 'menuitem', 'meta', 'meter', 'nav', 'noscript', 'object', 'ol', 'optgroup', 'option', 'output', 'p', 'param', 'picture', 'pre', 'progress', 'q', 'rp', 'rt', 'ruby', 's', 'samp', 'script', 'section', 'select', 'small', 'source', 'span', 'strong', 'style', 'sub', 'summary', 'sup', 'table', 'tbody', 'td', 'textarea', 'tfoot', 'th', 'thead', 'time', 'title', 'tr', 'track', 'u', 'ul', 'var', 'video', 'wbr', // SVG
var elements = ['a', 'abbr', 'address', 'area', 'article', 'aside', 'audio', 'b', 'base', 'bdi', 'bdo', 'big', 'blockquote', 'body', 'br', 'button', 'canvas', 'caption', 'cite', 'code', 'col', 'colgroup', 'data', 'datalist', 'dd', 'del', 'details', 'dfn', 'dialog', 'div', 'dl', 'dt', 'em', 'embed', 'fieldset', 'figcaption', 'figure', 'footer', 'form', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'header', 'hgroup', 'hr', 'html', 'i', 'iframe', 'img', 'input', 'ins', 'kbd', 'keygen', 'label', 'legend', 'li', 'link', 'main', 'map', 'mark', 'menu', 'menuitem', 'meta', 'meter', 'nav', 'noscript', 'object', 'ol', 'optgroup', 'option', 'output', 'p', 'param', 'picture', 'pre', 'progress', 'q', 'rp', 'rt', 'ruby', 's', 'samp', 'script', 'section', 'select', 'small', 'source', 'span', 'strong', 'style', 'sub', 'summary', 'sup', 'table', 'tbody', 'td', 'textarea', 'tfoot', 'th', 'thead', 'time', 'title', 'tr', 'track', 'u', 'ul', 'var', 'video', 'wbr', // SVG
'circle', 'clipPath', 'defs', 'ellipse', 'foreignObject', 'g', 'image', 'line', 'linearGradient', 'mask', 'path', 'pattern', 'polygon', 'polyline', 'radialGradient', 'rect', 'stop', 'svg', 'text', 'tspan'];
const animated = extendAnimated(withAnimated, elements);
var animated = extendAnimated(withAnimated, elements);
Globals.assign({
defaultElement: 'div',
colorNames,
applyAnimatedValues,
createStringInterpolator,
getComponentProps: (_ref) => {
let scrollTop = _ref.scrollTop,
colorNames: colorNames,
applyAnimatedValues: applyAnimatedValues,
createStringInterpolator: createStringInterpolator,
getComponentProps: function getComponentProps(_ref) {
var scrollTop = _ref.scrollTop,
scrollLeft = _ref.scrollLeft,

@@ -122,0 +128,0 @@ props = _objectWithoutPropertiesLoose(_ref, ["scrollTop", "scrollLeft"]);

{
"name": "@react-spring/web",
"version": "9.0.0-beta.29",
"version": "9.0.0-beta.30",
"description": "Cross-platform animation engine",

@@ -31,5 +31,5 @@ "keywords": [

"@babel/runtime": "^7.3.1",
"@react-spring/animated": "^9.0.0-beta.29",
"@react-spring/core": "^9.0.0-beta.29",
"@react-spring/shared": "^9.0.0-beta.29"
"@react-spring/animated": "^9.0.0-beta.30",
"@react-spring/core": "^9.0.0-beta.30",
"@react-spring/shared": "^9.0.0-beta.30"
},

@@ -36,0 +36,0 @@ "devDependencies": {

Sorry, the diff of this file is not supported yet

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