@kiva/kv-components 4.8.6 → 5.1.0

package/vue/stories/KvLightbox.stories.js

@@ -1,308 +0,0 @@
-import { mdiLightningBolt } from '@mdi/js';
-import KvLightbox from '../KvLightbox.vue';
-import KvMaterialIcon from '../KvMaterialIcon.vue';
-import KvButton from '../KvButton.vue';
-import KvToast from '../KvToast.vue';
-
-export default {
-	title: 'KvLightbox',
-	component: KvLightbox,
-	parameters: {
-		layout: 'fullscreen',
-	},
-	argTypes: {
-		variant: {
-			control: 'select',
-			options: ['lightbox', 'alert'],
-		},
-	},
-	args: {
-		visible: true,
-		title: '',
-		variant: 'lightbox',
-		preventClose: false,
-	},
-};
-
-const DefaultTemplate = (args, { argTypes }) => ({
-	props: Object.keys(argTypes),
-	components: { KvLightbox, KvButton },
-	setup() { return { args }; },
-	template: `
-		<div>
-			<kv-button @click="isLightboxVisible = true;">Show {{variant}}</kv-button>
-			<p>The lightbox is visible: {{isLightboxVisible}}</p>
-
-			<kv-lightbox
-				:visible="isLightboxVisible"
-				:title="args.title"
-				:variant="args.variant"
-				:prevent-close="args.preventClose"
-				@lightbox-closed="isLightboxVisible = false"
-			>
-				<p class="tw-mb-2">Lorem ipsum aliquip labore commodo anim elit amet cupidatat do ex ipsum. Consectetur excepteur ea anim velit reprehenderit qui aliquip ullamco aliquip irure dolor ex. Occaecat excepteur enim eu incididunt ut consectetur aliqua magna et. Reprehenderit duis ex excepteur sit et cupidatat cillum cillum adipisicing ut adipisicing minim ad.</p>
-				<p class="tw-font-serif">Et id excepteur cillum quis. Culpa dolore eiusmod ex officia ea deserunt. Aliquip velit deserunt Lorem nisi mollit aliquip esse quis. Lorem aliquip ex id reprehenderit irure cillum elit aliqua laboris fugiat aliquip irure. Nostrud irure est anim qui eu in eu quis cupidatat. Fugiat officia aliqua laborum in incididunt tempor anim ex velit qui magna. Cillum minim commodo pariatur ex cillum sit.</p>
-				<template #controls>
-					<kv-button variant="secondary" @click="isLightboxVisible = false" ref="dontDoItRef">Don't do it!</kv-button>
-					<kv-button @click="isLightboxVisible = false" ref="doItRef">Do it!</kv-button>
-				</template>
-			</kv-lightbox>
-		</div>
-	`,
-	data() {
-		return {
-			isLightboxVisible: args.visible,
-		};
-	},
-});
-
-const VeryShortTemplate = (args, { argTypes }) => ({
-	props: Object.keys(argTypes),
-	components: { KvLightbox, KvButton },
-	setup() { return { args }; },
-	template: `
-		<div>
-			<kv-button @click="isLightboxVisible = true;">Show {{variant}}</kv-button>
-			<p>The lightbox is visible: {{isLightboxVisible}}</p>
-
-			<kv-lightbox
-				:visible="isLightboxVisible"
-				:title="args.title"
-				:variant="args.variant"
-				:prevent-close="args.preventClose"
-				@lightbox-closed="isLightboxVisible = false"
-			>
-				<p class="tw-mb-2">The lightbox content is very short.</p>
-				<template #controls>
-					<kv-button variant="secondary" @click="isLightboxVisible = false" ref="dontDoItRef">Don't do it!</kv-button>
-					<kv-button @click="isLightboxVisible = false" ref="doItRef">Do it!</kv-button>
-				</template>
-			</kv-lightbox>
-		</div>
-	`,
-	data() {
-		return {
-			isLightboxVisible: args.visible,
-		};
-	},
-});
-
-const VeryLongTemplate = (args, { argTypes }) => ({
-	props: Object.keys(argTypes),
-	components: { KvLightbox, KvButton },
-	setup() { return { args }; },
-	template: `
-		<div>
-			<kv-button @click="isLightboxVisible = true;">Show {{variant}}</kv-button>
-			<p>The lightbox is visible: {{isLightboxVisible}}</p>
-
-			<kv-lightbox
-				:visible="isLightboxVisible"
-				:title="args.title"
-				:variant="args.variant"
-				:prevent-close="args.preventClose"
-				@lightbox-closed="isLightboxVisible = false"
-			>
-				<p class="tw-mb-2">Lorem ipsum dolor sit amet consectetur adipisicing elit. Exercitationem voluptatum quod illum minima alias quae non architecto ipsum sunt repudiandae eius ipsa commodi adipisci nam, magni praesentium error, deleniti impedit!
-				Qui sint repudiandae incidunt odit distinctio neque repellendus, soluta culpa. Vero rem, odit laudantium autem quis facilis ratione omnis aut voluptas, velit vitae adipisci? Magni iure animi doloribus illum soluta.
-				Enim aspernatur non accusantium aut minima, quos maxime? Perferendis suscipit enim laborum, recusandae fugit praesentium fugiat animi cumque voluptatum voluptate labore dolore quaerat libero esse quasi magnam tempore id autem.
-				Nisi voluptas architecto dolores aut perspiciatis itaque, est reprehenderit tempora. Animi dicta laudantium repudiandae facere atque omnis voluptatem, incidunt ipsum, accusantium minima aspernatur modi soluta molestiae neque quam doloremque nemo.
-				Neque delectus quidem sapiente facere consequuntur maiores molestiae vel! Quidem, veniam. Libero labore voluptatibus id corporis molestias cumque magnam maiores praesentium laborum? Voluptate, porro eum. Recusandae earum rerum quis quos.
-				Cupiditate ea quas non ut adipisci illum dolorem eligendi sequi quod, doloribus suscipit assumenda ullam aliquid ad repudiandae dignissimos optio, possimus molestiae voluptate vel! Esse fuga praesentium maxime animi nihil.
-				Sint, est? Maiores commodi adipisci minus itaque nisi dolorum, velit fugiat est quia saepe ipsum quo nobis mollitia repellendus facilis, quos hic facere! Tenetur sint corporis dignissimos molestias saepe ipsa?
-				Excepturi, praesentium quisquam veritatis quaerat eligendi explicabo vitae sit minima recusandae. Dolorum molestiae, vero nulla eum sunt exercitationem dolore ipsum quos ea doloribus reprehenderit aliquam quibusdam vel veniam ex quis.
-				Corporis, neque cum pariatur saepe inventore sunt, maiores sed deserunt beatae quasi non sint vitae error incidunt odio nam amet quisquam! Mollitia, suscipit earum. Molestiae nesciunt fugit ea cupiditate rerum?
-				Placeat, atque sit unde sunt fugit reprehenderit tenetur provident similique odio accusamus, suscipit quod doloribus aliquam animi quia quae laboriosam natus aspernatur repellendus tempore itaque expedita! Optio adipisci amet excepturi!</p>
-				<template #controls>
-					<kv-button variant="secondary" @click="isLightboxVisible = false" ref="dontDoItRef">Don't do it!</kv-button>
-					<kv-button @click="isLightboxVisible = false" ref="doItRef">Do it!</kv-button>
-				</template>
-			</kv-lightbox>
-		</div>
-	`,
-	data() {
-		return {
-			isLightboxVisible: args.visible,
-		};
-	},
-});
-
-const AlertTemplate = (args, { argTypes }) => ({
-	props: Object.keys(argTypes),
-	components: { KvLightbox, KvButton },
-	setup() { return { args }; },
-	template: `
-		<div>
-			<kv-button variant="danger" @click="isLightboxVisible = true;">Show {{variant}}</kv-button>
-			<p>The lightbox is visible: {{isLightboxVisible}}</p>
-
-			<kv-lightbox
-				:visible="isLightboxVisible"
-				:title="args.title"
-				:variant="args.variant"
-				:prevent-close="args.preventClose"
-				@lightbox-closed="isLightboxVisible = false"
-			>
-				<p>The credit card will be removed from our data base and will no longer be used for subscriptions or auto-deposit.</p>
-				<template #controls>
-					<kv-button variant="ghost" @click="isLightboxVisible = false" ref="dontDoItRef">Cancel</kv-button>
-					<kv-button variant="danger" @click="isLightboxVisible = false" ref="doItRef">Delete</kv-button>
-				</template>
-			</kv-lightbox>
-		</div>
-	`,
-	data() {
-		return {
-			isLightboxVisible: args.visible,
-		};
-	},
-});
-
-export const Lightbox = DefaultTemplate.bind({});
-Lightbox.args = {
-	title: 'Lightbox Title',
-};
-
-export const ShortContentLightbox = VeryShortTemplate.bind({});
-ShortContentLightbox.args = {
-	title: 'Short Lightbox Title',
-};
-
-export const LongContentLightbox = VeryLongTemplate.bind({});
-LongContentLightbox.args = {
-	title: 'Long Lightbox Title',
-};
-
-export const Alert = AlertTemplate.bind({});
-Alert.args = {
-	title: 'Delete credit card?',
-	variant: 'alert',
-};
-
-export const PreventClose = DefaultTemplate.bind({});
-PreventClose.args = {
-	title: 'Prevent Close',
-	preventClose: true,
-};
-
-export const CustomHeader = (args, { argTypes }) => ({
-	props: Object.keys(argTypes),
-	components: { KvLightbox, KvButton, KvMaterialIcon },
-	setup() { return { args }; },
-	template: `
-		<div>
-			<kv-button @click="isLightboxVisible = true;">Show {{variant}}</kv-button>
-			<p>The lightbox is visible: {{isLightboxVisible}}</p>
-
-			<kv-lightbox
-				:visible="isLightboxVisible"
-				title="Make sure you put a title here for screenreaders"
-				@lightbox-closed="isLightboxVisible = false"
-			>
-				<template #header>
-					<h2 class="tw-text-h2">Special typography title here</h2>
-					<div class="tw-flex tw-items-center tw-mt-1">
-						<kv-material-icon
-							class="tw-h-2"
-							:icon="mdiLightningBolt"
-						/>
-						<p class="tw-text-h4">Special subhead text</p>
-					</div>
-				</template>
-				<p>Lorem ipsum aliquip labore commodo anim elit amet cupidatat do ex ipsum. Consectetur excepteur ea anim velit reprehenderit qui aliquip ullamco aliquip irure dolor ex. Occaecat excepteur enim eu incididunt ut consectetur aliqua magna et. Reprehenderit duis ex excepteur sit et cupidatat cillum cillum adipisicing ut adipisicing minim ad.</p>
-				<p>Et id excepteur cillum quis. Culpa dolore eiusmod ex officia ea deserunt. Aliquip velit deserunt Lorem nisi mollit aliquip esse quis. Lorem aliquip ex id reprehenderit irure cillum elit aliqua laboris fugiat aliquip irure. Nostrud irure est anim qui eu in eu quis cupidatat. Fugiat officia aliqua laborum in incididunt tempor anim ex velit qui magna. Cillum minim commodo pariatur ex cillum sit.</p>
-				<template #controls>
-					<kv-button variant="danger" @click="isLightboxVisible = false" ref="dontDoItRef">Don't do it!</kv-button>
-					<kv-button variant="secondary" @click="isLightboxVisible = false" ref="doItRef">Do it!</kv-button>
-				</template>
-			</kv-lightbox>
-		</div>
-	`,
-	data() {
-		return {
-			isLightboxVisible: args.visible,
-			mdiLightningBolt,
-		};
-	},
-});
-
-const InformationalTemplate = (args, { argTypes }) => ({
-	props: Object.keys(argTypes),
-	components: { KvLightbox, KvButton },
-	setup() { return { args }; },
-	template: `
-		<div>
-			<kv-button @click="isLightboxVisible = true;">Show {{variant}}</kv-button>
-			<p>The lightbox is visible: {{isLightboxVisible}}</p>
-
-			<kv-lightbox
-				:visible="isLightboxVisible"
-				:title="args.title"
-				:variant="args.variant"
-				:prevent-close="args.preventClose"
-				@lightbox-closed="isLightboxVisible = false"
-			>
-				<p>Lorem ipsum aliquip labore commodo anim elit amet cupidatat do ex ipsum. Consectetur excepteur ea anim velit reprehenderit qui aliquip ullamco aliquip irure dolor ex. Occaecat excepteur enim eu incididunt ut consectetur aliqua magna et. Reprehenderit duis ex excepteur sit et cupidatat cillum cillum adipisicing ut adipisicing minim ad.</p>
-				<p>Et id excepteur cillum quis. Culpa dolore eiusmod ex officia ea deserunt. Aliquip velit deserunt Lorem nisi mollit aliquip esse quis. Lorem aliquip ex id reprehenderit irure cillum elit aliqua laboris fugiat aliquip irure. Nostrud irure est anim qui eu in eu quis cupidatat. Fugiat officia aliqua laborum in incididunt tempor anim ex velit qui magna. Cillum minim commodo pariatur ex cillum sit.</p>
-			</kv-lightbox>
-		</div>
-	`,
-	data() {
-		return {
-			isLightboxVisible: args.visible,
-		};
-	},
-});
-
-export const Informational = InformationalTemplate.bind({});
-Informational.args = {
-	title: 'Lightbox Title',
-};
-
-const ToastInLightboxTemplate = (args, {
-	argTypes,
-}) => ({
-	props: Object.keys(argTypes),
-	components: {
-		KvToast,
-		KvButton,
-		KvLightbox,
-	},
-	template: `
-		<div>
-			<kv-button @click="isLightboxVisible = true;">Show lightbox</kv-button>
-
-			<kv-lightbox
-				:visible="isLightboxVisible"
-				title="Toast in Lightbox"
-				@lightbox-closed="isLightboxVisible = false"
-			>
-				<p>Click the button below to show a toast.</p>
-				<template #controls>
-					<kv-button @click="showToast(message, type, persist)">Show Toast</kv-button>
-				</template>
-			</kv-lightbox>
-
-			<!-- div below is a kludge for storybook docs -->
-			<div class="tw-fixed tw-z-toast tw-inset-0 tw-pointer-events-none">
-				<div class="tw-fixed tw-left-0 tw-right-0 tw-top-2 tw-pointer-events-auto">
-					<kv-toast ref="toastRef" @close="onClose" />
-				</div>
-			</div>
-		</div>
-	`,
-	data() {
-		return {
-			isLightboxVisible: false,
-		};
-	},
-	methods: {
-		showToast(messageInput, type, persistInput) {
-			this.$refs.toastRef.show(messageInput, type, persistInput);
-		},
-		onClose() {
-		},
-	},
-});
-export const toastInLightbox = ToastInLightboxTemplate.bind({});
-toastInLightbox.args = { type: 'confirmation', message: 'This is a toast in a lightbox.' };

package/vue/stories/KvLineGraph.stories.js

@@ -1,53 +0,0 @@
-import KvLineGraph from '../KvLineGraph.vue';
-
-export default {
-	title: 'KvLineGraph',
-	component: KvLineGraph,
-};
-
-const Template = (templateArgs, { argTypes }) => ({
-	props: Object.keys(argTypes),
-	components: {
-		KvLineGraph,
-	},
-	setup() { return { args: { ...templateArgs } }; },
-	template: `
-		<div style="height: 500px; width: 500px;">
-			<kv-line-graph v-bind="args" />
-		</div>
-	`,
-});
-
-const points = [
-	{ value: 10 },
-	{ value: 20 },
-	{ value: 50 },
-	{ value: 60 },
-	{ value: 80 },
-];
-
-const pointsWithLabels = [
-	{ value: 10, label: '2014' },
-	{ value: 20, label: '2015' },
-	{ value: 50, label: '2016' },
-	{ value: 60, label: '2017' },
-	{ value: 80, label: '2018' },
-];
-
-export const Default = Template.bind();
-Default.args = { points };
-
-export const AxisLabel = Template.bind();
-AxisLabel.args = {
-	points,
-	axisLabel: 'People supported over time',
-};
-
-export const ValueLabels = Template.bind();
-ValueLabels.args = { points: pointsWithLabels };
-
-export const AllLabels = Template.bind();
-AllLabels.args = {
-	points: pointsWithLabels,
-	axisLabel: 'People supported over time',
-};

package/vue/stories/KvLoadingPlaceholder.stories.js

@@ -1,17 +0,0 @@
-import KvLoadingPlaceholder from '../KvLoadingPlaceholder.vue';
-
-export default {
-	title: 'KvLoadingPlaceholder',
-	component: KvLoadingPlaceholder,
-};
-
-const DefaultTemplate = () => ({
-	components: { KvLoadingPlaceholder },
-	template: `
-		<div style="padding: 20px;">
-			<kv-loading-placeholder class="tw-py-1" :class="{ 'tw-px-1': true }" style="height: 50px;" :style="{ width: '400px' }" />
-		</div>
-	`,
-});
-
-export const Default = DefaultTemplate.bind({});

package/vue/stories/KvLoadingSpinner.stories.js

@@ -1,50 +0,0 @@
-import KvLoadingSpinner from '../KvLoadingSpinner.vue';
-
-export default {
-	title: 'KvLoadingSpinner',
-	component: KvLoadingSpinner,
-	argTypes: {
-		size: {
-			control: 'select',
-			options: ['small', 'medium', 'large'],
-		},
-		color: {
-			control: 'select',
-			options: ['brand', 'white', 'black'],
-		},
-	},
-};
-
-// Single Loader
-export const SingleLoader = (args, { argTypes }) => ({
-	props: Object.keys(argTypes),
-	components: { KvLoadingSpinner },
-	setup() { return { args }; },
-	template: `
-		<kv-loading-spinner
-			:size="args.size"
-			:color="args.color"
-		/>`,
-});
-
-// All Variants
-export const AllVariants = (args, { argTypes }) => ({
-	props: Object.keys(argTypes),
-	components: { KvLoadingSpinner },
-	setup() { return { args }; },
-	template: `
-		<div>
-			<ul v-for="color in ['brand', 'white', 'black']" :key="color">
-				<li
-					v-for="size in ['small', 'medium', 'large']"
-					:key="size"
-					class="tw-mb-2"
-				>
-					<kv-loading-spinner
-						:size="args.size"
-						:color="args.color"
-					/>
-				</li>
-			</ul>
-		</div>`,
-});

package/vue/stories/KvLoanActivities.stories.js

@@ -1,103 +0,0 @@
-import KvLoanActivities from '../KvLoanActivities.vue';
-
-export default {
-	title: 'KvLoanActivities',
-	component: KvLoanActivities,
-};
-
-const loan = {
-	id: 1998250,
-	distributionModel: 'partner', // direct, partner, both
-	geocode: {
-		city: 'Cranston',
-		state: 'RI',
-		country: {
-			name: 'Malawi',
-			isoCode: 'MW',
-		},
-	},
-	image: {
-		hash: 'd5ad26cd7acc24317edc1c04c6250074',
-	},
-	name: 'Microloan Foundation Malawi',
-	sector: {
-		name: 'Services',
-	},
-	whySpecial: 'It helps Lending Partners withstand negative economic impacts of the COVID-19 pandemic.',
-	userProperties: {
-		lentTo: null,
-	},
-	use: 'this Lending Partner provide loans to women in rural Malawi during the COVID-19 crisis.',
-	status: 'fundraising',
-	loanAmount: '250000.00',
-	borrowerCount: 1,
-	anonymizationLevel: 'none',
-	fullLoanUse: 'A loan of $250,000 helps this Lending Partner provide loans to women in rural Malawi during the COVID-19 crisis.',
-	fundraisingPercent: 0.75,
-	unreservedAmount: '600',
-	loanFundraisingInfo: {
-		fundedAmount: '218950.00',
-		reservedAmount: '0.00',
-		isExpiringSoon: false,
-	},
-	lenders: {
-		totalCount: 7,
-	},
-	plannedExpirationDate: '2020-09-10T19:30:13Z',
-	matchingText: 'LISC',
-	matchRatio: 2,
-};
-
-const combinedActivities = [
-	{
-		key: 'Mon Nov 13 2023',
-		data: [
-			{
-				lenderName: 'Erica',
-				lenderImage: 'https://www.development.kiva.org/img/s100/4d844ac2c0b77a8a522741b908ea5c32.jpg',
-				text: 'Erica lent $5',
-				date: '2023-11-13T10:51:10Z',
-				type: 'LendingAction',
-			},
-		],
-	},
-	{
-		key: 'Tue Nov 07 2023',
-		data: [
-			{
-				lenderName: 'Joy',
-				lenderImage: 'https://www.development.kiva.org/img/s100/4d844ac2c0b77a8a522741b908ea5c32.jpg',
-				text: 'Joy left comment <span class="tw-italic">"I know him and his wife and they work hard to make everything they do the best. His farm and bake goods are amazing. He just keeps working harder and harder to do more and reach out to the community in everyway."</span>',
-				date: '2023-11-08T02:37:56Z',
-				type: 'Comment',
-			},
-			{
-				lenderName: 'Joy',
-				lenderImage: 'https://www.development.kiva.org/img/s100/4d844ac2c0b77a8a522741b908ea5c32.jpg',
-				text: 'Joy lent $25',
-				date: '2023-11-08T02:32:20Z',
-				type: 'LendingAction',
-			},
-		],
-	},
-];
-
-const kvTrackFunction = () => { };
-
-const story = (args) => {
-	const template = (templateArgs, { argTypes }) => ({
-		props: Object.keys(argTypes),
-		components: { KvLoanActivities },
-		setup() { return { args: { ...templateArgs } }; },
-		template: `
-		<div style="max-width: 400px;">
-			<KvLoanActivities
-				v-bind="args"
-			/>
-		</div>`,
-	});
-	template.args = args;
-	return template;
-};
-
-export const Default = story({ loan, combinedActivities, kvTrackFunction });

package/vue/stories/KvLoanBookmark.stories.js

@@ -1,23 +0,0 @@
-import KvLoanBookmark from '../KvLoanBookmark.vue';
-
-export default {
-	title: 'KvLoanBookmark',
-	component: KvLoanBookmark,
-};
-
-const story = (args) => {
-	const template = (templateArgs, { argTypes }) => ({
-		props: Object.keys(argTypes),
-		components: { KvLoanBookmark },
-		setup() { return { args: { ...templateArgs } }; },
-		template: `
-			<kv-loan-bookmark v-bind="args" />
-		`,
-	});
-	template.args = args;
-	return template;
-};
-
-export const Bookmarked = story({ isBookmarked: true });
-
-export const NotBookmarked = story();

package/vue/stories/KvLoanCallouts.stories.js

@@ -1,23 +0,0 @@
-import KvLoanCallouts from '../KvLoanCallouts.vue';
-
-export default {
-	title: 'KvLoanCallouts',
-	component: KvLoanCallouts,
-};
-
-const story = (args) => {
-	const template = (templateArgs, { argTypes }) => ({
-		props: Object.keys(argTypes),
-		components: { KvLoanCallouts },
-		setup() { return { args: { ...templateArgs } }; },
-		template: `
-			<kv-loan-callouts
-				v-bind="args"
-			/>
-		`,
-	});
-	template.args = args;
-	return template;
-};
-
-export const Default = story({ callouts: [{ label: 'callout 1' }, { label: 'callout 2' }, { label: 'callout 3' }] });

package/vue/stories/KvLoanProgressGroup.stories.js

@@ -1,29 +0,0 @@
-import KvLoanProgressGroup from '../KvLoanProgressGroup.vue';
-
-export default {
-	title: 'KvLoanProgressGroup',
-	component: KvLoanProgressGroup,
-};
-
-const story = (args) => {
-	const template = (templateArgs, { argTypes }) => ({
-		props: Object.keys(argTypes),
-		components: { KvLoanProgressGroup },
-		setup() { return { args: { ...templateArgs } }; },
-		template: `
-			<div style="width: 200px">
-				<kv-loan-progress-group
-					v-bind="args"
-				/>
-			</div>
-		`,
-	});
-	template.args = args;
-	return template;
-};
-
-export const Default = story();
-
-export const LowAmount = story({ moneyLeft: '5', progressPercent: 0.9 });
-
-export const HighAmount = story({ moneyLeft: '150', progressPercent: 0.5 });

package/vue/stories/KvLoanTag.stories.js

@@ -1,62 +0,0 @@
-import KvLoanTag from '../KvLoanTag.vue';
-import KvCountdownTimer from '../KvCountdownTimer.vue';
-
-export default {
-	title: 'KvLoanTag',
-	component: KvLoanTag,
-};
-
-const story = (args) => {
-	const template = (templateArgs, { argTypes }) => ({
-		props: Object.keys(argTypes),
-		components: {
-			KvLoanTag,
-			KvCountdownTimer,
-		},
-		setup() { return { args: { ...templateArgs } }; },
-		template: `
-			<kv-loan-tag
-				v-bind="args"
-			/>
-		`,
-	});
-	template.args = args;
-	return template;
-};
-
-const tomorrow = new Date();
-tomorrow.setDate(tomorrow.getDate() + 1);
-
-const nextWeek = new Date();
-nextWeek.setDate(new Date().getDate() + 7);
-
-export const EndingSoon = story({ loan: { plannedExpirationDate: tomorrow.toISOString() } });
-
-export const AlmostFunded = story({
-	loan: {
-		loanAmount: 199,
-		plannedExpirationDate: nextWeek.toISOString(),
-		loanFundraisingInfo: { fundedAmount: 50, reservedAmount: 50 },
-	},
-});
-
-export const Matched = story({
-	loan: {
-		matchingText: 'Ebay',
-		matchRatio: 1,
-		plannedExpirationDate: nextWeek.toISOString(),
-		loanAmount: 199,
-		loanFundraisingInfo: { fundedAmount: 0, reservedAmount: 0 },
-	},
-});
-
-export const LseLoan = story({
-	loan: {
-		matchingText: 'Ebay',
-		matchRatio: 1,
-		plannedExpirationDate: nextWeek.toISOString(),
-		loanAmount: 199,
-		loanFundraisingInfo: { fundedAmount: 0, reservedAmount: 0 },
-		partnerName: 'N/A, direct to Novulis',
-	},
-});

package/vue/stories/KvLoanTeamPick.stories.js

@@ -1,20 +0,0 @@
-import KvLoanTeamPick from '../KvLoanTeamPick.vue';
-
-export default {
-	title: 'KvLoanTeamPick',
-	component: KvLoanTeamPick,
-};
-
-const story = (args) => {
-	const template = (_args, { argTypes }) => ({
-		props: Object.keys(argTypes),
-		components: { KvLoanTeamPick },
-		template: `
-			<kv-loan-team-pick  />
-		`,
-	});
-	template.args = args;
-	return template;
-};
-
-export const Default = story();