@lavalogic/scoria 0.17.2 → 0.18.0

package/dist/Components/Table/ColumnDefinitions/ExampleItemColumnDefRepository.svelte.js

@@ -15,6 +15,29 @@ import { ProgressBarDef } from '../Types/Columns/Definitions/Display/ProgressBar
 import { ValidityDef } from '../Types/Columns/Definitions/Display/ValidityDef.svelte.js';
 import { ExpandDef } from '../Types/Columns/Definitions/Expand/ExpandDef.svelte.js';
 export function generateExampleItemColumnDefs(modal) {
+    const isValid = (item, isSelected) => {
+        void item.name;
+        void item.isChecked;
+        void isSelected;
+        if (!$effect.tracking()) {
+            throw new Error(`NOT in tracking context`);
+        }
+        return isSelected.then((isSelected) => {
+            if (isSelected) {
+                if (!item.name.trim()) {
+                    return { value: Validity.Invalid, reason: 'Missing name' };
+                }
+                if (item.isChecked) {
+                    return Validity.Valid;
+                }
+                return {
+                    value: Validity.Warning,
+                    reason: 'Example item is not checked.',
+                };
+            }
+            return { value: Validity.Neutral, reason: 'row not selected' };
+        });
+    };
     const expandDef = $state(new ExpandDef({
         accessorFn: (it) => [it],
         getInnerColumnDefs: () => generateExampleItemColumnDefs(modal),
@@ -27,27 +50,15 @@ export function generateExampleItemColumnDefs(modal) {
             getUserId: () => '1',
         },
         isEnabled: () => true,
+        isValid,
     }));
     let defs = $state([
         expandDef,
         new ValidityDef({
             header: 'Valid',
             id: 'valid',
-            isValid: (item, isSelected) => {
-                if (isSelected) {
-                    if (!item.name.trim()) {
-                        return { value: Validity.Invalid, reason: 'Missing name' };
-                    }
-                    if (item.isChecked) {
-                        return Validity.Valid;
-                    }
-                    return {
-                        value: Validity.Warning,
-                        reason: 'Example item is not checked.',
-                    };
-                }
-                return { value: Validity.Neutral, reason: 'row not selected' };
-            },
+            debug: true,
+            isValid,
             modal,
         }),
         new DisplayDef({
@@ -61,6 +72,7 @@ export function generateExampleItemColumnDefs(modal) {
                 return item.id;
             },
             // debug: true,
+            isValid,
         }),
         new QueryDef({
             header: 'simulated query def',
@@ -81,11 +93,13 @@ export function generateExampleItemColumnDefs(modal) {
                     })
                     : [];
             },
+            isValid,
         }),
         new TextInputDef({
             header: 'Name',
             id: 'name',
             isEditable: () => true,
+            isValid,
         }),
         new NumberInputDef({
             header: 'Some Number',
@@ -93,6 +107,7 @@ export function generateExampleItemColumnDefs(modal) {
             isEditable: () => true,
             min: 0,
             max: 12345,
+            isValid,
         }),
         new ProgressBarDef({
             getColour: () => {
@@ -103,10 +118,12 @@ export function generateExampleItemColumnDefs(modal) {
             },
             header: 'Progress',
             id: 'progress',
+            isValid,
         }),
         new CheckboxDef({
             header: 'Checkbox',
             id: 'isChecked',
+            isValid,
         }),
         new DateInputDef({
             header: 'Some Date',
@@ -122,7 +139,8 @@ export function generateExampleItemColumnDefs(modal) {
                 }
                 return true;
             },
-            debug: true,
+            // debug: true,
+            isValid,
             // filterValueType: 'Date',
             // defaultHidden: true
         }),
@@ -131,6 +149,7 @@ export function generateExampleItemColumnDefs(modal) {
             id: 'someDateWithTime',
             isEditable: () => true,
             showTime: true,
+            isValid,
         }),
         new DateInputDef({
             header: 'Flo Date',
@@ -144,6 +163,7 @@ export function generateExampleItemColumnDefs(modal) {
             isEditable: () => true,
             defaultHidden: true,
             showTime: true,
+            isValid,
         }),
         // altSelectDef,
         new SelectDef({
@@ -172,6 +192,7 @@ export function generateExampleItemColumnDefs(modal) {
             },
             getDisplayValue: (item) => item.someSelect,
             isEditable: () => true,
+            isValid,
         }),
         new BubbleDef({
             header: 'Generated Bubble',
@@ -180,10 +201,12 @@ export function generateExampleItemColumnDefs(modal) {
                 return ['foo', 'bar', 'baz'];
             },
             defaultHidden: true,
+            isValid,
         }),
         new BubbleDef({
             header: 'Multi Bubbles',
             id: 'someBubbles',
+            isValid,
         }),
     ]);
     return {
@@ -195,16 +218,3 @@ export function generateExampleItemColumnDefs(modal) {
         },
     };
 }
-//sanity check
-// class A<T> {}
-// class B {}
-// class C<T> extends A<T> {}
-// class D extends B {}
-// function asdf() {
-// 	const x: Array<A<B>> = [];
-// 	//C extends A, D extends B
-// 	const y: C<D> = new C();
-// 	x.push(y); // error
-// 	const g: A<B> = y; //valid, subtype
-// 	x.push(g); // no error
-// }

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

@@ -90,7 +90,7 @@
 		}
 		void filteringStateValue;
 		if (def.debug) {
-			console.log('filtering state value:', $state.snapshot(filteringStateValue));
+			console.log('FILTER INPUT: filtering state value:', $state.snapshot(filteringStateValue));
 		}
 
 		if (hasQuery(customFilter)) {

package/dist/Components/Table/Table.svelte

@@ -50,8 +50,6 @@
 	// NOTE: known limitation. This is passed as a wrapper, and they should never require reassignment. It is deeply reactive
 	setContext(TableContext.identifier, tableContext);
 
-	// $inspect(tableContext.showQuickFiltering);
-
 	const { openContextMenu: _openContextMenu } = getContext<ContextMenuContext>(
 		ContextMenuContext.identifier
 	);
@@ -132,20 +130,21 @@
 		if (clickedElement) {
 			const [rowString, columnId] = clickedElement;
 			const row = parseInt(rowString);
-			if (
-				!tableContext.focusedColumnIds.has(columnId) ||
-				!tableContext.focusedRowIndexIds.has(row)
-			) {
-				const columnIndex = tableContext.columnDefs.find((it) => it.id === columnId)?.index;
-
-				if (columnIndex) {
-					tableContext.moveFocus({
-						column: columnIndex,
-						row,
-						id: columnId,
-					});
-				}
-			}
+			Promise.all([tableContext.focusedColumnIds, tableContext.focusedRowIndices])
+				.then(([focusedColumnIds, focusedRowIndices]) => {
+					if (!focusedColumnIds.has(columnId) || !focusedRowIndices.has(row)) {
+						const columnIndex = tableContext.columnDefs.find((it) => it.id === columnId)?.index;
+
+						if (columnIndex) {
+							tableContext.moveFocus({
+								column: columnIndex,
+								row,
+								id: columnId,
+							});
+						}
+					}
+				})
+				.catch(devCatch);
 		}
 
 		// this may not exist in http contexts

package/dist/Components/Table/Types/Columns/DateColumn.d.ts

@@ -1,7 +1,7 @@
 import type { DateInputDef } from './Definitions/Accessors/DateInputDef.svelte.js';
-export interface DateColumn<T extends object> {
+export interface DateColumn<T extends object, in FilterValueType, out SelectValueType> {
     id: string;
-    columnDef: DateInputDef<T>;
+    columnDef: DateInputDef<T, FilterValueType, SelectValueType>;
     getCanSort: () => boolean;
     getToggleSortingHandler: () => (e: MouseEvent) => void;
     getIsSorted: () => 'asc' | 'desc' | 'none';

package/dist/Components/Table/Types/Columns/DateTableCell.d.ts

@@ -1,7 +1,7 @@
 import type { Row } from '../Context/Row.js';
 import type { DateColumn } from './DateColumn.js';
-export interface DateTableCell<T extends object> {
-    column: DateColumn<T>;
+export interface DateTableCell<T extends object, in FilterValueType, out SelectValueType> {
+    column: DateColumn<T, FilterValueType, SelectValueType>;
     row: Row<T>;
     id: string;
     getValue: () => unknown;

package/dist/Components/Table/Types/Columns/Definitions/ColumnDefSet.d.ts

@@ -7,5 +7,5 @@ export interface ColumnDefSet<T extends object> {
     sortingState: SortingState;
     visibilityState: VisibilityState;
     columnPinningState: ColumnPinningState;
-    columnDefs: Array<ColumnDef<T, never, unknown>>;
+    columnDefs: Array<ColumnDef<T>>;
 }

package/dist/Components/Table/Types/Columns/Definitions/JSONColumnDefSet.d.ts

@@ -7,5 +7,5 @@ export interface JSONColumnDefSet<T extends object> {
     sortingState: SortingState;
     visibilityState: VisibilityState;
     columnPinningState: JSONColumnPinningState;
-    columnDefs: Array<ColumnDef<T, never, unknown>>;
+    columnDefs: Array<ColumnDef<T>>;
 }

package/dist/Components/Table/Types/Columns/Definitions/ValidationFn.d.ts

@@ -1,3 +1,3 @@
 import type { Validity } from '../../../../../Types/Internal/Validity.js';
 import type { ValidityWrapper } from '../../../../../Types/Internal/ValidityWrapper.js';
-export type ValidationFn<T> = (item: T, isSelected: boolean) => Validity | Promise<Validity | ValidityWrapper> | ValidityWrapper;
+export type ValidationFn<T> = (item: T, isSelected: Promise<boolean>) => Validity | Promise<Validity | ValidityWrapper> | ValidityWrapper;

package/dist/Components/Table/Types/Context/ITable.d.ts

@@ -28,6 +28,5 @@ export interface ITable<T extends object> {
     getRightVisibleLeafColumns: () => Array<Column<T>>;
     getCenterVisibleLeafColumns: () => Array<Column<T>>;
     onColumnVisibilityChange: OnChangeFn<VisibilityState>;
-    onColumnSizingChange: OnChangeFn<ColumnSizingState>;
     onColumnFiltersChange: OnChangeFn<ColumnFiltersState> | undefined;
 }

package/dist/Components/Table/Types/Context/Row.d.ts

@@ -5,7 +5,7 @@ export interface Row<T extends object> {
     visibleIndex: number;
     originalIndex: number;
     id: string;
-    getLeftVisibleCells: () => Array<TableCell<T, never, unknown>>;
-    getRightVisibleCells: () => Array<TableCell<T, never, unknown>>;
-    getCenterVisibleCells: () => Array<TableCell<T, never, unknown>>;
+    getLeftVisibleCells: () => Array<TableCell<T>>;
+    getRightVisibleCells: () => Array<TableCell<T>>;
+    getCenterVisibleCells: () => Array<TableCell<T>>;
 }

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

@@ -73,14 +73,11 @@ export declare class TableContext<T extends object, RowIdType extends Primitive>
     private _selectedPreset;
     get selectedPreset(): ColumnDefSet<T> | undefined;
     set selectedPreset(v: ColumnDefSet<T> | undefined);
-    private _focusedRowIndexIds;
-    get focusedRowIndexIds(): SvelteSet<number>;
-    set focusedRowIndexIds(v: SvelteSet<number>);
+    private readonly _pageColData;
+    readonly focusedRowIndices: Promise<SvelteSet<number>>;
     private readonly _highlightedItems;
     get highlightedItems(): SvelteMap<Awaited<unknown>, T>;
-    private _focusedColumnIds;
-    get focusedColumnIds(): SvelteSet<string>;
-    set focusedColumnIds(v: SvelteSet<string>);
+    readonly focusedColumnIds: Promise<SvelteSet<string>>;
     private _isMousingDown;
     get isMousingDown(): boolean;
     set isMousingDown(v: boolean);
@@ -132,27 +129,26 @@ export declare class TableContext<T extends object, RowIdType extends Primitive>
     private _hasHighlightedItems;
     get hasHighlightedItems(): boolean;
     private _selectedItems;
-    get selectedItems(): SvelteMap<unknown, T>;
-    private set selectedItems(value);
+    get selectedItems(): SvelteMap<RowIdType, T>;
     private _invalidValues;
-    get invalidValues(): SvelteMap<unknown, T>;
-    set invalidValues(v: SvelteMap<unknown, T>);
+    get invalidValues(): SvelteMap<RowIdType, T>;
+    set invalidValues(v: SvelteMap<RowIdType, T>);
     private _hasInvalidSelectedItems;
     get hasInvalidSelectedItems(): boolean;
     private set hasInvalidSelectedItems(value);
     private columnDefsById;
     private readonly getSortingFn;
-    private _filterTimer;
-    private get filterTimer();
-    private set filterTimer(value);
     private _filteredIndices;
     get filteredIndices(): ReadonlyArray<number>;
-    set filteredIndices(v: ReadonlyArray<number>);
-    readonly filteredData: Array<T>;
-    readonly sortedData: Promise<Array<T>>;
+    readonly filteredData: Promise<T[]>;
+    private sortedDataAbortController;
+    readonly sortedData: Promise<T[]>;
     readonly sortedRowModel: Promise<RowModel<T>>;
-    readonly currentPageData: Promise<Array<T>>;
+    private CurrentPageDataAbortController;
+    readonly currentPageData: Promise<T[]>;
     readonly originalRowIndices: Promise<ReadonlyMap<unknown, number>>;
+    private rowsPromiseAbortController;
+    private rowsPromise;
     readonly paginationRowModel: Promise<RowModel<T>>;
     readonly selectionContains: (item: T) => Promise<boolean>;
     readonly addInvalidValue: (item: T) => Promise<void>;
@@ -160,8 +156,9 @@ export declare class TableContext<T extends object, RowIdType extends Primitive>
     readonly setOpenModalCoordinates: (coordinates: CellCoordinatesWithoutColumn | null) => void;
     readonly toggleHighlightedRow: (item: T) => Promise<void>;
     readonly resetHighlightedRows: () => void;
-    readonly toggleSelected: (item: T, selected: boolean) => Promise<void>;
-    setSelectionMap: (set: SvelteMap<unknown, T>) => void;
+    readonly toggleSelected: (item: T) => Promise<void>;
+    readonly setSelected: (item: T, selected: boolean) => Promise<void>;
+    setSelectionMap: (set: SvelteMap<RowIdType, T>) => void;
     readonly updateSelectedItems: () => Promise<void>;
     readonly resetSelectedItems: () => void;
     private lastIncrement;
@@ -175,7 +172,6 @@ export declare class TableContext<T extends object, RowIdType extends Primitive>
     readonly setColumnPinning: (updater: Updater<ColumnPinningState>) => void;
     updateFilters: OnChangeFn<ColumnFiltersState> | undefined;
     updateVisibility: OnChangeFn<VisibilityState>;
-    updateColumnSizing: OnChangeFn<ColumnSizingState>;
     readonly table: ITable<T>;
     readonly lastPage: number;
     readonly measureHeaderWidth: (columnDef: ColumnDef<T>) => number;
@@ -223,7 +219,6 @@ export declare class TableContext<T extends object, RowIdType extends Primitive>
     private _updateLocalStorageSettings;
     private _moveFocusEndRow;
     private _moveFocusRow;
-    private _recalculateFocusedElements;
     private getHighlightedRowData;
     private getFocusElementData;
     private updateDefsBasedOnPinning;
@@ -233,6 +228,5 @@ export declare class TableContext<T extends object, RowIdType extends Primitive>
     private _setNewPinningState;
     readonly getToggleSortingHandler: (def: ColumnDef<T>) => () => void;
     private reassignDefsToPresets;
-    private filteringLoop;
 }
 export declare function isSearchable<T extends object, FilterValueType, FilterOptionsType, CD extends ColumnDef<T, FilterValueType, FilterOptionsType>>(def: CD): def is CD & HasCustomFilterFunction;