@softwareone/spi-sv5-library 1.7.0 → 1.7.2

package/dist/Form/AttachFile/AttachFileForm.svelte

@@ -170,7 +170,15 @@
 			{/snippet}
 		</Notification>
 	</section>
-	<Form {action} initialData={{ files }} {schema} {extraData} {onsuccess} {onfailure}>
+	<Form
+		{action}
+		initialData={{ files }}
+		{schema}
+		{extraData}
+		enctype="multipart/form-data"
+		{onsuccess}
+		{onfailure}
+	>
 		{#snippet children()}
 			<h2 class="title">Upload file</h2>
 			<section class="drop-area">

package/dist/Form/AttachFile/FileManager.svelte

@@ -54,6 +54,8 @@
 		margin-top: 4px;
 		color: var(--color-gray-auro);
 		text-align: right;
+		font-size: 14px;
+		line-height: 20px;
 	}
 
 	.container {

package/dist/Form/FormController/Form.svelte

@@ -16,6 +16,7 @@
 	import { isEqual } from './helper.js';
 
 	type Schema = z.infer<typeof schema>;
+	type Enctype = 'application/x-www-form-urlencoded' | 'multipart/form-data';
 
 	interface Props {
 		id?: string;
@@ -23,6 +24,7 @@
 		action: string;
 		schema: z.ZodObject;
 		extraData?: Record<string, string | number>;
+		enctype?: Enctype;
 		onsuccess: (data?: Record<string, unknown>) => void;
 		onfailure?: (status: number | undefined, error: unknown) => void;
 		children?: Snippet;
@@ -34,6 +36,7 @@
 		action,
 		schema,
 		extraData,
+		enctype = 'application/x-www-form-urlencoded',
 		onsuccess,
 		onfailure = undefined,
 		children
@@ -150,6 +153,7 @@
 	id={id ? `form-${id}` : 'form'}
 	method="POST"
 	action="?/{action}"
+	{enctype}
 	use:enhance
 	onsubmit={(event) => event.preventDefault()}
 >

package/dist/Form/FormController/Form.svelte.d.ts

@@ -6,6 +6,7 @@ declare const Form: import("svelte").Component<{
     action: string;
     schema: z.ZodObject;
     extraData?: Record<string, string | number>;
+    enctype?: "application/x-www-form-urlencoded" | "multipart/form-data";
     onsuccess: (data?: Record<string, unknown>) => void;
     onfailure?: (status: number | undefined, error: unknown) => void;
     children?: Snippet;

package/dist/Menu/MenuState.svelte.d.ts

@@ -4,6 +4,7 @@ type BaseMenu = {
 };
 export type MenuItem = BaseMenu & {
     icon?: string;
+    roles?: string[];
 };
 export type HomeItem = BaseMenu & {
     homeIcon?: string;
@@ -12,11 +13,11 @@ export type HomeItem = BaseMenu & {
 export type MainMenu = HomeItem & {
     icon?: string;
     roles?: string[];
-    children?: SidebarItem[];
+    children?: SubMenuItem[];
 };
-export interface SidebarItem {
+export interface SubMenuItem {
     category: string;
     menuItems: MenuItem[];
 }
-export declare const getSidebarItemsFromMenu: (items: MainMenu[], url: string, excludedRoutes?: string[]) => SidebarItem[];
+export declare const getSubMenuItemsFromMenu: (items: MainMenu[], url: string, excludedRoutes?: string[]) => SubMenuItem[];
 export {};

package/dist/Menu/MenuState.svelte.js

@@ -1,4 +1,4 @@
-export const getSidebarItemsFromMenu = (items, url, excludedRoutes) => {
+export const getSubMenuItemsFromMenu = (items, url, excludedRoutes) => {
     if (excludedRoutes?.includes(url))
         return [];
     const matchedPath = /^\/[^/]+/.exec(url);

package/dist/Menu/Sidebar.svelte

@@ -2,19 +2,19 @@
 	import { page } from '$app/state';
 	import { fade } from 'svelte/transition';
 
-	import MenuItemSidebar from './MenuItem.svelte';
-	import type { MenuItem, SidebarItem } from './MenuState.svelte.js';
+	import SidebarMenuItem from './MenuItem.svelte';
+	import type { MenuItem, SubMenuItem } from './MenuState.svelte.js';
 
 	interface Props {
-		sidebarItems: SidebarItem[];
+		subMenuItems: SubMenuItem[];
 	}
 
-	let { sidebarItems = [] }: Props = $props();
+	let { subMenuItems = [] }: Props = $props();
 
-	let hasItems: boolean = $derived(!!sidebarItems.length);
+	let hasItems: boolean = $derived(!!subMenuItems.length);
 	let isCollapsed: boolean = $state(true);
 	let selectedItem: MenuItem | undefined = $derived(
-		sidebarItems
+		subMenuItems
 			.flatMap((item) => item.menuItems)
 			.find(
 				(menuItem) =>
@@ -51,13 +51,13 @@
 			</header>
 
 			<section class="content">
-				{#each sidebarItems as item}
+				{#each subMenuItems as subMenuItem}
 					<section class="category-content">
-						<h2 class="category-span" class:hidden={isCollapsed}>{item.category}</h2>
+						<h2 class="category-span" class:hidden={isCollapsed}>{subMenuItem.category}</h2>
 						<menu class="category-items-details">
-							{#if item.menuItems}
-								{#each item.menuItems as menuItem}
-									<MenuItemSidebar
+							{#if subMenuItem.menuItems}
+								{#each subMenuItem.menuItems as menuItem}
+									<SidebarMenuItem
 										item={menuItem}
 										{isCollapsed}
 										activeItem={selectedItem?.text === menuItem.text}

package/dist/Menu/Sidebar.svelte.d.ts

@@ -1,6 +1,6 @@
-import type { SidebarItem } from './MenuState.svelte.js';
+import type { SubMenuItem } from './MenuState.svelte.js';
 interface Props {
-    sidebarItems: SidebarItem[];
+    subMenuItems: SubMenuItem[];
 }
 declare const Sidebar: import("svelte").Component<Props, {}, "">;
 type Sidebar = ReturnType<typeof Sidebar>;

package/dist/index.d.ts

@@ -43,12 +43,12 @@ import { addToast } from './Toast/toastState.svelte';
 import { setFormContext, getFormContext } from './Form/FormController/context.js';
 import { validateSchema } from './Form/FormController/helper.js';
 import { createZodString } from './Form/FormController/zod-validations.js';
-import { getSidebarItemsFromMenu } from './Menu/MenuState.svelte';
+import { getSubMenuItemsFromMenu } from './Menu/MenuState.svelte';
 import type { BreadcrumbsNameMap } from './Breadcrumbs/breadcrumbsState.svelte.js';
 import type { FormError, FormContext } from './Form/FormController/types.js';
 import type { HighlightPanelColumn } from './HighlightPanel/highlightPanelState.svelte.js';
 import type { HomeItem } from './Menu/MenuState.svelte.js';
-import type { MainMenu, MenuItem, SidebarItem } from './Menu/MenuState.svelte.js';
+import type { MainMenu, MenuItem, SubMenuItem } from './Menu/MenuState.svelte.js';
 import type { ModalProps } from './Modal/modalState.svelte.js';
 import type { ProgressWizardStep } from './ProgressWizard/progressWizardState.svelte.js';
 import type { SwitcherOption } from './Switcher/switcherState.svelte.js';
@@ -58,4 +58,4 @@ import type { Toast } from './Toast/toastState.svelte';
 import type { WaffleItem } from './Waffle/waffleState.svelte.js';
 import type { AttachFileFormConfig, FileValidationCallback } from './Form/AttachFile/attachFile.svelte.js';
 import type { NotificationProps } from './Notification/notificationState.svelte.js';
-export { Accordion, Avatar, Breadcrumbs, Button, Card, Chips, DeleteConfirmationModal, ErrorPage, Footer, Form, Header, HeaderAccount, HeaderLoader, HeaderLogo, HighlightPanel, Home, Input, Link, Menu, Modal, Notification, Processing, ProgressPage, ProgressWizard, Search, Select, Sidebar, Spinner, Switcher, Tabs, TextArea, Toaster, Toggle, Tooltip, Waffle, AttachFile, addBreadcrumbsNameMap, addToast, getProgressWizardContext, setProgressWizardStepsContext, setStepValidity, setFormContext, getFormContext, validateSchema, createZodString, getSidebarItemsFromMenu, ChipType, ColumnType, ImageType, type BreadcrumbsNameMap, type HighlightPanelColumn, type HomeItem, type MainMenu, type MenuItem, type ModalProps, type ProgressWizardStep, type SelectOption, type SwitcherOption, type Tab, type Toast, type WaffleItem, type FormError, type FormContext, type SidebarItem, type AttachFileFormConfig, type FileValidationCallback, type NotificationProps };
+export { Accordion, Avatar, Breadcrumbs, Button, Card, Chips, DeleteConfirmationModal, ErrorPage, Footer, Form, Header, HeaderAccount, HeaderLoader, HeaderLogo, HighlightPanel, Home, Input, Link, Menu, Modal, Notification, Processing, ProgressPage, ProgressWizard, Search, Select, Sidebar, Spinner, Switcher, Tabs, TextArea, Toaster, Toggle, Tooltip, Waffle, AttachFile, addBreadcrumbsNameMap, addToast, getProgressWizardContext, setProgressWizardStepsContext, setStepValidity, setFormContext, getFormContext, validateSchema, createZodString, getSubMenuItemsFromMenu, ChipType, ColumnType, ImageType, type BreadcrumbsNameMap, type HighlightPanelColumn, type HomeItem, type MainMenu, type MenuItem, type ModalProps, type ProgressWizardStep, type SelectOption, type SwitcherOption, type Tab, type Toast, type WaffleItem, type FormError, type FormContext, type SubMenuItem, type AttachFileFormConfig, type FileValidationCallback, type NotificationProps };

package/dist/index.js

@@ -45,11 +45,11 @@ import { addToast } from './Toast/toastState.svelte';
 import { setFormContext, getFormContext } from './Form/FormController/context.js';
 import { validateSchema } from './Form/FormController/helper.js';
 import { createZodString } from './Form/FormController/zod-validations.js';
-import { getSidebarItemsFromMenu } from './Menu/MenuState.svelte';
+import { getSubMenuItemsFromMenu } from './Menu/MenuState.svelte';
 export { 
 // Components
 Accordion, Avatar, Breadcrumbs, Button, Card, Chips, DeleteConfirmationModal, ErrorPage, Footer, Form, Header, HeaderAccount, HeaderLoader, HeaderLogo, HighlightPanel, Home, Input, Link, Menu, Modal, Notification, Processing, ProgressPage, ProgressWizard, Search, Select, Sidebar, Spinner, Switcher, Tabs, TextArea, Toaster, Toggle, Tooltip, Waffle, AttachFile, 
 // Functions and helpers
-addBreadcrumbsNameMap, addToast, getProgressWizardContext, setProgressWizardStepsContext, setStepValidity, setFormContext, getFormContext, validateSchema, createZodString, getSidebarItemsFromMenu, 
+addBreadcrumbsNameMap, addToast, getProgressWizardContext, setProgressWizardStepsContext, setStepValidity, setFormContext, getFormContext, validateSchema, createZodString, getSubMenuItemsFromMenu, 
 // Enums
 ChipType, ColumnType, ImageType };

package/package.json

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