@softwareone/spi-sv5-library 1.14.0 → 1.14.2

package/dist/index.js

@@ -1,55 +1 @@
-// Components
-import Accordion from './Accordion/Accordion.svelte';
-import Avatar from './Avatar/Avatar.svelte';
-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';
-import Header from './Header/Header.svelte';
-import HeaderAccount from './Header/HeaderAccount.svelte';
-import HeaderLoader from './Header/HeaderLoader.svelte';
-import HeaderLogo from './Header/HeaderLogo.svelte';
-import HighlightPanel from './HighlightPanel/HighlightPanel.svelte';
-import Home from './Home/Home.svelte';
-import Input from './Controls/Input/Input.svelte';
-import Label from './Controls/Label/Label.svelte';
-import Link from './Link/Link.svelte';
-import Menu from './Menu/Menu.svelte';
-import Modal from './Modal/Modal.svelte';
-import Notification from './Notification/Notification.svelte';
-import Processing from './Processing/Processing.svelte';
-import ProgressPage from './ProgressPage/ProgressPage.svelte';
-import ProgressWizard from './ProgressWizard/ProgressWizard.svelte';
-import Search from './Search/Search.svelte';
-import Select from './Controls/Select/Select.svelte';
-import Sidebar from './Menu/Sidebar.svelte';
-import Spinner from './Spinner/Spinner.svelte';
-import Switcher from './Switcher/Switcher.svelte';
-import Tabs from './Tabs/Tabs.svelte';
-import TextArea from './Controls/TextArea/TextArea.svelte';
-import Toaster from './Toast/Toast.svelte';
-import RadioGroup from './Controls/RadioGroup/RadioGroup.svelte';
-import Toggle from './Controls/Toggle/Toggle.svelte';
-import Tooltip from './Tooltip/Tooltip.svelte';
-import Waffle from './Waffle/Waffle.svelte';
-import AttachFile from './Controls/AttachFile/AttachFile.svelte';
-// State, enums, and helpers
-import { addBreadcrumbsNameMap } from './Breadcrumbs/breadcrumbsState.svelte.js';
-import { ChipType } from './Chips/chipsState.svelte.js';
-import { ColumnType, ImageType } from './HighlightPanel/highlightPanelState.svelte.js';
-import { setProgressWizardStepsContext, getProgressWizardContext } from './ProgressWizard/context.js';
-import { setStepValidity } from './ProgressWizard/progressWizardState.svelte.js';
-import { addToast } from './Toast/toastState.svelte.js';
-import { getSubMenuItemsFromMenu } from './Menu/MenuState.svelte.js';
-import { createTabComponent } from './Tabs/tabsState.svelte.js';
-export { 
-// Components
-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
-ChipType, ColumnType, ImageType };
+export * from './components/index.js';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@softwareone/spi-sv5-library",
-	"version": "1.14.0",
+	"version": "1.14.2",
 	"description": "Svelte components",
 	"keywords": [
 		"svelte",
@@ -40,12 +40,12 @@
 			"svelte": "./dist/index.js"
 		},
 		"./form": {
-			"types": "./dist/Form/index.d.ts",
-			"svelte": "./dist/Form/index.js"
+			"types": "./dist/components/form/index.d.ts",
+			"svelte": "./dist/components/form/index.js"
 		},
 		"./table": {
-			"types": "./dist/Table/index.d.ts",
-			"svelte": "./dist/Table/index.js"
+			"types": "./dist/components/table/index.d.ts",
+			"svelte": "./dist/components/table/index.js"
 		}
 	},
 	"peerDependencies": {

package/dist/Breadcrumbs/Breadcrumbs.svelte

@@ -1,78 +0,0 @@
-<script lang="ts">
-	import { page } from '$app/state';
-
-	import { formatString, getBreadcrumbsNameMap } from './breadcrumbsState.svelte';
-
-	// Mapping for human-readable names
-	const map = getBreadcrumbsNameMap();
-
-	// Generate breadcrumb segments
-	function getBreadcrumbs() {
-		const segments = page.url.pathname.split('/').filter(Boolean);
-		return segments.map((segment, index) => ({
-			name: map.names[segment] || formatString(segment),
-			path: '/' + segments.slice(0, index + 1).join('/')
-		}));
-	}
-</script>
-
-<nav aria-label="Breadcrumb">
-	<ul class="breadcrumb">
-		<li><a href="/">Home</a></li>
-		{#each getBreadcrumbs() as { name, path }, i (i)}
-			<li>
-				{#if i === getBreadcrumbs().length - 1}
-					<span class="breadcrumbActive">{name}</span>
-				{:else}
-					<span><a href={path}>{name}</a></span>
-				{/if}
-			</li>
-		{/each}
-	</ul>
-</nav>
-
-<style>
-	.breadcrumb {
-		display: inline-flex;
-		align-items: flex-end;
-		gap: 9px;
-		margin-left: 16px;
-		padding: 8px 16px;
-		color: #472aff;
-		font-size: 14px;
-		font-style: normal;
-		font-weight: 400;
-		line-height: 20px;
-		text-decoration-line: none;
-	}
-
-	.breadcrumb li::after {
-		content: '/';
-		margin-left: 8px;
-		color: #472aff;
-		font-size: 14px;
-		font-style: normal;
-		font-weight: 400;
-		line-height: 20px;
-	}
-
-	.breadcrumb li:last-child::after {
-		content: '';
-	}
-
-	.breadcrumbActive {
-		color: #000;
-		font-size: 18px;
-		font-style: normal;
-		font-weight: 700;
-		line-height: 20px;
-	}
-
-	.breadcrumb a:visited {
-		color: inherit;
-	}
-
-	.breadcrumb a:hover {
-		color: #2b1999;
-	}
-</style>

package/dist/Breadcrumbs/Breadcrumbs.svelte.d.ts

@@ -1,18 +0,0 @@
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const Breadcrumbs: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type Breadcrumbs = InstanceType<typeof Breadcrumbs>;
-export default Breadcrumbs;

package/dist/Breadcrumbs/breadcrumbsState.svelte.d.ts

@@ -1,8 +0,0 @@
-export interface BreadcrumbsNameMap {
-    [key: string]: string;
-}
-export declare function getBreadcrumbsNameMap(): {
-    names: BreadcrumbsNameMap;
-};
-export declare function addBreadcrumbsNameMap(breadcrumbs: BreadcrumbsNameMap): void;
-export declare function formatString(input: string): string;

package/dist/Breadcrumbs/breadcrumbsState.svelte.js

@@ -1,24 +0,0 @@
-const breadcrumbsState = $state({
-    names: {}
-});
-export function getBreadcrumbsNameMap() {
-    return breadcrumbsState;
-}
-export function addBreadcrumbsNameMap(breadcrumbs) {
-    breadcrumbsState.names = breadcrumbs;
-}
-export function formatString(input) {
-    return (input
-        // Replace hyphens and underscores with spaces
-        .replace(/[-_]/g, ' ')
-        // Insert spaces before uppercase letters (preserving the first letter)
-        .replace(/([a-z])([A-Z])/g, '$1 $2')
-        // Capitalize each word
-        .replace(/\b\w/g, (char) => char.toUpperCase()));
-}
-// const nameMap: Record<string, string> = {
-//     "dashboard": "Dashboard",
-//     "settings": "Settings",
-//     "profile": "Profile",
-//     "about-us": "About Us",
-//   };

package/dist/Chips/Chips.svelte.d.ts

@@ -1,8 +0,0 @@
-import { ChipType } from './chipsState.svelte.js';
-interface ChipsProps {
-    type?: ChipType;
-    text?: string;
-}
-declare const Chips: import("svelte").Component<ChipsProps, {}, "">;
-type Chips = ReturnType<typeof Chips>;
-export default Chips;

package/dist/Controls/Toggle/Toggle.svelte.d.ts

@@ -1,10 +0,0 @@
-import type { LabelProps } from '../Label/labelState.svelte.js';
-interface ToggleProps extends Pick<LabelProps, 'id' | 'label' | 'infoTooltip'> {
-    checked?: boolean;
-    disabled?: boolean;
-    vertical?: boolean;
-    onchange?: (event: Event) => void;
-}
-declare const Toggle: import("svelte").Component<ToggleProps, {}, "checked">;
-type Toggle = ReturnType<typeof Toggle>;
-export default Toggle;

package/dist/Form/index.d.ts

@@ -1,6 +0,0 @@
-import Form from './Form.svelte';
-import { getFormContext, setFormContext } from './context.js';
-import { validateSchema } from './helper.js';
-import { createZodString } from './zod-validations.js';
-import type { FormContext, FormError } from './types.js';
-export { Form, createZodString, getFormContext, setFormContext, validateSchema, type FormContext, type FormError };

package/dist/Form/index.js

@@ -1,11 +0,0 @@
-// Components
-import Form from './Form.svelte';
-// State, enums, and helpers
-import { getFormContext, setFormContext } from './context.js';
-import { validateSchema } from './helper.js';
-import { createZodString } from './zod-validations.js';
-export { 
-// Components
-Form, 
-// Functions and helpers
-createZodString, getFormContext, setFormContext, validateSchema };

package/dist/Home/Home.svelte.d.ts

@@ -1,8 +0,0 @@
-import type { HomeItem } from '../index.js';
-interface HomeProps {
-    title: string;
-    homeItems: HomeItem[];
-}
-declare const Home: import("svelte").Component<HomeProps, {}, "">;
-type Home = ReturnType<typeof Home>;
-export default Home;

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

@@ -1,8 +0,0 @@
-import type { MenuItem } from './MenuState.svelte.js';
-interface MenuProps {
-    menuItems: MenuItem[];
-    showMenu: boolean;
-}
-declare const Menu: import("svelte").Component<MenuProps, {}, "showMenu">;
-type Menu = ReturnType<typeof Menu>;
-export default Menu;

package/dist/Notification/Notification.svelte.d.ts

@@ -1,4 +0,0 @@
-import type { NotificationProps } from './notificationState.svelte';
-declare const Notification: import("svelte").Component<NotificationProps, {}, "">;
-type Notification = ReturnType<typeof Notification>;
-export default Notification;

package/dist/Processing/Processing.svelte.d.ts

@@ -1,4 +0,0 @@
-import type { ProcessingProps } from './processingState.svelte.js';
-declare const Processing: import("svelte").Component<ProcessingProps, {}, "show">;
-type Processing = ReturnType<typeof Processing>;
-export default Processing;

package/dist/Processing/processingState.svelte.d.ts

@@ -1,6 +0,0 @@
-export interface ProcessingProps {
-    title?: string;
-    text?: string;
-    show?: boolean;
-    asModal?: boolean;
-}

package/dist/Switcher/Switcher.svelte.d.ts

@@ -1,8 +0,0 @@
-import { type SwitcherOption } from '../index.js';
-interface SwitcherProps {
-    options: string[] | SwitcherOption[];
-    value?: string | null;
-}
-declare const Switcher: import("svelte").Component<SwitcherProps, {}, "value">;
-type Switcher = ReturnType<typeof Switcher>;
-export default Switcher;

package/dist/Toast/Toast.svelte.d.ts

@@ -1,6 +0,0 @@
-interface ToastProps {
-    duration?: number;
-}
-declare const Toast: import("svelte").Component<ToastProps, {}, "">;
-type Toast = ReturnType<typeof Toast>;
-export default Toast;

package/dist/Toast/toastState.svelte.d.ts

@@ -1,16 +0,0 @@
-type ToastType = 'info' | 'success' | 'warning' | 'danger' | 'neutral';
-export interface Toast {
-    type: ToastType;
-    message: string;
-    link?: string;
-}
-interface ToastState extends Toast {
-    id: string;
-}
-export declare const getToast: (duration?: number) => {
-    toasts: ToastState[];
-    duration: number;
-};
-export declare const addToast: (toast: Toast) => void;
-export declare const deleteToastById: (id: string) => void;
-export {};