@geotab/zenith 3.1.1-beta.6 → 3.2.0-beta.1

package/{dist/utils/localization/translations/zh-TW-json.js → esm/utils/localization/translations/zh-TW.json}

@@ -1,9 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.translations = void 0;
-exports.translations = {
+{
     "Cancel": "取消",
-    "Apply filters": "套用篩選條件",
     "Advanced groups filter": "進階群組篩選",
     "Create conditions below to filter the entire system.": "在下方建立條件以篩選整個系統。",
     "Add new condition": "新增條件",
@@ -16,8 +12,6 @@ exports.translations = {
     "Or": "或",
     "Expand": "展開",
     "View all": "檢視全部",
-    "Use multiple operators when searching for a specific group. For example": "搜尋特定群組時，請使用多個運算子。例如：",
-    "filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.": "若篩選屬於牽引機群組和多倫多群組的資產，則會顯示屬於多倫多分公司的牽引機清單。",
     "Beta": "測試版",
     "Add page to bookmarks": "新增頁面至書籤",
     "Remove page from bookmarks": "從書籤移除頁面",
@@ -29,9 +23,6 @@ exports.translations = {
     "Select year": "選取年份",
     "Previous month": "上個月",
     "Next month": "下個月",
-    "Choose daterange end date": "選擇日期範圍的結束日期",
-    "Choose daterange start date": "選擇日期範圍的開始日期",
-    "Change date": "變更日期",
     "Choose date": "選擇日期",
     "January": "一月",
     "February": "二月",
@@ -51,7 +42,6 @@ exports.translations = {
     "Number of selected child groups - {count}": "所選子群組的數目 - {count}",
     "Columns": "欄",
     "Reset to default": "重設為預設值",
-    "Columns selector": "欄選擇器",
     "Additional Properties": "其他屬性",
     "Action": "動作",
     "Pick a date": "選擇日期",
@@ -97,23 +87,11 @@ exports.translations = {
     "All": "全部",
     "Go to My Reports": "前往「我的報告」",
     "There was an issue preparing your report": "準備您的報告時發生問題",
-    "Try again or see more details on the My Reports page.": "請再試一次，或在「我的報告」頁面查看更多詳細資料。",
     "Your report is being prepared": "您的報告正在準備中",
     "We will notify you when your report is ready. You can track the progress by going to the My Reports page.": "報告準備就緒時，我們會通知您。您可以前往「我的報告」頁面追蹤進度。",
     "Your report is ready to download": "您的報告已可供下載",
-    "Download your report now": "立即下載報告",
-    "or see more details on the My Reports page.": "或在「我的報告」頁面查看更多詳細資料。",
     "Download now": "立即下載",
-    "Prepare for download": "準備供下載",
     "Download": "下載",
-    "More formats": "更多格式",
-    "Show report formats": "顯示報告格式",
-    "Prepare PDF": "準備 PDF",
-    "Download PDF": "下載 PDF",
-    "View in Browser": "在瀏覽器中檢視",
-    "Search field": "搜尋欄位",
-    "List": "清單",
-    "Open search": "開啟搜尋",
     "Sort by": "排序依據",
     "Sort Options": "排序選項",
     "Change sort direction": "變更排序方向",
@@ -161,7 +139,6 @@ exports.translations = {
     "Delete": "刪除",
     "Archive": "歸檔",
     "More actions for {0}": "針對「{0}」的更多動作",
-    "Change daterange end date, {date}": "變更日期範圍的結束日期：{date}",
     "Change date, {date}": "變更日期：{date}",
     "Max": "最大",
     "Min": "最小",
@@ -270,5 +247,13 @@ exports.translations = {
     "Selected": "已選取",
     "This field is required.": "此欄位為必填。",
     "On": "開啟",
-    "Off": "關閉"
-};
+    "Off": "關閉",
+    "Loading": "載入中",
+    "Value": "值",
+    "Data": "資料",
+    "Save": "儲存",
+    "Remove": "移除",
+    "Confirm": "確認",
+    "Clear all": "清除全部",
+    "Reload": "重新載入"
+}

package/esm/utils/localization/translationsDictionary.d.ts

@@ -0,0 +1,2 @@
+export declare const dictionaries: Map<string, Record<string, string>>;
+export declare const injectString: (language: string, key: string, value: string) => void;

package/esm/utils/localization/translationsDictionary.js

@@ -0,0 +1,59 @@
+class TranslationsDictionary {
+    constructor() {
+        Object.defineProperty(this, "dictionaries", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        this.dictionaries = new Map([
+            ["en", {}],
+            ["cs", {}],
+            ["de", {}],
+            ["da-DK", {}],
+            ["es", {}],
+            ["fi-FI", {}],
+            ["fr-FR", {}],
+            ["fr", {}],
+            ["hu-HU", {}],
+            ["id", {}],
+            ["it", {}],
+            ["ja", {}],
+            ["ms", {}],
+            ["nb-NO", {}],
+            ["nl", {}],
+            ["pl", {}],
+            ["pt-BR", {}],
+            ["sk-SK", {}],
+            ["sv", {}],
+            ["th", {}],
+            ["tr", {}],
+            ["zh-Hans", {}],
+            ["ko-KR", {}],
+            ["zh-TW", {}]
+        ]);
+    }
+    getDictionaries() {
+        return this.dictionaries;
+    }
+    injectString(language, key, value) {
+        const dictionary = this.dictionaries.get(language);
+        if (dictionary) {
+            dictionary[key] = value;
+        }
+        else {
+            this.dictionaries.set(language, { [key]: value });
+        }
+    }
+    static getInstance() {
+        if (!TranslationsDictionary.instance) {
+            TranslationsDictionary.instance = new TranslationsDictionary();
+        }
+        return TranslationsDictionary.instance;
+    }
+}
+const dictionaryInstance = TranslationsDictionary.getInstance();
+export const dictionaries = dictionaryInstance.getDictionaries();
+export const injectString = (language, key, value) => {
+    dictionaryInstance.injectString(language, key, value);
+};

package/esm/utils/localization/useLanguage.js

@@ -1,55 +1,6 @@
 import { useCallback, useContext } from "react";
 import { languageContext } from "./languageContext";
-import * as fr from "./translations/fr-json";
-import * as es from "./translations/es-json";
-import * as ja from "./translations/ja-json";
-import * as de from "./translations/de-json";
-import * as pl from "./translations/pl-json";
-import * as ptBR from "./translations/pt-BR-json";
-import * as nl from "./translations/nl-json";
-import * as it from "./translations/it-json";
-import * as zhHans from "./translations/zh-Hans-json";
-import * as th from "./translations/th-json";
-import * as id from "./translations/id-json";
-import * as cs from "./translations/cs-json";
-import * as sv from "./translations/sv-json";
-import * as tr from "./translations/tr-json";
-import * as ms from "./translations/ms-json";
-import * as frFR from "./translations/fr-FR-json";
-import * as en from "./translations/en-json";
-import * as koKR from "./translations/ko-KR-json";
-import * as zhTW from "./translations/zh-TW-json";
-import * as daDK from "./translations/da-DK-json";
-import * as fiFI from "./translations/fi-FI-json";
-import * as huHU from "./translations/hu-HU-json";
-import * as nbNO from "./translations/nb-NO-json";
-import * as skSK from "./translations/sk-SK-json";
-const dictionaries = new Map([
-    ["en", en.translations],
-    ["cs", cs.translations],
-    ["de", de.translations],
-    ["da-DK", daDK.translations],
-    ["es", es.translations],
-    ["fi-FI", fiFI.translations],
-    ["fr-FR", frFR.translations],
-    ["fr", fr.translations],
-    ["hu-HU", huHU.translations],
-    ["id", id.translations],
-    ["it", it.translations],
-    ["ja", ja.translations],
-    ["ms", ms.translations],
-    ["nb-NO", nbNO.translations],
-    ["nl", nl.translations],
-    ["pl", pl.translations],
-    ["pt-BR", ptBR.translations],
-    ["sk-SK", skSK.translations],
-    ["sv", sv.translations],
-    ["th", th.translations],
-    ["tr", tr.translations],
-    ["zh-Hans", zhHans.translations],
-    ["ko-KR", koKR.translations],
-    ["zh-TW", zhTW.translations]
-]);
+import { dictionaries } from "./translationsDictionary";
 export const useLanguage = () => {
     const selectedLanguage = useContext(languageContext);
     const translate = useCallback((phrase) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geotab/zenith",
-  "version": "3.1.1-beta.6",
+  "version": "3.2.0-beta.1",
   "description": "Zenith components library on React",
   "main": "dist/index.js",
   "types": "esm/index.d.ts",
@@ -11,26 +11,32 @@
     "**/react-chartjs/dateAdapter.ts",
     "**/react-chartjs/dateAdapter.js"
   ],
+  "publishConfig": {
+    "access": "public"
+  },
   "scripts": {
-    "test": "npm run clean && npm run test-build && jest",
+    "test": "npm run clean && npm run test-build && node build-utils/translations/inject-translations.js && jest --clearCache && jest",
     "start": "npm run storybook --loglevel verbose",
     "lint": "npx eslint -c \".eslintrc.js\" --ext \".ts\" --ext \".tsx\" \"**/*.tsx\" \"**/*.ts\" --ignore-path \".eslintignore\"",
     "new": "node newComponent.mjs",
+    "translations": "node build-utils/translations/translation-integrity.mjs",
     "build-ai-mdx": "node collectmdx.js",
     "build-esm": "npx tsc -b tsconfig.esm.json",
     "build-cjs": "npx tsc -b tsconfig.cjs.json",
-    "build-ts": "npm run build-esm && npm run build-cjs && node less-transformer.js",
+    "build-ts": "npm run build-esm && npm run build-cjs && node build-utils/translations/inject-translations.js && node less-transformer.js",
     "build-less": "node less-compile.js",
     "build-copy": "node build-copy.js",
     "build-clean": "node build-clean.js",
     "build-index": "node buildIndex.js",
     "update-version": "node updateVersion.js",
-    "build": "npm run build-index && npm run update-version && npm run build-ts && npm run build-less && npm run build-copy && npm run build-clean",
+    "build": "npm run build-index && npm run update-version && npm run build-ts && npm run build-less && npm run build-copy && npm run build-clean && npm run translations",
     "add-icon": "node addIcon.js",
     "watch": "npx tsc -b tsconfig.build.json -w",
+    "watch:inject": "npx nodemon --watch dist --ext js --exec 'node build-utils/translations/inject-translations.js' --delay 500ms",
     "test-build": "npx tsc -b tsconfig.jestTests.json",
-    "test-watch": "npm run clean && npx tsc -b tsconfig.jestTests.json -w",
-    "test-coverage": "npm run clean && npm run test-build && jest --collectCoverage=true --coverage --collectCoverageFrom=./**/*.js --json --outputFile=jest-result.json --coverageReporters=html --coverageReporters=text-summary --coverageReporters=cobertura --maxWorkers=4 --noStackTrace && node testHelpers/cobertura/cobertura.js",
+    "test-watch": "npm run clean && npm run test-build && node build-utils/translations/inject-translations.js && npx tsc -b tsconfig.jestTests.json -w",
+    "test-watch:inject": "npx nodemon --watch dist --ext js --exec 'node build-utils/translations/inject-translations.js' --delay 500ms",
+    "test-coverage": "npm run clean && npm run test-build && node build-utils/translations/inject-translations.js && jest --clearCache && jest --collectCoverage=true --coverage --collectCoverageFrom='./dist/**/*.js' --collectCoverageFrom='!./dist/**/*.test.js' --json --outputFile=jest-result.json --coverageReporters=html --coverageReporters=text-summary --coverageReporters=cobertura --maxWorkers=4 --noStackTrace && node testHelpers/cobertura/cobertura.js",
     "coverage": "npm run test-coverage && google-chrome ./jest-coverage/index.html",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build && npm run build-ai-mdx",
@@ -39,9 +45,14 @@
   "author": "",
   "license": "SEE LICENSE IN LICENSE.txt",
   "devDependencies": {
+    "@babel/core": "^7.28.5",
+    "@babel/generator": "^7.28.5",
+    "@babel/parser": "^7.28.5",
     "@babel/preset-env": "^7.24.3",
     "@babel/preset-react": "^7.24.1",
     "@babel/preset-typescript": "^7.24.1",
+    "@babel/traverse": "^7.28.5",
+    "@storybook/addon-docs": "^9.1.15",
     "@storybook/addon-links": "^9.1.15",
     "@storybook/addon-webpack5-compiler-babel": "^3.0.6",
     "@storybook/react-webpack5": "^9.1.15",
@@ -68,8 +79,7 @@
     "style-loader": "^4.0.0",
     "typescript": "^5.4.3",
     "webpack": "^5.96.1",
-    "xml2js": "^0.6.0",
-    "@storybook/addon-docs": "^9.1.15"
+    "xml2js": "^0.6.0"
   },
   "dependencies": {
     "chart.js": "^4.4.6",
@@ -97,8 +107,5 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
-  },
-  "publishConfig": {
-   "access": "public"
- }
+  }
 }

package/dist/utils/localization/translations/cs-json.d.ts

@@ -1,251 +0,0 @@
-export declare const translations: {
-    Cancel: string;
-    "Apply filters": string;
-    "Advanced groups filter": string;
-    "Create conditions below to filter the entire system.": string;
-    "Add new condition": string;
-    Operator: string;
-    Information: string;
-    Groups: string;
-    "Remove condition": string;
-    "Remove selection": string;
-    And: string;
-    Or: string;
-    Beta: string;
-    "Add page to bookmarks": string;
-    "Remove page from bookmarks": string;
-    "Multiple Selection Menu": string;
-    "Select visible": string;
-    "Select individual": string;
-    "Select all": string;
-    "Select none": string;
-    "Select year": string;
-    "Previous month": string;
-    "Next month": string;
-    "Choose date": string;
-    January: string;
-    February: string;
-    March: string;
-    April: string;
-    May: string;
-    June: string;
-    July: string;
-    August: string;
-    September: string;
-    October: string;
-    November: string;
-    December: string;
-    Actions: string;
-    "View {groupName} children": string;
-    "Toggle {groupName} filter": string;
-    "Number of selected child groups - {count}": string;
-    Columns: string;
-    "Reset to default": string;
-    "Additional Properties": string;
-    Action: string;
-    "Start date": string;
-    "End date": string;
-    Clear: string;
-    Reset: string;
-    Apply: string;
-    Close: string;
-    "Deselect all": string;
-    Back: string;
-    "No data": string;
-    "Filter by group": string;
-    "Open filter": string;
-    "Clear search": string;
-    Search: string;
-    "Organization groups filter": string;
-    Home: string;
-    "Built-in Groups": string;
-    "User Groups": string;
-    "Advanced Filter": string;
-    "Currently Selected": string;
-    "All groups": string;
-    "Apply site-wide": string;
-    Advanced: string;
-    AND: string;
-    OR: string;
-    "View currently selected filters": string;
-    "All groups selected": string;
-    "Number of selected groups - {count}": string;
-    "Select Filters:": string;
-    More: string;
-    "Show all filters": string;
-    "Cancel search": string;
-    "Show page search": string;
-    "Previous page": string;
-    "Next page": string;
-    "Showing {from} - {to} of {total}": string;
-    "Selected:": string;
-    All: string;
-    "There was an issue preparing your report": string;
-    "Try again or see more details on the My Reports page.": string;
-    "Your report is being prepared": string;
-    "We will notify you when your report is ready. You can track the progress by going to the My Reports page.": string;
-    "Your report is ready to download": string;
-    "Download now": string;
-    "Prepare for download": string;
-    Download: string;
-    "More formats": string;
-    "Show report formats": string;
-    "Prepare PDF": string;
-    "Download PDF": string;
-    List: string;
-    "Sort by": string;
-    "Change sort direction": string;
-    "Select hour": string;
-    "Cancel changes": string;
-    "Apply changes": string;
-    Custom: string;
-    GroupTrailerId: string;
-    GroupVehicleId: string;
-    GroupCompanyId: string;
-    GroupDieselId: string;
-    GroupAssetTypeId: string;
-    GroupAssetInformationId: string;
-    GroupBusinessGroupId: string;
-    GroupDriverActivityGroupId: string;
-    GroupPersonalGroupId: string;
-    GroupPowertrainAndFuelTypeId: string;
-    GroupInternalCombustionEngineId: string;
-    GroupGasolinePetrolId: string;
-    GroupEthanolId: string;
-    GroupBiodieselId: string;
-    GroupCompressedNaturalGasId: string;
-    GroupPropaneLiquifiedPetroleumGasId: string;
-    GroupElectricHybridPluginId: string;
-    GroupBatteryElectricVehicleId: string;
-    GroupPluginHybridElectricVehicleId: string;
-    GroupManuallyClassifiedPowertrainId: string;
-    GroupOtherFuelId: string;
-    GroupFuelCellElectricVehicleId: string;
-    "{1} selected": string;
-    "and {0} more": string;
-    "Clear selection": string;
-    "Select current page": string;
-    OperatorOr: string;
-    OperatorAnd: string;
-    "Select groups\u2026": string;
-    "Sort by {COLUMN_NAME} descending": string;
-    "Sort by {COLUMN_NAME} ascending": string;
-    "Multiple row selection menu": string;
-    "Convert table to full screen": string;
-    "View on map": string;
-    Edit: string;
-    Delete: string;
-    Archive: string;
-    "More actions for {0}": string;
-    "Go to My Reports": string;
-    Max: string;
-    Min: string;
-    Jan: string;
-    Feb: string;
-    Mar: string;
-    Apr: string;
-    Jun: string;
-    Jul: string;
-    Aug: string;
-    Sep: string;
-    Oct: string;
-    Nov: string;
-    Dec: string;
-    Sunday: string;
-    Monday: string;
-    Tuesday: string;
-    Wednesday: string;
-    Thursday: string;
-    Friday: string;
-    Saturday: string;
-    Sun: string;
-    Mon: string;
-    Tue: string;
-    Wed: string;
-    Thu: string;
-    Fri: string;
-    Sat: string;
-    Today: string;
-    Yesterday: string;
-    "This week": string;
-    "Next week": string;
-    "Last week": string;
-    "This month": string;
-    "Last month": string;
-    "Last 7 days": string;
-    "Last 30 days": string;
-    "Last 3 months": string;
-    "Last 12 months": string;
-    "Last quarter": string;
-    ShortMonday: string;
-    ShortTuesday: string;
-    ShortWednesday: string;
-    ShortThursday: string;
-    ShortFriday: string;
-    ShortSaturday: string;
-    ShortSunday: string;
-    "Use multiple operators when searching for a specific group. For example, filtering for assets that belong to the Tractor group and the Toronto group displays a list of tractors that belong to the Toronto branch.": string;
-    "Select columns": string;
-    "Must be less than the max": string;
-    "Must be more than the min": string;
-    "Must be more than {value}": string;
-    "Must be less than {value}": string;
-    "Must be in range {min} - {max}": string;
-    "The min value must be set": string;
-    "The max value must be set": string;
-    "Range Filter popup": string;
-    "{rangeName} values {values}": string;
-    "Try adjusting your search or filter.": string;
-    "Change daterange end date, {date}": string;
-    "Change date, {date}": string;
-    "Date range": string;
-    "The end date cannot be empty.": string;
-    "The start date cannot be empty.": string;
-    "Pick a date": string;
-    "This year": string;
-    "Last year": string;
-    "This quarter": string;
-    "View all": string;
-    Expand: string;
-    "The date must be set": string;
-    "The time must be set": string;
-    "Reset column settings": string;
-    Filters: string;
-    Ma: string;
-    Next: string;
-    Previous: string;
-    Open: string;
-    "All Filters": string;
-    Loading: string;
-    "Select option": string;
-    Value: string;
-    Data: string;
-    "Previous step": string;
-    Continue: string;
-    Submit: string;
-    Optional: string;
-    "Step {0} of {1}": string;
-    "Y-axis": string;
-    "X-axis": string;
-    "No data available": string;
-    "Choose dates": string;
-    "Date range not available": string;
-    "Choose your date range": string;
-    "Some of the dates you selected aren\u2019t available. Please try a different range.": string;
-    "Please select the dates you want to view.": string;
-    "Reset All": string;
-    Favorite: string;
-    "Summary color": string;
-    "Chart data": string;
-    Collapse: string;
-    "Selecting...": string;
-    Configure: string;
-    "Close filter": string;
-    "Column Settings": string;
-    Category: string;
-    "Select visible columns": string;
-    Selected: string;
-    "This field is required.": string;
-    On: string;
-    Off: string;
-};