@lavalogic/scoria 0.37.55 → 0.38.0

package/dist/Components/Table/ARCHITECTURE.md

@@ -16,14 +16,14 @@ Everything in the public surface is re-exported from
 
 ```ts
 import {
-    createTable,
-    localRows,
-    remoteRows,
-    customRows,
-    Table,
-    type CreateTableOptions,
-    type DisplayModalProps,
-    // …per-kind option types: TextColumnOptions, NumberColumnOptions, …
+	createTable,
+	localRows,
+	remoteRows,
+	customRows,
+	Table,
+	type CreateTableOptions,
+	type DisplayModalProps,
+	// …per-kind option types: TextColumnOptions, NumberColumnOptions, …
 } from '@lavalogic/scoria';
 ```
 
@@ -96,16 +96,16 @@ Table/
 `TableContext` is the root state object. It owns the data repo and seven
 sub-contexts:
 
-| Sub-context             | Owns                                                                |
-| ----------------------- | ------------------------------------------------------------------- |
-| `_sorting`              | Sort comparators + the `sortedData` derived chain                   |
-| `_filtering`            | Filter-fn relays + the `filteredData` derived chain + quick-filter toggle |
-| `_columnLayout`         | Column widths / pinning / visibility / id-index maps                |
-| `_selection`            | Selected & highlighted maps, key cache, page-wide select helpers    |
-| `_preferences`          | Saved column-presets + localStorage round-trip                      |
-| `_focus`                | Focus-coordinate state + multi-cell selection                       |
-| `_virtualisation`       | Row virtualisation window                                           |
-| `_queryValues`          | Typeahead-echo cache for QuerySelect filter inputs                  |
+| Sub-context       | Owns                                                                      |
+| ----------------- | ------------------------------------------------------------------------- |
+| `_sorting`        | Sort comparators + the `sortedData` derived chain                         |
+| `_filtering`      | Filter-fn relays + the `filteredData` derived chain + quick-filter toggle |
+| `_columnLayout`   | Column widths / pinning / visibility / id-index maps                      |
+| `_selection`      | Selected & highlighted maps, key cache, page-wide select helpers          |
+| `_preferences`    | Table settings + layout / filter / view localStorage round-trip           |
+| `_focus`          | Focus-coordinate state + multi-cell selection                             |
+| `_virtualisation` | Row virtualisation window                                                 |
+| `_queryValues`    | Typeahead-echo cache for QuerySelect filter inputs                        |
 
 Each sub-context is a class under `Types/Context/<Name>State.svelte.ts`
 that takes a `deps` object of thunk-returning fields the parent reads
@@ -261,10 +261,10 @@ for the canonical pattern.
 
 ## Testing model
 
-| File pattern                      | Project   | What it covers                                  |
-| --------------------------------- | --------- | ----------------------------------------------- |
-| `*.test.ts` (no `.svelte.`)       | `server`  | Pure-node unit tests (helpers, type contracts). Runs via `pnpm test`. |
-| `*.svelte.test.ts`                | `client`  | Tests using `$state` / `$effect` from Svelte 5. Browser mode via Vitest + Playwright. |
+| File pattern                | Project  | What it covers                                                                        |
+| --------------------------- | -------- | ------------------------------------------------------------------------------------- |
+| `*.test.ts` (no `.svelte.`) | `server` | Pure-node unit tests (helpers, type contracts). Runs via `pnpm test`.                 |
+| `*.svelte.test.ts`          | `client` | Tests using `$state` / `$effect` from Svelte 5. Browser mode via Vitest + Playwright. |
 
 The browser-mode runner has a Windows-specific chromium launch issue;
 set `SCORIA_CHROMIUM_EXECUTABLE` to the headless-shell binary to work

package/dist/Components/Table/Misc/ColumnPanel.svelte

@@ -1,31 +1,11 @@
 <svelte:options runes />
 
-<script
-	lang="ts"
-	generics="T extends object, IdType extends Primitive"
->
-	import Button from '../../Button.svelte';
-	import SingleSelect from '../../SingleSelect.svelte';
+<script lang="ts">
 	import ColumnList from '../Body/Rows/ColumnList.svelte';
 	import TextInput from '../../TextInput.svelte';
-	import type { SelectOption } from '../../../Types/Internal/SelectOption.js';
 	import { Size } from '../../../Types/Internal/Size.js';
-	import { Variant } from '../../../Types/Internal/Variant.js';
-	import { getContext } from 'svelte';
-	import { TableContext } from '../Types/Context/TableContext.svelte.js';
-	import type { Primitive } from '../Types/Context/TableInitOptions.js';
 
-	const tableContext = getContext<TableContext<T, IdType>>(TableContext.identifier);
-
-	const labelledPresets: Array<SelectOption<string>> = $derived(
-		tableContext.columnPresets.map((pr) => ({ label: pr.name, value: pr.name }))
-	);
-
-	const selectedValue = $derived(
-		labelledPresets.find((it) => it.value === tableContext.selectedPreset?.name) ?? null
-	);
 	let searchValue = $state('');
-	let pendingPresetName = $state('');
 </script>
 
 <section class="side-panel-section">
@@ -34,22 +14,6 @@
 	</header>
 
 	<div class="toolbar">
-		<SingleSelect
-			label="Selected Preset"
-			name="Preset"
-			options={labelledPresets}
-			labelProp="label"
-			valueProp="value"
-			value={selectedValue}
-			valueAsObject
-			onchange={(newSelection: SelectOption<string> | null) => {
-				const preset =
-					newSelection && tableContext.columnPresets.find((p) => p.name === newSelection.value);
-				if (preset) {
-					tableContext.setSelectedPreset(preset);
-				}
-			}}
-		/>
 		<TextInput
 			bind:value={searchValue}
 			leftIcon={{ name: 'search', size: Size.Medium }}
@@ -65,30 +29,6 @@
 	<div class="column-list-wrapper">
 		<ColumnList {searchValue} />
 	</div>
-
-	<form
-		class="side-panel-footer"
-		onsubmit={(e) => {
-			e.preventDefault();
-			const trimmed = pendingPresetName.trim();
-			if (!trimmed) {
-				return;
-			}
-			tableContext.saveColumnPreset(trimmed);
-			pendingPresetName = '';
-		}}
-	>
-		<TextInput
-			placeholder="Preset name"
-			bind:value={pendingPresetName}
-		/>
-		<Button
-			type="submit"
-			variant={Variant.Secondary}
-			nowrap
-			size={Size.MediumSmall}>Save Layout</Button
-		>
-	</form>
 </section>
 
 <style>.side-panel-section {

package/dist/Components/Table/Misc/ColumnPanel.svelte.d.ts

@@ -1,25 +1,3 @@
-import type { Primitive } from '../Types/Context/TableInitOptions.js';
-declare function $$render<T extends object, IdType extends Primitive>(): {
-    props: Record<string, never>;
-    exports: {};
-    bindings: "";
-    slots: {};
-    events: {};
-};
-declare class __sveltets_Render<T extends object, IdType extends Primitive> {
-    props(): ReturnType<typeof $$render<T, IdType>>['props'];
-    events(): ReturnType<typeof $$render<T, IdType>>['events'];
-    slots(): ReturnType<typeof $$render<T, IdType>>['slots'];
-    bindings(): "";
-    exports(): {};
-}
-interface $$IsomorphicComponent {
-    new <T extends object, IdType extends Primitive>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T, IdType>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T, IdType>['props']>, ReturnType<__sveltets_Render<T, IdType>['events']>, ReturnType<__sveltets_Render<T, IdType>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<T, IdType>['bindings']>;
-    } & ReturnType<__sveltets_Render<T, IdType>['exports']>;
-    <T extends object, IdType extends Primitive>(internal: unknown, props: {}): ReturnType<__sveltets_Render<T, IdType>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any, any>['bindings']>;
-}
-declare const ColumnPanel: $$IsomorphicComponent;
-type ColumnPanel<T extends object, IdType extends Primitive> = InstanceType<typeof ColumnPanel<T, IdType>>;
+declare const ColumnPanel: import("svelte").Component<Record<string, never>, {}, "">;
+type ColumnPanel = ReturnType<typeof ColumnPanel>;
 export default ColumnPanel;

package/dist/Components/Table/Misc/ColumnPanelModal.svelte

@@ -1,56 +1,15 @@
 <svelte:options runes />
 
-<script
-	lang="ts"
-	generics="T extends object, IdType extends Primitive"
->
-	import Button from '../../Button.svelte';
+<script lang="ts">
 	import DesktopModal from '../../DesktopModal.svelte';
-	import SingleSelect from '../../SingleSelect.svelte';
 	import ColumnList from '../Body/Rows/ColumnList.svelte';
 	import TextInput from '../../TextInput.svelte';
-	import type { SelectOption } from '../../../Types/Internal/SelectOption.js';
 	import { Size } from '../../../Types/Internal/Size.js';
-	import { Variant } from '../../../Types/Internal/Variant.js';
-	import { getContext } from 'svelte';
-	import { TableContext } from '../Types/Context/TableContext.svelte.js';
-	import type { Primitive } from '../Types/Context/TableInitOptions.js';
 	import type { ColumnPanelModalProps } from './ColumnPanelModalProps.js';
 
-	const tableContext = getContext<TableContext<T, IdType>>(TableContext.identifier);
-
 	const { onclose }: ColumnPanelModalProps = $props();
-	const labelledPresets: Array<SelectOption<string>> = $derived(
-		tableContext.columnPresets.map((pr) => ({ label: pr.name, value: pr.name }))
-	);
-	let searchValue = $state('');
-	let pendingPresetName = $state('');
-
-	const selectedValue = $derived(
-		labelledPresets.find((it) => it.value === tableContext.selectedPreset?.name) ?? null
-	);
-
-	function trySavePreset(e: KeyboardEvent) {
-		if (e.key === 'Enter') {
-			e.preventDefault();
-			const trimmed = pendingPresetName.trim();
-			if (!trimmed) {
-				return;
-			}
-			tableContext.saveColumnPreset(trimmed);
-			pendingPresetName = '';
-		}
-	}
 
-	function savePreset(e: MouseEvent) {
-		e.preventDefault();
-		const trimmed = pendingPresetName.trim();
-		if (!trimmed) {
-			return;
-		}
-		tableContext.saveColumnPreset(trimmed);
-		pendingPresetName = '';
-	}
+	let searchValue = $state('');
 </script>
 
 <DesktopModal
@@ -59,25 +18,7 @@
 	buttons={[{ label: 'Close', callback: () => onclose?.() }]}
 >
 	<div class="flex">
-		<div class="column-panel top presets-and-filter">
-			<div class="select">
-				<SingleSelect
-					label="Selected Preset"
-					name="Preset"
-					options={labelledPresets}
-					labelProp="label"
-					valueProp="value"
-					value={selectedValue}
-					valueAsObject
-					onchange={(newSelection: SelectOption<string> | null) => {
-						const preset =
-							newSelection && tableContext.columnPresets.find((p) => p.name === newSelection.value);
-						if (preset) {
-							tableContext.setSelectedPreset(preset);
-						}
-					}}
-				/>
-			</div>
+		<div class="column-panel top">
 			<TextInput
 				bind:value={searchValue}
 				leftIcon={{ name: 'search', size: Size.Medium }}
@@ -92,20 +33,6 @@
 		<div class="scrollable">
 			<ColumnList {searchValue} />
 		</div>
-		<div class="column-panel bottom save-preset-wrapper">
-			<TextInput
-				placeholder="Preset name"
-				bind:value={pendingPresetName}
-				onkeydown={trySavePreset}
-			/>
-			<Button
-				type="submit"
-				variant={Variant.Secondary}
-				nowrap
-				size={Size.MediumSmall}
-				onclick={savePreset}>Save Layout</Button
-			>
-		</div>
 	</div>
 </DesktopModal>
 
@@ -128,25 +55,9 @@
 }
 .column-panel.top {
   border-bottom: solid 2px #cbd4da;
-}
-.column-panel.bottom {
-  border-top: solid 2px #cbd4da;
-}
-.column-panel.presets-and-filter {
   display: flex;
   flex-flow: column;
   row-gap: 0.5rem;
   padding: 0.5rem;
   flex-basis: min-content;
-}
-.column-panel.save-preset-wrapper {
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: space-between;
-  gap: 0.5rem;
-  padding: 0.5rem;
-  flex-basis: min-content;
-}
-.column-panel .select {
-  width: 100%;
 }</style>

package/dist/Components/Table/Misc/ColumnPanelModal.svelte.d.ts

@@ -1,26 +1,4 @@
-import type { Primitive } from '../Types/Context/TableInitOptions.js';
 import type { ColumnPanelModalProps } from './ColumnPanelModalProps.js';
-declare function $$render<T extends object, IdType extends Primitive>(): {
-    props: ColumnPanelModalProps;
-    exports: {};
-    bindings: "";
-    slots: {};
-    events: {};
-};
-declare class __sveltets_Render<T extends object, IdType extends Primitive> {
-    props(): ReturnType<typeof $$render<T, IdType>>['props'];
-    events(): ReturnType<typeof $$render<T, IdType>>['events'];
-    slots(): ReturnType<typeof $$render<T, IdType>>['slots'];
-    bindings(): "";
-    exports(): {};
-}
-interface $$IsomorphicComponent {
-    new <T extends object, IdType extends Primitive>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T, IdType>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T, IdType>['props']>, ReturnType<__sveltets_Render<T, IdType>['events']>, ReturnType<__sveltets_Render<T, IdType>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<T, IdType>['bindings']>;
-    } & ReturnType<__sveltets_Render<T, IdType>['exports']>;
-    <T extends object, IdType extends Primitive>(internal: unknown, props: ReturnType<__sveltets_Render<T, IdType>['props']> & {}): ReturnType<__sveltets_Render<T, IdType>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any, any>['bindings']>;
-}
-declare const ColumnPanelModal: $$IsomorphicComponent;
-type ColumnPanelModal<T extends object, IdType extends Primitive> = InstanceType<typeof ColumnPanelModal<T, IdType>>;
+declare const ColumnPanelModal: import("svelte").Component<ColumnPanelModalProps, {}, "">;
+type ColumnPanelModal = ReturnType<typeof ColumnPanelModal>;
 export default ColumnPanelModal;

package/dist/Components/Table/Misc/ColumnPanelModalProps.d.ts

@@ -1,6 +1,6 @@
 /**
- * Props for `ColumnPanelModal` (the touch variant of the column-presets and
- * column-list management panel).
+ * Props for `ColumnPanelModal` (the touch variant of the column-list
+ * visibility / reorder management panel).
  */
 export interface ColumnPanelModalProps {
     /** Called when the modal requests close. */