@bloom-housing/ui-components 5.1.1-alpha.10 → 5.1.1-alpha.13

package/CHANGELOG.md

@@ -3,6 +3,42 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [5.1.1-alpha.13](https://github.com/bloom-housing/bloom/compare/@bloom-housing/ui-components@5.1.1-alpha.12...@bloom-housing/ui-components@5.1.1-alpha.13) (2022-08-26)
+
+
+### Bug Fixes
+
+* add margin in contact section ([#2999](https://github.com/bloom-housing/bloom/issues/2999)) ([4acb49a](https://github.com/bloom-housing/bloom/commit/4acb49acf17ebabb7a0a34160d992cb5f63eeb02))
+
+
+
+
+
+## [5.1.1-alpha.12](https://github.com/bloom-housing/bloom/compare/@bloom-housing/ui-components@5.1.1-alpha.11...@bloom-housing/ui-components@5.1.1-alpha.12) (2022-08-24)
+
+
+### Features
+
+* show preference details on listing form ([#2989](https://github.com/bloom-housing/bloom/issues/2989)) ([b4b2b9e](https://github.com/bloom-housing/bloom/commit/b4b2b9ee75c4895ea5b0694dddbf0c8979c0e251))
+
+
+
+
+
+## [5.1.1-alpha.11](https://github.com/bloom-housing/bloom/compare/@bloom-housing/ui-components@5.1.1-alpha.10...@bloom-housing/ui-components@5.1.1-alpha.11) (2022-08-23)
+
+
+* refactor!: preferences & programs data model merged (#2904) ([8e027ff](https://github.com/bloom-housing/bloom/commit/8e027ff905118f36c61bc0f974231d9bb8911131)), closes [#2904](https://github.com/bloom-housing/bloom/issues/2904)
+
+
+### BREAKING CHANGES
+
+* The preference and program entities have been merged into a single entity called MultiselectQuestion
+
+
+
+
+
 ## [5.1.1-alpha.10](https://github.com/bloom-housing/bloom/compare/@bloom-housing/ui-components@5.1.1-alpha.9...@bloom-housing/ui-components@5.1.1-alpha.10) (2022-08-23)
 
 **Note:** Version bump only for package @bloom-housing/ui-components

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bloom-housing/ui-components",
-  "version": "5.1.1-alpha.10",
+  "version": "5.1.1-alpha.13",
   "author": "Sean Albert <sean.albert@exygy.com>",
   "description": "Shared user interface components for Bloom affordable housing system",
   "homepage": "https://github.com/bloom-housing/bloom/tree/master/shared/ui-components",
@@ -110,5 +110,5 @@
     "ts-jest": "^26.4.1",
     "typesafe-actions": "^5.1.0"
   },
-  "gitHead": "3543c15f39f5befcfa0380b2e9bf8c5cacf9eeec"
+  "gitHead": "3bdbb1a6785fcc3984633aacbf6fbfe2bc555ec1"
 }

package/src/blocks/FormCard.scss

@@ -69,7 +69,6 @@
 
   @screen print {
     @apply py-2;
-    @apply px-0;
   }
 }
 
@@ -87,13 +86,7 @@
 }
 
 .form-card__group {
-  @screen md {
-    @apply px-8;
-  }
-
-  @screen print {
-    @apply px-0;
-  }
+  @apply px-8;
 }
 
 .form-card__header {

package/src/headers/SiteHeader.tsx

@@ -147,7 +147,7 @@ const SiteHeader = (props: SiteHeaderProps) => {
                 }
                 dropdownOptionKeyDown(event, index)
               }}
-              data-test-id={`${option.title}-${index}`}
+              data-test-id={`${option.title}`}
             >
               {dropdownOptionContent(option)}
             </button>
@@ -301,7 +301,7 @@ const SiteHeader = (props: SiteHeaderProps) => {
                   className={`navbar-link ${props.menuItemClassName && props.menuItemClassName}`}
                   href={menuLink.href}
                   key={`${menuLink.title}-${index}`}
-                  data-test-id={`${menuLink.title}-${index}`}
+                  data-test-id={`${menuLink.title}`}
                 >
                   {menuContent}
                 </LinkComponent>
@@ -340,8 +340,8 @@ const SiteHeader = (props: SiteHeaderProps) => {
                 }}
                 onMouseEnter={() => changeMenuShow(menuLink.title, activeMenus, setActiveMenus)}
                 onMouseLeave={() => changeMenuShow(menuLink.title, activeMenus, setActiveMenus)}
-                data-test-id={`${menuLink.title}-${index}`}
                 role={"button"}
+                data-test-id={`${menuLink.title}`}
               >
                 {menuContent}
               </span>

package/src/locales/general.json

@@ -345,6 +345,7 @@
   "application.programs.rentBasedOnIncome.flatRent.description": "I would like to apply for an affordable flat rent apartment, which has a set monthly rent amount that is below market rate. Note - applicants with Section 8 Mobile Housing Choice Vouchers (HCV) are welcome to apply.",
   "application.programs.rentBasedOnIncome.flatRent.label": "Affordable apartment with flat rent",
   "application.programs.rentBasedOnIncome.summary": "Flat Rent & Rent Based on Income",
+  "application.programs.selectBelow": "Please select all that apply:",
   "application.programs.servedInMilitary.doNotConsider.label": "No",
   "application.programs.servedInMilitary.servedInMilitary.label": "Yes",
   "application.programs.servedInMilitary.summary": "Veteran of the US Military",
@@ -909,6 +910,7 @@
   "t.preferNotToSay": "Prefer not to say",
   "t.preferences": "Preferences",
   "t.previous": "Previous",
+  "t.programs": "Programs",
   "t.propertyAmenities": "Property Amenities",
   "t.range": "%{from} to %{to}",
   "t.readLess": "read less",

package/src/navigation/ProgressNav.scss

@@ -9,7 +9,7 @@
 
 .progress-nav__item {
   @apply text-2xs;
-  @apply px-2;
+  @apply px-1;
   @apply py-3;
   @apply relative;
   @apply text-center;
@@ -22,6 +22,7 @@
   @screen md {
     @apply text-sm;
     @apply p-0;
+    @apply px-2;
   }
 
   &:before {

package/src/overlays/Drawer.scss

@@ -104,3 +104,10 @@
   @apply pb-4;
   @apply overflow-y-visible;
 }
+
+.drawer__small {
+  width: 100%;
+  @screen md {
+    width: 45rem;
+  }
+}

package/src/page_components/listing/listing_sidebar/Contact.tsx

@@ -95,12 +95,12 @@ const Contact = ({
 
       {additionalInformation?.map((info) => {
         return (
-          <React.Fragment key={info.title}>
+          <div key={info.title} className={"my-3"}>
             <Heading priority={3} style={"sidebarSubHeader"}>
               {info.title}
             </Heading>
             <div className="text-gray-800 text-tiny markdown">{info.content}</div>
-          </React.Fragment>
+          </div>
         )
       })}
     </section>

package/src/page_components/listing/listing_sidebar/events/EventSection.tsx

@@ -1,5 +1,5 @@
 import * as React from "react"
-import Heading from "../../../../headers/Heading"
+import { Heading } from "../../../../headers/Heading"
 
 export type EventType = {
   timeString?: string