@lavalogic/scoria 0.37.15 → 0.37.17

package/dist/Components/Table/Body/Rows/ColumnListRow.svelte

@@ -410,7 +410,10 @@
 			</div>
 		{/if}
 
-		<span class="column-label">
+		<span
+			class="column-label"
+			title={typeof columnDef.header === 'string' ? columnDef.header : columnDef.id}
+		>
 			{#if typeof columnDef.header === 'function'}
 				<!-- FIXME this needs testing -->
 				{@render columnDef.header()}
@@ -521,9 +524,15 @@ li.single-column:not(.anchor):last-of-type {
 .column-label {
   flex: 1 1 auto;
   min-width: 0;
+  font-size: 1.125rem;
+  line-height: 1.2;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
-  white-space: nowrap;
+  word-break: normal;
+  overflow-wrap: anywhere;
 }
 
 .reorder-buttons {

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

@@ -127,19 +127,38 @@ function commonProps(opts, kind) {
         filterGroup: opts.filterGroup,
     };
 }
-/** Generate a synthetic id for a column kind that does not take an `id`
- *  from the caller. Mirrors the existing pattern used by `ActionsDef` and
- *  `RowSelectionDef`. The returned value is the `SyntheticColumnId` brand. */
+/** Generate a column id for a kind whose option type does not require
+ *  an `id` from the caller.
+ *
+ *  - When `hint` is provided, use it as the id verbatim. This is the
+ *    server-side-filtering contract: callers who pass an `idHint` are
+ *    indicating that the column maps to a real backend field (so the
+ *    filter row's `id` flows through `createRemoteRowSource` as the
+ *    query-string key the server expects). Adding a synthetic prefix
+ *    here would mean every `col.display({ idHint: 'outboundType_id' })`
+ *    serialised as `display-outboundType_id` and the server rejected
+ *    the request with "field does not exist".
+ *  - When no `hint` is provided, fall back to `${prefix}-${UUID}` so
+ *    the id is still unique within the table. Such columns cannot
+ *    participate in server-driven filtering anyway (the server would
+ *    not know the random suffix). */
 function mintSyntheticId(prefix, hint) {
-    const suffix = hint ?? generateUUID();
-    return syntheticColumnId(`${prefix}-${suffix}`);
+    if (hint != null) {
+        return syntheticColumnId(hint);
+    }
+    return syntheticColumnId(`${prefix}-${generateUUID()}`);
 }
 /** Resolve an `options` field that may be a static array or an async
  *  loader into the always-loader form the Def expects. Mutable arrays are
  *  required by the Def's signature; we spread to drop readonly. */
 function normaliseOptionsLoader(options) {
     if (typeof options === 'function') {
-        return () => options().then((res) => [...res]);
+        // `options()` may return either a Promise or a plain array - some
+        // project helpers (e.g. flowms `ColumnDefRepository.getAccounts()`
+        // vs. `getOutboundStatuses()`) settle on different conventions per
+        // data source. `Promise.resolve` accepts both so the loader hands
+        // the consumer a uniform Promise either way.
+        return () => Promise.resolve(options()).then((res) => [...res]);
     }
     const snapshot = [...options];
     return () => Promise.resolve(snapshot);
@@ -304,6 +323,9 @@ export function createColumnFactory() {
         },
         bubble(opts) {
             const id = mintSyntheticId('bubble', opts.idHint);
+            const normalisedOptions = opts.getOptions
+                ? normaliseOptionsLoader(opts.getOptions)
+                : undefined;
             const def = new BubbleDef({
                 id,
                 ...commonProps(opts, 'bubble'),
@@ -315,6 +337,7 @@ export function createColumnFactory() {
                 // `setupDefaultColumnDefs`). Caller can override to any other
                 // `filterValueType`, or pass `allowFiltering: false` to opt out.
                 filterValueType: opts.filterValueType ?? FilterValueType.String,
+                getOptions: normalisedOptions,
             });
             return makeSpec('bubble', def);
         },
@@ -335,6 +358,9 @@ export function createColumnFactory() {
                     return userColour(row, index, fraction);
                 }
                 : () => 'grey';
+            const progressOptions = opts.getOptions
+                ? normaliseOptionsLoader(opts.getOptions)
+                : undefined;
             const def = new ProgressBarDef({
                 id,
                 ...commonProps(opts, 'progress'),
@@ -344,6 +370,7 @@ export function createColumnFactory() {
                 // the filter UI by default (matches `ProgressBarDef →
                 // numberFilter` in `setupDefaultColumnDefs`).
                 filterValueType: opts.filterValueType ?? FilterValueType.Number,
+                getOptions: progressOptions,
             });
             return makeSpec('progress', def);
         },

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

@@ -160,4 +160,6 @@
   display: flex;
   flex-flow: column nowrap;
   background-color: #ffffff;
+  padding: 0 1.25rem;
+  box-sizing: border-box;
 }</style>

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

@@ -201,6 +201,13 @@ export interface BubbleColumnOptions<TRow extends object, TValue = unknown> exte
      * where the displayed values are strings but the server filter is a select.
      */
     filterValueType?: FilterValueType;
+    /**
+     * Option list for `filterValueType: 'Select'`. Drives the filter row's
+     * dropdown contents. Returning a `Promise` lets consumers fetch
+     * options lazily on first read; returning a plain array is also
+     * supported (scoria internally wraps it in `Promise.resolve`).
+     */
+    getOptions?: () => ReadonlyArray<SelectOption<TValue>> | Promise<ReadonlyArray<SelectOption<TValue>>>;
 }
 /** Options for `col.progress({ header, value, ... })`. Renders a horizontal
  *  progress bar from a numeric ratio. */
@@ -216,6 +223,11 @@ export interface ProgressColumnOptions<TRow extends object> extends BaseColumnOp
      * "percent complete" field, in which case set this to `'Number'`.
      */
     filterValueType?: FilterValueType;
+    /**
+     * Option list for `filterValueType: 'Select'`. Drives the filter row's
+     * dropdown contents.
+     */
+    getOptions?: () => ReadonlyArray<SelectOption<unknown>> | Promise<ReadonlyArray<SelectOption<unknown>>>;
 }
 /** Options for `col.validity({ header, ... })`. Renders the row's overall
  *  validity indicator and (optionally) opens a modal with the validity

package/package.json

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