@spothero/ui 14.8.1 → 14.8.2

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+# 14.8.2 - 05/24/2022
+
+## Miscellaneous Updates
+* [[e1703b6](https://github.com/spothero/fe-ui/commit/e1703b6)] - `fix:` Update components with optional chaining and required props ([#298](https://github.com/spothero/fe-ui/pull/298)) (Janavi Anand)
+
+# 14.8.2-beta.0 - 05/23/2022
+
+## Miscellaneous Updates
+* [[910c646](https://github.com/spothero/fe-ui/commit/910c646)] - `fix:` Update components with optional chaining and required props (JanaviAnand_SpotHero)
+
 # 14.8.1 - 05/20/2022
 ## Miscellaneous Updates
 * [[63d43ff](https://github.com/spothero/fe-ui/commit/63d43ff)] - Sear 2077 - replace rollup with dex ([#297](https://github.com/spothero/fe-ui/pull/297)) (Tyler Williams)

package/CHANGELOG.tmp

@@ -1,4 +1,5 @@
-# 14.8.1 - 05/20/2022
+# 14.8.2 - 05/24/2022
+
 ## Miscellaneous Updates
-* [[63d43ff](https://github.com/spothero/fe-ui/commit/63d43ff)] - Sear 2077 - replace rollup with dex ([#297](https://github.com/spothero/fe-ui/pull/297)) (Tyler Williams)
+* [[e1703b6](https://github.com/spothero/fe-ui/commit/e1703b6)] - `fix:` Update components with optional chaining and required props ([#298](https://github.com/spothero/fe-ui/pull/298)) (Janavi Anand)
 

package/backlog/AutoSuggestInput/AutoSuggestInput.js

@@ -241,9 +241,10 @@ var AutoSuggestInput = /*#__PURE__*/function (_Component) {
   (0, _createClass2.default)(AutoSuggestInput, [{
     key: "componentDidMount",
     value: function componentDidMount() {
-      var suggestions = this.props.suggestions;
+      var _this$_input, _this$_input$node;
 
-      this._input.node.addEventListener('invalid', this._onInvalid);
+      var suggestions = this.props.suggestions;
+      (_this$_input = this._input) === null || _this$_input === void 0 ? void 0 : (_this$_input$node = _this$_input.node) === null || _this$_input$node === void 0 ? void 0 : _this$_input$node.addEventListener('invalid', this._onInvalid);
 
       if (suggestions.length) {
         this._showSuggests();
@@ -262,7 +263,9 @@ var AutoSuggestInput = /*#__PURE__*/function (_Component) {
 
       if (prevState.value !== value) {
         if (!value) {
-          this._input.node.focus();
+          var _this$_input2, _this$_input2$node;
+
+          (_this$_input2 = this._input) === null || _this$_input2 === void 0 ? void 0 : (_this$_input2$node = _this$_input2.node) === null || _this$_input2$node === void 0 ? void 0 : _this$_input2$node.focus();
         }
       }
 
@@ -283,7 +286,9 @@ var AutoSuggestInput = /*#__PURE__*/function (_Component) {
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
-      this._input.node.removeEventListener('invalid', this._onInvalid);
+      var _this$_input3, _this$_input3$node;
+
+      (_this$_input3 = this._input) === null || _this$_input3 === void 0 ? void 0 : (_this$_input3$node = _this$_input3.node) === null || _this$_input3$node === void 0 ? void 0 : _this$_input3$node.removeEventListener('invalid', this._onInvalid);
     }
   }, {
     key: "_nextSuggest",
@@ -398,7 +403,9 @@ var AutoSuggestInput = /*#__PURE__*/function (_Component) {
   }, {
     key: "node",
     get: function get() {
-      return this._input.node;
+      var _this$_input4;
+
+      return (_this$_input4 = this._input) === null || _this$_input4 === void 0 ? void 0 : _this$_input4.node;
     }
   }, {
     key: "render",

package/backlog/TextInput/TextInput.js

@@ -104,7 +104,9 @@ var TextInput = /*#__PURE__*/function (_Component) {
   (0, _createClass2.default)(TextInput, [{
     key: "componentDidMount",
     value: function componentDidMount() {
-      this._input.getInputDOMNode().addEventListener('invalid', this._onInvalid);
+      var _this$_input, _this$_input$getInput;
+
+      (_this$_input = this._input) === null || _this$_input === void 0 ? void 0 : (_this$_input$getInput = _this$_input.getInputDOMNode()) === null || _this$_input$getInput === void 0 ? void 0 : _this$_input$getInput.addEventListener('invalid', this._onInvalid);
     }
   }, {
     key: "componentDidUpdate",
@@ -116,13 +118,17 @@ var TextInput = /*#__PURE__*/function (_Component) {
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
-      this._input.getInputDOMNode().removeEventListener('invalid', this._onInvalid);
+      var _this$_input2, _this$_input2$getInpu;
+
+      (_this$_input2 = this._input) === null || _this$_input2 === void 0 ? void 0 : (_this$_input2$getInpu = _this$_input2.getInputDOMNode()) === null || _this$_input2$getInpu === void 0 ? void 0 : _this$_input2$getInpu.removeEventListener('invalid', this._onInvalid);
     }
   }, {
     key: "_checkFocus",
     value: function _checkFocus() {
       if (this.props.focus) {
-        this._input.getInputDOMNode().focus();
+        var _this$_input3, _this$_input3$getInpu;
+
+        (_this$_input3 = this._input) === null || _this$_input3 === void 0 ? void 0 : (_this$_input3$getInpu = _this$_input3.getInputDOMNode()) === null || _this$_input3$getInpu === void 0 ? void 0 : _this$_input3$getInpu.focus();
       }
     }
     /**
@@ -135,7 +141,9 @@ var TextInput = /*#__PURE__*/function (_Component) {
   }, {
     key: "node",
     get: function get() {
-      return this._input.getInputDOMNode();
+      var _this$_input4;
+
+      return (_this$_input4 = this._input) === null || _this$_input4 === void 0 ? void 0 : _this$_input4.getInputDOMNode();
     }
   }, {
     key: "render",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spothero/ui",
-  "version": "14.8.1",
+  "version": "14.8.2",
   "description": "SpotHero's React component UI library.",
   "main": "v2/index.js",
   "module": "v2/index.js",

package/styles/AutoSuggestInput/AutoSuggestInput.jsx

@@ -86,7 +86,7 @@ export default class AutoSuggestInput extends Component {
     componentDidMount() {
         const {suggestions} = this.props;
 
-        this._input.node.addEventListener('invalid', this._onInvalid);
+        this._input?.node?.addEventListener('invalid', this._onInvalid);
 
         if (suggestions.length) {
             this._showSuggests();
@@ -102,7 +102,7 @@ export default class AutoSuggestInput extends Component {
 
         if (prevState.value !== value) {
             if (!value) {
-                this._input.node.focus();
+                this._input?.node?.focus();
             }
         }
 
@@ -120,7 +120,7 @@ export default class AutoSuggestInput extends Component {
     }
 
     componentWillUnmount() {
-        this._input.node.removeEventListener('invalid', this._onInvalid);
+        this._input?.node?.removeEventListener('invalid', this._onInvalid);
     }
 
     _onInvalid = evt => {
@@ -350,7 +350,7 @@ export default class AutoSuggestInput extends Component {
      * @returns {Element} - The input element.
      */
     get node() {
-        return this._input.node;
+        return this._input?.node;
     }
 
     render() {

package/styles/AutoSuggestInput/AutoSuggestList.jsx

@@ -20,7 +20,7 @@ class AutoSuggestList extends PureComponent {
         /** The suggestion object which is currently active. */
         activeSuggestion: PropTypes.object,
         /** A custom element to display at the bottom of the suggestion list */
-        suggestionBoxFooter: PropTypes.element,
+        suggestionBoxFooter: PropTypes.element.isRequired,
         /** Function to execute when a suggestion is selected. */
         onSuggestionSelect: PropTypes.func.isRequired,
         /** Optional function to execute for suggestion list item's mousedown event. */

package/styles/GooglePlacesSearchInput/GooglePlacesSearchInput.jsx

@@ -24,7 +24,7 @@ export default class GooglePlacesSearchInput extends Component {
         /** Used to limit the suggestion results by lat/long bounds. */
         bounds: PropTypes.object,
         /** The `google maps` object for using the autocomplete service. */
-        googleMaps: PropTypes.object,
+        googleMaps: PropTypes.object.isRequired,
         /** A custom element (typically a PoweredByGoogle component) to display at the bottom of the suggestion list. */
         poweredByGoogleFooter: PropTypes.element.isRequired,
         /** An object containing the bias options */

package/styles/TextInput/TextInput.jsx

@@ -17,8 +17,8 @@ export default class TextInput extends Component {
 
     componentDidMount() {
         this._input
-            .getInputDOMNode()
-            .addEventListener('invalid', this._onInvalid);
+            ?.getInputDOMNode()
+            ?.addEventListener('invalid', this._onInvalid);
     }
 
     componentDidUpdate(prevProps, prevState) {
@@ -29,8 +29,8 @@ export default class TextInput extends Component {
 
     componentWillUnmount() {
         this._input
-            .getInputDOMNode()
-            .removeEventListener('invalid', this._onInvalid);
+            ?.getInputDOMNode()
+            ?.removeEventListener('invalid', this._onInvalid);
     }
 
     _onInvalid = evt => {
@@ -62,7 +62,7 @@ export default class TextInput extends Component {
 
     _checkFocus() {
         if (this.props.focus) {
-            this._input.getInputDOMNode().focus();
+            this._input?.getInputDOMNode()?.focus();
         }
     }
 
@@ -73,7 +73,7 @@ export default class TextInput extends Component {
      * @returns {Element} - The input element.
      */
     get node() {
-        return this._input.getInputDOMNode();
+        return this._input?.getInputDOMNode();
     }
 
     render() {