@lavalogic/scoria 0.40.2 → 0.40.3

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

@@ -30,6 +30,36 @@
 		cell.column.columnDef.isEnabled(cell.row.original, cell.row.originalIndex)
 	);
 
+	// Per-row toggle visibility. When `isVisible` resolves false the toggle is
+	// omitted entirely (rather than disabled). Sync booleans are used directly
+	// so non-visible rows never flash the icon; promises resolve into state.
+	const visibleRaw: boolean | Promise<boolean> = $derived(
+		cell.column.columnDef.isVisible
+			? cell.column.columnDef.isVisible(cell.row.original, cell.row.originalIndex)
+			: true
+	);
+	let visibleAsyncResolved = $state(true);
+	let visibleCounter = 0;
+	$effect(() => {
+		const raw = visibleRaw;
+		if (typeof raw === 'boolean') {
+			return;
+		}
+		const local = (visibleCounter = visibleCounter + 1);
+		raw
+			.then((v) => {
+				if (visibleCounter === local) {
+					visibleAsyncResolved = v;
+				}
+			})
+			.catch(() => {
+				if (visibleCounter === local) {
+					visibleAsyncResolved = false;
+				}
+			});
+	});
+	const visible = $derived(typeof visibleRaw === 'boolean' ? visibleRaw : visibleAsyncResolved);
+
 	let validity: Validity = $state(Validity.Valid);
 	$effect(() => {
 		const validityPromise = focusDetails.validity;
@@ -81,13 +111,15 @@
 		class:multifocus={focusDetails.isMultiFocused}
 		class:multifocus-start={focusDetails.isMultiFocusStart}
 	>
-		{#await enabled}
-			<!-- eslint-disable-next-line @typescript-eslint/no-confusing-void-expression -->
-			{@render action(false)}
-		{:then enabled}
-			<!-- eslint-disable-next-line @typescript-eslint/no-confusing-void-expression -->
-			{@render action(enabled)}
-		{/await}
+		{#if visible}
+			{#await enabled}
+				<!-- eslint-disable-next-line @typescript-eslint/no-confusing-void-expression -->
+				{@render action(false)}
+			{:then enabled}
+				<!-- eslint-disable-next-line @typescript-eslint/no-confusing-void-expression -->
+				{@render action(enabled)}
+			{/await}
+		{/if}
 	</div>
 </div>
 

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

@@ -23,6 +23,31 @@
 		tableContext._focus.getFocusDetailsFor(cell)
 	);
 
+	// Resolve the column's (possibly async) `isEditable` predicate for this
+	// row. A non-editable checkbox renders disabled (read-only) rather than
+	// toggling — mirrors how the inline-edit cells gate on `isEditable`.
+	const editableAsync = $derived(
+		cell.column.columnDef.isEditable(cell.row.original, cell.row.originalIndex)
+	);
+	let editable = $state(false);
+	let editableCounter = 0;
+	$effect(() => {
+		void editableAsync;
+		const local = (editableCounter = editableCounter + 1);
+		(async () => {
+			try {
+				const resolved = await editableAsync;
+				if (editableCounter === local) {
+					editable = resolved;
+				}
+			} catch {
+				if (editableCounter === local) {
+					editable = false;
+				}
+			}
+		})().catch(devCatch);
+	});
+
 	let inputRef: HTMLInputElement | undefined = $state();
 
 	/**
@@ -32,6 +57,9 @@
 	 * already showed the new checked state.
 	 */
 	const onchange: ChangeEventHandler<HTMLInputElement> = (e) => {
+		if (!editable) {
+			return;
+		}
 		tableContext
 			.onEditCell(
 				cell.row.original,
@@ -84,7 +112,7 @@
 		}
 	}}
 	onkeyup={(e: KeyboardEvent) => {
-		if (e.key === 'Enter') {
+		if (e.key === 'Enter' && editable) {
 			e.stopPropagation();
 			tableContext.onEditCell(cell.row.original, focusDetails.coordinates, !value).catch(devCatch);
 		}
@@ -119,6 +147,7 @@
 			{onchange}
 			type="checkbox"
 			checked={value}
+			disabled={!editable}
 		/>
 	</label>
 </div>
@@ -198,4 +227,9 @@ label.multifocus.multifocus-start {
 .input-cell.error,
 .select-cell.error {
   background-color: #f9e9e9;
+}
+
+input:disabled {
+  cursor: not-allowed;
+  opacity: 0.45;
 }</style>

package/dist/Components/Table/ColumnFactory.svelte.js

@@ -232,6 +232,11 @@ export function createColumnFactory() {
             const def = new CheckboxDef({
                 id: opts.id,
                 ...commonProps(opts, 'checkbox'),
+                // Checkboxes are interactive by default (the base ColumnDef
+                // default is read-only); only an explicit `isEditable` gates
+                // them. Keeps existing checkboxes editable while letting callers
+                // disable per row.
+                isEditable: opts.isEditable ?? (() => true),
                 accessorFn: opts.accessor,
                 getDisplayValue: opts.getDisplayValue,
                 filterValueType: FilterValueType.Bool,
@@ -522,6 +527,7 @@ export function createColumnFactory() {
                     allowCopy: opts.inner?.allowCopy,
                 },
                 onActivate: opts.onActivate,
+                isVisible: opts.isVisible,
             });
             // Expand has no public width option — apply the per-kind default.
             def.width = KIND_DEFAULT_WIDTHS.expand;

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

@@ -13,6 +13,8 @@ import { ColumnDef, type ColumnDefProps } from '../ColumnDef.svelte.js';
 export interface ExpandDefProps<T extends object, R extends object, InnerIdType extends Primitive = Primitive, in FilterValueType = unknown> extends ColumnDefProps<T, FilterValueType> {
     /** Per-row enable predicate for the expansion affordance. */
     isEnabled: (item: T, index: number) => boolean | Promise<boolean>;
+    /** Per-row predicate for whether the toggle renders at all. */
+    isVisible?: (item: T, index: number) => boolean | Promise<boolean>;
     /** Builds the inner table's column defs. Invoked per expansion. */
     getInnerColumnDefs: (item: T, index: number) => DefsWrapper<R>;
     /** Header icon name on the expand-toggle button. */
@@ -49,6 +51,8 @@ export declare class ExpandDef<T extends object, R extends object, InnerIdType e
     readonly headerIcon: IconProps['name'];
     /** Per-row enable predicate for the expansion affordance. */
     readonly isEnabled: (item: T, index: number) => boolean | Promise<boolean>;
+    /** Per-row predicate for whether the toggle renders at all. */
+    readonly isVisible?: (item: T, index: number) => boolean | Promise<boolean>;
     /** Init options for the inner table. */
     readonly innerTableOptions: TableInitOptions<R, InnerIdType>;
     /** Navigate-instead-of-expand callback; undefined for normal expand. */

package/dist/Components/Table/Types/Columns/Definitions/Expand/ExpandDef.svelte.js

@@ -17,6 +17,7 @@ export class ExpandDef extends ColumnDef {
         this.innerTableName = $derived(props.innerTableName);
         this.innerTableOptions = $derived(props.innerTableOptions);
         this.onActivate = $derived(props.onActivate);
+        this.isVisible = $derived(props.isVisible);
     }
     /** Expand columns are never filtered. */
     filterFn = undefined;
@@ -28,6 +29,8 @@ export class ExpandDef extends ColumnDef {
     headerIcon;
     /** Per-row enable predicate for the expansion affordance. */
     isEnabled;
+    /** Per-row predicate for whether the toggle renders at all. */
+    isVisible;
     /** Init options for the inner table. */
     innerTableOptions;
     /** Navigate-instead-of-expand callback; undefined for normal expand. */

package/dist/Components/Table/Types/Public/ColumnOptions.d.ts

@@ -377,6 +377,15 @@ export interface ExpandColumnOptions<TRow extends object, TInner extends object,
      * inner content. Async supported. Defaults to `() => true`.
      */
     isEnabled?: (row: TRow, index: number) => boolean | Promise<boolean>;
+    /**
+     * Per-row predicate for whether the expand affordance renders at all.
+     * When it resolves to `false` the toggle is omitted entirely (not just
+     * disabled), so rows that can never expand show no icon. Use to surface
+     * only the rows that are actually expandable (vs `isEnabled`, which keeps
+     * the toggle visible but greyed). Async supported. Defaults to always
+     * visible.
+     */
+    isVisible?: (row: TRow, index: number) => boolean | Promise<boolean>;
     /**
      * Inner-table configuration. Each field maps 1:1 onto the equivalent
      * `CreateTableOptions` field that configures an outer Table; supply

package/package.json

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