@kiva/kv-components 3.50.0 → 3.51.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.51.0](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-components@3.50.0...@kiva/kv-components@3.51.0) (2024-01-25)
+
+
+### Features
+
+* add basic comments container for future comment work ([4f1b3ab](https://github.com/kiva/kv-ui-elements/commit/4f1b3aba7f78ead3cf53a955bbb1b1243c4b2cda))
+
+
+
+
+
 # [3.50.0](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-components@3.49.1...@kiva/kv-components@3.50.0) (2024-01-19)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "3.50.0",
+  "version": "3.51.0",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -75,5 +75,5 @@
       "optional": true
     }
   },
-  "gitHead": "7bedad99cec599d99830aeebedfc9d49f4f53649"
+  "gitHead": "a190bfbb90887db6d39f09d66bb31bca2d957c4b"
 }

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

@@ -0,0 +1,18 @@
+import { render } from '@testing-library/vue';
+import Container from '../../../../vue/KvCommentsContainer.vue';
+
+const renderContainer = (props = {}) => {
+	return render(Container, { props });
+};
+
+describe('KvCommentsContainer', () => {
+	it('should render without activity ID', async () => {
+		const component = renderContainer();
+		component.getByText('Activity ID missing');
+	});
+
+	it('should render with activity ID', async () => {
+		const component = renderContainer({ activityId: 'asd' });
+		component.getByText('Comment functionality coming soon!');
+	});
+});

package/vue/KvCommentsContainer.vue

@@ -0,0 +1,28 @@
+<template>
+	<div>
+		<h3>Comment Container Placeholder</h3>
+		<p v-if="activityId">
+			Comment functionality coming soon!
+		</p>
+		<p
+			v-else
+			class="tw-text-desert-rose"
+		>
+			Activity ID missing
+		</p>
+	</div>
+</template>
+
+<script>
+export default {
+	props: {
+		/**
+		 * The activity ID for the comments
+		 */
+		activityId: {
+			type: String,
+			default: '',
+		},
+	},
+};
+</script>

package/vue/stories/KvCommentsContainer.stories.js

@@ -0,0 +1,23 @@
+import KvCommentsContainer from '../KvCommentsContainer.vue';
+
+export default {
+	title: 'KvCommentsContainer',
+	component: KvCommentsContainer,
+};
+
+const story = (args) => {
+	const template = (templateArgs, { argTypes }) => ({
+		props: Object.keys(argTypes),
+		components: { KvCommentsContainer },
+		setup() { return { args: templateArgs }; },
+		template: `
+			<KvCommentsContainer v-bind="args" />
+		`,
+	});
+	template.args = args;
+	return template;
+};
+
+export const Default = story({});
+
+export const Activity = story({ activityId: 'asd' });