@react-md/divider - npm Package Compare versions

Comparing version 3.1.0 to 4.0.0

CHANGELOG.md

@@ -6,2 +6,31 @@ # Change Log
 
+# [4.0.0](https://github.com/mlaursen/react-md/compare/v3.1.1...v4.0.0) (2021-11-24)
+
+
+### Features
+
+* Update to use new JSX Transform and latest `eslint` ([8111cd3](https://github.com/mlaursen/react-md/commit/8111cd31e45bf60c1b92509264af1b71dfba5696))
+* **@react-md/typography:** Renamed Text to `Typography` ([30cf056](https://github.com/mlaursen/react-md/commit/30cf056fbaf0e3d28e04dd03f1fd37929967f7ab))
+
+
+### Other Internal Changes
+
+* always skip lib check ([229cef1](https://github.com/mlaursen/react-md/commit/229cef1e3d338ea362c1a2eaac06204c84ff21a6))
+* **react-md:** Remove prop-types package and usage ([2637a6f](https://github.com/mlaursen/react-md/commit/2637a6f43d681a06054e3a4518f692cf51baf997))
+
+
+### Breaking Changes
+
+* Minimum React version is now 16.14 instead of 16.8
+* **@react-md/typography:** The Text component has been renamed to Typography to
+help with auto-imports conflicting with the Text element that exists in
+`lib.d.ts`
+* **react-md:** There will no longer be run-time prop validation with
+the `prop-types` package.
+
+
+
+
+
+
 # [3.1.0](https://github.com/mlaursen/react-md/compare/v3.0.1...v3.1.0) (2021-09-10)
@@ -8,0 +37,0 @@

es/Divider.js

@@ -23,3 +23,4 @@ var __assign = (this && this.__assign) || function () {
 };
-import React, { forwardRef } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import cn from "classnames";
@@ -31,17 +32,4 @@ import { bem } from "@react-md/utils";
     var Component = (vertical ? "div" : "hr");
-    return (React.createElement(Component, __assign({}, props, { ref: ref, role: role, className: cn(block({ inset: !vertical && inset, vertical: vertical }), className) })));
+    return (_jsx(Component, __assign({}, props, { ref: ref, role: role, className: cn(block({ inset: !vertical && inset, vertical: vertical }), className) }), void 0));
 });
-/* istanbul ignore next */
-if (process.env.NODE_ENV !== "production") {
-    try {
-        var PropTypes = require("prop-types");
-        Divider.propTypes = {
-            role: PropTypes.string,
-            inset: PropTypes.bool,
-            className: PropTypes.string,
-            vertical: PropTypes.bool,
-        };
-    }
-    catch (e) { }
-}
 //# sourceMappingURL=Divider.js.map

es/VerticalDivider.js

@@ -23,3 +23,4 @@ var __assign = (this && this.__assign) || function () {
 };
-import React, { forwardRef, useCallback, useState, } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useCallback, useState } from "react";
 import { applyRef } from "@react-md/utils";
@@ -66,25 +67,4 @@ import { Divider } from "./Divider";
     var _c = useVerticalDividerHeight(maxHeight, forwardedRef), ref = _c.ref, height = _c.height;
-    return (React.createElement(Divider, __assign({}, props, { style: __assign(__assign({}, style), { height: height }), ref: ref, vertical: true })));
+    return (_jsx(Divider, __assign({}, props, { style: __assign(__assign({}, style), { height: height }), ref: ref, vertical: true }), void 0));
 });
-/* istanbul ignore next */
-if (process.env.NODE_ENV !== "production") {
-    try {
-        var PropTypes = require("prop-types");
-        VerticalDivider.propTypes = {
-            style: PropTypes.object,
-            maxHeight: PropTypes.number,
-            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-expect-error
-            _validateMaxHeight: function (_a, _, componentName) {
-                var _b = _a.maxHeight, maxHeight = _b === void 0 ? 1 : _b;
-                if (maxHeight < 0) {
-                    return new Error("The maxHeight prop for `" + componentName + "` must be a number greater " +
-                        ("than 0, but received `" + maxHeight + "`."));
-                }
-                return null;
-            },
-        };
-    }
-    catch (e) { }
-}
 //# sourceMappingURL=VerticalDivider.js.map

lib/Divider.d.ts

@@ -1,2 +0,2 @@
-import React, { HTMLAttributes } from "react";
+import { HTMLAttributes } from "react";
 export declare type DividerElement = HTMLHRElement | HTMLDivElement;
@@ -24,2 +24,2 @@ export interface DividerProps extends HTMLAttributes<DividerElement> {
 }
-export declare const Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<DividerElement>>;
+export declare const Divider: import("react").ForwardRefExoticComponent<DividerProps & import("react").RefAttributes<DividerElement>>;

lib/Divider.js

@@ -13,21 +13,2 @@ "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]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __rest = (this && this.__rest) || function (s, e) {
@@ -49,3 +30,4 @@ var t = {};
 exports.Divider = void 0;
-var react_1 = __importStar(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
 var classnames_1 = __importDefault(require("classnames"));
@@ -57,17 +39,4 @@ var utils_1 = require("@react-md/utils");
     var Component = (vertical ? "div" : "hr");
-    return (react_1.default.createElement(Component, __assign({}, props, { ref: ref, role: role, className: (0, classnames_1.default)(block({ inset: !vertical && inset, vertical: vertical }), className) })));
+    return ((0, jsx_runtime_1.jsx)(Component, __assign({}, props, { ref: ref, role: role, className: (0, classnames_1.default)(block({ inset: !vertical && inset, vertical: vertical }), className) }), void 0));
 });
-/* istanbul ignore next */
-if (process.env.NODE_ENV !== "production") {
-    try {
-        var PropTypes = require("prop-types");
-        exports.Divider.propTypes = {
-            role: PropTypes.string,
-            inset: PropTypes.bool,
-            className: PropTypes.string,
-            vertical: PropTypes.bool,
-        };
-    }
-    catch (e) { }
-}
 //# sourceMappingURL=Divider.js.map

lib/VerticalDivider.d.ts

@@ -1,2 +0,2 @@
-import React, { HTMLAttributes, Ref } from "react";
+import { HTMLAttributes, Ref } from "react";
 export interface VerticalDividerProps extends HTMLAttributes<HTMLDivElement> {
@@ -34,3 +34,3 @@ /**
  */
-export declare const VerticalDivider: React.ForwardRefExoticComponent<VerticalDividerProps & React.RefAttributes<HTMLDivElement>>;
+export declare const VerticalDivider: import("react").ForwardRefExoticComponent<VerticalDividerProps & import("react").RefAttributes<HTMLDivElement>>;
 export {};

lib/VerticalDivider.js

@@ -13,21 +13,2 @@ "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]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __rest = (this && this.__rest) || function (s, e) {
@@ -46,3 +27,4 @@ var t = {};
 exports.VerticalDivider = exports.useVerticalDividerHeight = void 0;
-var react_1 = __importStar(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
 var utils_1 = require("@react-md/utils");
@@ -90,25 +72,4 @@ var Divider_1 = require("./Divider");
     var _c = useVerticalDividerHeight(maxHeight, forwardedRef), ref = _c.ref, height = _c.height;
-    return (react_1.default.createElement(Divider_1.Divider, __assign({}, props, { style: __assign(__assign({}, style), { height: height }), ref: ref, vertical: true })));
+    return ((0, jsx_runtime_1.jsx)(Divider_1.Divider, __assign({}, props, { style: __assign(__assign({}, style), { height: height }), ref: ref, vertical: true }), void 0));
 });
-/* istanbul ignore next */
-if (process.env.NODE_ENV !== "production") {
-    try {
-        var PropTypes = require("prop-types");
-        exports.VerticalDivider.propTypes = {
-            style: PropTypes.object,
-            maxHeight: PropTypes.number,
-            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-expect-error
-            _validateMaxHeight: function (_a, _, componentName) {
-                var _b = _a.maxHeight, maxHeight = _b === void 0 ? 1 : _b;
-                if (maxHeight < 0) {
-                    return new Error("The maxHeight prop for `" + componentName + "` must be a number greater " +
-                        ("than 0, but received `" + maxHeight + "`."));
-                }
-                return null;
-            },
-        };
-    }
-    catch (e) { }
-}
 //# sourceMappingURL=VerticalDivider.js.map

package.json

 {
   "name": "@react-md/divider",
-  "version": "3.1.0",
+  "version": "4.0.0",
   "description": "This package is used to create horizontal or vertical dividers in your application.",
@@ -31,4 +31,4 @@ "main": "./lib/index.js",
   "dependencies": {
-    "@react-md/theme": "^3.1.0",
-    "@react-md/utils": "^3.1.0",
+    "@react-md/theme": "^4.0.0",
+    "@react-md/utils": "^4.0.0",
     "classnames": "^2.3.1"
@@ -41,11 +41,8 @@ },
   "peerDependencies": {
-    "react": ">= 16.8"
+    "react": ">= 16.14"
   },
-  "optionalDependencies": {
-    "prop-types": ">= 15.6"
-  },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "5891a3255f12fb34d2cc82d81d10f85f712a21e8"
+  "gitHead": "a9f2d64a777698fa65bb3196f6063cdd8321f5cb"
 }

README.md

@@ -40,6 +40,6 @@ # @react-md/divider
 ```tsx
-import React from "react";
 import { render } from "react-dom";
 import { Divider } from "@react-md/divider";
 import { List, ListItem } from "@react-md/list";
+import { Typography } from "@react-m/typography";
 
@@ -49,7 +49,7 @@ const App = () => (
     <div className="section-1">
-      <Text>Here is some text.</Text>
+      <Typography>Here is some text.</Typography>
     </div>
     <Divider />
     <div className="section-2">
-      <Text>Here is some more text.</Text>
+      <Typography>Here is some more text.</Typography>
     </div>
@@ -56,0 +56,0 @@ <List>

types/Divider.d.ts

@@ -1,2 +0,2 @@
-import React, { HTMLAttributes } from "react";
+import { HTMLAttributes } from "react";
 export declare type DividerElement = HTMLHRElement | HTMLDivElement;
@@ -24,2 +24,2 @@ export interface DividerProps extends HTMLAttributes<DividerElement> {
 }
-export declare const Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<DividerElement>>;
+export declare const Divider: import("react").ForwardRefExoticComponent<DividerProps & import("react").RefAttributes<DividerElement>>;

types/VerticalDivider.d.ts

@@ -1,2 +0,2 @@
-import React, { HTMLAttributes, Ref } from "react";
+import { HTMLAttributes, Ref } from "react";
 export interface VerticalDividerProps extends HTMLAttributes<HTMLDivElement> {
@@ -34,3 +34,3 @@ /**
  */
-export declare const VerticalDivider: React.ForwardRefExoticComponent<VerticalDividerProps & React.RefAttributes<HTMLDivElement>>;
+export declare const VerticalDivider: import("react").ForwardRefExoticComponent<VerticalDividerProps & import("react").RefAttributes<HTMLDivElement>>;
 export {};

No alert changes

Improved metrics

Dependency count

4

decreased by-20%

Number of low supply chain risk alerts

2

decreased by-66.67%

Worsened metrics

Total package byte prevSize

58102

decreased by-8.78%

Lines of code

554

decreased by-20.74%

Dependency changes

• + Added@react-md/theme@4.0.3(transitive)

• + Added@react-md/utils@4.0.3(transitive)

• + Addedreact-dom@19.0.0(transitive)

• + Addedscheduler@0.25.0(transitive)

• - Removed@react-md/theme@3.1.0(transitive)

• - Removed@react-md/utils@3.1.0(transitive)

• - Removedjs-tokens@4.0.0(transitive)

• - Removedloose-envify@1.4.0(transitive)

• - Removedobject-assign@4.1.1(transitive)

• - Removedprop-types@15.8.1(transitive)

• - Removedreact-is@16.13.1(transitive)

• Updated@react-md/theme@^4.0.0

• Updated@react-md/utils@^4.0.0