@kiva/kv-components 3.75.0 → 3.75.2

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.75.2](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-components@3.75.1...@kiva/kv-components@3.75.2) (2024-04-29)
+
+
+### Bug Fixes
+
+* category callouts were missing props to make them clickable ([6d7918b](https://github.com/kiva/kv-ui-elements/commit/6d7918bda0ddb8bff1dc38fa985409503c2d2616))
+
+
+
+
+
+## [3.75.1](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-components@3.75.0...@kiva/kv-components@3.75.1) (2024-04-26)
+
+
+### Bug Fixes
+
+* activity removed from clickable tags ([#394](https://github.com/kiva/kv-ui-elements/issues/394)) ([e59496a](https://github.com/kiva/kv-ui-elements/commit/e59496afceb9b7964078452c57dd401cb6b2dab4))
+
+
+
+
+
 # [3.75.0](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-components@3.74.1...@kiva/kv-components@3.75.0) (2024-04-26)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "3.75.0",
+  "version": "3.75.2",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -75,5 +75,5 @@
       "optional": true
     }
   },
-  "gitHead": "478101c653870979f75a18e4ea2cb355e21c28ac"
+  "gitHead": "489d7831ed1eb950eb559003530e4fed7e0e5d98"
 }

package/tests/unit/specs/components/KvClassicLoanCard.spec.js

@@ -211,10 +211,10 @@ describe('KvClassicLoanCard', () => {
 					enableClickableTags: true,
 				},
 			});
-		const tagSpan = getByText('Dairy');
+		const tagSpan = getByText('Agriculture');
 
 		await userEvent.click(tagSpan);
 
-		expect(emitted()['jump-filter-page']).toEqual([[{ id: 61, label: 'Dairy', type: 'activity' }]]);
+		expect(emitted()['jump-filter-page']).toEqual([[{ id: 1, label: 'Agriculture', type: 'sector' }]]);
 	});
 });

package/utils/loanCard.js

@@ -11,7 +11,7 @@ const SUSTAINABLE_AG_KEY = 'SUSTAINABLE AG';
 const SINGLE_PARENT_KEY = 'SINGLE PARENT';
 const REFUGEE_KEY = 'REFUGEES/DISPLACED';
 
-const findCalloutData = (tags, tagName) => tags?.find((t) => t.name.toUpperCase() === tagName.toUpperCase()) ?? {};
+const findCalloutData = (tags, tagName) => tags?.find((t) => t.name.replace('#', '').toUpperCase() === tagName.toUpperCase()) ?? {}; // eslint-disable-line max-len
 
 export function loanCardComputedProperties(props) {
 	const {
@@ -101,12 +101,12 @@ export function loanCardComputedProperties(props) {
 			if (categories.ecoFriendly
 				// eslint-disable-next-line max-len
 				&& !callouts.find((c) => c.label.toUpperCase() === ECO_FRIENDLY_KEY || c.label.toUpperCase() === SUSTAINABLE_AG_KEY)) {
-				callouts.push({ label: 'Eco-friendly' });
+				callouts.push({ label: 'Eco-friendly', type: 'tag', id: 9 });
 			} else if (categories.refugeesIdps) {
-				callouts.push({ label: 'Refugees and IDPs' });
+				callouts.push({ label: 'Refugees and IDPs', type: 'attribute', id: 28 });
 			} else if (categories.singleParents
 				&& !callouts.find((c) => c.label.toUpperCase() === SINGLE_PARENT_KEY)) {
-				callouts.push({ label: 'Single Parent' });
+				callouts.push({ label: 'Single Parent', type: 'tag', id: 17 });
 			}
 		}
 
@@ -142,7 +142,7 @@ export function loanCardComputedProperties(props) {
 			const id = themeData?.id ?? null;
 			if (!callouts.filter((c) => c.label.toUpperCase() === theme.toUpperCase()).length
 				&& theme.toUpperCase() !== categoryPageName.value?.toUpperCase()) {
-				callouts.push({ label: theme, type: 'theme', id });
+				callouts.push({ label: theme, type: 'attribute', id });
 			}
 		}
 

package/vue/KvLoanCallouts.vue

@@ -60,7 +60,7 @@ export default {
 		} = toRefs(props);
 
 		const isClickable = (tag) => {
-			const clickableTypes = ['activity', 'sector', 'tag', 'theme'];
+			const clickableTypes = ['sector', 'tag', 'attribute'];
 			const isClickableType = clickableTypes.includes(tag.type);
 
 			return enableClickable.value && isClickableType && !!tag.id;

package/vue/stories/KvLoanCallouts.stories.js

@@ -24,11 +24,10 @@ export const Default = story({ callouts: [{ label: 'callout 1' }, { label: 'call
 
 export const Clickable = story({
 	callouts: [
-		{ id: 1, label: 'callout 1', type: 'activity' },
 		{ label: 'callout 2' },
 		{ id: 33, label: 'callout 3', type: 'sector' },
 		{ id: null, label: 'callout 4', type: 'tag' },
-		{ id: 12, label: 'callout 5', type: 'theme' },
+		{ id: 12, label: 'callout 5', type: 'attribute' },
 	],
 	enableClickable: true,
 });