@rmwc/line-ripple
Advanced tools
@@ -9,3 +9,3 @@ "use strict"; | ||
| var useLineRippleFoundation = function (props) { | ||
| var _a = base_1.useFoundation({ | ||
| var _a = (0, base_1.useFoundation)({ | ||
| props: props, | ||
@@ -31,7 +31,7 @@ elements: { | ||
| // Active | ||
| react_1.useEffect(function () { | ||
| (0, react_1.useEffect)(function () { | ||
| props.active ? foundation.activate() : foundation.deactivate(); | ||
| }, [props.active, foundation]); | ||
| // Center | ||
| react_1.useEffect(function () { | ||
| (0, react_1.useEffect)(function () { | ||
| typeof props.center === 'number' && | ||
@@ -38,0 +38,0 @@ foundation.setRippleCenter(props.center); |
+2
-2
@@ -8,6 +8,6 @@ "use strict"; | ||
| var base_1 = require("@rmwc/base"); | ||
| exports.LineRipple = base_1.createComponent(function LineRipple(props, ref) { | ||
| exports.LineRipple = (0, base_1.createComponent)(function LineRipple(props, ref) { | ||
| var active = props.active, center = props.center, rest = tslib_1.__rest(props, ["active", "center"]); | ||
| var rootEl = foundation_1.useLineRippleFoundation(props).rootEl; | ||
| var rootEl = (0, foundation_1.useLineRippleFoundation)(props).rootEl; | ||
| return (react_1.default.createElement(base_1.Tag, tslib_1.__assign({}, rest, { tag: "span", element: rootEl, className: "mdc-line-ripple", ref: ref }))); | ||
| }); |
+3
-3
| { | ||
| "name": "@rmwc/line-ripple", | ||
| "version": "14.0.0-alpha.0", | ||
| "version": "14.0.1-alpha.0", | ||
| "description": "RMWC LineRipple component", | ||
@@ -40,6 +40,6 @@ "main": "dist/index.js", | ||
| "@material/line-ripple": "^14.0.0", | ||
| "@rmwc/base": "^14.0.0-alpha.0", | ||
| "@rmwc/types": "^14.0.0-alpha.0" | ||
| "@rmwc/base": "^14.0.1-alpha.0", | ||
| "@rmwc/types": "^14.0.1-alpha.0" | ||
| }, | ||
| "gitHead": "bf098adc2571ee1641ef20d79f38fb64e9ff186e" | ||
| } |
8000
0.31%Updated
Updated