@rmwc/notched-outline - 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 NotchedOutlineProps {
@@ -9,5 +9,11 @@ notch?: number;
  *********************************************************************/
-export declare function NotchedOutline(props: NotchedOutlineProps & RMWC.ComponentProps): JSX.Element;
-export declare namespace NotchedOutline {
-    var displayName: string;
-}
+export declare const NotchedOutline: {
+    <Tag extends React.ElementType<any> = "div">(props: (NotchedOutlineProps & {
+        tag?: Tag | undefined;
+        theme?: RMWC.ThemePropT;
+    } & React.HTMLProps<HTMLDivElement>) | (NotchedOutlineProps & {
+        tag?: Tag | undefined;
+        theme?: RMWC.ThemePropT;
+    } & React.ComponentPropsWithRef<Tag>), ref: any): JSX.Element;
+    displayName: string;
+};

dist/index.js

@@ -6,9 +6,10 @@ "use strict";
 var foundation_1 = require("./foundation");
+var base_1 = require("@rmwc/base");
 /*********************************************************************
  * Notched Outline
  *********************************************************************/
-function NotchedOutline(props) {
+exports.NotchedOutline = base_1.createComponent(function NotchedOutline(props, ref) {
     var children = props.children, rest = tslib_1.__rest(props, ["children"]);
     var _a = foundation_1.useNotchedOutlineFoundation(props), rootEl = _a.rootEl, notchedEl = _a.notchedEl;
-    return (react_1.default.createElement("div", tslib_1.__assign({}, rootEl.props(tslib_1.__assign(tslib_1.__assign({}, rest), { className: 'mdc-notched-outline' })), { ref: rootEl.setRef }),
+    return (react_1.default.createElement(base_1.Tag, tslib_1.__assign({}, rest, { element: rootEl, className: 'mdc-notched-outline', ref: ref }),
         react_1.default.createElement(NotchedOutlineLeading, null),
@@ -19,5 +20,3 @@ react_1.default.createElement("div", tslib_1.__assign({}, notchedEl.props({
         react_1.default.createElement(NotchedOutlineTrailing, null)));
-}
-exports.NotchedOutline = NotchedOutline;
-NotchedOutline.displayName = 'NotchedOutline';
+});
 /*********************************************************************
@@ -24,0 +23,0 @@ * Bits

generated-props.json

@@ -18,3 +18,3 @@ {
       "name": "NotchedOutlineProps",
-      "sourceUrl": "https://github.com/jamesmfriedman/rmwc/blob/master/src/notched-outline/index.tsx#L5",
+      "sourceUrl": "https://github.com/jamesmfriedman/rmwc/blob/master/src/notched-outline/index.tsx#L6",
       "methods": [],
@@ -36,3 +36,3 @@ "properties": [
           "name": "notch",
-          "sourceUrl": "https://github.com/jamesmfriedman/rmwc/blob/master/src/notched-outline/index.tsx#L6",
+          "sourceUrl": "https://github.com/jamesmfriedman/rmwc/blob/master/src/notched-outline/index.tsx#L7",
           "type": "undefined | number"
@@ -39,0 +39,0 @@ }

next/index.d.ts

@@ -1,3 +0,3 @@
-/// <reference types="react" />
 import * as RMWC from '@rmwc/types';
+import React from 'react';
 export interface NotchedOutlineProps {
@@ -9,5 +9,11 @@ notch?: number;
  *********************************************************************/
-export declare function NotchedOutline(props: NotchedOutlineProps & RMWC.ComponentProps): JSX.Element;
-export declare namespace NotchedOutline {
-    var displayName: string;
-}
+export declare const NotchedOutline: {
+    <Tag extends React.ElementType<any> = "div">(props: (NotchedOutlineProps & {
+        tag?: Tag | undefined;
+        theme?: RMWC.ThemePropT;
+    } & React.HTMLProps<HTMLDivElement>) | (NotchedOutlineProps & {
+        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 { useNotchedOutlineFoundation } from './foundation';
+import { createComponent, Tag } from '@rmwc/base';
 /*********************************************************************
  * Notched Outline
  *********************************************************************/
-export function NotchedOutline(props) {
+export var NotchedOutline = createComponent(function NotchedOutline(props, ref) {
     var children = props.children, rest = __rest(props, ["children"]);
     var _a = useNotchedOutlineFoundation(props), rootEl = _a.rootEl, notchedEl = _a.notchedEl;
-    return (React.createElement("div", __assign({}, rootEl.props(__assign(__assign({}, rest), { className: 'mdc-notched-outline' })), { ref: rootEl.setRef }),
+    return (React.createElement(Tag, __assign({}, rest, { element: rootEl, className: 'mdc-notched-outline', ref: ref }),
         React.createElement(NotchedOutlineLeading, null),
@@ -16,4 +17,3 @@ React.createElement("div", __assign({}, notchedEl.props({
         React.createElement(NotchedOutlineTrailing, null)));
-}
-NotchedOutline.displayName = 'NotchedOutline';
+});
 /*********************************************************************
@@ -20,0 +20,0 @@ * Bits

package.json

 {
   "name": "@rmwc/notched-outline",
-  "version": "6.0.0-alpha.11",
+  "version": "6.0.0-alpha.12",
   "description": "RMWC NotchedOutline component",
@@ -36,6 +36,6 @@ "main": "dist/index.js",
     "@material/notched-outline": "^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"
 }

No alert changes

Improved metrics

Total package byte prevSize

16495

increased by5.64%

Number of package files

19

increased by35.71%

Lines of code

333

increased by5.38%

Dependency changes

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

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