@lavalogic/scoria 0.14.0 → 0.14.2

package/dist/Components/HorizontalTabGroup.svelte

@@ -1,6 +1,6 @@
 <svelte:options runes />
 
-<script lang="ts">
+<script lang="ts" generics="CommonDenominator">
 	import HorizontalTabGroupButton from './HorizontalTabGroupButton.svelte';
 	import type { HorizontalTabGroupProps } from './HorizontalTabGroupProps.js';
 	let {
@@ -10,7 +10,7 @@
 		selected,
 		noRadius = false,
 		grow = false
-	}: HorizontalTabGroupProps = $props();
+	}: HorizontalTabGroupProps<CommonDenominator> = $props();
 </script>
 
 <div class="wrapper" class:no-radius={noRadius} class:grow>

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

@@ -1,4 +1,25 @@
 import type { HorizontalTabGroupProps } from './HorizontalTabGroupProps.js';
-declare const HorizontalTabGroup: import("svelte").Component<HorizontalTabGroupProps<undefined>, {}, "">;
-type HorizontalTabGroup = ReturnType<typeof HorizontalTabGroup>;
+declare function $$render<CommonDenominator>(): {
+    props: HorizontalTabGroupProps<CommonDenominator>;
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<CommonDenominator> {
+    props(): ReturnType<typeof $$render<CommonDenominator>>['props'];
+    events(): ReturnType<typeof $$render<CommonDenominator>>['events'];
+    slots(): ReturnType<typeof $$render<CommonDenominator>>['slots'];
+    bindings(): "";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <CommonDenominator>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<CommonDenominator>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<CommonDenominator>['props']>, ReturnType<__sveltets_Render<CommonDenominator>['events']>, ReturnType<__sveltets_Render<CommonDenominator>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<CommonDenominator>['bindings']>;
+    } & ReturnType<__sveltets_Render<CommonDenominator>['exports']>;
+    <CommonDenominator>(internal: unknown, props: ReturnType<__sveltets_Render<CommonDenominator>['props']> & {}): ReturnType<__sveltets_Render<CommonDenominator>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const HorizontalTabGroup: $$IsomorphicComponent;
+type HorizontalTabGroup<CommonDenominator> = InstanceType<typeof HorizontalTabGroup<CommonDenominator>>;
 export default HorizontalTabGroup;

package/dist/Components/HorizontalTabGroupButton.svelte

@@ -1,6 +1,6 @@
 <svelte:options runes />
 
-<script lang="ts" generics="Args extends object|undefined">
+<script lang="ts" generics="Args">
 	import { devCatch } from '../Helpers/Helpers.svelte.js';
 	import { Colour } from '../scss/colours.js';
 

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

@@ -1,12 +1,12 @@
 import type { TabGroupButtonProps } from './TabGroupButtonProps.js';
-declare function $$render<Args extends object | undefined>(): {
+declare function $$render<Args>(): {
     props: TabGroupButtonProps<Args>;
     exports: {};
     bindings: "";
     slots: {};
     events: {};
 };
-declare class __sveltets_Render<Args extends object | undefined> {
+declare class __sveltets_Render<Args> {
     props(): ReturnType<typeof $$render<Args>>['props'];
     events(): ReturnType<typeof $$render<Args>>['events'];
     slots(): ReturnType<typeof $$render<Args>>['slots'];
@@ -14,12 +14,12 @@ declare class __sveltets_Render<Args extends object | undefined> {
     exports(): {};
 }
 interface $$IsomorphicComponent {
-    new <Args extends object | undefined>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<Args>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<Args>['props']>, ReturnType<__sveltets_Render<Args>['events']>, ReturnType<__sveltets_Render<Args>['slots']>> & {
+    new <Args>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<Args>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<Args>['props']>, ReturnType<__sveltets_Render<Args>['events']>, ReturnType<__sveltets_Render<Args>['slots']>> & {
         $$bindings?: ReturnType<__sveltets_Render<Args>['bindings']>;
     } & ReturnType<__sveltets_Render<Args>['exports']>;
-    <Args extends object | undefined>(internal: unknown, props: ReturnType<__sveltets_Render<Args>['props']> & {}): ReturnType<__sveltets_Render<Args>['exports']>;
+    <Args>(internal: unknown, props: ReturnType<__sveltets_Render<Args>['props']> & {}): ReturnType<__sveltets_Render<Args>['exports']>;
     z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
 }
 declare const HorizontalTabGroupButton: $$IsomorphicComponent;
-type HorizontalTabGroupButton<Args extends object | undefined> = InstanceType<typeof HorizontalTabGroupButton<Args>>;
+type HorizontalTabGroupButton<Args> = InstanceType<typeof HorizontalTabGroupButton<Args>>;
 export default HorizontalTabGroupButton;

package/dist/Components/HorizontalTabGroupProps.d.ts

@@ -1,10 +1,10 @@
 import type { TabOption } from '../Types/Internal/TabOption.js';
 import type { Snippet } from 'svelte';
-export interface HorizontalTabGroupProps<T extends object | undefined = undefined> {
+export interface HorizontalTabGroupProps<CommonDenominator> {
     name?: string;
-    tabComponent?: Snippet<[TabOption<T>, boolean]>;
+    tabComponent?: Snippet<[TabOption<CommonDenominator>, boolean]>;
     noRadius?: boolean;
     grow?: boolean;
-    options: Array<TabOption<T>>;
-    selected: TabOption<T> | undefined;
+    options: Array<TabOption<CommonDenominator>>;
+    selected: TabOption<CommonDenominator> | undefined;
 }

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

@@ -54,7 +54,7 @@ export function generateExampleItemColumnDefs(modal) {
         },
         getDisplayValue: (item) => item.someSelect,
         isEditable: () => true
-    }));
+    })).downcast();
     let defs = $state([
         expandDef,
         new ValidityDef({
@@ -170,6 +170,7 @@ export function generateExampleItemColumnDefs(modal) {
             defaultHidden: true,
             showTime: true
         }),
+        // altSelectDef,
         selectDef,
         new BubbleDef({
             header: 'Generated Bubble',
@@ -193,3 +194,16 @@ 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/Types/Columns/Definitions/Accessors/AccessorDef.svelte.d.ts

@@ -1,9 +1,10 @@
 import { ColumnDef, type ColumnDefProps } from '../ColumnDef.svelte.js';
 import type { AccessorType } from './AccessorType.js';
-export interface AccessorDefProps<T extends object, FilterFnType = unknown> extends ColumnDefProps<T, FilterFnType> {
+export interface AccessorDefProps<T extends object, FilterValueType> extends ColumnDefProps<T, FilterValueType> {
     readonly id: string & keyof T;
 }
-export declare abstract class AccessorDef<T extends object, FilterFnType = unknown> extends ColumnDef<T, FilterFnType> {
+export declare abstract class AccessorDef<T extends object, FilterValueType> extends ColumnDef<T, FilterValueType> {
+    constructor(props: AccessorDefProps<T, FilterValueType>);
     readonly columnType: "Accessor";
     abstract readonly accessorType: AccessorType;
 }

package/dist/Components/Table/Types/Columns/Definitions/Accessors/AccessorDef.svelte.js

@@ -1,5 +1,10 @@
 import { ColumnType } from '../../ColumnType.js';
 import { ColumnDef } from '../ColumnDef.svelte.js';
 export class AccessorDef extends ColumnDef {
+    // NOTE: constructor in place to enforce that we're using AccessorDefProps
+    // eslint-disable-next-line @typescript-eslint/no-useless-constructor
+    constructor(props) {
+        super(props);
+    }
     columnType = ColumnType.Accessor;
 }

package/dist/Components/Table/Types/Columns/Definitions/Accessors/SelectDef.svelte.d.ts

@@ -1,9 +1,8 @@
 import type { SelectOption } from '../../../../../../Types/Internal/SelectOption.js';
 import type { CustomFilterFn } from '../../../Filtering/CustomFilterFn.js';
-import type { FilterFn, SelectFilterValueType } from '../../../Filtering/FilterFn.js';
-import type { ColumnDefProps } from '../ColumnDef.svelte.js';
-import { AccessorDef } from './AccessorDef.svelte.js';
-export interface SelectDefProps<T extends object, FilterValueType = unknown> extends ColumnDefProps<T, FilterValueType> {
+import type { FilterFn } from '../../../Filtering/FilterFn.js';
+import { AccessorDef, type AccessorDefProps } from './AccessorDef.svelte.js';
+export interface SelectDefProps<T extends object, FilterValueType> extends AccessorDefProps<T, FilterValueType> {
     getOptions: () => Array<SelectOption<FilterValueType>> | Promise<Array<SelectOption<FilterValueType>>>;
     getDisplayValue: (item: T, index: number) => string | null | Promise<string | null>;
     sortingFn?: (a: T, b: T) => 1 | -1 | 0;
@@ -11,7 +10,7 @@ export interface SelectDefProps<T extends object, FilterValueType = unknown> ext
     optional?: boolean;
     clearable?: boolean;
 }
-export declare class SelectDef<T extends object, FilterValueType = SelectFilterValueType<T>> extends AccessorDef<T, FilterValueType> {
+export declare class SelectDef<T extends object, FilterValueType> extends AccessorDef<T, FilterValueType> {
     constructor(props: SelectDefProps<T, FilterValueType>);
     readonly accessorType: "Select";
     private _filterFn;

package/dist/Components/Table/Types/Columns/Definitions/ColumnDef.svelte.d.ts

@@ -61,4 +61,5 @@ export declare abstract class ColumnDef<T extends object, FilterFnType> {
     readonly resizable: boolean;
     readonly header: string | Snippet;
     readonly getOptions?: () => Array<SelectOption<FilterFnType>> | Promise<Array<SelectOption<FilterFnType>>>;
+    readonly downcast: () => ColumnDef<T, FilterFnType>;
 }

package/dist/Components/Table/Types/Columns/Definitions/ColumnDef.svelte.js

@@ -83,4 +83,10 @@ export class ColumnDef {
     resizable;
     header;
     getOptions;
+    // HACK: indended to be used as a quick type coercion for lists of ColumnDef<T,unknown>
+    // not the best way to solve this problem, but I've wasted enough time on this.
+    // eslint-disable-next-line @typescript-eslint/prefer-return-this-type
+    downcast = () => {
+        return this;
+    };
 }

package/dist/Components/Table/Types/Columns/Definitions/RowSelection/RowSelectionDef.svelte.d.ts

@@ -1,7 +1,7 @@
 import type { BoolFilterValueType } from '../../../Filtering/FilterFn.js';
 import { ColumnType } from '../../ColumnType.js';
 import { ColumnDef } from '../ColumnDef.svelte.js';
-export declare class RowSelectionDef<T extends object> extends ColumnDef<T, BoolFilterValueType> {
+export declare class RowSelectionDef<T extends object, FilterValueType = BoolFilterValueType> extends ColumnDef<T, FilterValueType> {
     readonly isSelectable: (item: T, index: number) => boolean | Promise<boolean>;
     readonly columnType: ColumnType;
     constructor(isSelectable: (item: T, index: number) => boolean | Promise<boolean>);

package/dist/Components/VerticalTabGroup.svelte

@@ -6,7 +6,7 @@
 	import type { VerticalTabGroupProps } from './VerticalTabGroupProps.js';
 </script>
 
-<script lang="ts">
+<script lang="ts" generics="CommonDenominator">
 	let {
 		name,
 		tabs,
@@ -15,7 +15,7 @@
 		noscroll,
 		noTabMessage,
 		nohistory = false
-	}: VerticalTabGroupProps = $props();
+	}: VerticalTabGroupProps<CommonDenominator> = $props();
 
 	onMount(() => {
 		if (name && !nohistory) {

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

@@ -1,4 +1,25 @@
 import type { VerticalTabGroupProps } from './VerticalTabGroupProps.js';
-declare const VerticalTabGroup: import("svelte").Component<VerticalTabGroupProps, {}, "">;
-type VerticalTabGroup = ReturnType<typeof VerticalTabGroup>;
+declare function $$render<CommonDenominator>(): {
+    props: VerticalTabGroupProps<CommonDenominator>;
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<CommonDenominator> {
+    props(): ReturnType<typeof $$render<CommonDenominator>>['props'];
+    events(): ReturnType<typeof $$render<CommonDenominator>>['events'];
+    slots(): ReturnType<typeof $$render<CommonDenominator>>['slots'];
+    bindings(): "";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <CommonDenominator>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<CommonDenominator>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<CommonDenominator>['props']>, ReturnType<__sveltets_Render<CommonDenominator>['events']>, ReturnType<__sveltets_Render<CommonDenominator>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<CommonDenominator>['bindings']>;
+    } & ReturnType<__sveltets_Render<CommonDenominator>['exports']>;
+    <CommonDenominator>(internal: unknown, props: ReturnType<__sveltets_Render<CommonDenominator>['props']> & {}): ReturnType<__sveltets_Render<CommonDenominator>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const VerticalTabGroup: $$IsomorphicComponent;
+type VerticalTabGroup<CommonDenominator> = InstanceType<typeof VerticalTabGroup<CommonDenominator>>;
 export default VerticalTabGroup;

package/dist/Components/VerticalTabGroupProps.d.ts

@@ -1,8 +1,8 @@
 import type { TabOption } from '../Types/Internal/TabOption.js';
-export interface VerticalTabGroupProps {
+export interface VerticalTabGroupProps<CommonDenominator> {
     name?: string;
-    tabs: Array<TabOption<unknown>>;
-    selected?: TabOption<unknown>;
+    tabs: Array<TabOption<CommonDenominator>>;
+    selected?: TabOption<CommonDenominator>;
     style?: string;
     noscroll?: boolean;
     noTabMessage?: string;

package/dist/Types/Examples/ExampleSelectEnum.d.ts

@@ -1,7 +1,7 @@
 export declare const ExampleSelectEnum: {
-    FirstOption: string;
-    SecondOption: string;
-    ThirdOption: string;
-    FourthOption: string;
+    readonly FirstOption: "FirstOption";
+    readonly SecondOption: "SecondOption";
+    readonly ThirdOption: "ThirdOption";
+    readonly FourthOption: "FourthOption";
 };
 export type ExampleSelectEnum = (typeof ExampleSelectEnum)[keyof typeof ExampleSelectEnum];

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lavalogic/scoria",
   "description": "Svelte components used for the FloWMS Web Frontend",
-  "version": "0.14.0",
+  "version": "0.14.2",
   "publishConfig": {
     "access": "restricted"
   },