Feat/property search improvements (#199)

* Some improvements to loading and Accessibility.

* Fix icons.

* More icon fixing.

* Need to test intermediate logic on site.

* Remove references to partytown. (#178)

* add style for section top-border (#179)

Co-authored-by: Bryan Stopp <[email protected]>

* added style to override margin bottom (#180)

Co-authored-by: Bryan Stopp <[email protected]>

* update host for dev publishing (#182)

* starter hero slides

* mocked listings

* Fix images in default content. (#184)

* fix the gradiant overlay, less opacity (#185)

* Update styles on Shade Icon card variation. (#186)

* css layout

* hide paging

* rearrange functions

* disable linting on specific functions

* css linting

* style updates

* added class that scales images

* js linting

* added section full-bleed to allow full-witdh scaled image

* create div for headline

* add row for headline to block

* js clean up

* linting

* linting

* linting css

* js linting

* update logic around classlist

* create helix-query and start lookahead dropdown

* display list w/ listeners

* css tune

* css clean up

* js clean up

* js update

* js linting

* css linting

* css linting color notation

* add communities search styles

* Feat/login2 (#190)

* Cherry-pick feat/login changes

* Fix JS errors

* Missing from merge

* Missed in the merge

* Adding delay logic to load the delayed part of the form

* Added more utility functions around login/logout and session state tracking for logged in user

* treat invalid login as a logout as well

* More login handling of errors, fetching profile, and showing user name in navigation

* Remove external ID from initial login

* Handle logged-in user on page load

* Fix lint issue

* Remove console logging

---------

Co-authored-by: Brendan Robert <[email protected]>

* add style to adjust hero brightness in community dir

* Adjusted the city text and styling

* add braces

* css linting

* Feat/profile (#194)

* Update profile code implemetation

* Start of profile UI implementation and saving routine

* Tabs are working, needs more form styling and validation though

* Style improvements, also adjusted selectors to make linter happy

* Dropdown values implemented

* More styling work and visual support for required fields

* Updated form placeholders to match site

* Remove empty selections for regional preferences

* Skip missing profile check

* Improvements to error reporting and form submission.

* Profile saves working!

* Password reset working

* Navigation and login/logout starting to work.  Needs more testing

* Small cleanup

* Fix linting gripes

* Better session handling and also moved header visibility changes into header block (and out of login-delayed)

* Refactored i18n to be in utils

* Add i18n support to header nav

* Added i18n to login form

* Add i18n to login form

* Missing two text strings in i18n for login

---------

Co-authored-by: Brendan Robert <[email protected]>

* Intermediate work.

* Intermediate work with property search bar refactor.

* Final work for updating Property Search Bar.

* Fix some lint.

* Functional Search results list.

* Functional Search results list.

* Add pagination and all associated logic.

* Intermediate work on map.

* Intermediate info window work.

* More intermediate pin work.

* Finalize info window views.

* Finish mapping logic.

* Push first search off til after CWV

* No redraw on pagination.

* Trying css based animation.

* Fix some minor visual bugs.

---------

Co-authored-by: Rob Rusher <[email protected]>
Co-authored-by: Rob Rusher <[email protected]>
Co-authored-by: Brendan Robert <[email protected]>
Co-authored-by: Brendan Robert <[email protected]>

.eslintrc.js → .eslintrc.cjs

@@ -17,5 +17,7 @@ module.exports = {
     'import/extensions': ['error', {
       js: 'always',
     }],
+    'max-len': ['error', { "code": 200 }],
+    'function-paren-newline': 'off',
   },
 };

.github/workflows/run-tests.yaml

@@ -13,5 +13,6 @@ jobs:
         node-version: '16' #required for npm 8 or later.
     - run: npm install
     - run: npm run lint
+    - run: npm test
       env:
         CI: true

.mocharc.json

@@ -0,0 +1,3 @@
+{
+  "recursive": true
+}

blocks/agent-search/builders/tags.js

@@ -28,6 +28,7 @@ export const addSelectionTag = (wrapper, filter, value) => {
   `;
   wrapper.querySelector('.selection-tags-list').append(li);
 };
+
 /**
  * Builds the Container for the search bar selections.
  *

blocks/header/header.css

@@ -23,7 +23,7 @@ body.light-nav {
       / 1fr min-content;
   align-items: start;
   overflow-y: scroll;
-  z-index: 50;
+  z-index: 1000;
 }
 
 .header.block nav[aria-expanded="true"] {
@@ -259,6 +259,7 @@ body.light-nav {
 }
 
 .header.block nav .nav-hamburger .open {
+  display: block;
   position: absolute;
   top: 0;
   left: 0;
@@ -444,7 +445,7 @@ body.light-nav {
     right: 0;
     height: 5px;
     background-color: var(--white);
-    z-index: 10;
+    z-index: 1010;
   }
 
   .header.block nav[aria-expanded="true"] .nav-sections > ul > li > ul {

blocks/hero/search/agent.css

@@ -13,9 +13,6 @@
 
 .hero.block .agent-search .selection-tags {
   position: absolute;
-}
-
-.hero.block .agent-search .selection-tags {
   padding: 0;
 }
 

blocks/hero/search/home.css

@@ -116,10 +116,16 @@
   right: 0;
 }
 
-.hero.block .content .homes .filters .select-wrapper.open .selected::after {
+.hero.block .content .homes .filters .select-wrapper.open > .selected::after {
   content: '\f0d8';
 }
 
+.hero.block .content .homes .filters .select-wrapper .selected span {
+  font-size: var(--body-font-size-xs);
+  color: var(--input-placeholder);
+}
+
+
 .hero.block .content .homes .filters .select-wrapper .select-items {
   display: none;
   position: absolute;