@bloom-housing/ui-components 4.2.2-alpha.28 → 4.2.2-alpha.30

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [4.2.2-alpha.30](https://github.com/bloom-housing/bloom/compare/@bloom-housing/ui-components@4.2.2-alpha.29...@bloom-housing/ui-components@4.2.2-alpha.30) (2022-05-13)
+
+
+### Features
+
+* missing translations, script to merge new translations ([#2728](https://github.com/bloom-housing/bloom/issues/2728)) ([1abc50d](https://github.com/bloom-housing/bloom/commit/1abc50de6b3311e92d47292b6f5ec69bf4c5094a))
+
+
+
+
+
+## [4.2.2-alpha.29](https://github.com/bloom-housing/bloom/compare/@bloom-housing/ui-components@4.2.2-alpha.28...@bloom-housing/ui-components@4.2.2-alpha.29) (2022-05-11)
+
+**Note:** Version bump only for package @bloom-housing/ui-components
+
+
+
+
+
 ## [4.2.2-alpha.28](https://github.com/bloom-housing/bloom/compare/@bloom-housing/ui-components@4.2.2-alpha.27...@bloom-housing/ui-components@4.2.2-alpha.28) (2022-05-11)
 
 **Note:** Version bump only for package @bloom-housing/ui-components

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bloom-housing/ui-components",
-  "version": "4.2.2-alpha.28",
+  "version": "4.2.2-alpha.30",
   "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",
@@ -66,11 +66,11 @@
     "style-loader": "^1.1.3",
     "ts-jest": "^26.4.1",
     "ts-loader": "^8.0.4",
-    "typescript": "^3.9.7",
+    "typescript": "^4.5.5",
     "webpack": "^4.44.2"
   },
   "dependencies": {
-    "@bloom-housing/backend-core": "^4.2.2-alpha.8",
+    "@bloom-housing/backend-core": "^4.2.2-alpha.9",
     "@mapbox/mapbox-sdk": "^0.13.0",
     "@types/body-scroll-lock": "^2.6.1",
     "@types/jwt-decode": "^2.2.1",
@@ -102,5 +102,5 @@
     "tailwindcss": "2.2.10",
     "typesafe-actions": "^5.1.0"
   },
-  "gitHead": "2363f2964008487d5c6d2e2917a891591b539016"
+  "gitHead": "45e070c511b6c92e239780f025a8e546a797faf5"
 }

package/scripts/generate-translations.ts

@@ -0,0 +1,60 @@
+/* eslint-disable @typescript-eslint/no-var-requires */
+// Prints out a combination of an inputted csv file and existing translations file
+// The CSV of the new translations must be in the format "key,value"
+// Temporarily update the ui-components tsconfig to include `"module": "commonjs"`
+// example: `ts-node generate-translations es new-spanish.csv > merged-spanish-translations.json`
+const fs = require("fs")
+const general = require("../src/locales/general.json")
+const es = require("../src/locales/es.json")
+const zh = require("../src/locales/zh.json")
+const vi = require("../src/locales/vi.json")
+const tl = require("../src/locales/tl.json")
+
+function main() {
+  if (process.argv.length < 4) {
+    console.log(
+      "usage: ts-node generate-translations es new-spanish.csv > merged-spanish-translations.json"
+    )
+    process.exit(1)
+  }
+
+  const languageMap = {
+    general: general,
+    es: es,
+    zh: zh,
+    vi: vi,
+    tl: tl,
+  }
+
+  const [language, filePath] = process.argv.slice(2)
+
+  // Process existing keys
+  const mergedTranslations: string[] = []
+  Object.keys(languageMap[language]).forEach((key) => {
+    const formattedTranslation = `"${key}": "${languageMap[language][key]}",`
+    mergedTranslations.push(JSON.stringify(formattedTranslation))
+  })
+
+  // Add new keys if not present
+  const newTranslationsFile: any = fs.readFileSync(filePath, "utf-8")
+  const newTranslations = newTranslationsFile.split("\n")
+  newTranslations.forEach((translation: string) => {
+    const [key, ...values] = translation.split(",")
+    const value = values.join("_")
+    if (!mergedTranslations[key]) {
+      const formattedTranslation = `"${key}": "${value}",`
+      mergedTranslations.push(JSON.stringify(formattedTranslation))
+    }
+  })
+
+  mergedTranslations.sort()
+  console.log("{")
+  mergedTranslations.forEach((translation) => {
+    console.log(JSON.parse(translation))
+  })
+  console.log("}")
+}
+
+void main()
+
+export {}

package/src/headers/SiteHeader.tsx

@@ -143,6 +143,7 @@ const SiteHeader = (props: SiteHeaderProps) => {
                 }
                 dropdownOptionKeyDown(event, index)
               }}
+              data-test-id={`${option.title}-${index}`}
             >
               {dropdownOptionContent(option)}
             </button>
@@ -296,6 +297,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}`}
                 >
                   {menuContent}
                 </LinkComponent>
@@ -334,6 +336,7 @@ const SiteHeader = (props: SiteHeaderProps) => {
                 }}
                 onMouseEnter={() => changeMenuShow(menuLink.title, activeMenus, setActiveMenus)}
                 onMouseLeave={() => changeMenuShow(menuLink.title, activeMenus, setActiveMenus)}
+                data-test-id={`${menuLink.title}-${index}`}
               >
                 {menuContent}
               </span>