@lavalogic/scoria 0.10.0 → 0.11.0

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/FocusableImmutableCell.svelte

@@ -10,13 +10,12 @@
 
 	export interface FocusableImmutableCellProps<T extends object> {
 		cell: TableCell<T>;
-		value?: unknown;
 		children?: Snippet;
 	}
 </script>
 
 <script lang="ts" generics="T extends object">
-	const { cell, value: externalValue, children }: FocusableImmutableCellProps<T> = $props();
+	const { cell, children }: FocusableImmutableCellProps<T> = $props();
 
 	const value = $derived(cell.getValue());
 
@@ -72,27 +71,19 @@ class:bottom={focusDetails.bottomEdge} -->
 	}}
 >
 	{#if hasValue}
-		{#if externalValue}
-			{#await externalValue}
-				loading…
-			{:then externalValue}
-				{externalValue}
-			{/await}
-		{:else}
-			{#await visibleValue}
-				loading…
-			{:then value}
-				{(value instanceof Date
-					? value.toLocaleDateString()
-					: options.length
-						? options.find((it) => it.value === value)?.label
-						: value) ??
-					value ??
-					''}
-			{:catch e}
-				{e?.toString()}
-			{/await}
-		{/if}
+		{#await visibleValue}
+			loading…
+		{:then visibleValue}
+			{(visibleValue instanceof Date
+				? visibleValue.toLocaleDateString()
+				: options.length
+					? options.find((it) => it.value === visibleValue)?.label
+					: visibleValue) ??
+				visibleValue ??
+				''}
+		{:catch e}
+			{e?.toString()}
+		{/await}
 	{:else if children}
 		<div
 			class="slot-wrapper"

package/dist/Components/Table/Body/Rows/Columns/FocusableImmutableCell.svelte.d.ts

@@ -2,7 +2,6 @@ import { type Snippet } from 'svelte';
 import type { TableCell } from '../../../Types/Columns/TableCell.js';
 export interface FocusableImmutableCellProps<T extends object> {
     cell: TableCell<T>;
-    value?: unknown;
     children?: Snippet;
 }
 declare function $$render<T extends object>(): {

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

@@ -58,9 +58,7 @@
 {#if cell.column.getIsVisible()}
 	{@const columnDef = cell.column.columnDef}
 
-	{#if cell.column.columnDef instanceof ValidityDef}
-		<ValidityCell {cell} />
-	{:else if columnDef instanceof RowSelectionDef}
+	{#if columnDef instanceof RowSelectionDef}
 		<TableRowSelectionCheckbox {cell} />
 	{:else if isActionsDef(cell)}
 		<ActionsCell {cell} />
@@ -68,6 +66,18 @@
 		<ExpandCell {cell} {expandedColumnDef} {onExpandChange} />
 	{:else if columnDef.columnType !== ColumnType.Display}
 		<AccessorComponent {cell} />
+	{:else if cell.column.columnDef instanceof AbstractDisplayDef}
+		{#if cell.column.columnDef.displayType === DisplayType.Bubbles}
+			<BubbleCell {cell} />
+		{:else if cell.column.columnDef.displayType === DisplayType.Validity}
+			<ValidityCell {cell} />
+		{:else if isProgressBarTableCell(cell)}
+			<ProgressCell {cell} />
+		{:else if cell.column.columnDef.displayType === DisplayType.Normal}
+			<FocusableImmutableCell {cell} />
+		{:else}
+			{@debug cell}
+		{/if}
 	{:else}
 		{@const valueOrComponentPromise =
 			cell.column.columnDef.accessorFn?.(cell.row.original, cell.row.originalIndex) ??
@@ -75,35 +85,25 @@
 			null}
 
 		{#await valueOrComponentPromise}
-			<FocusableImmutableCell value={valueOrComponentPromise} {cell} />
-		{:then value}
-			{@render ValueFallback(value)}
+			<FocusableImmutableCell {cell} />
+		{:then Value}
+			{#if Value == null || typeof Value === 'string' || typeof Value == 'number'}
+				<FocusableImmutableCell {cell} />
+			{:else if valueOrComponentIsConstructor(Value)}
+				<FocusableImmutableCell {cell}>
+					<Value {cell} />
+				</FocusableImmutableCell>
+			{:else if typeof Value === 'function'}
+				<FocusableImmutableCell {cell}>
+					{@render Value(cell)}
+				</FocusableImmutableCell>
+			{:else}
+				{@debug cell}
+			{/if}
 		{:catch e}
-			<FocusableImmutableCell value={e?.toString()} {cell} />
+			<FocusableImmutableCell {cell}>
+				{e?.toString()}
+			</FocusableImmutableCell>
 		{/await}
 	{/if}
 {/if}
-
-{#snippet ValueFallback(Value: unknown)}
-	{#if cell.column.columnDef instanceof AbstractDisplayDef && Array.isArray(Value)}
-		{#if cell.column.columnDef.displayType === DisplayType.Bubbles}
-			<BubbleCell {cell} />
-		{:else if isProgressBarTableCell(cell)}
-			<ProgressCell {cell} />
-		{:else}
-			{@debug cell}
-		{/if}
-	{:else if Value == null || typeof Value === 'string' || typeof Value == 'number'}
-		<FocusableImmutableCell value={Value} {cell} />
-	{:else if valueOrComponentIsConstructor(Value)}
-		<FocusableImmutableCell {cell}>
-			<Value {cell} />
-		</FocusableImmutableCell>
-	{:else if typeof Value === 'function'}
-		<FocusableImmutableCell {cell}>
-			{@render Value(cell)}
-		</FocusableImmutableCell>
-	{:else}
-		{@debug cell}
-	{/if}
-{/snippet}

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/Columns/DisplayType.d.ts

@@ -2,7 +2,6 @@ export declare const DisplayType: {
     readonly Normal: "Normal";
     readonly Bubbles: "Bubbles";
     readonly Progress: "Progress";
-    readonly Icon: "Icon";
     readonly Validity: "Validity";
 };
 export type DisplayType = (typeof DisplayType)[keyof typeof DisplayType];

package/dist/Components/Table/Types/Columns/DisplayType.js

@@ -2,7 +2,7 @@ export const DisplayType = {
     Normal: 'Normal',
     Bubbles: 'Bubbles',
     Progress: 'Progress',
-    Icon: 'Icon',
+    // Icon: 'Icon', // NYI
     Validity: 'Validity'
 };
 Object.freeze(DisplayType);

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

@@ -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

@@ -860,7 +860,7 @@ export class TableContext {
             });
         });
     };
-    onSelectAllInCurrentPage = async () => {
+    selectAllInCurrentPage = async () => {
         if (!this.dataRepo) {
             return;
         }

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.0",
+  "version": "0.11.0",
   "publishConfig": {
     "access": "restricted"
   },