@react-md/states - npm Package Compare versions

Comparing version 2.1.2 to 2.3.0-alpha.0

CHANGELOG.md

@@ -6,29 +6,22 @@ # Change Log
 
-## [2.1.2](https://github.com/mlaursen/react-md/compare/v2.1.1...v2.1.2) (2020-08-01)
+# [2.3.0-alpha.0](https://github.com/mlaursen/react-md/compare/v2.2.0...v2.3.0-alpha.0) (2020-09-01)
 
-**Note:** Version bump only for package @react-md/states
+### Bug Fixes
 
-# Change Log
+- [@react-md/states](../states): fixed usedPressStates to pass onClick like
+  other state hooks
+  ([82cd676](https://github.com/mlaursen/react-md/commit/82cd67695c2ecd6e9a710d5fbfce97ae4dfeda80))
 
-All notable changes to this project will be documented in this file. See
-[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+## [2.1.2](https://github.com/mlaursen/react-md/compare/v2.1.1...v2.1.2) (2020-08-01)
 
+**Note:** Version bump only for package [@react-md/states](../states)
+
 ## [2.1.1](https://github.com/mlaursen/react-md/compare/v2.1.0...v2.1.1) (2020-07-21)
 
-**Note:** Version bump only for package @react-md/states
+**Note:** Version bump only for package [@react-md/states](../states)
 
-# Change Log
-
-All notable changes to this project will be documented in this file. See
-[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
-
 # [2.1.0](https://github.com/mlaursen/react-md/compare/v2.0.4...v2.1.0) (2020-07-12)
 
-**Note:** Version bump only for package @react-md/states
+**Note:** Version bump only for package [@react-md/states](../states)
 
-# Change Log
-
-All notable changes to this project will be documented in this file. See
-[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
-
 ## [2.0.2](https://github.com/mlaursen/react-md/compare/v2.0.1...v2.0.2) (2020-06-30)
@@ -40,5 +33,5 @@
   ([50c9021](https://github.com/mlaursen/react-md/commit/50c9021cedc0d642758b9fd541bb6c93d2fe1786))
-- Added sideEffects field to package.json
+- Added `sideEffects` field to `package.json`
   ([31820b9](https://github.com/mlaursen/react-md/commit/31820b9b43705e5849664500a17b6849eb6dc2a9))
-- sideEffects formatting
+- `sideEffects` formatting
   ([78a7b6b](https://github.com/mlaursen/react-md/commit/78a7b6b0e40c7daefb749835670705f21bd21720))
@@ -45,0 +38,0 @@

es/usePressedStates.js

@@ -125,2 +125,3 @@ var __assign = (this && this.__assign) || function () {
         handlers: {
+            onClick: handlers.onClick,
             onKeyDown: handleKeyDown,
@@ -127,0 +128,0 @@ onKeyUp: handleKeyUp,

lib/ripples/types.d.ts

@@ -20,3 +20,4 @@ import React, { CSSProperties, HTMLAttributes } from "react";
 export declare type RipplesState = RippleState[];
-export declare type MergableRippleHandlers<E extends HTMLElement = HTMLElement> = Pick<HTMLAttributes<E>, "onKeyDown" | "onKeyUp" | "onMouseDown" | "onMouseUp" | "onMouseLeave" | "onClick" | "onTouchStart" | "onTouchMove" | "onTouchEnd">;
+export declare type MergableRippleHandlerNames = "onKeyDown" | "onKeyUp" | "onMouseDown" | "onMouseUp" | "onMouseLeave" | "onClick" | "onTouchStart" | "onTouchMove" | "onTouchEnd";
+export declare type MergableRippleHandlers<E extends HTMLElement = HTMLElement> = Pick<HTMLAttributes<E>, MergableRippleHandlerNames>;
 export interface RipplesOptions<E extends HTMLElement = HTMLElement> {
@@ -23,0 +24,0 @@ /**

lib/usePressedStates.js

@@ -127,2 +127,3 @@ "use strict";
         handlers: {
+            onClick: handlers.onClick,
             onKeyDown: handleKeyDown,
@@ -129,0 +130,0 @@ onKeyUp: handleKeyUp,

package.json

 {
   "name": "@react-md/states",
-  "version": "2.1.2",
+  "version": "2.3.0-alpha.0",
   "description": "A package for adding the different focus, hover, selected, active, etc states to elements",
@@ -42,6 +42,6 @@ "scripts": {
   "dependencies": {
-    "@react-md/theme": "^2.1.2",
-    "@react-md/transition": "^2.1.2",
-    "@react-md/utils": "^2.1.0",
-    "react-transition-group": "^4.3.0"
+    "@react-md/theme": "^2.3.0-alpha.0",
+    "@react-md/transition": "^2.3.0-alpha.0",
+    "@react-md/utils": "^2.3.0-alpha.0",
+    "react-transition-group": "^4.4.1"
   },
@@ -61,3 +61,3 @@ "devDependencies": {
   },
-  "gitHead": "b37e2fd0ec3413111e81e994f54cef68a113103f"
+  "gitHead": "1026b00201cb5ab60735372acd9b8abd26cc3c05"
 }

README.md

@@ -12,3 +12,3 @@ # @react-md/states
 ```sh
-$ npm install --save @react-md/states
+npm install --save @react-md/states
 ```
@@ -19,5 +19,5 @@
 ```sh
-$ npm install --save @react-md/theme \
-    @react-md/typography \
-    @react-md/utils
+npm install --save @react-md/theme \
+  @react-md/typography \
+  @react-md/utils
 ```
@@ -24,0 +24,0 @@

src/ripples/types.ts

@@ -29,4 +29,3 @@ import React, { CSSProperties, HTMLAttributes } from "react";
 
-export type MergableRippleHandlers<E extends HTMLElement = HTMLElement> = Pick<
-  HTMLAttributes<E>,
+export type MergableRippleHandlerNames =
   | "onKeyDown"
@@ -40,3 +39,6 @@ | "onKeyUp"
   | "onTouchMove"
-  | "onTouchEnd"
+  | "onTouchEnd";
+export type MergableRippleHandlers<E extends HTMLElement = HTMLElement> = Pick<
+  HTMLAttributes<E>,
+  MergableRippleHandlerNames
 >;
@@ -43,0 +45,0 @@

src/usePressedStates.ts

@@ -150,2 +150,3 @@ import { useCallback, useState } from "react";
     handlers: {
+      onClick: handlers.onClick,
       onKeyDown: handleKeyDown,
@@ -152,0 +153,0 @@ onKeyUp: handleKeyUp,

types/ripples/types.d.ts

@@ -20,3 +20,4 @@ import React, { CSSProperties, HTMLAttributes } from "react";
 export declare type RipplesState = RippleState[];
-export declare type MergableRippleHandlers<E extends HTMLElement = HTMLElement> = Pick<HTMLAttributes<E>, "onKeyDown" | "onKeyUp" | "onMouseDown" | "onMouseUp" | "onMouseLeave" | "onClick" | "onTouchStart" | "onTouchMove" | "onTouchEnd">;
+export declare type MergableRippleHandlerNames = "onKeyDown" | "onKeyUp" | "onMouseDown" | "onMouseUp" | "onMouseLeave" | "onClick" | "onTouchStart" | "onTouchMove" | "onTouchEnd";
+export declare type MergableRippleHandlers<E extends HTMLElement = HTMLElement> = Pick<HTMLAttributes<E>, MergableRippleHandlerNames>;
 export interface RipplesOptions<E extends HTMLElement = HTMLElement> {
@@ -23,0 +24,0 @@ /**

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

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

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

326109

increased by1.37%

Lines of code

5144

increased by0.47%

Worsened metrics

Number of low quality alerts

1

increased byInfinity%

Dependency changes

• Updated@react-md/theme@^2.3.0-alpha.0

• Updated@react-md/transition@^2.3.0-alpha.0

• Updated@react-md/utils@^2.3.0-alpha.0

• Updatedreact-transition-group@^4.4.1