@bloom-housing/ui-components 4.0.1-alpha.21 → 4.0.1-alpha.25

package/CHANGELOG.md

@@ -3,6 +3,44 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [4.0.1-alpha.25](https://github.com/bloom-housing/bloom/compare/@bloom-housing/ui-components@4.0.1-alpha.24...@bloom-housing/ui-components@4.0.1-alpha.25) (2022-01-24)
+
+**Note:** Version bump only for package @bloom-housing/ui-components
+
+
+
+
+
+## [4.0.1-alpha.24](https://github.com/bloom-housing/bloom/compare/@bloom-housing/ui-components@4.0.1-alpha.23...@bloom-housing/ui-components@4.0.1-alpha.24) (2022-01-20)
+
+
+### Features
+
+* listing card takes optional children ([#2407](https://github.com/bloom-housing/bloom/issues/2407)) ([3c73a11](https://github.com/bloom-housing/bloom/commit/3c73a1144748fca6d50e5e0b220230eb8bf48dc6))
+
+
+
+
+
+## [4.0.1-alpha.23](https://github.com/bloom-housing/bloom/compare/@bloom-housing/ui-components@4.0.1-alpha.22...@bloom-housing/ui-components@4.0.1-alpha.23) (2022-01-14)
+
+
+### Bug Fixes
+
+* patches translations for preferences ([#2410](https://github.com/bloom-housing/bloom/issues/2410)) ([7906e6b](https://github.com/bloom-housing/bloom/commit/7906e6bc035fab4deea79ea51833a0ef29926d45))
+
+
+
+
+
+## [4.0.1-alpha.22](https://github.com/bloom-housing/bloom/compare/@bloom-housing/ui-components@4.0.1-alpha.21...@bloom-housing/ui-components@4.0.1-alpha.22) (2022-01-13)
+
+**Note:** Version bump only for package @bloom-housing/ui-components
+
+
+
+
+
 ## [4.0.1-alpha.21](https://github.com/bloom-housing/bloom/compare/@bloom-housing/ui-components@4.0.1-alpha.20...@bloom-housing/ui-components@4.0.1-alpha.21) (2022-01-13)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bloom-housing/ui-components",
-  "version": "4.0.1-alpha.21",
+  "version": "4.0.1-alpha.25",
   "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",
@@ -69,7 +69,7 @@
     "webpack": "^4.44.2"
   },
   "dependencies": {
-    "@bloom-housing/backend-core": "^3.0.2-alpha.13",
+    "@bloom-housing/backend-core": "^3.0.2-alpha.16",
     "@mapbox/mapbox-sdk": "^0.13.0",
     "@types/body-scroll-lock": "^2.6.1",
     "@types/jwt-decode": "^2.2.1",
@@ -100,5 +100,5 @@
     "tailwindcss": "2.2.10",
     "typesafe-actions": "^5.1.0"
   },
-  "gitHead": "dc4453ed2aa86948b8a91e4806ba83d020e10a49"
+  "gitHead": "98c3102ae24bce856b8873e15ea88d20140b6db0"
 }

package/src/locales/es.json

@@ -252,6 +252,20 @@
       "general": {
         "title": "En base a la información que usted ingresó, su hogar no ha solicitado ninguna preferencia de vivienda.",
         "preamble": "Estará en el grupo general de solicitantes."
+      },
+      "rosefieldLive": {
+        "title": "Anterior Residentes de Rosefield Village reubicados fuera de la ciudad de Alameda",
+        "yes": {
+          "label": "Al menos un miembro de mi hogar fue residente anterior de Rosefield Village",
+          "description": "Al menos un miembro de mi hogar fue residente anterior de Rosefield Village"
+        }
+      },
+      "rosefieldAUSD": {
+        "title": "Empleado(a) del Distrito Escolar Unificado Alameda (AUSD)",
+        "yes": {
+          "label": "Al menos un miembro de mi hogar es empleado del Distrito Escolar Unificado de Alameda",
+          "description": "Al menos un miembro de mi hogar es empleado del Distrito Escolar Unificado de Alameda"
+        }
       }
     },
     "review": {

package/src/locales/vi.json

@@ -249,6 +249,20 @@
       "general": {
         "title": "Dựa trên thông tin quý vị đã nhập, hộ gia đình của quý vị chưa yêu cầu bất kỳ lựa chọn ưu tiên nhà ở nào.",
         "preamble": "Quý vị sẽ thuộc nhóm các ứng viên chung."
+      },
+      "rosefieldLive": {
+        "title": "Cư dân trước đây của Làng Rosefield đã tái định cư bên ngoài Thành phố Alameda",
+        "yes": {
+          "label": "Ít nhất một thành viên trong gia đình tôi là cư dân trước đây của Làng Rosefield",
+          "description": "Ít nhất một thành viên trong gia đình tôi là cư dân trước đây của Làng Rosefield"
+        }
+      },
+      "rosefieldAUSD": {
+        "title": "Nhân viên của Học khu Thống nhất Alameda (AUSD)",
+        "yes": {
+          "label": "Ít nhất một thành viên trong gia đình tôi là nhân viên của Học khu Thống nhất Alameda",
+          "description": "Ít nhất một thành viên trong gia đình tôi là nhân viên của Học khu Thống nhất Alameda"
+        }
       }
     },
     "review": {

package/src/locales/zh.json

@@ -249,6 +249,20 @@
       "general": {
         "title": "根據您填寫的資料，您的家庭沒有要求任何住房優先權。",
         "preamble": "您將被分配到一般申請人組別。"
+      },
+      "rosefieldLive": {
+        "title": "罗斯菲尔德村以前的居民搬迁到阿拉米达市外",
+        "yes": {
+          "label": "我的至少一名家庭成员曾是罗斯菲尔德村的居民",
+          "description": "我的至少一名家庭成员曾是罗斯菲尔德村的居民"
+        }
+      },
+      "rosefieldAUSD": {
+        "title": "阿拉米达联合学区 (AUSD) 员工",
+        "yes": {
+          "label": "我的至少一名家庭成员是阿拉米达联合学区的雇员",
+          "description": "我的至少一名家庭成员是阿拉米达联合学区的雇员"
+        }
       }
     },
     "review": {

package/src/page_components/listing/ListingCard.tsx

@@ -18,14 +18,39 @@ export interface ListingCardHeaderProps {
 }
 export interface ListingCardProps {
   imageCardProps: ImageCardProps
+  children?: React.ReactElement
   seeDetailsLink?: string
   tableHeaderProps?: ListingCardHeaderProps
-  tableProps: ListingCardTableProps
+  tableProps?: ListingCardTableProps
   detailsLinkClass?: string
 }
 
 const ListingCard = (props: ListingCardProps) => {
-  const { imageCardProps, tableProps, detailsLinkClass, tableHeaderProps } = props
+  const { imageCardProps, tableProps, detailsLinkClass, tableHeaderProps, children } = props
+
+  const tableHeader = () => {
+    return (
+      <h3
+        className={`listings-row_title ${
+          tableHeaderProps?.tableHeaderClass && tableHeaderProps?.tableHeaderClass
+        }`}
+      >
+        {tableHeaderProps?.tableHeader}
+      </h3>
+    )
+  }
+
+  const tableSubHeader = () => {
+    return (
+      <h4
+        className={`listings-row_subtitle ${
+          tableHeaderProps?.tableSubHeaderClass && tableHeaderProps?.tableSubHeaderClass
+        }`}
+      >
+        {tableHeaderProps?.tableSubHeader}
+      </h4>
+    )
+  }
 
   return (
     <article className="listings-row" data-test-id={"listing-card-component"}>
@@ -33,26 +58,11 @@ const ListingCard = (props: ListingCardProps) => {
         <ImageCard {...imageCardProps} />
       </div>
       <div className="listings-row_content">
-        {tableHeaderProps?.tableHeader && (
-          <h3
-            className={`listings-row_title ${
-              tableHeaderProps.tableHeaderClass && tableHeaderProps.tableHeaderClass
-            }`}
-          >
-            {tableHeaderProps?.tableHeader}
-          </h3>
-        )}
-        {tableHeaderProps?.tableSubHeader && (
-          <h4
-            className={`listings-row_subtitle ${
-              tableHeaderProps.tableSubHeaderClass && tableHeaderProps.tableSubHeaderClass
-            }`}
-          >
-            {tableHeaderProps?.tableSubHeader}
-          </h4>
-        )}
+        {tableHeaderProps?.tableHeader && tableHeader()}
+        {tableHeaderProps?.tableSubHeader && tableSubHeader()}
         <div className="listings-row_table">
-          {(tableProps.data || tableProps.stackedData) && (
+          {children && children}
+          {tableProps && (tableProps.data || tableProps.stackedData) && (
             <>
               {tableHeaderProps?.stackedTable ? (
                 <StackedTable {...(tableProps as StackedTableProps)} />