@react-md/list - npm Package Compare versions

Comparing version 3.0.1 to 3.1.0

CHANGELOG.md

@@ -6,2 +6,14 @@ # Change Log
 
+# [3.1.0](https://github.com/mlaursen/react-md/compare/v3.0.1...v3.1.0) (2021-09-10)
+
+
+### Other Internal Changes
+
+* ran `yarn format` to include new files ([48d3d7f](https://github.com/mlaursen/react-md/commit/48d3d7fddb0435edf7dec9d0ba38cf3f0f251709))
+
+
+
+
+
+
 ## [3.0.1](https://github.com/mlaursen/react-md/compare/v3.0.0...v3.0.1) (2021-08-15)
@@ -8,0 +20,0 @@

lib/List.js

@@ -51,3 +51,3 @@ "use strict";
 var utils_1 = require("@react-md/utils");
-var block = utils_1.bem("rmd-list");
+var block = (0, utils_1.bem)("rmd-list");
 /**
@@ -58,6 +58,6 @@ * The `List` component creates an unstyled ordered or unordered list that
  */
-exports.List = react_1.forwardRef(function List(_a, ref) {
+exports.List = (0, react_1.forwardRef)(function List(_a, ref) {
     var _b = _a.role, role = _b === void 0 ? "none" : _b, _c = _a.dense, dense = _c === void 0 ? false : _c, _d = _a.ordered, ordered = _d === void 0 ? false : _d, _e = _a.horizontal, horizontal = _e === void 0 ? false : _e, className = _a.className, children = _a.children, props = __rest(_a, ["role", "dense", "ordered", "horizontal", "className", "children"]);
     var Component = (ordered ? "ol" : "ul");
-    return (react_1.default.createElement(Component, __assign({}, props, { ref: ref, role: role, className: classnames_1.default(block({ dense: dense, horizontal: horizontal }), className) }), children));
+    return (react_1.default.createElement(Component, __assign({}, props, { ref: ref, role: role, className: (0, classnames_1.default)(block({ dense: dense, horizontal: horizontal }), className) }), children));
 });
@@ -64,0 +64,0 @@ /* istanbul ignore next */

lib/ListItem.js

@@ -54,5 +54,5 @@ "use strict";
  */
-exports.ListItem = react_1.forwardRef(function ListItem(_a, ref) {
+exports.ListItem = (0, react_1.forwardRef)(function ListItem(_a, ref) {
     var propClassName = _a.className, textClassName = _a.textClassName, secondaryTextClassName = _a.secondaryTextClassName, _b = _a.textChildren, textChildren = _b === void 0 ? true : _b, primaryText = _a.primaryText, secondaryText = _a.secondaryText, children = _a.children, leftAddon = _a.leftAddon, _c = _a.leftAddonType, leftAddonType = _c === void 0 ? "icon" : _c, _d = _a.leftAddonPosition, leftAddonPosition = _d === void 0 ? "middle" : _d, rightAddon = _a.rightAddon, _e = _a.rightAddonType, rightAddonType = _e === void 0 ? "icon" : _e, _f = _a.rightAddonPosition, rightAddonPosition = _f === void 0 ? "middle" : _f, forceAddonWrap = _a.forceAddonWrap, _g = _a.height, propHeight = _g === void 0 ? "auto" : _g, _h = _a.disableSpacebarClick, disableSpacebarClick = _h === void 0 ? false : _h, _j = _a.disableRipple, disableRipple = _j === void 0 ? false : _j, _k = _a.disableProgrammaticRipple, disableProgrammaticRipple = _k === void 0 ? false : _k, _l = _a.disablePressedFallback, disablePressedFallback = _l === void 0 ? false : _l, rippleTimeout = _a.rippleTimeout, rippleClassNames = _a.rippleClassNames, rippleClassName = _a.rippleClassName, rippleContainerClassName = _a.rippleContainerClassName, _m = _a.role, role = _m === void 0 ? "button" : _m, _o = _a.disabled, disabled = _o === void 0 ? false : _o, _p = _a.tabIndex, tabIndex = _p === void 0 ? disabled ? -1 : 0 : _p, props = __rest(_a, ["className", "textClassName", "secondaryTextClassName", "textChildren", "primaryText", "secondaryText", "children", "leftAddon", "leftAddonType", "leftAddonPosition", "rightAddon", "rightAddonType", "rightAddonPosition", "forceAddonWrap", "height", "disableSpacebarClick", "disableRipple", "disableProgrammaticRipple", "disablePressedFallback", "rippleTimeout", "rippleClassNames", "rippleClassName", "rippleContainerClassName", "role", "disabled", "tabIndex"]);
-    var _q = states_1.useInteractionStates({
+    var _q = (0, states_1.useInteractionStates)({
         className: propClassName,
@@ -70,3 +70,3 @@ handlers: props,
     }), ripples = _q.ripples, className = _q.className, handlers = _q.handlers;
-    var height = getListItemHeight_1.getListItemHeight({
+    var height = (0, getListItemHeight_1.getListItemHeight)({
         height: propHeight,
@@ -73,0 +73,0 @@ leftAddon: leftAddon,

lib/ListItemAddon.js

@@ -33,3 +33,3 @@ "use strict";
 var utils_1 = require("@react-md/utils");
-var base = utils_1.bem("rmd-list-item");
+var base = (0, utils_1.bem)("rmd-list-item");
 /**
@@ -44,3 +44,3 @@ * The `ListItemAddon` is used to create an addon to the left or right of the
     var isAvatar = type === "avatar";
-    return (react_1.default.createElement(icon_1.TextIconSpacing, __assign({}, props, { icon: addon, forceIconWrap: forceAddonWrap !== null && forceAddonWrap !== void 0 ? forceAddonWrap : isMedia, className: classnames_1.default(base("addon", (_b = {},
+    return (react_1.default.createElement(icon_1.TextIconSpacing, __assign({}, props, { icon: addon, forceIconWrap: forceAddonWrap !== null && forceAddonWrap !== void 0 ? forceAddonWrap : isMedia, className: (0, classnames_1.default)(base("addon", (_b = {},
             _b[position] = position !== "middle",
@@ -47,0 +47,0 @@ _b.before = !addonAfter,

lib/ListItemLink.js

@@ -58,6 +58,6 @@ "use strict";
  */
-exports.ListItemLink = react_1.forwardRef(function ListItemLink(_a, ref) {
+exports.ListItemLink = (0, react_1.forwardRef)(function ListItemLink(_a, ref) {
     var _b;
     var propClassName = _a.className, textClassName = _a.textClassName, secondaryTextClassName = _a.secondaryTextClassName, textChildren = _a.textChildren, primaryText = _a.primaryText, secondaryText = _a.secondaryText, children = _a.children, leftAddon = _a.leftAddon, _c = _a.leftAddonType, leftAddonType = _c === void 0 ? "icon" : _c, _d = _a.leftAddonPosition, leftAddonPosition = _d === void 0 ? "middle" : _d, rightAddon = _a.rightAddon, _e = _a.rightAddonType, rightAddonType = _e === void 0 ? "icon" : _e, _f = _a.rightAddonPosition, rightAddonPosition = _f === void 0 ? "middle" : _f, forceAddonWrap = _a.forceAddonWrap, _g = _a.height, propHeight = _g === void 0 ? "auto" : _g, _h = _a.threeLines, threeLines = _h === void 0 ? false : _h, _j = _a.component, Component = _j === void 0 ? "a" : _j, disableSpacebarClick = _a.disableSpacebarClick, disableRipple = _a.disableRipple, disableProgrammaticRipple = _a.disableProgrammaticRipple, disablePressedFallback = _a.disablePressedFallback, rippleTimeout = _a.rippleTimeout, rippleClassNames = _a.rippleClassNames, rippleClassName = _a.rippleClassName, rippleContainerClassName = _a.rippleContainerClassName, props = __rest(_a, ["className", "textClassName", "secondaryTextClassName", "textChildren", "primaryText", "secondaryText", "children", "leftAddon", "leftAddonType", "leftAddonPosition", "rightAddon", "rightAddonType", "rightAddonPosition", "forceAddonWrap", "height", "threeLines", "component", "disableSpacebarClick", "disableRipple", "disableProgrammaticRipple", "disablePressedFallback", "rippleTimeout", "rippleClassNames", "rippleClassName", "rippleContainerClassName"]);
-    var height = getListItemHeight_1.getListItemHeight({
+    var height = (0, getListItemHeight_1.getListItemHeight)({
         height: propHeight,
@@ -70,3 +70,3 @@ leftAddon: leftAddon,
     });
-    var _k = states_1.useInteractionStates({
+    var _k = (0, states_1.useInteractionStates)({
         className: propClassName,
@@ -83,3 +83,3 @@ handlers: props,
     }), ripples = _k.ripples, className = _k.className, handlers = _k.handlers;
-    return (react_1.default.createElement(Component, __assign({}, props, handlers, { ref: ref, className: classnames_1.default("rmd-list-item rmd-list-item--clickable rmd-list-item--link", (_b = {},
+    return (react_1.default.createElement(Component, __assign({}, props, handlers, { ref: ref, className: (0, classnames_1.default)("rmd-list-item rmd-list-item--clickable rmd-list-item--link", (_b = {},
             _b["rmd-list-item--" + height] = height !== "auto" && height !== "normal",
@@ -86,0 +86,0 @@ _b["rmd-list-item--three-lines"] = !!secondaryText && threeLines,

lib/ListItemText.js

@@ -10,3 +10,3 @@ "use strict";
 var utils_1 = require("@react-md/utils");
-var block = utils_1.bem("rmd-list-item");
+var block = (0, utils_1.bem)("rmd-list-item");
 /**
@@ -20,5 +20,5 @@ * This component us used to create the one to three lines of text within a
     if (secondaryText) {
-        secondaryContent = (react_1.default.createElement("span", { className: classnames_1.default(block("text", { secondary: true }), secondaryTextClassName) }, secondaryText));
+        secondaryContent = (react_1.default.createElement("span", { className: (0, classnames_1.default)(block("text", { secondary: true }), secondaryTextClassName) }, secondaryText));
     }
-    return (react_1.default.createElement("span", { className: classnames_1.default(block("text"), className) },
+    return (react_1.default.createElement("span", { className: (0, classnames_1.default)(block("text"), className) },
         children,
@@ -25,0 +25,0 @@ secondaryContent));

lib/ListSubheader.js

@@ -51,3 +51,3 @@ "use strict";
 var utils_1 = require("@react-md/utils");
-var block = utils_1.bem("rmd-list-subheader");
+var block = (0, utils_1.bem)("rmd-list-subheader");
 /**
@@ -58,5 +58,5 @@ * This is a simple component that will render a `<li>` with the subheader
  */
-exports.ListSubheader = react_1.forwardRef(function ListSubheader(_a, ref) {
+exports.ListSubheader = (0, react_1.forwardRef)(function ListSubheader(_a, ref) {
     var className = _a.className, _b = _a.inset, inset = _b === void 0 ? false : _b, props = __rest(_a, ["className", "inset"]);
-    return (react_1.default.createElement("li", __assign({}, props, { ref: ref, className: classnames_1.default(block({ inset: inset }), className) })));
+    return (react_1.default.createElement("li", __assign({}, props, { ref: ref, className: (0, classnames_1.default)(block({ inset: inset }), className) })));
 });
@@ -63,0 +63,0 @@ /* istanbul ignore next */

lib/SimpleListItem.js

@@ -54,3 +54,3 @@ "use strict";
 var ListItemChildren_1 = require("./ListItemChildren");
-var block = utils_1.bem("rmd-list-item");
+var block = (0, utils_1.bem)("rmd-list-item");
 /**
@@ -65,6 +65,6 @@ * The `SimpleListItem` component is used to create a non-clickable item within
  */
-exports.SimpleListItem = react_1.forwardRef(function SimpleListItem(_a, ref) {
+exports.SimpleListItem = (0, react_1.forwardRef)(function SimpleListItem(_a, ref) {
     var _b;
     var className = _a.className, textClassName = _a.textClassName, secondaryTextClassName = _a.secondaryTextClassName, textChildren = _a.textChildren, primaryText = _a.primaryText, secondaryText = _a.secondaryText, leftAddon = _a.leftAddon, _c = _a.leftAddonType, leftAddonType = _c === void 0 ? "icon" : _c, _d = _a.leftAddonPosition, leftAddonPosition = _d === void 0 ? "middle" : _d, rightAddon = _a.rightAddon, _e = _a.rightAddonType, rightAddonType = _e === void 0 ? "icon" : _e, _f = _a.rightAddonPosition, rightAddonPosition = _f === void 0 ? "middle" : _f, forceAddonWrap = _a.forceAddonWrap, children = _a.children, _g = _a.height, propHeight = _g === void 0 ? "auto" : _g, _h = _a.threeLines, threeLines = _h === void 0 ? false : _h, _j = _a.clickable, clickable = _j === void 0 ? false : _j, onClick = _a.onClick, _k = _a.disabled, disabled = _k === void 0 ? false : _k, _l = _a.disabledOpacity, disabledOpacity = _l === void 0 ? false : _l, props = __rest(_a, ["className", "textClassName", "secondaryTextClassName", "textChildren", "primaryText", "secondaryText", "leftAddon", "leftAddonType", "leftAddonPosition", "rightAddon", "rightAddonType", "rightAddonPosition", "forceAddonWrap", "children", "height", "threeLines", "clickable", "onClick", "disabled", "disabledOpacity"]);
-    var height = getListItemHeight_1.getListItemHeight({
+    var height = (0, getListItemHeight_1.getListItemHeight)({
         height: propHeight,
@@ -79,3 +79,3 @@ leftAddon: leftAddon,
     var isDisabled = disabled || ariaDisabled === "true" || ariaDisabled === true;
-    return (react_1.default.createElement("li", __assign({}, props, { "aria-disabled": isDisabled || undefined, ref: ref, className: classnames_1.default(block((_b = {},
+    return (react_1.default.createElement("li", __assign({}, props, { "aria-disabled": isDisabled || undefined, ref: ref, className: (0, classnames_1.default)(block((_b = {},
             _b[height] = height !== "auto" && height !== "normal",
@@ -82,0 +82,0 @@ _b["three-lines"] = threeLines,

package.json

 {
   "name": "@react-md/list",
-  "version": "3.0.1",
+  "version": "3.1.0",
   "description": "This package is used to create lists with the material design specs.",
@@ -34,9 +34,9 @@ "main": "./lib/index.js",
   "dependencies": {
-    "@react-md/avatar": "^3.0.0",
-    "@react-md/divider": "^3.0.0",
-    "@react-md/icon": "^3.0.0",
-    "@react-md/states": "^3.0.1",
-    "@react-md/theme": "^3.0.0",
-    "@react-md/typography": "^3.0.0",
-    "@react-md/utils": "^3.0.0",
+    "@react-md/avatar": "^3.1.0",
+    "@react-md/divider": "^3.1.0",
+    "@react-md/icon": "^3.1.0",
+    "@react-md/states": "^3.1.0",
+    "@react-md/theme": "^3.1.0",
+    "@react-md/typography": "^3.1.0",
+    "@react-md/utils": "^3.1.0",
     "classnames": "^2.3.1"
@@ -58,3 +58,3 @@ },
   },
-  "gitHead": "68149668ebc79c4bbcbb2875d65b9ac243e12c77"
+  "gitHead": "5891a3255f12fb34d2cc82d81d10f85f712a21e8"
 }

No alert changes

Improved metrics

Total package byte prevSize

242526

increased by0.2%

Dependency changes

• Updated@react-md/avatar@^3.1.0

• Updated@react-md/divider@^3.1.0

• Updated@react-md/icon@^3.1.0

• Updated@react-md/states@^3.1.0

• Updated@react-md/theme@^3.1.0

• Updated@react-md/typography@^3.1.0

• Updated@react-md/utils@^3.1.0