@material-ui/lab - npm Package Compare versions

Comparing version 4.0.0-alpha.13 to 4.0.0-alpha.14

es/Slider/Slider.js

@@ -597,10 +597,3 @@ import _extends from "@babel/runtime/helpers/extends";
     const percent = clamp((value - min) * 100 / (max - min));
-    const commonClasses = {
-      [classes.disabled]: disabled,
-      [classes.jumped]: !disabled && currentState === 'jumped',
-      [classes.focused]: !disabled && currentState === 'focused',
-      [classes.activated]: !disabled && currentState === 'activated',
-      [classes.vertical]: vertical,
-      [classes.rtl]: theme.direction === 'rtl'
-    };
+    const commonClasses = clsx(!disabled && [currentState === 'jumped' && classes.jumped, currentState === 'focused' && classes.focused, currentState === 'activated' && classes.activated], disabled && classes.disabled, vertical && classes.vertical, theme.direction === 'rtl' && classes.rtl);
     const className = clsx(classes.root, vertical && classes.vertical, disabled && classes.disabled, classNameProp);
@@ -607,0 +600,0 @@ const containerClasses = clsx(classes.container, vertical && classes.vertical);

es/SpeedDial/SpeedDial.js

@@ -232,8 +232,3 @@ import _extends from "@babel/runtime/helpers/extends";
 
-  const actionsPlacementClass = {
-    [classes.directionUp]: direction === 'up',
-    [classes.directionDown]: direction === 'down',
-    [classes.directionLeft]: direction === 'left',
-    [classes.directionRight]: direction === 'right'
-  };
+  const actionsPlacementClass = clsx(direction === 'up' && classes.directionUp, direction === 'down' && classes.directionDown, direction === 'left' && classes.directionLeft, direction === 'right' && classes.directionRight);
   let clickProp = {
@@ -240,0 +235,0 @@ onClick

esm/index.js

@@ -1,2 +0,2 @@
-/** @license Material-UI v4.0.0-alpha.13
+/** @license Material-UI v4.0.0-alpha.14
  *
@@ -3,0 +3,0 @@ * This source code is licensed under the MIT license found in the

esm/Slider/Slider.js

@@ -594,4 +594,2 @@ import _extends from "@babel/runtime/helpers/extends";
     value: function render() {
-      var _commonClasses;
-
       var currentState = this.state.currentState;
@@ -619,3 +617,3 @@
       var percent = clamp((value - min) * 100 / (max - min));
-      var commonClasses = (_commonClasses = {}, _defineProperty(_commonClasses, classes.disabled, disabled), _defineProperty(_commonClasses, classes.jumped, !disabled && currentState === 'jumped'), _defineProperty(_commonClasses, classes.focused, !disabled && currentState === 'focused'), _defineProperty(_commonClasses, classes.activated, !disabled && currentState === 'activated'), _defineProperty(_commonClasses, classes.vertical, vertical), _defineProperty(_commonClasses, classes.rtl, theme.direction === 'rtl'), _commonClasses);
+      var commonClasses = clsx(!disabled && [currentState === 'jumped' && classes.jumped, currentState === 'focused' && classes.focused, currentState === 'activated' && classes.activated], disabled && classes.disabled, vertical && classes.vertical, theme.direction === 'rtl' && classes.rtl);
       var className = clsx(classes.root, vertical && classes.vertical, disabled && classes.disabled, classNameProp);
@@ -622,0 +620,0 @@ var containerClasses = clsx(classes.container, vertical && classes.vertical);

esm/SpeedDial/SpeedDial.js

@@ -1,2 +0,1 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
@@ -79,4 +78,2 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var SpeedDial = React.forwardRef(function SpeedDial(props, ref) {
-  var _actionsPlacementClas;
-
   var ariaLabel = props.ariaLabel,
@@ -237,3 +234,3 @@ _props$ButtonProps = props.ButtonProps;
 
-  var actionsPlacementClass = (_actionsPlacementClas = {}, _defineProperty(_actionsPlacementClas, classes.directionUp, direction === 'up'), _defineProperty(_actionsPlacementClas, classes.directionDown, direction === 'down'), _defineProperty(_actionsPlacementClas, classes.directionLeft, direction === 'left'), _defineProperty(_actionsPlacementClas, classes.directionRight, direction === 'right'), _actionsPlacementClas);
+  var actionsPlacementClass = clsx(direction === 'up' && classes.directionUp, direction === 'down' && classes.directionDown, direction === 'left' && classes.directionLeft, direction === 'right' && classes.directionRight);
   var clickProp = {
@@ -240,0 +237,0 @@ onClick: onClick

index.js

@@ -1,2 +0,2 @@
-/** @license Material-UI v4.0.0-alpha.13
+/** @license Material-UI v4.0.0-alpha.14
  *
@@ -3,0 +3,0 @@ * This source code is licensed under the MIT license found in the

package.json

 {
   "name": "@material-ui/lab",
-  "version": "4.0.0-alpha.13",
+  "version": "4.0.0-alpha.14",
   "private": false,
@@ -17,3 +17,4 @@ "author": "Material-UI Team",
     "type": "git",
-    "url": "https://github.com/mui-org/material-ui.git"
+    "url": "https://github.com/mui-org/material-ui.git",
+    "directory": "packages/material-ui-lab"
   },
@@ -26,3 +27,3 @@ "license": "MIT",
   "peerDependencies": {
-    "@material-ui/core": "^4.0.0",
+    "@material-ui/core": "^4.0.1",
     "react": "^16.8.0",
@@ -33,3 +34,3 @@ "react-dom": "^16.8.0"
     "@babel/runtime": "^7.2.0",
-    "@material-ui/utils": "^4.0.0",
+    "@material-ui/utils": "^4.0.1",
     "clsx": "^1.0.2",
@@ -36,0 +37,0 @@ "keycode": "^2.1.9",

Slider/Slider.js

@@ -623,4 +623,2 @@ "use strict";
     value: function render() {
-      var _commonClasses;
-
       var currentState = this.state.currentState;
@@ -646,3 +644,3 @@ var _this$props8 = this.props,
       var percent = (0, _utils2.clamp)((value - min) * 100 / (max - min));
-      var commonClasses = (_commonClasses = {}, (0, _defineProperty2.default)(_commonClasses, classes.disabled, disabled), (0, _defineProperty2.default)(_commonClasses, classes.jumped, !disabled && currentState === 'jumped'), (0, _defineProperty2.default)(_commonClasses, classes.focused, !disabled && currentState === 'focused'), (0, _defineProperty2.default)(_commonClasses, classes.activated, !disabled && currentState === 'activated'), (0, _defineProperty2.default)(_commonClasses, classes.vertical, vertical), (0, _defineProperty2.default)(_commonClasses, classes.rtl, theme.direction === 'rtl'), _commonClasses);
+      var commonClasses = (0, _clsx.default)(!disabled && [currentState === 'jumped' && classes.jumped, currentState === 'focused' && classes.focused, currentState === 'activated' && classes.activated], disabled && classes.disabled, vertical && classes.vertical, theme.direction === 'rtl' && classes.rtl);
       var className = (0, _clsx.default)(classes.root, vertical && classes.vertical, disabled && classes.disabled, classNameProp);
@@ -649,0 +647,0 @@ var containerClasses = (0, _clsx.default)(classes.container, vertical && classes.vertical);

SpeedDial/SpeedDial.js

@@ -12,4 +12,2 @@ "use strict";
 
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
@@ -107,4 +105,2 @@
 var SpeedDial = _react.default.forwardRef(function SpeedDial(props, ref) {
-  var _actionsPlacementClas;
-
   var ariaLabel = props.ariaLabel,
@@ -267,3 +263,3 @@ _props$ButtonProps = props.ButtonProps;
 
-  var actionsPlacementClass = (_actionsPlacementClas = {}, (0, _defineProperty2.default)(_actionsPlacementClas, classes.directionUp, direction === 'up'), (0, _defineProperty2.default)(_actionsPlacementClas, classes.directionDown, direction === 'down'), (0, _defineProperty2.default)(_actionsPlacementClas, classes.directionLeft, direction === 'left'), (0, _defineProperty2.default)(_actionsPlacementClas, classes.directionRight, direction === 'right'), _actionsPlacementClas);
+  var actionsPlacementClass = (0, _clsx.default)(direction === 'up' && classes.directionUp, direction === 'down' && classes.directionDown, direction === 'left' && classes.directionLeft, direction === 'right' && classes.directionRight);
   var clickProp = {
@@ -270,0 +266,0 @@ onClick: onClick

ToggleButton/ToggleButton.d.ts

@@ -6,5 +6,3 @@ import { ButtonBaseClassKey, ExtendButtonBase } from '@material-ui/core/ButtonBase';
   props: {
-    disabled?: boolean;
     disableFocusRipple?: boolean;
-    disableRipple?: boolean;
     selected?: boolean;
@@ -11,0 +9,0 @@ value?: any;

No alert changes

Improved metrics

Total package byte prevSize

611121

increased by0.33%

Worsened metrics

Lines of code

5214

decreased by-0.44%

Dependency changes

• Updated@material-ui/utils@^4.0.1