@softwareone/spi-sv5-library 1.13.0 → 1.14.0

package/dist/Confirmation/Confirmation.svelte

@@ -0,0 +1,44 @@
+<script lang="ts">
+	import { Button, Modal, Spinner, addToast } from '../index.js';
+
+	interface Props {
+		title: string;
+		confirmationText: string;
+		confirmButtonText?: string;
+		showModal?: boolean;
+		onconfirm: () => Promise<string | void> | string | void;
+		onclose?: VoidFunction;
+	}
+
+	let {
+		title,
+		confirmationText,
+		confirmButtonText = 'Proceed',
+		showModal = $bindable(false),
+		onconfirm,
+		onclose
+	}: Props = $props();
+
+	let isLoading = $state(false);
+
+	const handleConfirm = async () => {
+		isLoading = true;
+
+		const error = await onconfirm();
+		if (error === undefined) {
+			showModal = false;
+		} else {
+			addToast({ message: error, type: 'danger' });
+		}
+
+		isLoading = false;
+	};
+</script>
+
+<Modal {title} bind:showModal {onclose}>
+	<Spinner show={isLoading} />
+	<p>{confirmationText}</p>
+	{#snippet footer()}
+		<Button type="button" onclick={handleConfirm}>{confirmButtonText}</Button>
+	{/snippet}
+</Modal>

package/dist/Confirmation/Confirmation.svelte.d.ts

@@ -0,0 +1,11 @@
+interface Props {
+    title: string;
+    confirmationText: string;
+    confirmButtonText?: string;
+    showModal?: boolean;
+    onconfirm: () => Promise<string | void> | string | void;
+    onclose?: VoidFunction;
+}
+declare const Confirmation: import("svelte").Component<Props, {}, "showModal">;
+type Confirmation = ReturnType<typeof Confirmation>;
+export default Confirmation;

package/dist/DeleteConfirmation/DeleteConfirmation.svelte

@@ -5,9 +5,8 @@
 		confirmationName?: string;
 		enableDoubleConfirmation?: boolean;
 		showModal?: boolean;
-		ondelete: () => Promise<boolean> | boolean;
+		ondelete: () => Promise<string | void> | string | void;
 		onclose?: VoidFunction;
-		ondeleteSuccess?: () => Promise<void> | void;
 	}
 
 	let {
@@ -15,8 +14,7 @@
 		enableDoubleConfirmation = false,
 		showModal = $bindable(false),
 		ondelete,
-		onclose,
-		ondeleteSuccess
+		onclose
 	}: DeleteConfirmationProps = $props();
 
 	let confirmationText = $derived(
@@ -29,13 +27,11 @@
 	const handleDelete = async () => {
 		isLoading = true;
 
-		const isSuccessful = await ondelete();
-
-		if (isSuccessful) {
-			await ondeleteSuccess?.();
+		const error = await ondelete();
+		if (error === undefined) {
 			showModal = false;
 		} else {
-			addToast({ message: 'There was an unexpected error.', type: 'danger' });
+			addToast({ message: error, type: 'danger' });
 		}
 
 		isLoading = false;

package/dist/DeleteConfirmation/DeleteConfirmation.svelte.d.ts

@@ -2,9 +2,8 @@ interface DeleteConfirmationProps {
     confirmationName?: string;
     enableDoubleConfirmation?: boolean;
     showModal?: boolean;
-    ondelete: () => Promise<boolean> | boolean;
+    ondelete: () => Promise<string | void> | string | void;
     onclose?: VoidFunction;
-    ondeleteSuccess?: () => Promise<void> | void;
 }
 declare const DeleteConfirmation: import("svelte").Component<DeleteConfirmationProps, {}, "showModal">;
 type DeleteConfirmation = ReturnType<typeof DeleteConfirmation>;

package/dist/index.d.ts

@@ -4,6 +4,7 @@ import Breadcrumbs from './Breadcrumbs/Breadcrumbs.svelte';
 import Button from './Button/Button.svelte';
 import Card from './Card/Card.svelte';
 import Chips from './Chips/Chips.svelte';
+import ConfirmationModal from './Confirmation/Confirmation.svelte';
 import DeleteConfirmationModal from './DeleteConfirmation/DeleteConfirmation.svelte';
 import ErrorPage from './ErrorPage/ErrorPage.svelte';
 import Footer from './Footer/Footer.svelte';
@@ -57,4 +58,4 @@ import type { Tab } from './Tabs/tabsState.svelte.js';
 import type { Toast } from './Toast/toastState.svelte.js';
 import type { WaffleItem } from './Waffle/waffleState.svelte.js';
 import type { NotificationProps } from './Notification/notificationState.svelte.js';
-export { Accordion, AttachFile, Avatar, Breadcrumbs, Button, Card, Chips, DeleteConfirmationModal, ErrorPage, Footer, Header, HeaderAccount, HeaderLoader, HeaderLogo, HighlightPanel, Home, Input, Label, Link, Menu, Modal, Notification, Processing, ProgressPage, ProgressWizard, RadioGroup, Search, Select, Sidebar, Spinner, Switcher, Tabs, TextArea, Toaster, Toggle, Tooltip, Waffle, addBreadcrumbsNameMap, addToast, getProgressWizardContext, setProgressWizardStepsContext, setStepValidity, getSubMenuItemsFromMenu, createTabComponent, ChipType, ColumnType, ImageType, type AnnouncementItem, type BreadcrumbsNameMap, type HighlightPanelColumn, type HomeItem, type MainMenu, type MenuItem, type ModalProps, type ProgressWizardStep, type RadioOption, type SelectOption, type SubMenuItem, type SwitcherOption, type Tab, type Toast, type WaffleItem, type NotificationProps };
+export { Accordion, AttachFile, Avatar, Breadcrumbs, Button, Card, Chips, ConfirmationModal, DeleteConfirmationModal, ErrorPage, Footer, Header, HeaderAccount, HeaderLoader, HeaderLogo, HighlightPanel, Home, Input, Label, Link, Menu, Modal, Notification, Processing, ProgressPage, ProgressWizard, RadioGroup, Search, Select, Sidebar, Spinner, Switcher, Tabs, TextArea, Toaster, Toggle, Tooltip, Waffle, addBreadcrumbsNameMap, addToast, getProgressWizardContext, setProgressWizardStepsContext, setStepValidity, getSubMenuItemsFromMenu, createTabComponent, ChipType, ColumnType, ImageType, type AnnouncementItem, type BreadcrumbsNameMap, type HighlightPanelColumn, type HomeItem, type MainMenu, type MenuItem, type ModalProps, type ProgressWizardStep, type RadioOption, type SelectOption, type SubMenuItem, type SwitcherOption, type Tab, type Toast, type WaffleItem, type NotificationProps };

package/dist/index.js

@@ -5,6 +5,7 @@ import Breadcrumbs from './Breadcrumbs/Breadcrumbs.svelte';
 import Button from './Button/Button.svelte';
 import Card from './Card/Card.svelte';
 import Chips from './Chips/Chips.svelte';
+import ConfirmationModal from './Confirmation/Confirmation.svelte';
 import DeleteConfirmationModal from './DeleteConfirmation/DeleteConfirmation.svelte';
 import ErrorPage from './ErrorPage/ErrorPage.svelte';
 import Footer from './Footer/Footer.svelte';
@@ -47,7 +48,7 @@ import { getSubMenuItemsFromMenu } from './Menu/MenuState.svelte.js';
 import { createTabComponent } from './Tabs/tabsState.svelte.js';
 export { 
 // Components
-Accordion, AttachFile, Avatar, Breadcrumbs, Button, Card, Chips, DeleteConfirmationModal, ErrorPage, Footer, Header, HeaderAccount, HeaderLoader, HeaderLogo, HighlightPanel, Home, Input, Label, Link, Menu, Modal, Notification, Processing, ProgressPage, ProgressWizard, RadioGroup, Search, Select, Sidebar, Spinner, Switcher, Tabs, TextArea, Toaster, Toggle, Tooltip, Waffle, 
+Accordion, AttachFile, Avatar, Breadcrumbs, Button, Card, Chips, ConfirmationModal, DeleteConfirmationModal, ErrorPage, Footer, Header, HeaderAccount, HeaderLoader, HeaderLogo, HighlightPanel, Home, Input, Label, Link, Menu, Modal, Notification, Processing, ProgressPage, ProgressWizard, RadioGroup, Search, Select, Sidebar, Spinner, Switcher, Tabs, TextArea, Toaster, Toggle, Tooltip, Waffle, 
 // Functions and helpers
 addBreadcrumbsNameMap, addToast, getProgressWizardContext, setProgressWizardStepsContext, setStepValidity, getSubMenuItemsFromMenu, createTabComponent, 
 // Enums

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@softwareone/spi-sv5-library",
-	"version": "1.13.0",
+	"version": "1.14.0",
 	"description": "Svelte components",
 	"keywords": [
 		"svelte",