@lavalogic/scoria 0.1.0 → 0.2.1

package/dist/Components/GridInput.svelte

@@ -2,13 +2,17 @@
 
 <script lang="ts" module>
 	import type { GridItem } from '../Types/Internal/GridItem.js';
-	import type { GridMultiSelectItem } from '../Types/Internal/GridMultiSelectItem.js';
-	import type { GridMultiSelectItemAsObject } from '../Types/Internal/GridMultiSelectItemAsObject.js';
-	import type { GridMultiSelectItemAsPrimitive } from '../Types/Internal/GridMultiSelectItemAsPrimitive.js';
+	import type {
+		GridMultiSelectItem,
+		GridMultiSelectItemAsObject,
+		GridMultiSelectItemAsPrimitive
+	} from '../Types/Internal/GridMultiSelectItem.js';
 	import type { GridSelectItem } from '../Types/Internal/GridSelectItem.js';
-	import type { GridSingleSelectItem } from '../Types/Internal/GridSingleSelectItem.js';
-	import type { GridSingleSelectItemAsObject } from '../Types/Internal/GridSingleSelectItemAsObject.js';
-	import type { GridSingleSelectItemAsPrimitive } from '../Types/Internal/GridSingleSelectItemAsPrimitive.js';
+	import type {
+		GridSingleSelectItem,
+		GridSingleSelectItemAsObject,
+		GridSingleSelectItemAsPrimitive
+	} from '../Types/Internal/GridSingleSelectItem.js';
 	import type { GridTextItem } from '../Types/Internal/GridTextItem.js';
 	import type { ValueProp } from '../Types/Internal/Misc.js';
 	import MultiSelect from './MultiSelect.svelte';
@@ -28,8 +32,10 @@
 	const textTypes = new Set(['text', 'email', 'tel']);
 </script>
 
-<script lang="ts" generics="V,VP">
-	const { item = $bindable(), first, last }: GridInputProps<V, VP> = $props();
+<script lang="ts" generics="V extends object,VP extends ValueProp<V>">
+	const { item, first, last }: GridInputProps<V, VP> = $props();
+
+	let value = $state(isText(item) ? (item.value ?? '') : '');
 
 	function isSelect(
 		item: GridItem<V, VP>
@@ -81,7 +87,10 @@
 	{#if isText(item)}
 		<TextInput
 			disabled={item.disabled}
-			bind:value={item.value}
+			bind:value
+			oninput={() => {
+				item.updater(value);
+			}}
 			required={item.required}
 			invalid={item.invalid}
 		/>
@@ -94,26 +103,26 @@
 					<MultiSelect
 						name={item.name}
 						{options}
-						valueAsObject={item.valueAsObject}
+						valueAsObject={true}
 						labelProp={item.labelProp}
 						valueProp={item.valueProp}
 						selectedValues={item.value}
 						invalid={item.invalid}
 						onchange={(v) => {
-							item.value = v;
+							item.updater(v || null);
 						}}
 					/>
 				{:else if isMultiSelectPrimitive(item)}
 					<MultiSelect
 						name={item.name}
 						{options}
-						valueAsObject={item.valueAsObject}
+						valueAsObject={false}
 						labelProp={item.labelProp}
 						valueProp={item.valueProp}
 						selectedValues={item.value}
 						invalid={item.invalid}
 						onchange={(v) => {
-							item.value = v.map((it) => it[item.valueProp]);
+							item.updater(v.map((it) => it[item.valueProp]));
 						}}
 					/>
 				{/if}
@@ -135,7 +144,7 @@
 						disabled={item.disabled}
 						invalid={item.invalid}
 						onchange={(v) => {
-							item.value = v;
+							item.updater(v || null);
 						}}
 					/>
 				{:else if isSingleSelectPrimitive(item)}
@@ -151,7 +160,7 @@
 						disabled={item.disabled}
 						invalid={item.invalid}
 						onchange={(v) => {
-							item.value = v?.[item.valueProp] ?? null;
+							item.updater(v?.[item.valueProp] ?? null);
 						}}
 					/>
 				{/if}

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

@@ -1,30 +1,31 @@
 import type { GridItem } from '../Types/Internal/GridItem.js';
+import type { ValueProp } from '../Types/Internal/Misc.js';
 export interface GridInputProps<V, VP> {
     item: GridItem<V, VP>;
     first: boolean;
     last: boolean;
 }
-declare function $$render<V, VP>(): {
+declare function $$render<V extends object, VP extends ValueProp<V>>(): {
     props: GridInputProps<V, VP>;
     exports: {};
-    bindings: "item";
+    bindings: "";
     slots: {};
     events: {};
 };
-declare class __sveltets_Render<V, VP> {
+declare class __sveltets_Render<V extends object, VP extends ValueProp<V>> {
     props(): ReturnType<typeof $$render<V, VP>>['props'];
     events(): ReturnType<typeof $$render<V, VP>>['events'];
     slots(): ReturnType<typeof $$render<V, VP>>['slots'];
-    bindings(): "item";
+    bindings(): "";
     exports(): {};
 }
 interface $$IsomorphicComponent {
-    new <V, VP>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<V, VP>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<V, VP>['props']>, ReturnType<__sveltets_Render<V, VP>['events']>, ReturnType<__sveltets_Render<V, VP>['slots']>> & {
+    new <V extends object, VP extends ValueProp<V>>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<V, VP>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<V, VP>['props']>, ReturnType<__sveltets_Render<V, VP>['events']>, ReturnType<__sveltets_Render<V, VP>['slots']>> & {
         $$bindings?: ReturnType<__sveltets_Render<V, VP>['bindings']>;
     } & ReturnType<__sveltets_Render<V, VP>['exports']>;
-    <V, VP>(internal: unknown, props: ReturnType<__sveltets_Render<V, VP>['props']> & {}): ReturnType<__sveltets_Render<V, VP>['exports']>;
+    <V extends object, VP extends ValueProp<V>>(internal: unknown, props: ReturnType<__sveltets_Render<V, VP>['props']> & {}): ReturnType<__sveltets_Render<V, VP>['exports']>;
     z_$$bindings?: ReturnType<__sveltets_Render<any, any>['bindings']>;
 }
 declare const GridInput: $$IsomorphicComponent;
-type GridInput<V, VP> = InstanceType<typeof GridInput<V, VP>>;
+type GridInput<V extends object, VP extends ValueProp<V>> = InstanceType<typeof GridInput<V, VP>>;
 export default GridInput;

package/dist/Components/GridInputSet.svelte

@@ -9,11 +9,12 @@
 	}
 </script>
 
-<script lang="ts" generics="V,VP">
+<script lang="ts" generics="V extends object,VP extends ValueProp<V>">
 	import GridInput from './GridInput.svelte';
 	import type { GridItem } from '../Types/Internal/GridItem.js';
+	import type { ValueProp } from '../Types/Internal/Misc.js';
 
-	const { items = $bindable(), header }: GridInputSetProps<V, VP> = $props();
+	const { items, header }: GridInputSetProps<V, VP> = $props();
 
 	const lastIndex = $derived(items.length - 1);
 </script>
@@ -23,7 +24,7 @@
 		{@render header()}
 	{/if}
 	{#each items as item, index (item)}
-		<GridInput bind:item={items[index]} first={index == 0} last={index == lastIndex} />
+		<GridInput item={items[index]} first={index == 0} last={index == lastIndex} />
 	{/each}
 </div>
 

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

@@ -4,27 +4,28 @@ export interface GridInputSetProps<V, VP> {
     header?: Snippet;
 }
 import type { GridItem } from '../Types/Internal/GridItem.js';
-declare function $$render<V, VP>(): {
+import type { ValueProp } from '../Types/Internal/Misc.js';
+declare function $$render<V extends object, VP extends ValueProp<V>>(): {
     props: GridInputSetProps<V, VP>;
     exports: {};
-    bindings: "items";
+    bindings: "";
     slots: {};
     events: {};
 };
-declare class __sveltets_Render<V, VP> {
+declare class __sveltets_Render<V extends object, VP extends ValueProp<V>> {
     props(): ReturnType<typeof $$render<V, VP>>['props'];
     events(): ReturnType<typeof $$render<V, VP>>['events'];
     slots(): ReturnType<typeof $$render<V, VP>>['slots'];
-    bindings(): "items";
+    bindings(): "";
     exports(): {};
 }
 interface $$IsomorphicComponent {
-    new <V, VP>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<V, VP>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<V, VP>['props']>, ReturnType<__sveltets_Render<V, VP>['events']>, ReturnType<__sveltets_Render<V, VP>['slots']>> & {
+    new <V extends object, VP extends ValueProp<V>>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<V, VP>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<V, VP>['props']>, ReturnType<__sveltets_Render<V, VP>['events']>, ReturnType<__sveltets_Render<V, VP>['slots']>> & {
         $$bindings?: ReturnType<__sveltets_Render<V, VP>['bindings']>;
     } & ReturnType<__sveltets_Render<V, VP>['exports']>;
-    <V, VP>(internal: unknown, props: ReturnType<__sveltets_Render<V, VP>['props']> & {}): ReturnType<__sveltets_Render<V, VP>['exports']>;
+    <V extends object, VP extends ValueProp<V>>(internal: unknown, props: ReturnType<__sveltets_Render<V, VP>['props']> & {}): ReturnType<__sveltets_Render<V, VP>['exports']>;
     z_$$bindings?: ReturnType<__sveltets_Render<any, any>['bindings']>;
 }
 declare const GridInputSet: $$IsomorphicComponent;
-type GridInputSet<V, VP> = InstanceType<typeof GridInputSet<V, VP>>;
+type GridInputSet<V extends object, VP extends ValueProp<V>> = InstanceType<typeof GridInputSet<V, VP>>;
 export default GridInputSet;

package/dist/Types/Internal/GridMultiSelectItem.d.ts

@@ -1,4 +1,16 @@
 import type { GridSelectItem } from './GridSelectItem.js';
-export interface GridMultiSelectItem<V extends object, VP extends string & keyof V> extends GridSelectItem<V, VP> {
+interface _GridMultiSelectItem<V extends object, VP extends string & keyof V> extends GridSelectItem<V, VP> {
     multi: true;
 }
+export interface GridMultiSelectItemAsObject<V extends object, VP extends string & keyof V> extends _GridMultiSelectItem<V, VP> {
+    valueAsObject: true;
+    value: V[];
+    updater: (v: V[]) => void;
+}
+export interface GridMultiSelectItemAsPrimitive<V extends object, VP extends string & keyof V> extends _GridMultiSelectItem<V, VP> {
+    valueAsObject: false;
+    value: Array<V[VP]>;
+    updater: (v: Array<V[VP] | null>) => void;
+}
+export type GridMultiSelectItem<V extends object, VP extends string & keyof V> = GridMultiSelectItemAsObject<V, VP> | GridMultiSelectItemAsPrimitive<V, VP>;
+export {};

package/dist/Types/Internal/GridNumberItem.d.ts

@@ -1,4 +1,5 @@
 import type { GridStringItem } from './GridStringItem.js';
 export interface GridNumberItem extends GridStringItem {
     type: 'number';
+    updater: (v: number) => void;
 }

package/dist/Types/Internal/GridSingleSelectItem.d.ts

@@ -1,5 +1,17 @@
 import type { GridSelectItem } from './GridSelectItem.js';
-export interface GridSingleSelectItem<V extends object, VP extends keyof V> extends GridSelectItem<V, VP> {
+interface _GridSingleSelectItem<V extends object, VP extends keyof V> extends GridSelectItem<V, VP> {
     multi?: false;
     required?: boolean;
 }
+export interface GridSingleSelectItemAsObject<V extends object, VP extends keyof V> extends _GridSingleSelectItem<V, VP> {
+    valueAsObject: true;
+    value: V | null;
+    updater: (v: V | null) => void;
+}
+export interface GridSingleSelectItemAsPrimitive<V extends object, VP extends keyof V> extends _GridSingleSelectItem<V, VP> {
+    valueAsObject: false;
+    value: V[VP] | null;
+    updater: (v: V[VP] | null) => void;
+}
+export type GridSingleSelectItem<V extends object, VP extends keyof V> = GridSingleSelectItemAsObject<V, VP> | GridSingleSelectItemAsPrimitive<V, VP>;
+export {};

package/dist/Types/Internal/GridTextItem.d.ts

@@ -1,4 +1,5 @@
 import type { GridStringItem } from './GridStringItem.js';
 export interface GridTextItem extends GridStringItem {
     type?: 'text' | 'email' | 'tel';
+    updater: (v: string) => void;
 }

package/dist/index.d.ts

@@ -130,14 +130,10 @@ export { type CallbackButton } from './Types/Internal/CallbackButton.js';
 export { type DateChange } from './Types/Internal/DateChange.js';
 export { DatePickerType } from './Types/Internal/DatePickerType.js';
 export { type GridItem } from './Types/Internal/GridItem.js';
-export { type GridMultiSelectItem } from './Types/Internal/GridMultiSelectItem.js';
-export { type GridMultiSelectItemAsObject } from './Types/Internal/GridMultiSelectItemAsObject.js';
-export { type GridMultiSelectItemAsPrimitive } from './Types/Internal/GridMultiSelectItemAsPrimitive.js';
+export type { GridMultiSelectItem, GridMultiSelectItemAsObject, GridMultiSelectItemAsPrimitive } from './Types/Internal/GridMultiSelectItem.js';
 export { type GridNumberItem } from './Types/Internal/GridNumberItem.js';
 export { type GridSelectItem } from './Types/Internal/GridSelectItem.js';
-export { type GridSingleSelectItem } from './Types/Internal/GridSingleSelectItem.js';
-export { type GridSingleSelectItemAsObject } from './Types/Internal/GridSingleSelectItemAsObject.js';
-export { type GridSingleSelectItemAsPrimitive } from './Types/Internal/GridSingleSelectItemAsPrimitive.js';
+export type { GridSingleSelectItem, GridSingleSelectItemAsObject, GridSingleSelectItemAsPrimitive } from './Types/Internal/GridSingleSelectItem.js';
 export { type GridStringItem } from './Types/Internal/GridStringItem.js';
 export { type GridTextItem } from './Types/Internal/GridTextItem.js';
 export { type IdentifiableToastMessage } from './Types/Internal/IdentifiableToastMessage.js';

package/dist/index.js

@@ -137,14 +137,8 @@ export {} from './Types/Internal/CallbackButton.js';
 export {} from './Types/Internal/DateChange.js';
 export { DatePickerType } from './Types/Internal/DatePickerType.js';
 export {} from './Types/Internal/GridItem.js';
-export {} from './Types/Internal/GridMultiSelectItem.js';
-export {} from './Types/Internal/GridMultiSelectItemAsObject.js';
-export {} from './Types/Internal/GridMultiSelectItemAsPrimitive.js';
 export {} from './Types/Internal/GridNumberItem.js';
 export {} from './Types/Internal/GridSelectItem.js';
-export {} from './Types/Internal/GridSingleSelectItem.js';
-export {} from './Types/Internal/GridSingleSelectItemAsObject.js';
-export {} from './Types/Internal/GridSingleSelectItemAsPrimitive.js';
 export {} from './Types/Internal/GridStringItem.js';
 export {} from './Types/Internal/GridTextItem.js';
 export {} from './Types/Internal/IdentifiableToastMessage.js';

package/package.json

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

package/dist/Types/Internal/GridMultiSelectItemAsObject.d.ts

@@ -1,5 +0,0 @@
-import type { GridMultiSelectItem } from './GridMultiSelectItem.js';
-export interface GridMultiSelectItemAsObject<V extends object, VP extends string & keyof V> extends GridMultiSelectItem<V, VP> {
-    valueAsObject: true;
-    value: V[];
-}

package/dist/Types/Internal/GridMultiSelectItemAsObject.js

@@ -1 +0,0 @@
-export {};

package/dist/Types/Internal/GridMultiSelectItemAsPrimitive.d.ts

@@ -1,5 +0,0 @@
-import type { GridMultiSelectItem } from './GridMultiSelectItem.js';
-export interface GridMultiSelectItemAsPrimitive<V extends object, VP extends string & keyof V> extends GridMultiSelectItem<V, VP> {
-    valueAsObject: false;
-    value: Array<V[VP]>;
-}

package/dist/Types/Internal/GridMultiSelectItemAsPrimitive.js

@@ -1 +0,0 @@
-export {};

package/dist/Types/Internal/GridSingleSelectItemAsObject.d.ts

@@ -1,5 +0,0 @@
-import type { GridSingleSelectItem } from './GridSingleSelectItem.js';
-export interface GridSingleSelectItemAsObject<V extends object, VP extends keyof V> extends GridSingleSelectItem<V, VP> {
-    valueAsObject: true;
-    value: V | null;
-}

package/dist/Types/Internal/GridSingleSelectItemAsObject.js

@@ -1 +0,0 @@
-export {};

package/dist/Types/Internal/GridSingleSelectItemAsPrimitive.d.ts

@@ -1,5 +0,0 @@
-import type { GridSingleSelectItem } from './GridSingleSelectItem.js';
-export interface GridSingleSelectItemAsPrimitive<V extends object, VP extends keyof V> extends GridSingleSelectItem<V, VP> {
-    valueAsObject: false;
-    value: V[VP] | null;
-}

package/dist/Types/Internal/GridSingleSelectItemAsPrimitive.js

@@ -1 +0,0 @@
-export {};