@lavalogic/scoria 0.10.1 → 0.11.1

package/dist/Components/Base/ContextWrapper.svelte

@@ -12,18 +12,21 @@
 
 	export interface ContextWrapperProps {
 		children: Snippet;
+		debug?: boolean;
 	}
 </script>
 
 <script lang="ts">
-	const { children }: ContextWrapperProps = $props();
+	const { children, debug = false }: ContextWrapperProps = $props();
 
 	setContext(ContextMenuContext.identifier, new ContextMenuContext());
 	setContext(TooltipContext.identifier, new TooltipContext());
 	setContext(ToastContext.identifier, new ToastContext());
 	const alertContext = new AlertContext();
 	setContext(AlertContext.identifier, alertContext);
-	setContext(UntypedInputContext.identifier, new UntypedInputContext());
+
+	const untypedListenerContext = new UntypedInputContext(debug);
+	setContext(UntypedInputContext.identifier, untypedListenerContext);
 </script>
 
 <ContextMenu />
@@ -32,5 +35,5 @@
 {#if alertContext.showModal}
 	<AlertModal />
 {/if}
-
+<svelte:window onkeydown={untypedListenerContext.handleGlobalKeydown} />
 {@render children()}

package/dist/Components/Base/ContextWrapper.svelte.d.ts

@@ -1,6 +1,7 @@
 import { type Snippet } from 'svelte';
 export interface ContextWrapperProps {
     children: Snippet;
+    debug?: boolean;
 }
 declare const ContextWrapper: import("svelte").Component<ContextWrapperProps, {}, "">;
 type ContextWrapper = ReturnType<typeof ContextWrapper>;

package/dist/Components/Table/Body/Rows/Columns/TableColumn.svelte

@@ -101,7 +101,9 @@
 				{@debug cell}
 			{/if}
 		{:catch e}
-			<FocusableImmutableCell value={e?.toString()} {cell} />
+			<FocusableImmutableCell {cell}>
+				{e?.toString()}
+			</FocusableImmutableCell>
 		{/await}
 	{/if}
 {/if}

package/dist/Components/Table/Body/TableBody.svelte

@@ -15,11 +15,12 @@
 </script>
 
 <script lang="ts" generics="T extends object">
+	import { dev } from '$app/environment';
 	import { getContext } from 'svelte';
+	import type { Column } from '../Types/Columns/Column.js';
 	import { TableContext } from '../Types/Context/TableContext.svelte.js';
 	import QuickSearchCell from './QuickSearchCell.svelte';
 	import TableRow from './Rows/TableRow.svelte';
-	import type { Column } from '../Types/Columns/Column.js';
 
 	let { side, heights, columns, includeHighlight }: TableBodyProps<T> = $props();
 
@@ -46,6 +47,9 @@
 		</tr>
 	{/if}
 	{#each tableContext.paginationRowModel.rows ?? [] as row, index (row)}
+		{#if dev && !row.original}
+			{@debug row}
+		{/if}
 		{@const customHeight = heights[index]?.applyTo.includes(side)
 			? heights[index].maxHeight
 			: undefined}

package/dist/Components/Table/Headers/SelectAllHeader.svelte

@@ -16,14 +16,14 @@
 	<label>
 		{#await checked}
 			<input
-				onchange={tableContext.onSelectAllInCurrentPage}
+				onchange={tableContext.selectAllInCurrentPage}
 				type="checkbox"
 				checked={false}
 				disabled={tableContext.showSelectedOnly}
 			/>
 		{:then checked}
 			<input
-				onchange={tableContext.onSelectAllInCurrentPage}
+				onchange={tableContext.selectAllInCurrentPage}
 				type="checkbox"
 				{checked}
 				disabled={tableContext.showSelectedOnly}

package/dist/Components/Table/Types/Context/TableContext.svelte.d.ts

@@ -1,23 +1,23 @@
 import { SvelteMap, SvelteSet } from 'svelte/reactivity';
+import type { Updater } from 'svelte/store';
+import type { ColumnPinningState } from '../Columns/ColumnPinningState.js';
+import type { ColumnSizingState } from '../Columns/ColumnSizingState.js';
 import type { ColumnDef } from '../Columns/Definitions/ColumnDef.svelte.js';
+import type { ColumnDefSet } from '../Columns/Definitions/ColumnDefSet.js';
 import type { DefsWrapper } from '../Columns/DefsWrapper.js';
+import type { VisibilityState } from '../Columns/VisibilityState.js';
+import type { CellCoordinates } from '../Coordinates/CellCoordinates.js';
+import type { CellCoordinatesWithoutColumn } from '../Coordinates/CellCoordinatesWithoutColumn.js';
 import type { IDataRepository } from '../DataRepository/IDataRepository.js';
-import { ToolbarPosition } from '../Toolbar/ToolbarPosition.js';
-import type { TableInitOptions } from './TableInitOptions.js';
+import type { ColumnFiltersState } from '../Filtering/ColumnFiltersState.js';
 import type { CustomRemoteFilters } from '../Filtering/CustomRemoteFilters.js';
 import type { BoolFilterValueType, DateFilterValueType, FilterFn, NumberFilterValueType, SelectFilterValueType, StringFilterValueType } from '../Filtering/FilterFn.js';
-import type { ColumnDefSet } from '../Columns/Definitions/ColumnDefSet.js';
-import type { CellCoordinates } from '../Coordinates/CellCoordinates.js';
-import type { ColumnSizingState } from '../Columns/ColumnSizingState.js';
-import type { ColumnPinningState } from '../Columns/ColumnPinningState.js';
-import type { VisibilityState } from '../Columns/VisibilityState.js';
-import type { CellCoordinatesWithoutColumn } from '../Coordinates/CellCoordinatesWithoutColumn.js';
-import type { Updater } from 'svelte/store';
+import type { HasCustomFilterFunction } from '../Filtering/HasCustomFilterFunction.js';
 import type { OnChangeFn } from '../OnChangeFn.js';
-import type { ColumnFiltersState } from '../Filtering/ColumnFiltersState.js';
+import { ToolbarPosition } from '../Toolbar/ToolbarPosition.js';
 import type { ITable } from './ITable.js';
-import type { HasCustomFilterFunction } from '../Filtering/HasCustomFilterFunction.js';
 import type { RowModel } from './RowModel.js';
+import type { TableInitOptions } from './TableInitOptions.js';
 export declare class TableContext<T extends object> {
     readonly defaultColumnDefs: DefsWrapper<T>;
     readonly tableName: string;
@@ -165,7 +165,7 @@ export declare class TableContext<T extends object> {
     readonly updateSelectedItems: () => Promise<void>;
     readonly resetSelectedItems: () => void;
     readonly recalculateAllSelectedInCurrentPage: () => void;
-    readonly onSelectAllInCurrentPage: () => Promise<void>;
+    readonly selectAllInCurrentPage: () => Promise<void>;
     readonly onHighlightAll: () => void;
     readonly onEditCell: (item: T, coords: CellCoordinates, value: unknown) => Promise<void>;
     readonly handleTdKeydown: (e: KeyboardEvent) => void;

package/dist/Components/Table/Types/Context/TableContext.svelte.js

@@ -1,21 +1,21 @@
+import { browser, dev } from '$app/environment';
+import { asyncAll, asyncFilterIndices, asyncSleep, getCanvasContext, getErrorMessage } from '../../../../Helpers/Helpers.svelte.js';
+import { tick } from 'svelte';
 import { SvelteMap, SvelteSet } from 'svelte/reactivity';
 import { ColumnType } from '../Columns/ColumnType.js';
-import { ToolbarPosition } from '../Toolbar/ToolbarPosition.js';
-import { RowSelectionDef } from '../Columns/Definitions/RowSelection/RowSelectionDef.svelte.js';
-import { tick } from 'svelte';
-import { PaginationType } from '../Pagination/PaginationType.js';
-import { asyncAll, asyncFilterIndices, asyncSleep, getCanvasContext, getErrorMessage } from '../../../../Helpers/Helpers.svelte.js';
 import { AccessorDef } from '../Columns/Definitions/Accessors/AccessorDef.svelte.js';
+import { CheckboxDef } from '../Columns/Definitions/Accessors/CheckboxDef.svelte.js';
+import { DateInputDef } from '../Columns/Definitions/Accessors/DateInputDef.svelte.js';
 import { NumberInputDef } from '../Columns/Definitions/Accessors/NumberInputDef.svelte.js';
 import { SelectDef } from '../Columns/Definitions/Accessors/SelectDef.svelte.js';
 import { TextInputDef } from '../Columns/Definitions/Accessors/TextInputDef.svelte.js';
-import { CheckboxDef } from '../Columns/Definitions/Accessors/CheckboxDef.svelte.js';
-import { DateInputDef } from '../Columns/Definitions/Accessors/DateInputDef.svelte.js';
-import { ProgressBarDef } from '../Columns/Definitions/Display/ProgressBarDef.svelte.js';
-import { DisplayDef } from '../Columns/Definitions/Display/DisplayDef.svelte.js';
-import { browser, dev } from '$app/environment';
 import { BubbleDef } from '../Columns/Definitions/Display/BubbleDef.svelte.js';
+import { DisplayDef } from '../Columns/Definitions/Display/DisplayDef.svelte.js';
+import { ProgressBarDef } from '../Columns/Definitions/Display/ProgressBarDef.svelte.js';
+import { RowSelectionDef } from '../Columns/Definitions/RowSelection/RowSelectionDef.svelte.js';
 import { allowedEmptyFilterModes } from '../DataRepository/LocalTableDataRepository.svelte.js';
+import { PaginationType } from '../Pagination/PaginationType.js';
+import { ToolbarPosition } from '../Toolbar/ToolbarPosition.js';
 const SORTING_ICON_WIDTH = 24;
 const InternalSymbol = Symbol();
 const uncopyableColumns = new Set([
@@ -600,6 +600,7 @@ export class TableContext {
         // }
         return comparableSortingFn(id, desc);
     };
+    // FIXME this is most likely the cuplrit for add pod not working on receipt. It may be one tick behind the other values
     // eslint-disable-next-line svelte/prefer-svelte-reactivity
     originalRowIndices = $derived(new Map((this.dataRepo?.data ?? []).map((item, index) => [item, index])));
     // private _filterTimer: ReturnType<typeof setTimeout> | undefined;
@@ -675,6 +676,9 @@ export class TableContext {
         const sortedData = this._currentPageData;
         const rows = sortedData.map((item, index) => {
             const unsortedIndex = this.originalRowIndices.get(item) ?? index;
+            if (!item) {
+                throw new Error('No Item was found');
+            }
             const row = {
                 getValue: async (key) => {
                     const gotValue = this.columnDefsById.get(key).accessorFn?.(item, index);
@@ -860,7 +864,7 @@ export class TableContext {
             });
         });
     };
-    onSelectAllInCurrentPage = async () => {
+    selectAllInCurrentPage = async () => {
         if (!this.dataRepo) {
             return;
         }
@@ -1672,6 +1676,9 @@ export class TableContext {
     };
     // #region private methods
     createRow(item, index, unsortedIndex) {
+        if (!item) {
+            throw new Error('No Item was found');
+        }
         const row = {
             getValue: async (key) => {
                 const gotValue = this.columnDefsById.get(key).accessorFn?.(item, unsortedIndex);

package/dist/Components/Table/Types/Filtering/FilterFn.d.ts

@@ -6,4 +6,4 @@ export type SelectFilterValueType<T, columnType = T[keyof T]> = string | Array<u
 } | undefined;
 export type BoolFilterValueType = boolean | null;
 export type StringFilterValueType = string | null;
-export type FilterFn<T extends object, FilterValueType> = (row: Row<T>, columnId: string, filterValue: FilterValueType) => Promise<boolean>;
+export type FilterFn<T extends object, FilterValueType> = (row: Row<T>, columnId: string, filterValue: FilterValueType) => boolean | Promise<boolean>;

package/dist/Components/VerticalTabGroup.svelte

@@ -12,14 +12,23 @@
 		style?: string;
 		noscroll?: boolean;
 		noTabMessage?: string;
+		nohistory?: boolean;
 	}
 </script>
 
 <script lang="ts">
-	let { name, tabs, selected, style, noscroll, noTabMessage }: VerticalTabGroupProps = $props();
+	let {
+		name,
+		tabs,
+		selected,
+		style,
+		noscroll,
+		noTabMessage,
+		nohistory = false
+	}: VerticalTabGroupProps = $props();
 
 	onMount(() => {
-		if (name) {
+		if (name && nohistory !== true) {
 			const tabName = sessionStorage.getItem(`${name}-active-tab`);
 			if (tabName) {
 				tabs.find((it) => it.label === tabName)?.onclick();

package/dist/Components/VerticalTabGroup.svelte.d.ts

@@ -6,6 +6,7 @@ export interface VerticalTabGroupProps {
     style?: string;
     noscroll?: boolean;
     noTabMessage?: string;
+    nohistory?: boolean;
 }
 declare const VerticalTabGroup: import("svelte").Component<VerticalTabGroupProps, {}, "">;
 type VerticalTabGroup = ReturnType<typeof VerticalTabGroup>;

package/dist/Contexts/UntypedInputContext.svelte.d.ts

@@ -1,6 +1,8 @@
 export type StringCallback = (value: string) => boolean | void | Promise<boolean | void>;
 import type { Unsubscriber } from '../Types/Internal/Misc.js';
 export declare class UntypedInputContext {
+    private debug;
+    constructor(debug?: boolean);
     static readonly identifier: unique symbol;
     private readonly registeredListeners;
     readonly registerListener: (listener: StringCallback) => Unsubscriber;

package/dist/Contexts/UntypedInputContext.svelte.js

@@ -1,4 +1,8 @@
 export class UntypedInputContext {
+    debug;
+    constructor(debug = false) {
+        this.debug = debug;
+    }
     static identifier = Symbol();
     registeredListeners = [];
     registerListener = (listener) => {
@@ -42,11 +46,20 @@ export class UntypedInputContext {
         if (!this.tagNameSet.has(document.activeElement?.tagName)) {
             clearTimeout(this.debounceTimer);
             if (e.key === 'Enter') {
+                if (this.debug) {
+                    console.log('firing');
+                }
                 this.fire();
+                if (this.debug) {
+                    console.log('clearing');
+                }
                 this.untypedValue = '';
                 return;
             }
             if (e.key.length == 1) {
+                if (this.debug) {
+                    console.log(`adding ${e.key}`);
+                }
                 this.untypedValue += e.key;
             }
             // else {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lavalogic/scoria",
   "description": "Svelte components used for the FloWMS Web Frontend",
-  "version": "0.10.1",
+  "version": "0.11.1",
   "publishConfig": {
     "access": "restricted"
   },
@@ -30,44 +30,44 @@
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^4.1.3",
-    "@eslint/compat": "^2.0.1",
-    "@eslint/js": "^9.39.2",
-    "@playwright/test": "^1.57.0",
-    "@storybook/addon-a11y": "^10.1.11",
-    "@storybook/addon-docs": "^10.1.11",
-    "@storybook/addon-svelte-csf": "^5.0.10",
-    "@storybook/addon-vitest": "^10.1.11",
-    "@storybook/sveltekit": "^10.1.11",
-    "@sveltejs/adapter-node": "^5.5.0",
-    "@sveltejs/kit": "^2.49.4",
+    "@eslint/compat": "^2.0.2",
+    "@eslint/js": "^9.39.3",
+    "@playwright/test": "^1.58.2",
+    "@storybook/addon-a11y": "^10.2.10",
+    "@storybook/addon-docs": "^10.2.10",
+    "@storybook/addon-svelte-csf": "^5.0.11",
+    "@storybook/addon-vitest": "^10.2.10",
+    "@storybook/sveltekit": "^10.2.10",
+    "@sveltejs/adapter-node": "^5.5.3",
+    "@sveltejs/kit": "^2.52.2",
     "@sveltejs/package": "^2.5.7",
     "@sveltejs/vite-plugin-svelte": "^6.2.4",
     "@types/eslint": "^9.6.1",
-    "@types/node": "^25.0.7",
-    "@typescript-eslint/eslint-plugin": "^8.53.0",
-    "@typescript-eslint/parser": "^8.53.0",
-    "@vitest/browser": "^4.0.17",
-    "eslint": "^9.39.2",
+    "@types/node": "^25.3.0",
+    "@typescript-eslint/eslint-plugin": "^8.56.0",
+    "@typescript-eslint/parser": "^8.56.0",
+    "@vitest/browser": "^4.0.18",
+    "eslint": "^9.39.3",
     "eslint-config-prettier": "^10.1.8",
-    "eslint-plugin-storybook": "^10.1.11",
-    "eslint-plugin-svelte": "^3.14.0",
-    "globals": "^17.0.0",
+    "eslint-plugin-storybook": "^10.2.10",
+    "eslint-plugin-svelte": "^3.15.0",
+    "globals": "^17.3.0",
     "mdsvex": "^0.12.6",
-    "playwright": "^1.57.0",
-    "prettier": "^3.7.4",
-    "prettier-plugin-svelte": "^3.4.1",
-    "publint": "^0.3.16",
-    "sass-embedded": "^1.97.2",
-    "storybook": "^10.1.11",
-    "svelte": "^5.46.3",
-    "svelte-check": "^4.3.5",
+    "playwright": "^1.58.2",
+    "prettier": "^3.8.1",
+    "prettier-plugin-svelte": "^3.5.0",
+    "publint": "^0.3.17",
+    "sass-embedded": "^1.97.3",
+    "storybook": "^10.2.10",
+    "svelte": "^5.53.0",
+    "svelte-check": "^4.4.1",
     "svelte-render-scan": "^1.1.0",
     "typescript": "^5.9.3",
-    "typescript-eslint": "^8.53.0",
+    "typescript-eslint": "^8.56.0",
     "vite": "^7.3.1",
     "vite-plugin-devtools-json": "^1.0.0",
-    "vitest": "^4.0.17",
-    "vitest-browser-svelte": "^2.0.1"
+    "vitest": "^4.0.18",
+    "vitest-browser-svelte": "^2.0.2"
   },
   "keywords": [
     "svelte"