@rmwc/line-ripple - npm Package Compare versions

Comparing version 6.0.0-alpha.11 to 6.0.0-alpha.12

dist/index.d.ts

@@ -1,3 +0,3 @@
-/// <reference types="react" />
 import * as RMWC from '@rmwc/types';
+import React from 'react';
 export interface LineRippleProps {
@@ -7,2 +7,11 @@ active?: boolean;
 }
-export declare function LineRipple(props: LineRippleProps & RMWC.ComponentProps): JSX.Element;
+export declare const LineRipple: {
+    <Tag extends React.ElementType<any> = "div">(props: (LineRippleProps & {
+        tag?: Tag | undefined;
+        theme?: RMWC.ThemePropT;
+    } & React.HTMLProps<HTMLDivElement>) | (LineRippleProps & {
+        tag?: Tag | undefined;
+        theme?: RMWC.ThemePropT;
+    } & React.ComponentPropsWithRef<Tag>), ref: any): JSX.Element;
+    displayName: string;
+};

dist/index.js

@@ -6,7 +6,7 @@ "use strict";
 var foundation_1 = require("./foundation");
-function LineRipple(props) {
+var base_1 = require("@rmwc/base");
+exports.LineRipple = 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;
-    return (react_1.default.createElement("div", tslib_1.__assign({}, rootEl.props(tslib_1.__assign(tslib_1.__assign({}, rest), { className: 'mdc-line-ripple' })), { ref: rootEl.setRef })));
-}
-exports.LineRipple = LineRipple;
+    return (react_1.default.createElement(base_1.Tag, tslib_1.__assign({}, rest, { element: rootEl, className: "mdc-line-ripple", ref: ref })));
+});

generated-props.json

@@ -18,3 +18,3 @@ {
       "name": "LineRippleProps",
-      "sourceUrl": "https://github.com/jamesmfriedman/rmwc/blob/master/src/line-ripple/index.tsx#L5",
+      "sourceUrl": "https://github.com/jamesmfriedman/rmwc/blob/master/src/line-ripple/index.tsx#L6",
       "methods": [],
@@ -36,3 +36,3 @@ "properties": [
           "name": "active",
-          "sourceUrl": "https://github.com/jamesmfriedman/rmwc/blob/master/src/line-ripple/index.tsx#L6",
+          "sourceUrl": "https://github.com/jamesmfriedman/rmwc/blob/master/src/line-ripple/index.tsx#L7",
           "type": "undefined | false | true"
@@ -54,3 +54,3 @@ },
           "name": "center",
-          "sourceUrl": "https://github.com/jamesmfriedman/rmwc/blob/master/src/line-ripple/index.tsx#L7",
+          "sourceUrl": "https://github.com/jamesmfriedman/rmwc/blob/master/src/line-ripple/index.tsx#L8",
           "type": "undefined | number"
@@ -57,0 +57,0 @@ }

next/index.d.ts

@@ -1,3 +0,3 @@
-/// <reference types="react" />
 import * as RMWC from '@rmwc/types';
+import React from 'react';
 export interface LineRippleProps {
@@ -7,2 +7,11 @@ active?: boolean;
 }
-export declare function LineRipple(props: LineRippleProps & RMWC.ComponentProps): JSX.Element;
+export declare const LineRipple: {
+    <Tag extends React.ElementType<any> = "div">(props: (LineRippleProps & {
+        tag?: Tag | undefined;
+        theme?: RMWC.ThemePropT;
+    } & React.HTMLProps<HTMLDivElement>) | (LineRippleProps & {
+        tag?: Tag | undefined;
+        theme?: RMWC.ThemePropT;
+    } & React.ComponentPropsWithRef<Tag>), ref: any): JSX.Element;
+    displayName: string;
+};

next/index.js

 import { __assign, __rest } from "tslib";
 import React from 'react';
 import { useLineRippleFoundation } from './foundation';
-export function LineRipple(props) {
+import { createComponent, Tag } from '@rmwc/base';
+export var LineRipple = createComponent(function LineRipple(props, ref) {
     var active = props.active, center = props.center, rest = __rest(props, ["active", "center"]);
     var rootEl = useLineRippleFoundation(props).rootEl;
-    return (React.createElement("div", __assign({}, rootEl.props(__assign(__assign({}, rest), { className: 'mdc-line-ripple' })), { ref: rootEl.setRef })));
-}
+    return (React.createElement(Tag, __assign({}, rest, { element: rootEl, className: "mdc-line-ripple", ref: ref })));
+});

package.json

 {
   "name": "@rmwc/line-ripple",
-  "version": "6.0.0-alpha.11",
+  "version": "6.0.0-alpha.12",
   "description": "RMWC LineRipple component",
@@ -36,6 +36,6 @@ "main": "dist/index.js",
     "@material/line-ripple": "^4.0.0",
-    "@rmwc/base": "^6.0.0-alpha.11",
-    "@rmwc/types": "^6.0.0-alpha.6"
+    "@rmwc/base": "^6.0.0-alpha.12",
+    "@rmwc/types": "^6.0.0-alpha.12"
   },
-  "gitHead": "1106cd3c7be06e866f7854f4d3c78808eabe0164"
+  "gitHead": "acda27d1056c88c78ce26af6b291b0f23e5f5e30"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

13161

increased by8.65%

Number of package files

19

increased by35.71%

Lines of code

276

increased by9.52%

Dependency changes

• Updated@rmwc/base@^6.0.0-alpha.12

• Updated@rmwc/types@^6.0.0-alpha.12