@rmwc/list - npm Package Compare versions

Comparing version 5.0.19-alpha.0 to 5.0.20-alpha.0

dist/list-item.js

@@ -92,8 +92,2 @@ "use strict";
 });
-/** A meta icon for the ListItem.*/
-var ListItemMetaIcon = base_1.componentFactory({
-    displayName: 'ListItemMetaIcon',
-    classNames: ['mdc-list-item__meta'],
-    tag: icon_1.Icon
-});
 /** A container to group ListItems */
@@ -100,0 +94,0 @@ exports.ListGroup = base_1.componentFactory({

dist/list.d.ts

@@ -13,6 +13,7 @@ import * as RMWC from '@rmwc/types';
     nonInteractive?: boolean;
+    /** A callback for when a list item is interacted with. */
+    onAction?: (evt: RMWC.CustomEventT<number>) => void;
 }
-/** A List Component */
-export declare const ListRoot: React.ComponentType<ListProps & RMWC.ComponentProps>;
 export declare class List extends FoundationComponent<ListProps> {
+    static readonly cssClasses: any;
     private root;
@@ -19,0 +20,0 @@ constructor(props: ListProps);

dist/list.js

@@ -48,3 +48,3 @@ "use strict";
 /** A List Component */
-exports.ListRoot = base_1.componentFactory({
+var ListRoot = base_1.componentFactory({
     displayName: 'ListRoot',
@@ -66,3 +66,3 @@ defaultProps: {
     ]; },
-    consumeProps: ['dense', 'twoLine', 'avatarList', 'nonInteractive']
+    consumeProps: ['dense', 'twoLine', 'avatarList', 'nonInteractive', 'onAction']
 });
@@ -80,2 +80,9 @@ var List = /** @class */ (function (_super) {
     }
+    Object.defineProperty(List, "cssClasses", {
+        get: function () {
+            return list_1.MDCListFoundation.cssClasses;
+        },
+        enumerable: true,
+        configurable: true
+    });
     Object.defineProperty(List.prototype, "listElements", {
@@ -148,8 +155,2 @@ get: function () {
             },
-            followHref: function (index) {
-                var listItem = _this.listElements[index];
-                if (listItem && listItem.href) {
-                    listItem.click();
-                }
-            },
             hasCheckboxAtIndex: function (index) {
@@ -178,2 +179,5 @@ var listItem = _this.listElements[index];
             },
+            notifyAction: function (index) {
+                _this.emit('onAction', index);
+            },
             isFocusInsideList: function () {
@@ -229,3 +233,3 @@ return (_this.root.ref && _this.root.ref.contains(document.activeElement));
         var rest = __rest(this.props, []);
-        return (React.createElement(exports.ListRoot, __assign({}, rest, { ref: this.root.setRef, onClick: this.handleClick, onKeyDown: this.handleKeydown, onFocus: this.handleFocusIn, onBlur: this.handleFocusOut })));
+        return (React.createElement(ListRoot, __assign({}, rest, { ref: this.root.setRef, onClick: this.handleClick, onKeyDown: this.handleKeydown, onFocus: this.handleFocusIn, onBlur: this.handleFocusOut })));
     };
@@ -232,0 +236,0 @@ return List;

next/list-item.js

@@ -83,8 +83,2 @@ var __assign = (this && this.__assign) || function () {
 });
-/** A meta icon for the ListItem.*/
-var ListItemMetaIcon = componentFactory({
-    displayName: 'ListItemMetaIcon',
-    classNames: ['mdc-list-item__meta'],
-    tag: Icon
-});
 /** A container to group ListItems */
@@ -91,0 +85,0 @@ export var ListGroup = componentFactory({

next/list.d.ts

@@ -13,6 +13,7 @@ import * as RMWC from '@rmwc/types';
     nonInteractive?: boolean;
+    /** A callback for when a list item is interacted with. */
+    onAction?: (evt: RMWC.CustomEventT<number>) => void;
 }
-/** A List Component */
-export declare const ListRoot: React.ComponentType<ListProps & RMWC.ComponentProps>;
 export declare class List extends FoundationComponent<ListProps> {
+    static readonly cssClasses: any;
     private root;
@@ -19,0 +20,0 @@ constructor(props: ListProps);

next/list.js

@@ -39,3 +39,3 @@ var __extends = (this && this.__extends) || (function () {
 /** A List Component */
-export var ListRoot = componentFactory({
+var ListRoot = componentFactory({
     displayName: 'ListRoot',
@@ -57,3 +57,3 @@ defaultProps: {
     ]; },
-    consumeProps: ['dense', 'twoLine', 'avatarList', 'nonInteractive']
+    consumeProps: ['dense', 'twoLine', 'avatarList', 'nonInteractive', 'onAction']
 });
@@ -71,2 +71,9 @@ var List = /** @class */ (function (_super) {
     }
+    Object.defineProperty(List, "cssClasses", {
+        get: function () {
+            return MDCListFoundation.cssClasses;
+        },
+        enumerable: true,
+        configurable: true
+    });
     Object.defineProperty(List.prototype, "listElements", {
@@ -139,8 +146,2 @@ get: function () {
             },
-            followHref: function (index) {
-                var listItem = _this.listElements[index];
-                if (listItem && listItem.href) {
-                    listItem.click();
-                }
-            },
             hasCheckboxAtIndex: function (index) {
@@ -169,2 +170,5 @@ var listItem = _this.listElements[index];
             },
+            notifyAction: function (index) {
+                _this.emit('onAction', index);
+            },
             isFocusInsideList: function () {
@@ -171,0 +175,0 @@ return (_this.root.ref && _this.root.ref.contains(document.activeElement));

package.json

 {
   "name": "@rmwc/list",
-  "version": "5.0.19-alpha.0",
+  "version": "5.0.20-alpha.0",
   "description": "RMWC List component",
@@ -34,9 +34,9 @@ "main": "dist/index.js",
   "dependencies": {
-    "@material/list": "^0.43.0",
-    "@rmwc/base": "^5.0.19-alpha.0",
-    "@rmwc/icon": "^5.0.19-alpha.0",
-    "@rmwc/provider": "^5.0.19-alpha.0",
-    "@rmwc/ripple": "^5.0.19-alpha.0"
+    "@material/list": "^0.44.0",
+    "@rmwc/base": "^5.0.20-alpha.0",
+    "@rmwc/icon": "^5.0.20-alpha.0",
+    "@rmwc/provider": "^5.0.20-alpha.0",
+    "@rmwc/ripple": "^5.0.20-alpha.0"
   },
-  "gitHead": "84ce0bdf427e55929702b48c785137f9cd7fe50a"
+  "gitHead": "b13b83bed47d493c22e024c3e4236b2dd8fc6825"
 }

No alert changes

Improved metrics

Total package byte prevSize

254297

increased by0.11%

Lines of code

9031

increased by0.12%

Dependency changes

• + Added@material/feature-targeting@0.44.1(transitive)

• + Added@material/list@0.44.1(transitive)

• + Added@material/ripple@0.44.1(transitive)

• + Added@material/shape@0.44.1(transitive)

• + Added@material/typography@0.44.1(transitive)

• - Removed@material/list@0.43.0(transitive)

• - Removed@material/ripple@0.43.0(transitive)

• - Removed@material/shape@0.43.0(transitive)

• - Removed@material/typography@0.43.0(transitive)

• Updated@material/list@^0.44.0

• Updated@rmwc/base@^5.0.20-alpha.0

• Updated@rmwc/icon@^5.0.20-alpha.0

• Updated@rmwc/provider@^5.0.20-alpha.0

• Updated@rmwc/ripple@^5.0.20-alpha.0