@kiva/kv-components 3.95.0 → 3.96.0

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.96.0](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-components@3.95.1...@kiva/kv-components@3.96.0) (2024-08-28)
+
+
+### Features
+
+* async countries border data import ([#451](https://github.com/kiva/kv-ui-elements/issues/451)) ([aa27135](https://github.com/kiva/kv-ui-elements/commit/aa2713540d61ad2cd780a0fdfbfd8249030d9cbd))
+
+
+
+
+
+## [3.95.1](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-components@3.95.0...@kiva/kv-components@3.95.1) (2024-08-28)
+
+
+### Bug Fixes
+
+* props usage removed reactivity ([6795042](https://github.com/kiva/kv-ui-elements/commit/6795042bfcc11e133781e2591eaee4035cfd7d63))
+
+
+
+
+
 # [3.95.0](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-components@3.94.0...@kiva/kv-components@3.95.0) (2024-08-28)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "3.95.0",
+  "version": "3.96.0",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -84,5 +84,5 @@
       "optional": true
     }
   },
-  "gitHead": "5f8bc910fcf78e8ea410172056d9172c55dc80c0"
+  "gitHead": "2ae4d98f1355e0035d20943ddc6616aa252c59cc"
 }

package/utils/loanCard.js

@@ -13,7 +13,7 @@ const REFUGEE_KEY = 'REFUGEES/DISPLACED';
 
 const findCalloutData = (tags, tagName) => tags?.find((t) => t.name.replace('#', '').toUpperCase() === tagName.toUpperCase()) ?? {}; // eslint-disable-line max-len
 
-export function loanCardComputedProperties(props) {
+export function loanCardComputedProperties(props, hideUnitedStatesText = false) {
 	const {
 		externalLinks,
 		customLoanDetails,
@@ -21,7 +21,6 @@ export function loanCardComputedProperties(props) {
 		loan,
 		categoryPageName,
 		customCallouts,
-		hideUnitedStatesText,
 	} = toRefs(props);
 
 	const tag = computed(() => (externalLinks.value ? 'a' : 'router-link'));
@@ -50,7 +49,7 @@ export function loanCardComputedProperties(props) {
 
 	const formattedLocation = computed(() => {
 		if (distributionModel.value === 'direct') {
-			const countryText = hideUnitedStatesText?.value && countryName.value.toLowerCase() === 'united states'
+			const countryText = hideUnitedStatesText && countryName.value.toLowerCase() === 'united states'
 				? '' : `, ${countryName.value}`;
 			return `${city.value}, ${state.value}${countryText}`;
 		}

package/vue/KvIntroductionLoanCard.vue

@@ -336,7 +336,7 @@ export default {
 			state,
 			tag,
 			unreservedAmount,
-		} = loanCardComputedProperties({ ...props, hideUnitedStatesText: true });
+		} = loanCardComputedProperties(props, true);
 
 		const {
 			clickReadMore,

package/vue/KvMap.vue

@@ -15,7 +15,6 @@
 <script>
 import kvTokensPrimitives from '@kiva/kv-tokens/primitives.json';
 import { animationCoordinator, generateMapMarkers, getCountryColor } from '../utils/mapUtils';
-import countriesBorders from '../data/countries-borders.json';
 
 export default {
 	name: 'KvMap',
@@ -164,6 +163,7 @@ export default {
 			mapLibreReady: false,
 			mapLoaded: false,
 			zoomActive: false,
+			countriesBorders: {},
 		};
 	},
 	computed: {
@@ -201,7 +201,11 @@ export default {
 			}
 		},
 	},
-	mounted() {
+	async mounted() {
+		if (this.countriesData) {
+			this.countriesBorders = await import('../data/countries-borders.json');
+		}
+
 		if (!this.mapLibreReady && !this.leafletReady) {
 			this.initializeMap();
 		}
@@ -498,7 +502,7 @@ export default {
 			});
 		},
 		getCountriesData() {
-			const countriesFeatures = countriesBorders.features ?? [];
+			const countriesFeatures = this.countriesBorders.features ?? [];
 
 			countriesFeatures.forEach((country, index) => {
 				const countryData = this.countriesData.find((data) => data.isoCode === country.properties.ISO_A2);
@@ -508,7 +512,7 @@ export default {
 				}
 			});
 
-			return countriesBorders;
+			return this.countriesBorders;
 		},
 		countryStyle(feature) {
 			return {