@react-spring/web
Advanced tools
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
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
36769
609