@svgrid/enterprise 3.1.8 → 3.1.9

package/dist/SvGridScheduler.svelte

@@ -132,6 +132,21 @@
     return d ? toZonedLocal(d, tz) : undefined;
   };
   const fromZ = (d: Date): Date => fromZonedLocal(d, tz);
+  // `allDay`: a value is a day. A bare 'YYYY-MM-DD' is that local day (new Date()
+  // reads it as midnight UTC, the evening before west of Greenwich).
+  const toDay = (v: unknown): Date | undefined => {
+    const m = typeof v === "string" ? /^(\d{4})-(\d{2})-(\d{2})$/.exec(v) : null;
+    if (m) return new Date(Number(m[1]), Number(m[2]) - 1, Number(m[3]));
+    const d = toZ(v);
+    return d ? new Date(d.getFullYear(), d.getMonth(), d.getDate()) : undefined;
+  };
+  const readDate = (v: unknown): Date | undefined => (scheduler.allDay ? toDay(v) : toZ(v));
+  // An all-day end written as a day ('2026-10-14') is the event's LAST day; the
+  // calendar's ends are exclusive, so it ends at the next midnight.
+  const readEnd = (v: unknown): Date | undefined => {
+    const d = readDate(v);
+    return d && scheduler.allDay && typeof v === "string" && /^\d{4}-\d{2}-\d{2}$/.test(v) ? addDays(d, 1) : d;
+  };
   // Emit boundary: user edits are computed in pseudo-local time; convert their
   // start/end back to real instants before handing them to consumer callbacks.
   type MoveEv = Parameters<NonNullable<typeof scheduler.onEventMove>>[0];
@@ -232,12 +247,12 @@
     void tz; // re-resolve events (their positions) when the display zone changes
     return {
     getKey: (r) => key(r),
-    getStart: (r) => startOfE[key(r)] ?? (toZ(fieldValue(r, scheduler.startField)) as never),
+    getStart: (r) => startOfE[key(r)] ?? (readDate(fieldValue(r, scheduler.startField)) as never),
     getEnd: (r) =>
       endOfE[key(r)] ??
-      (scheduler.endField ? (toZ(fieldValue(r, scheduler.endField)) as never) : undefined),
+      (scheduler.endField ? (readEnd(fieldValue(r, scheduler.endField)) as never) : undefined),
     getAllDay: (r) =>
-      allDayOf[key(r)] ?? (scheduler.allDayField ? !!fieldValue(r, scheduler.allDayField) : false),
+      allDayOf[key(r)] ?? (scheduler.allDay ? true : scheduler.allDayField ? !!fieldValue(r, scheduler.allDayField) : false),
     getTitle: (r) => (titleField ? String(fieldValue(r, titleField) ?? "") : ""),
     getColor: (r) =>
       scheduler.colorField
@@ -306,6 +321,8 @@
   // derivations below read it, and a `const` used above its declaration is a type
   // error even though `$derived` is lazy enough to work at runtime.
   const pcfg = $derived(scheduler as unknown as SchedulerProConfig<TFeatures, TData>);
+  // Off, events move but keep their length: no edge grips (a record with one date has none to change).
+  const resizable = $derived(pcfg.resizable !== false);
   // --- multi-calendar overlay ---
   const calendars = $derived(pcfg.calendars ?? []);
   const calField = $derived(pcfg.calendarField);
@@ -2404,6 +2421,11 @@
     rangeSel = null; // opening an event dismisses any pending cell selection
     tlRangeSel = null;
     monthRangeSel = null;
+    // The app opens events itself (a record view): that wins over the drawer.
+    if (pcfg.onEventOpen) {
+      pcfg.onEventOpen(ev.row);
+      return;
+    }
     if (scheduler.drawer) {
       const row = ev.row;
       const next: Record<string, unknown> = {};
@@ -3364,7 +3386,7 @@
                     onmouseleave={onEventLeave}
                     title={s.event.title}
                   >
-                    {#if canEditBar && !s.continuesLeft}
+                    {#if canEditBar && resizable && !s.continuesLeft}
                       <!-- svelte-ignore a11y_no_static_element_interactions -->
                       <span
                         class="sv-sched-chip-resize sv-sched-chip-resize-start"
@@ -3373,7 +3395,7 @@
                       ></span>
                     {/if}
                     {#if scheduler.event}{@render scheduler.event(s.event.row)}{:else}{#if !s.event.allDay && !s.continuesLeft}<span class="sv-sched-dot"></span><span class="sv-sched-bar-time">{fmtTime(s.event.start)}</span>{/if}<span class="sv-sched-bar-title">{s.event.title}</span>{/if}
-                    {#if canEditBar && !s.continuesRight}
+                    {#if canEditBar && resizable && !s.continuesRight}
                       <!-- svelte-ignore a11y_no_static_element_interactions -->
                       <span
                         class="sv-sched-chip-resize sv-sched-chip-resize-end"
@@ -3569,14 +3591,14 @@
                     onmouseleave={onEventLeave}
                     title={it.event.title}
                   >
-                    {#if canEdit && !g.continuesLeft}
+                    {#if canEdit && resizable && !g.continuesLeft}
                       <!-- svelte-ignore a11y_no_static_element_interactions -->
                       <span class="sv-sched-chip-resize sv-sched-chip-resize-start" aria-hidden="true" onpointerdown={(e) => startTlDrag(e, it.event, "resize-start")}></span>
                     {/if}
                     {#if wpx >= 22}
                       {#if scheduler.event}{@render scheduler.event(it.event.row)}{:else}{#if view === "timelineDay" && !it.event.allDay && !g.continuesLeft}<span class="sv-sched-bar-time">{fmtTime(it.event.start)}</span>{/if}<span class="sv-sched-bar-title">{it.event.title}</span>{/if}
                     {/if}
-                    {#if canEdit && !g.continuesRight}
+                    {#if canEdit && resizable && !g.continuesRight}
                       <!-- svelte-ignore a11y_no_static_element_interactions -->
                       <span class="sv-sched-chip-resize sv-sched-chip-resize-end" aria-hidden="true" onpointerdown={(e) => startTlDrag(e, it.event, "resize-end")}></span>
                     {/if}
@@ -3709,7 +3731,7 @@
                   onmouseleave={onEventLeave}
                   title={s.event.title}
                 >
-                  {#if canEditBar && !s.continuesLeft}
+                  {#if canEditBar && resizable && !s.continuesLeft}
                     <!-- svelte-ignore a11y_no_static_element_interactions -->
                     <span
                       class="sv-sched-chip-resize sv-sched-chip-resize-start"
@@ -3718,7 +3740,7 @@
                     ></span>
                   {/if}
                   {#if scheduler.event}{@render scheduler.event(s.event.row)}{:else}<span class="sv-sched-bar-title">{s.event.title}</span>{/if}
-                  {#if canEditBar && !s.continuesRight}
+                  {#if canEditBar && resizable && !s.continuesRight}
                     <!-- svelte-ignore a11y_no_static_element_interactions -->
                     <span
                       class="sv-sched-chip-resize sv-sched-chip-resize-end"
@@ -3825,7 +3847,7 @@
                   onmouseenter={(e) => onEventEnter(e, p.event)}
                   onmouseleave={onEventLeave}
                 >
-                  {#if canEdit}
+                  {#if canEdit && resizable}
                     <!-- svelte-ignore a11y_no_static_element_interactions -->
                     <span
                       class="sv-sched-resize sv-sched-resize-top"
@@ -3834,7 +3856,7 @@
                     ></span>
                   {/if}
                   {#if scheduler.event}{@render scheduler.event(p.event.row)}{:else}<span class="sv-sched-event-time">{fmtTime(isResize ? drag!.previewStart : p.event.start)}{isResize ? ` - ${fmtTime(drag!.previewEnd)}` : ""}</span><span class="sv-sched-event-title">{p.event.title}</span>{/if}
-                  {#if canEdit}
+                  {#if canEdit && resizable}
                     <!-- svelte-ignore a11y_no_static_element_interactions -->
                     <span
                       class="sv-sched-resize sv-sched-resize-bottom"

package/dist/SvGridSelectionBar.svelte

@@ -45,6 +45,23 @@
   const ICON = {
     selectAll: 'M9 11l3 3L22 4M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11',
     editFields: 'M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7M18.5 2.5a2.1 2.1 0 0 1 3 3L12 15l-4 1 1-4Z',
+    deleteRows: 'M3 6h18M8 6V4h8v2M19 6l-1 14H6L5 6M10 11v6M14 11v6',
+  }
+  // Delete asks first, on the bar itself: "Delete 3 rows?" Delete / Cancel.
+  let confirming = $state(false)
+  let confirmButton = $state<HTMLButtonElement | null>(null)
+  $effect(() => {
+    if (confirming) confirmButton?.focus()
+  })
+  function deleteSelected() {
+    const rows = target.rows
+    const ids = target.ids
+    const drop = new Set(rows)
+    const data = (ctrl.internalData as unknown[]).filter((r) => !drop.has(r))
+    confirming = false
+    clearSelection()
+    ctrl.internalData = data
+    ctrl.props?.onRowsDelete?.({ rows, ids, data })
   }
 
   /** Turn the built-in string keys into real actions. */
@@ -69,6 +86,16 @@
         action: () => (bulkEditOpen = true),
       }
     }
+    if (entry === 'deleteRows') {
+      return {
+        key: 'deleteRows',
+        label: messages.selectionBarDelete,
+        icon: ICON.deleteRows,
+        // Rows a server row model never loaded cannot be deleted here.
+        hidden: () => !!ctrl.props?.rowModel,
+        action: () => (confirming = true),
+      }
+    }
     return null
   }
 
@@ -107,6 +134,11 @@
    */
   function onKeydown(event: KeyboardEvent) {
     if (event.key === 'Escape') {
+      if (confirming) {
+        confirming = false
+        event.stopPropagation()
+        return
+      }
       if (overflowOpen) {
         overflowOpen = false
         event.stopPropagation()
@@ -154,6 +186,16 @@
     <span class="sv-selbar-count-label">{messages.selectionBarCount}</span>
   </span>
 
+  {#if confirming}
+    <span class="sv-selbar-sep" aria-hidden="true"></span>
+    <span class="sv-selbar-confirm" role="alert">{fill(messages.selectionBarDeleteConfirm, count)}</span>
+    <button type="button" class="sv-selbar-btn is-danger is-solid" bind:this={confirmButton} onclick={deleteSelected}>
+      <span>{messages.selectionBarDelete}</span>
+    </button>
+    <button type="button" class="sv-selbar-btn" onclick={() => (confirming = false)}>
+      <span>{messages.selectionBarCancel}</span>
+    </button>
+  {:else}
   {#if inline.length}
     <span class="sv-selbar-sep" aria-hidden="true"></span>
   {/if}
@@ -222,6 +264,7 @@
       {/if}
     </div>
   {/if}
+  {/if}
 
   {#if !hideClear}
     <span class="sv-selbar-sep" aria-hidden="true"></span>
@@ -366,6 +409,10 @@
   .sv-selbar-btn.is-danger:hover:not(:disabled) {
     background: color-mix(in srgb, var(--sg-danger, #dc2626) 12%, transparent 88%);
   }
+  /* The confirm is the one red, solid button: the choice that cannot be undone. */
+  .sv-selbar-btn.is-solid { background: var(--sg-danger, #dc2626); color: #fff; }
+  .sv-selbar-btn.is-solid:hover:not(:disabled) { background: color-mix(in srgb, var(--sg-danger, #dc2626) 88%, #000 12%); }
+  .sv-selbar-confirm { flex: none; padding: 0 4px; font-weight: 600; white-space: nowrap; }
   .sv-selbar-more-btn { padding: 5px 7px; flex: none; }
   .sv-selbar-btn > span {
     overflow: hidden;

package/dist/advanced-filter/expr-columns-from-grid.d.ts

@@ -11,6 +11,7 @@ type GridColumnInfo = {
     field?: string;
     header: string;
     visible: boolean;
+    cellDataType?: string;
     editorType?: string;
 };
 export type ExprColumnsOptions = {

package/dist/advanced-filter/expr-columns-from-grid.js

@@ -3,16 +3,20 @@
  * structural (a checkbox gutter, a row-number gutter) rather than data.
  */
 const NON_DATA_IDS = new Set(['__select', '__selection', '__rowNumber', '__autoGroup', '__actions']);
-/** Map a grid editorType onto the coarse type the operator catalogue uses. */
-function toExprType(editorType) {
-    switch (editorType) {
+/**
+ * The coarse type the operator catalogue uses, from the column's data type
+ * (whatever edits it). A datetime editor keeps the time in the filter.
+ */
+function toExprType(col) {
+    if (col.editorType === 'datetime')
+        return 'datetime';
+    switch (col.cellDataType) {
         case 'number':
             return 'number';
         case 'date':
+        case 'dateString':
             return 'date';
-        case 'datetime':
-            return 'datetime';
-        case 'checkbox':
+        case 'boolean':
             return 'boolean';
         default:
             return 'text';
@@ -37,7 +41,7 @@ export function exprColumnsFromGrid(api, options = {}) {
             // Fall back to the id so a column with no header is still addressable
             // in the `[Bracketed Name]` reference syntax.
             name: col.header || col.id,
-            type: toExprType(col.editorType),
+            type: toExprType(col),
         });
     }
     return out;

package/dist/advanced-filter-enable.d.ts

@@ -1,3 +1,9 @@
+/** Compiles an expression kind of another Enterprise module (the fields view bar's `fieldFilter`). */
+export type FilterKindCompiler = (expr: any, ctx: {
+    getValue: (row: any, columnId: string) => unknown;
+}) => ((row: any) => boolean) | null;
+/** Teach the advanced filter an expression kind of its own (one per kind). */
+export declare function registerFilterKind(kind: string, compile: FilterKindCompiler): void;
 /**
  * Enable the advanced filter. Call once (installEnterprise does it for you),
  * after which `api.setAdvancedFilter(expr)` actually filters rows.

package/dist/advanced-filter-enable.js

@@ -10,11 +10,19 @@ import { hasValidLicense } from './license.js';
 import { emitUnlicensedNudge } from './watermark.js';
 import { compilePredicate } from './expressions/compile.js';
 let enabled = false;
+const kinds = new Map();
+/** Teach the advanced filter an expression kind of its own (one per kind). */
+export function registerFilterKind(kind, compile) {
+    kinds.set(kind, compile);
+}
 const advancedFilterEngine = (expr, ctx) => {
     // The grid treats null as "do not filter" and never surfaces a partially
     // applied predicate, so swallowing here is safe and is the fail-open half of
     // the contract documented on AdvancedFilterEngine.
     try {
+        const own = kinds.get(expr.kind ?? '');
+        if (own)
+            return own(expr, ctx);
         return compilePredicate(expr, ctx);
     }
     catch {

package/dist/alerts/alert-engine.d.ts

@@ -5,6 +5,12 @@ export type AlertEngineOptions<TData> = {
     /** Resolve a column id to a value (defaults to `row[id]`). */
     getValue?: (row: TData, columnId: string) => unknown;
     locale?: string | ReadonlyArray<string>;
+    /**
+     * A message token the built-in ones do not cover, as text: SvGrid Base reads
+     * `{Due date}` as the field of that name, formatted as its cell shows it.
+     * Undefined leaves the token as it was.
+     */
+    token?: (row: TData, name: string) => string | undefined;
     /** Clock for `firedAt` (injectable for deterministic tests). */
     now?: () => number;
 };
@@ -44,5 +50,6 @@ export declare function renderTemplate(template: string, ctx: {
     row?: Record<string, unknown>;
     columnId?: string;
     value?: unknown;
+    token?: (row: Record<string, unknown>, name: string) => string | undefined;
 }): string;
 export declare function createAlertEngine<TData = Record<string, unknown>>(options: AlertEngineOptions<TData>): AlertEngine<TData>;

package/dist/alerts/alert-engine.js

@@ -9,14 +9,16 @@ import { collectColumnRefs } from '../expressions/parse.js';
 const AGG_ROW_KEY = '*';
 /** Fill message-template tokens from the firing context. */
 export function renderTemplate(template, ctx) {
-    const { rule, row, columnId, value } = ctx;
-    return template
+    const { rule, row, columnId, value, token } = ctx;
+    const out = template
         .replace(/\{rule\}/g, rule.name)
         .replace(/\{severity\}/g, rule.severity)
         .replace(/\{column\}/g, columnId ?? '')
         .replace(/\{value\}/g, value == null ? '' : String(value))
         .replace(/\{row\.([\w$]+)\}/g, (_m, key) => fmt(row?.[key]))
         .replace(/\{([\w$]+)\}/g, (m, key) => (row && key in row ? fmt(row[key]) : m));
+    // Names with spaces ("{Due date}") only mean something to a resolver.
+    return token && row ? out.replace(/\{([^{}\n]+)\}/g, (m, name) => token(row, name.trim()) ?? m) : out;
 }
 function fmt(v) {
     return v == null ? '' : String(v);
@@ -55,6 +57,7 @@ export function createAlertEngine(options) {
             row: opts.row,
             columnId: opts.columnId,
             value: opts.value,
+            token: options.token,
         });
         return {
             ruleId: rule.id,

package/dist/alerts/condition-editor.d.ts

@@ -0,0 +1,26 @@
+/**
+ * The condition editor an alert rule shows, when a module brings its own.
+ *
+ * `SvAlertRuleEditor` edits a rule's predicate with the expression editor.
+ * SvGrid Base sets this context around its grid so a rule there is written
+ * with the view bar's filter ("Where Status is Done and Due date is before
+ * today"), stored as an `ext` node, and read with the field types' meaning.
+ */
+import { type Component } from 'svelte';
+import type { PredicateExpr } from '../expressions/expression-types.js';
+export type AlertConditionEditor = {
+    /** Draws a predicate and reports each change. */
+    component: Component<{
+        value: PredicateExpr;
+        onChange: (next: PredicateExpr) => void;
+    }>;
+    /** The predicate a new rule starts with. */
+    initial: () => PredicateExpr;
+    /** Whether it can show this predicate; one it cannot goes to the expression editor. */
+    accepts: (expr: PredicateExpr) => boolean;
+    /** The tokens a message can name, for the hint under the message box. */
+    tokens?: () => string[];
+};
+/** Call during a component's init: rules authored under it use this editor. */
+export declare function setAlertConditionEditor(editor: AlertConditionEditor): void;
+export declare function getAlertConditionEditor(): AlertConditionEditor | undefined;

package/dist/alerts/condition-editor.js

@@ -0,0 +1,17 @@
+/**
+ * The condition editor an alert rule shows, when a module brings its own.
+ *
+ * `SvAlertRuleEditor` edits a rule's predicate with the expression editor.
+ * SvGrid Base sets this context around its grid so a rule there is written
+ * with the view bar's filter ("Where Status is Done and Due date is before
+ * today"), stored as an `ext` node, and read with the field types' meaning.
+ */
+import { getContext, setContext } from 'svelte';
+const KEY = Symbol('sv-alert-condition-editor');
+/** Call during a component's init: rules authored under it use this editor. */
+export function setAlertConditionEditor(editor) {
+    setContext(KEY, editor);
+}
+export function getAlertConditionEditor() {
+    return getContext(KEY);
+}

package/dist/base/index.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @svgrid/enterprise/base - SvGrid Base: a table database in the browser, the
+ * way a team runs a project tracker, a CRM or a content calendar. Fields of
+ * many types, saved views (grid, Kanban, calendar, gallery, form), filters,
+ * groups, colors, linked records and expanded records with comments.
+ *
+ * ```svelte
+ * <script lang="ts">
+ *   import { SvBase, enableBase } from '@svgrid/enterprise/base'
+ *   enableBase()
+ * </script>
+ *
+ * <SvBase {data} {columns} primaryField="name" bind:views editable />
+ * ```
+ *
+ * A Suite product. It is the fields module (`@svgrid/enterprise/fields`) with
+ * the product's own entry: everything that module exports is here too.
+ */
+export * from '../fields/index.js';
+export { enableFields as enableBase } from '../fields/index.js';

package/dist/base/index.js

@@ -0,0 +1,20 @@
+/**
+ * @svgrid/enterprise/base - SvGrid Base: a table database in the browser, the
+ * way a team runs a project tracker, a CRM or a content calendar. Fields of
+ * many types, saved views (grid, Kanban, calendar, gallery, form), filters,
+ * groups, colors, linked records and expanded records with comments.
+ *
+ * ```svelte
+ * <script lang="ts">
+ *   import { SvBase, enableBase } from '@svgrid/enterprise/base'
+ *   enableBase()
+ * </script>
+ *
+ * <SvBase {data} {columns} primaryField="name" bind:views editable />
+ * ```
+ *
+ * A Suite product. It is the fields module (`@svgrid/enterprise/fields`) with
+ * the product's own entry: everything that module exports is here too.
+ */
+export * from '../fields/index.js';
+export { enableFields as enableBase } from '../fields/index.js';

package/dist/bulk-edit.d.ts

@@ -19,6 +19,17 @@ export type BulkEditField = {
         value: unknown;
         label: string;
     }>;
+    /** A field column's type (`@svgrid/enterprise/fields`), for its form control. */
+    fieldType?: string;
+    /** The column holds several values (a multiple select, several people). */
+    multiple?: boolean;
+    /** A rating's maximum. */
+    max?: number;
+    /**
+     * The column's own reading of a typed value (its `valueParser`): "$1,200"
+     * to 1200 for an amount, "42" to 0.42 for a percent of fractions.
+     */
+    parse?: (raw: unknown) => unknown;
 };
 /**
  * The columns a bulk edit can target.

package/dist/bulk-edit.js

@@ -33,7 +33,24 @@ export function bulkEditableFields(ctx) {
                 ? { value: o.value, label: String(o.label ?? o.value) }
                 : { value: o, label: String(o) })
             : undefined;
-        out.push({ id: column.id, field: String(def.field), label, editorType: String(def.editorType ?? 'text'), options });
+        // A file list or a link to other records is not one value to set on
+        // every row from a form field.
+        if (def.editorType === 'attachment' || def.editorType === 'fieldLink')
+            continue;
+        const parser = typeof def.valueParser === 'function' ? def.valueParser : null;
+        out.push({
+            id: column.id,
+            field: String(def.field),
+            label,
+            editorType: String(def.editorType ?? 'text'),
+            options,
+            ...(def.fieldType ? { fieldType: String(def.fieldType) } : {}),
+            ...(def.editorMultiple ? { multiple: true } : {}),
+            ...(def.fieldType === 'rating' ? { max: Number(def.fieldProps?.max) || 5 } : {}),
+            ...(parser
+                ? { parse: (raw) => parser({ newValue: raw, rawInput: typeof raw === 'string' ? raw : undefined, oldValue: undefined }) }
+                : {}),
+        });
     }
     return out;
 }