feat(default parameters): Add option to disable initial Lob logo and turn off delayed search by default (#22)

Author: Thexumaker

example/src/AddressFormDemo.js

@@ -39,6 +39,7 @@ const AddressFormDemo = ({ apiKey }) => {
         onSelection={handleSelect}
         onSubmit={handleSubmit}
         submitLabel="Verify"
+        disableLobLogo={true}
         styles={{
           'lob-submit': { width: '100%' }
         }}

package.json

@@ -14,7 +14,7 @@
         "build": "microbundle-crl --no-compress --format modern,cjs --css inline",
         "start": "microbundle-crl watch --no-compress --format modern,cjs --css inline",
         "prepare": "run-s build",
-        "lint-fix": "eslint . --fix",
+        "lint:fix": "eslint . --fix",
         "test": "run-s test:unit test:lint test:build",
         "test:build": "run-s build",
         "test:lint": "eslint .",

src/AddressForm/AddressForm.test.js

@@ -13,7 +13,7 @@ global.fetch = mockPost
 describe('AddressForm', () => {
   it('renders correctly', async () => {
     // Mock fetch response
-    mockPost.mockReturnValueOnce(
+    mockPost.mockReturnValue(
       Promise.resolve({
         json: () => mockAutocompleteSuccessResponse
       })

src/Autocomplete.js

@@ -184,13 +184,15 @@ const Input = (props) => <components.Input {...props} isHidden={false} />
  *  Callback function when the input value changes.
  * @param {onError?} onError - Callback function when we receive an API error.
  * @param {boolean} primaryLineOnly - When true, applying a suggestion updates the value of our
+ * @param {boolean} disableLobLogo - When true, disables the Lob logo.
  *  select component with only the primary line of the address instead of the complete address.
  */
 const Autocomplete = ({
   addressComponentValues = {},
   apiKey,
-  delaySearch = true,
+  delaySearch = false,
   delayValue = 800,
+  disableLobLogo = true,
   onSelection = () => {},
   onError = () => {},
   onInputChange = () => {},
@@ -331,7 +333,7 @@ const Autocomplete = ({
       inputValue={inputValue}
       options={autocompleteResults}
       controlShouldRenderValue={false}
-      noOptionsMessage={poweredByLob}
+      noOptionsMessage={!disableLobLogo ? poweredByLob : () => <div></div>}
       placeholder='Start typing an address...'
       value={selectValue}
       {...reactSelectProps}

src/Autocomplete.test.js

@@ -16,7 +16,7 @@ global.fetch = mockPost
 describe('Autocomplete', () => {
   it('renders correctly', async () => {
     // Mock fetch response
-    mockPost.mockReturnValueOnce(
+    mockPost.mockReturnValue(
       Promise.resolve({
         json: () => mockAutocompleteSuccessResponse
       })
@@ -61,7 +61,7 @@ describe('Autocomplete', () => {
 
   it('fires callback functions as expected', async () => {
     // Mock fetch response
-    mockPost.mockReturnValueOnce(
+    mockPost.mockReturnValue(
       Promise.resolve({
         json: () => mockAutocompleteSuccessResponse
       })
@@ -106,7 +106,7 @@ describe('Autocomplete', () => {
 
   it('handles errors as expected', async () => {
     // Mock fetch response
-    mockPost.mockReturnValueOnce(
+    mockPost.mockReturnValue(
       Promise.resolve({
         json: () => mockAutocompleteFailureResponse
       })