@instructure/ui-checkbox 8.17.1-snapshot.21 → 8.17.1-snapshot.71

package/lib/Checkbox/index.js

@@ -141,23 +141,19 @@ let Checkbox = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 =
   }
 
   componentDidMount() {
-    var _this$props$makeStyle, _this$props2;
-
     if (this._input) {
       this._input.indeterminate = this.props.indeterminate;
     }
 
-    (_this$props$makeStyle = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props2);
+    this.props.makeStyles?.();
   }
 
   componentDidUpdate(prevProps) {
-    var _this$props$makeStyle2, _this$props3;
-
     if (prevProps.indeterminate !== this.props.indeterminate && this._input) {
       this._input.indeterminate = this.props.indeterminate || false;
     }
 
-    (_this$props$makeStyle2 = (_this$props3 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props3);
+    this.props.makeStyles?.();
   }
 
   get id() {
@@ -177,15 +173,15 @@ let Checkbox = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 =
   }
 
   renderFacade() {
-    const _this$props4 = this.props,
-          size = _this$props4.size,
-          disabled = _this$props4.disabled,
-          variant = _this$props4.variant,
-          label = _this$props4.label,
-          readOnly = _this$props4.readOnly,
-          indeterminate = _this$props4.indeterminate,
-          labelPlacement = _this$props4.labelPlacement,
-          themeOverride = _this$props4.themeOverride;
+    const _this$props2 = this.props,
+          size = _this$props2.size,
+          disabled = _this$props2.disabled,
+          variant = _this$props2.variant,
+          label = _this$props2.label,
+          readOnly = _this$props2.readOnly,
+          indeterminate = _this$props2.indeterminate,
+          labelPlacement = _this$props2.labelPlacement,
+          themeOverride = _this$props2.themeOverride;
     const _this$state = this.state,
           hovered = _this$state.hovered,
           focused = _this$state.focused;
@@ -224,24 +220,24 @@ let Checkbox = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 =
   }
 
   render() {
-    const _this$props5 = this.props,
-          disabled = _this$props5.disabled,
-          readOnly = _this$props5.readOnly,
-          value = _this$props5.value,
-          onKeyDown = _this$props5.onKeyDown,
-          onFocus = _this$props5.onFocus,
-          onBlur = _this$props5.onBlur,
-          onMouseOver = _this$props5.onMouseOver,
-          onMouseOut = _this$props5.onMouseOut,
-          indeterminate = _this$props5.indeterminate,
-          variant = _this$props5.variant,
-          styles = _this$props5.styles;
+    const _this$props3 = this.props,
+          disabled = _this$props3.disabled,
+          readOnly = _this$props3.readOnly,
+          value = _this$props3.value,
+          onKeyDown = _this$props3.onKeyDown,
+          onFocus = _this$props3.onFocus,
+          onBlur = _this$props3.onBlur,
+          onMouseOver = _this$props3.onMouseOver,
+          onMouseOut = _this$props3.onMouseOut,
+          indeterminate = _this$props3.indeterminate,
+          variant = _this$props3.variant,
+          styles = _this$props3.styles;
     const props = (0, _omitProps.omitProps)(this.props, Checkbox.allowedProps);
     (0, _console.logError)(!(variant === 'toggle' && indeterminate), `[Checkbox] The \`toggle\` variant does not support the \`indeterminate\` property. Use the \`simple\` variant instead.`);
     /* eslint-disable jsx-a11y/mouse-events-have-key-events */
 
     return (0, _emotion.jsx)("div", {
-      css: styles === null || styles === void 0 ? void 0 : styles.checkbox,
+      css: styles?.checkbox,
       onMouseOver: (0, _createChainedFunction.createChainedFunction)(onMouseOver, this.handleMouseOver),
       onMouseOut: (0, _createChainedFunction.createChainedFunction)(onMouseOut, this.handleMouseOut),
       ref: this.handleRef
@@ -254,7 +250,7 @@ let Checkbox = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 =
       },
       disabled: disabled || readOnly,
       "aria-checked": indeterminate ? 'mixed' : void 0,
-      css: styles === null || styles === void 0 ? void 0 : styles.input,
+      css: styles?.input,
       onChange: this.handleChange,
       onKeyDown: (0, _createChainedFunction.createChainedFunction)(onKeyDown, this.handleKeyDown),
       onFocus: (0, _createChainedFunction.createChainedFunction)(onFocus, this.handleFocus),
@@ -262,7 +258,7 @@ let Checkbox = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 =
       checked: this.checked
     })), (0, _emotion.jsx)("label", {
       htmlFor: this.id,
-      css: styles === null || styles === void 0 ? void 0 : styles.control
+      css: styles?.control
     }, this.renderFacade(), this.renderMessages()));
     /* eslint-enable jsx-a11y/mouse-events-have-key-events */
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-checkbox",
-  "version": "8.17.1-snapshot.21+79d490548",
+  "version": "8.17.1-snapshot.71+34dfb2442",
   "description": " styled HTML input type='checkbox' component.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -24,28 +24,28 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/console": "8.17.1-snapshot.21+79d490548",
-    "@instructure/emotion": "8.17.1-snapshot.21+79d490548",
-    "@instructure/shared-types": "8.17.1-snapshot.21+79d490548",
-    "@instructure/ui-dom-utils": "8.17.1-snapshot.21+79d490548",
-    "@instructure/ui-form-field": "8.17.1-snapshot.21+79d490548",
-    "@instructure/ui-icons": "8.17.1-snapshot.21+79d490548",
-    "@instructure/ui-prop-types": "8.17.1-snapshot.21+79d490548",
-    "@instructure/ui-react-utils": "8.17.1-snapshot.21+79d490548",
-    "@instructure/ui-svg-images": "8.17.1-snapshot.21+79d490548",
-    "@instructure/ui-testable": "8.17.1-snapshot.21+79d490548",
-    "@instructure/ui-utils": "8.17.1-snapshot.21+79d490548",
-    "@instructure/ui-view": "8.17.1-snapshot.21+79d490548",
-    "@instructure/uid": "8.17.1-snapshot.21+79d490548",
+    "@instructure/console": "8.17.1-snapshot.71+34dfb2442",
+    "@instructure/emotion": "8.17.1-snapshot.71+34dfb2442",
+    "@instructure/shared-types": "8.17.1-snapshot.71+34dfb2442",
+    "@instructure/ui-dom-utils": "8.17.1-snapshot.71+34dfb2442",
+    "@instructure/ui-form-field": "8.17.1-snapshot.71+34dfb2442",
+    "@instructure/ui-icons": "8.17.1-snapshot.71+34dfb2442",
+    "@instructure/ui-prop-types": "8.17.1-snapshot.71+34dfb2442",
+    "@instructure/ui-react-utils": "8.17.1-snapshot.71+34dfb2442",
+    "@instructure/ui-svg-images": "8.17.1-snapshot.71+34dfb2442",
+    "@instructure/ui-testable": "8.17.1-snapshot.71+34dfb2442",
+    "@instructure/ui-utils": "8.17.1-snapshot.71+34dfb2442",
+    "@instructure/ui-view": "8.17.1-snapshot.71+34dfb2442",
+    "@instructure/uid": "8.17.1-snapshot.71+34dfb2442",
     "keycode": "^2",
     "prop-types": "^15"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.17.1-snapshot.21+79d490548",
-    "@instructure/ui-color-utils": "8.17.1-snapshot.21+79d490548",
-    "@instructure/ui-test-locator": "8.17.1-snapshot.21+79d490548",
-    "@instructure/ui-test-utils": "8.17.1-snapshot.21+79d490548",
-    "@instructure/ui-themes": "8.17.1-snapshot.21+79d490548"
+    "@instructure/ui-babel-preset": "8.17.1-snapshot.71+34dfb2442",
+    "@instructure/ui-color-utils": "8.17.1-snapshot.71+34dfb2442",
+    "@instructure/ui-test-locator": "8.17.1-snapshot.71+34dfb2442",
+    "@instructure/ui-test-utils": "8.17.1-snapshot.71+34dfb2442",
+    "@instructure/ui-themes": "8.17.1-snapshot.71+34dfb2442"
   },
   "peerDependencies": {
     "react": ">=16.8 <=17"
@@ -54,5 +54,5 @@
     "access": "public"
   },
   "sideEffects": false,
-  "gitHead": "79d490548a0736feb2a7232bf5918857317b178b"
+  "gitHead": "34dfb2442c7ddce048d78ab1ecd5f3cbb78ee8d6"
 }