@react-md/states - npm Package Compare versions

Comparing version 5.0.0 to 5.1.0

CHANGELOG.md

@@ -6,2 +6,14 @@ # Change Log
 
+# [5.1.0](https://github.com/mlaursen/react-md/compare/v5.0.0...v5.1.0) (2022-03-18)
+
+
+### Other Internal Changes
+
+* run lint-scripts --fix for consistent-type-imports ([42d839d](https://github.com/mlaursen/react-md/commit/42d839d359922e0a8ee3775a75162b9755a2c2b6))
+
+
+
+
+
+
 # [5.0.0](https://github.com/mlaursen/react-md/compare/v4.0.3...v5.0.0) (2022-01-31)
@@ -8,0 +20,0 @@

es/ripples/Ripple.js

@@ -14,3 +14,3 @@ var __assign = (this && this.__assign) || function () {
 import cn from "classnames";
-import { useCSSTransition, } from "@react-md/transition";
+import { useCSSTransition } from "@react-md/transition";
 import { useStatesConfigContext } from "../StatesConfig";
@@ -47,4 +47,4 @@ export function Ripple(_a) {
     }
-    return _jsx("span", __assign({}, elementProps, { style: style }), void 0);
+    return _jsx("span", __assign({}, elementProps, { style: style }));
 }
 //# sourceMappingURL=Ripple.js.map

es/ripples/RippleContainer.js

@@ -17,4 +17,4 @@ var __assign = (this && this.__assign) || function () {
     var ripples = _a.ripples, className = _a.className, rippleClassName = _a.rippleClassName, timeout = _a.timeout, classNames = _a.classNames, entered = _a.entered, exited = _a.exited;
-    return (_jsx("span", __assign({ className: cn("rmd-ripple-container", className) }, { children: ripples.map(function (ripple) { return (_jsx(Ripple, { ripple: ripple, className: rippleClassName, entered: entered, exited: exited, timeout: timeout, classNames: classNames }, ripple.startTime)); }) }), void 0));
+    return (_jsx("span", __assign({ className: cn("rmd-ripple-container", className) }, { children: ripples.map(function (ripple) { return (_jsx(Ripple, { ripple: ripple, className: rippleClassName, entered: entered, exited: exited, timeout: timeout, classNames: classNames }, ripple.startTime)); }) })));
 }
 //# sourceMappingURL=RippleContainer.js.map

es/StatesConfig.js

@@ -13,3 +13,3 @@ var __assign = (this && this.__assign) || function () {
 import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useContext, useMemo, } from "react";
+import { createContext, useContext, useMemo } from "react";
 import { DEFAULT_RIPPLE_CLASSNAMES, DEFAULT_RIPPLE_TIMEOUT, } from "./ripples/constants";
@@ -48,4 +48,4 @@ export var StatesConfigContext = createContext({
     }); }, [rippleTimeout, rippleClassNames, disableRipple, disableProgrammaticRipple]);
-    return (_jsx(StatesConfigContext.Provider, __assign({ value: value }, { children: children }), void 0));
+    return (_jsx(StatesConfigContext.Provider, __assign({ value: value }, { children: children })));
 }
 //# sourceMappingURL=StatesConfig.js.map

es/useInteractionStates.js

@@ -14,3 +14,3 @@ var __assign = (this && this.__assign) || function () {
 import { useRipples } from "./ripples/useRipples";
-import { useStatesConfigContext, } from "./StatesConfig";
+import { useStatesConfigContext } from "./StatesConfig";
 import { useKeyboardClickPolyfill } from "./useKeyboardClickPolyfill";
@@ -17,0 +17,0 @@ import { usePressedStates } from "./usePressedStates";

lib/index.js

 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
@@ -6,0 +10,0 @@ if (k2 === undefined) k2 = k;

lib/ripples/Ripple.d.ts

 import type { ReactElement } from "react";
-import { CSSTransitionClassNames, TransitionTimeout } from "@react-md/transition";
+import type { CSSTransitionClassNames, TransitionTimeout } from "@react-md/transition";
 import type { RippleState } from "./types";
@@ -4,0 +4,0 @@ export interface RippleProps {

lib/ripples/Ripple.js

@@ -52,5 +52,5 @@ "use strict";
     }
-    return (0, jsx_runtime_1.jsx)("span", __assign({}, elementProps, { style: style }), void 0);
+    return (0, jsx_runtime_1.jsx)("span", __assign({}, elementProps, { style: style }));
 }
 exports.Ripple = Ripple;
 //# sourceMappingURL=Ripple.js.map

lib/ripples/RippleContainer.js

@@ -23,5 +23,5 @@ "use strict";
     var ripples = _a.ripples, className = _a.className, rippleClassName = _a.rippleClassName, timeout = _a.timeout, classNames = _a.classNames, entered = _a.entered, exited = _a.exited;
-    return ((0, jsx_runtime_1.jsx)("span", __assign({ className: (0, classnames_1.default)("rmd-ripple-container", className) }, { children: ripples.map(function (ripple) { return ((0, jsx_runtime_1.jsx)(Ripple_1.Ripple, { ripple: ripple, className: rippleClassName, entered: entered, exited: exited, timeout: timeout, classNames: classNames }, ripple.startTime)); }) }), void 0));
+    return ((0, jsx_runtime_1.jsx)("span", __assign({ className: (0, classnames_1.default)("rmd-ripple-container", className) }, { children: ripples.map(function (ripple) { return ((0, jsx_runtime_1.jsx)(Ripple_1.Ripple, { ripple: ripple, className: rippleClassName, entered: entered, exited: exited, timeout: timeout, classNames: classNames }, ripple.startTime)); }) })));
 }
 exports.RippleContainer = RippleContainer;
 //# sourceMappingURL=RippleContainer.js.map

lib/StatesConfig.d.ts

@@ -1,2 +0,2 @@
-import { ReactElement, ReactNode } from "react";
+import type { ReactElement, ReactNode } from "react";
 import type { CSSTransitionClassNames, TransitionTimeout } from "@react-md/transition";
@@ -3,0 +3,0 @@ /**

lib/StatesConfig.js

@@ -51,5 +51,5 @@ "use strict";
     }); }, [rippleTimeout, rippleClassNames, disableRipple, disableProgrammaticRipple]);
-    return ((0, jsx_runtime_1.jsx)(exports.StatesConfigContext.Provider, __assign({ value: value }, { children: children }), void 0));
+    return ((0, jsx_runtime_1.jsx)(exports.StatesConfigContext.Provider, __assign({ value: value }, { children: children })));
 }
 exports.StatesConfig = StatesConfig;
 //# sourceMappingURL=StatesConfig.js.map

lib/useInteractionStates.d.ts

 import type { ReactNode } from "react";
 import type { MergableRippleHandlers, RipplesOptions } from "./ripples/types";
-import { StatesConfigContextType } from "./StatesConfig";
+import type { StatesConfigContextType } from "./StatesConfig";
 export interface InteractionStatesOptions<E extends HTMLElement = HTMLElement> extends Partial<StatesConfigContextType>, RipplesOptions<E> {
@@ -5,0 +5,0 @@ /**

package.json

 {
   "name": "@react-md/states",
-  "version": "5.0.0",
+  "version": "5.1.0",
   "description": "A package for adding the different focus, hover, selected, active, etc states to elements",
@@ -31,5 +31,5 @@ "main": "./lib/index.js",
   "dependencies": {
-    "@react-md/theme": "^5.0.0",
-    "@react-md/transition": "^5.0.0",
-    "@react-md/utils": "^5.0.0",
+    "@react-md/theme": "^5.1.0",
+    "@react-md/transition": "^5.1.0",
+    "@react-md/utils": "^5.1.0",
     "classnames": "^2.3.1"
@@ -56,3 +56,3 @@ },
   },
-  "gitHead": "a67e871627db20ca8ee4b672f6e99f2f7f438c96"
+  "gitHead": "d2446029706ae96aada0131f93ed7c1adcc14d70"
 }

src/ripples/reducer.ts

@@ -1,2 +0,3 @@
-import { Reducer, useCallback, useReducer } from "react";
+import type { Reducer } from "react";
+import { useCallback, useReducer } from "react";
 import { useRefCache } from "@react-md/utils";
@@ -3,0 +4,0 @@

src/useInteractionStates.ts

@@ -7,6 +7,4 @@ import type { ReactNode } from "react";
 import { useRipples } from "./ripples/useRipples";
-import {
-  StatesConfigContextType,
-  useStatesConfigContext,
-} from "./StatesConfig";
+import type { StatesConfigContextType } from "./StatesConfig";
+import { useStatesConfigContext } from "./StatesConfig";
 import { useKeyboardClickPolyfill } from "./useKeyboardClickPolyfill";
@@ -13,0 +11,0 @@ import { usePressedStates } from "./usePressedStates";

types/ripples/Ripple.d.ts

 import type { ReactElement } from "react";
-import { CSSTransitionClassNames, TransitionTimeout } from "@react-md/transition";
+import type { CSSTransitionClassNames, TransitionTimeout } from "@react-md/transition";
 import type { RippleState } from "./types";
@@ -4,0 +4,0 @@ export interface RippleProps {

types/StatesConfig.d.ts

@@ -1,2 +0,2 @@
-import { ReactElement, ReactNode } from "react";
+import type { ReactElement, ReactNode } from "react";
 import type { CSSTransitionClassNames, TransitionTimeout } from "@react-md/transition";
@@ -3,0 +3,0 @@ /**

types/useInteractionStates.d.ts

 import type { ReactNode } from "react";
 import type { MergableRippleHandlers, RipplesOptions } from "./ripples/types";
-import { StatesConfigContextType } from "./StatesConfig";
+import type { StatesConfigContextType } from "./StatesConfig";
 export interface InteractionStatesOptions<E extends HTMLElement = HTMLElement> extends Partial<StatesConfigContextType>, RipplesOptions<E> {
@@ -5,0 +5,0 @@ /**

No alert changes

Improved metrics

Total package byte prevSize

275060

0.2%

Worsened metrics

Lines of code

4073

-0.05%

Dependency changes

• Updated

  @react-md/theme@^5.1.0

• Updated

  @react-md/transition@^5.1.0

• Updated

  @react-md/utils@^5.1.0