@theseam/ui-common 1.0.2-beta.23 → 1.0.2-beta.29

package/fesm2022/theseam-ui-common-data-exporter.mjs

@@ -5,7 +5,6 @@ import { from } from 'rxjs';
 import { faFileCsv, faFileExcel } from '@fortawesome/free-solid-svg-icons';
 import FileSaver from 'file-saver';
 import { wrapIntoObservable, fileDataFromBuffer } from '@theseam/ui-common/utils';
-import { Buffer } from 'buffer/';
 
 const THESEAM_DATA_EXPORTER = new InjectionToken('TheSeamDataExporter');
 function exportOperator(exportFn) {
@@ -65,7 +64,7 @@ class XLSXDataExporter {
             const ws = XLSX.utils.json_to_sheet(data);
             const wb = { Sheets: { data: ws }, SheetNames: ['data'] };
             const excelBuffer = XLSX.write(wb, { bookType: 'xlsx', type: 'array' });
-            return from(fileDataFromBuffer(Buffer.from(excelBuffer))).pipe(tap((fileData) => {
+            return from(fileDataFromBuffer(excelBuffer)).pipe(tap((fileData) => {
                 FileSaver.saveAs(fileData.blob, `Export.xlsx`);
             }), mapTo(true));
         }));

package/fesm2022/theseam-ui-common-data-exporter.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"theseam-ui-common-data-exporter.mjs","sources":["../../../projects/ui-common/data-exporter/data-exporter.ts","../../../projects/ui-common/data-exporter/import-xlsx.ts","../../../projects/ui-common/data-exporter/exporters/csv-exporter.ts","../../../projects/ui-common/data-exporter/exporters/xlsx-exporter.ts","../../../projects/ui-common/data-exporter/data-exporter.module.ts","../../../projects/ui-common/data-exporter/theseam-ui-common-data-exporter.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core'\nimport { Observable } from 'rxjs'\nimport { switchMap } from 'rxjs/operators'\n\nimport { IconProp } from '@fortawesome/fontawesome-svg-core'\n\nexport type IDataExporterFunction = <T>(data: T[]) => Observable<T[]>\n\nexport interface IDataExporter {\n  /**\n   * Name to identify the exporter.\n   */\n  readonly name: string\n\n  /**\n   * Label to use for exporter in user visible text.\n   *\n   * default: `name`\n   */\n  label?: string\n\n  /**\n   * Icon to represent exporter.\n   */\n  icon?: string | IconProp\n\n  /**\n   * Pass the rows directly to the export function without any mapping.\n   */\n  skipDataMapping?: boolean\n\n  /**\n   * Export the data based on the data to some format.\n   */\n  export<T>(data: T[]): Observable<boolean>\n}\n\nexport const THESEAM_DATA_EXPORTER = new InjectionToken<IDataExporter>(\n  'TheSeamDataExporter',\n)\n\nexport function exportOperator<T>(exportFn: IDataExporterFunction) {\n  return (source$: Observable<T[]>) => source$.pipe(switchMap(exportFn))\n}\n","// TODO: We may be able to avoid this by getting the Storybook tsconfig and our\n// apps Angular builds more in-sync or when Storybook updates the builder that\n// it uses. For now, this should give a reliable ESM and CJS interop for the\n// XLSX library.\n\n/**\n * Imports the XLSX library.\n *\n * This should be used instead of direct dynamic imports to ensure\n * compatibility. It may be better to just import normally, but most datatables\n * don't do client-side XLSX processing so dynamic imports are preferred.\n *\n * @returns The XLSX library.\n */\nexport async function importXlsx(): Promise<any> {\n  // TODO: Fix typing for the dynamic imports\n  const XLSX = await import('xlsx')\n  return XLSX.default ?? XLSX\n}\n","import { Injectable } from '@angular/core'\nimport { from, Observable } from 'rxjs'\nimport { mapTo, switchMap, tap } from 'rxjs/operators'\n\nimport { faFileCsv } from '@fortawesome/free-solid-svg-icons'\nimport FileSaver from 'file-saver'\n\nimport {\n  fileDataFromBuffer,\n  wrapIntoObservable,\n} from '@theseam/ui-common/utils'\n\nimport { IDataExporter } from '../data-exporter'\nimport { importXlsx } from '../import-xlsx'\n\n@Injectable()\nexport class CSVDataExporter implements IDataExporter {\n  public readonly name = 'exporter:csv'\n\n  public label = 'CSV'\n\n  public icon = faFileCsv\n\n  public export<T>(data: T[]): Observable<boolean> {\n    return wrapIntoObservable(importXlsx()).pipe(\n      switchMap((XLSX: any) => {\n        const ws = XLSX.utils.json_to_sheet(data)\n\n        const out = XLSX.utils.sheet_to_csv(ws)\n\n        // NOTE: `out` should not be passed as a string, but the fileDataFromBuffer\n        // function happens to works with a string. When the build issue about the\n        // function argument is figured out then this should be fixed.\n        return (\n          from(fileDataFromBuffer(out as any))\n            // return from(fileDataFromBuffer(Buffer.from(out)))\n            .pipe(\n              tap((fileData) => {\n                FileSaver.saveAs(fileData.blob, `Export.csv`)\n              }),\n              mapTo(true),\n            )\n        )\n      }),\n    )\n  }\n}\n","import { Injectable } from '@angular/core'\nimport { from, Observable } from 'rxjs'\nimport { mapTo, switchMap, tap } from 'rxjs/operators'\n\nimport { faFileExcel } from '@fortawesome/free-solid-svg-icons'\nimport { Buffer } from 'buffer/'\nimport FileSaver from 'file-saver'\n\nimport {\n  fileDataFromBuffer,\n  wrapIntoObservable,\n} from '@theseam/ui-common/utils'\n\nimport { IDataExporter } from '../data-exporter'\nimport { importXlsx } from '../import-xlsx'\n\n@Injectable()\nexport class XLSXDataExporter implements IDataExporter {\n  public readonly name = 'exporter:xlsx'\n\n  public label = 'XLSX'\n\n  public icon = faFileExcel\n\n  public export<T>(data: T[]): Observable<boolean> {\n    return wrapIntoObservable(importXlsx()).pipe(\n      switchMap((XLSX: any) => {\n        const ws = XLSX.utils.json_to_sheet(data)\n        const wb = { Sheets: { data: ws }, SheetNames: ['data'] }\n        const excelBuffer = XLSX.write(wb, { bookType: 'xlsx', type: 'array' })\n\n        return from(fileDataFromBuffer(Buffer.from(excelBuffer))).pipe(\n          tap((fileData) => {\n            FileSaver.saveAs(fileData.blob, `Export.xlsx`)\n          }),\n          mapTo(true),\n        )\n      }),\n    )\n  }\n}\n","import { NgModule } from '@angular/core'\n\nimport { CSVDataExporter } from './exporters/csv-exporter'\nimport { XLSXDataExporter } from './exporters/xlsx-exporter'\n\nimport { THESEAM_DATA_EXPORTER } from './data-exporter'\n\n@NgModule({\n  declarations: [],\n  imports: [],\n  providers: [\n    { provide: THESEAM_DATA_EXPORTER, useClass: CSVDataExporter, multi: true },\n    { provide: THESEAM_DATA_EXPORTER, useClass: XLSXDataExporter, multi: true },\n  ],\n})\nexport class TheSeamDataExporterModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"theseam-ui-common-data-exporter.mjs","sources":["../../../projects/ui-common/data-exporter/data-exporter.ts","../../../projects/ui-common/data-exporter/import-xlsx.ts","../../../projects/ui-common/data-exporter/exporters/csv-exporter.ts","../../../projects/ui-common/data-exporter/exporters/xlsx-exporter.ts","../../../projects/ui-common/data-exporter/data-exporter.module.ts","../../../projects/ui-common/data-exporter/theseam-ui-common-data-exporter.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core'\nimport { Observable } from 'rxjs'\nimport { switchMap } from 'rxjs/operators'\n\nimport { IconProp } from '@fortawesome/fontawesome-svg-core'\n\nexport type IDataExporterFunction = <T>(data: T[]) => Observable<T[]>\n\nexport interface IDataExporter {\n  /**\n   * Name to identify the exporter.\n   */\n  readonly name: string\n\n  /**\n   * Label to use for exporter in user visible text.\n   *\n   * default: `name`\n   */\n  label?: string\n\n  /**\n   * Icon to represent exporter.\n   */\n  icon?: string | IconProp\n\n  /**\n   * Pass the rows directly to the export function without any mapping.\n   */\n  skipDataMapping?: boolean\n\n  /**\n   * Export the data based on the data to some format.\n   */\n  export<T>(data: T[]): Observable<boolean>\n}\n\nexport const THESEAM_DATA_EXPORTER = new InjectionToken<IDataExporter>(\n  'TheSeamDataExporter',\n)\n\nexport function exportOperator<T>(exportFn: IDataExporterFunction) {\n  return (source$: Observable<T[]>) => source$.pipe(switchMap(exportFn))\n}\n","// TODO: We may be able to avoid this by getting the Storybook tsconfig and our\n// apps Angular builds more in-sync or when Storybook updates the builder that\n// it uses. For now, this should give a reliable ESM and CJS interop for the\n// XLSX library.\n\n/**\n * Imports the XLSX library.\n *\n * This should be used instead of direct dynamic imports to ensure\n * compatibility. It may be better to just import normally, but most datatables\n * don't do client-side XLSX processing so dynamic imports are preferred.\n *\n * @returns The XLSX library.\n */\nexport async function importXlsx(): Promise<any> {\n  // TODO: Fix typing for the dynamic imports\n  const XLSX = await import('xlsx')\n  return XLSX.default ?? XLSX\n}\n","import { Injectable } from '@angular/core'\nimport { from, Observable } from 'rxjs'\nimport { mapTo, switchMap, tap } from 'rxjs/operators'\n\nimport { faFileCsv } from '@fortawesome/free-solid-svg-icons'\nimport FileSaver from 'file-saver'\n\nimport {\n  fileDataFromBuffer,\n  wrapIntoObservable,\n} from '@theseam/ui-common/utils'\n\nimport { IDataExporter } from '../data-exporter'\nimport { importXlsx } from '../import-xlsx'\n\n@Injectable()\nexport class CSVDataExporter implements IDataExporter {\n  public readonly name = 'exporter:csv'\n\n  public label = 'CSV'\n\n  public icon = faFileCsv\n\n  public export<T>(data: T[]): Observable<boolean> {\n    return wrapIntoObservable(importXlsx()).pipe(\n      switchMap((XLSX: any) => {\n        const ws = XLSX.utils.json_to_sheet(data)\n\n        const out = XLSX.utils.sheet_to_csv(ws)\n\n        // NOTE: `out` should not be passed as a string, but the fileDataFromBuffer\n        // function happens to works with a string. When the build issue about the\n        // function argument is figured out then this should be fixed.\n        return (\n          from(fileDataFromBuffer(out as any))\n            // return from(fileDataFromBuffer(Buffer.from(out)))\n            .pipe(\n              tap((fileData) => {\n                FileSaver.saveAs(fileData.blob, `Export.csv`)\n              }),\n              mapTo(true),\n            )\n        )\n      }),\n    )\n  }\n}\n","import { Injectable } from '@angular/core'\nimport { from, Observable } from 'rxjs'\nimport { mapTo, switchMap, tap } from 'rxjs/operators'\n\nimport { faFileExcel } from '@fortawesome/free-solid-svg-icons'\nimport FileSaver from 'file-saver'\n\nimport {\n  fileDataFromBuffer,\n  wrapIntoObservable,\n} from '@theseam/ui-common/utils'\n\nimport { IDataExporter } from '../data-exporter'\nimport { importXlsx } from '../import-xlsx'\n\n@Injectable()\nexport class XLSXDataExporter implements IDataExporter {\n  public readonly name = 'exporter:xlsx'\n\n  public label = 'XLSX'\n\n  public icon = faFileExcel\n\n  public export<T>(data: T[]): Observable<boolean> {\n    return wrapIntoObservable(importXlsx()).pipe(\n      switchMap((XLSX: any) => {\n        const ws = XLSX.utils.json_to_sheet(data)\n        const wb = { Sheets: { data: ws }, SheetNames: ['data'] }\n        const excelBuffer = XLSX.write(wb, { bookType: 'xlsx', type: 'array' })\n\n        return from(fileDataFromBuffer(excelBuffer)).pipe(\n          tap((fileData) => {\n            FileSaver.saveAs(fileData.blob, `Export.xlsx`)\n          }),\n          mapTo(true),\n        )\n      }),\n    )\n  }\n}\n","import { NgModule } from '@angular/core'\n\nimport { CSVDataExporter } from './exporters/csv-exporter'\nimport { XLSXDataExporter } from './exporters/xlsx-exporter'\n\nimport { THESEAM_DATA_EXPORTER } from './data-exporter'\n\n@NgModule({\n  declarations: [],\n  imports: [],\n  providers: [\n    { provide: THESEAM_DATA_EXPORTER, useClass: CSVDataExporter, multi: true },\n    { provide: THESEAM_DATA_EXPORTER, useClass: XLSXDataExporter, multi: true },\n  ],\n})\nexport class TheSeamDataExporterModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/theseam-ui-common-graphql.mjs

@@ -1,5 +1,5 @@
 import { ApolloLink, NetworkStatus, Observable as Observable$1 } from '@apollo/client/core';
-import { print, visit as visit$1, parse, BREAK as BREAK$1, parseValue } from 'graphql';
+import { print, visit as visit$1, parse, BREAK as BREAK$1, parseValue, Kind, valueFromASTUntyped } from 'graphql';
 import { hasProperty, notNullOrUndefined, isNullOrUndefined, withoutProperty, wrapIntoObservable, withoutProperties } from '@theseam/ui-common/utils';
 import { visit, BREAK } from 'graphql/language';
 import * as i0 from '@angular/core';
@@ -538,39 +538,57 @@ const queryProcessingLink = new ApolloLink((operation, forward) => {
 /**
  * Creates a {@link SortsMapper} from a declarative field-name map.
  *
- * Each key must correspond to a datatable column `prop` value. The value
- * controls how that column's sort is translated to a GQL sort object:
+ * By default, `autoMap` is enabled: columns not listed in the field map
+ * are automatically mapped using their `prop` as the GQL field name,
+ * provided the column exists in the datatable and has `sortable` not
+ * explicitly set to `false`. This guards against stale sort preferences
+ * for removed columns.
+ *
+ * Each key in `fieldMap` must correspond to a datatable column `prop`
+ * value. The value controls how that column's sort is translated:
  *
  * - `string`   – emits `{ [gqlField]: 'ASC' | 'DESC' }`
  * - `null`     – column is not sortable; the sort item is dropped
  * - `function` – called with `(prop, context)` and may return a field
  *                name or `null` to drop the item dynamically
  *
- * In dev mode an error is thrown when a sort item's `prop` is not present
- * in the map. In production the item is silently dropped.
- *
  * @example
- * // Simple static mapping
+ * // Auto-map all columns, override one
  * const mapSorts = createSortsMapper<MyRow>({
- *   id: 'id',
- *   name: 'name',
+ *   computedField: 'gql_computed_field',
  * })
  *
  * @example
- * // Dynamic mapping with context access
+ * // Opt out of auto-mapping (explicit field map required)
  * const mapSorts = createSortsMapper<MyRow>({
  *   id: 'id',
  *   name: 'name',
- *   computed: (prop, context) =>
- *     context.extraVariables.useAlt ? 'altField' : prop,
- * })
+ * }, { autoMap: false })
  */
-function createSortsMapper(fieldMap) {
+function createSortsMapper(fieldMap, options) {
+    const autoMap = options?.autoMap ?? true;
     return (sorts, context) => {
         const result = [];
         for (const s of sorts) {
             const prop = s?.prop;
             if (!(prop in fieldMap)) {
+                if (autoMap) {
+                    const columns = context.columns;
+                    if (columns) {
+                        const column = columns.find((c) => c.prop === prop);
+                        if (column && column.sortable !== false) {
+                            const dir = s?.dir?.toUpperCase();
+                            result.push({ [prop]: dir });
+                        }
+                    }
+                    else if (isDevMode()) {
+                        // autoMap is enabled but no columns in context — likely a
+                        // wiring issue where columns$ is not being piped through.
+                        console.warn(`createSortsMapper: autoMap is enabled but no columns found in context for prop "${prop}". ` +
+                            `Ensure columns are provided via MapperContext.`);
+                    }
+                    continue;
+                }
                 if (isDevMode()) {
                     throw new Error(`createSortsMapper: no mapping found for column prop "${prop}". ` +
                         `Add an entry to the field map or set the value to null to ignore it.`);
@@ -735,7 +753,7 @@ function observeRowsWithGqlInputsHandling(queryRef, rows, datatable, extraVariab
     // only one setVariables call is made per event-loop turn.
     const handleQueryInputs = combineLatest([extraVariables$, pageInfo$]).pipe(auditTime(0), switchMap(([_extraVariables, pageInfo]) => {
         const context = { extraVariables: _extraVariables };
-        const sorts$ = _createSortsObservable(datatable$).pipe(switchMap((m) => wrapIntoObservable(sortsMapper(m, context))));
+        const sorts$ = _createSortsAndColumnsObservable(datatable$).pipe(switchMap(({ sorts, columns }) => wrapIntoObservable(sortsMapper(sorts, { ...context, columns }))));
         const filterInfo$ = _createFilterStatesObservable(datatable$).pipe(switchMap((x) => mapFilterStates(x, filterStateMappers, context)), 
         // TODO: Remove when the datatable fixes the bug causing it to emit more than it should.
         distinctUntilChanged((x, y) => JSON.stringify(x) === JSON.stringify(y)));
@@ -781,7 +799,7 @@ function observeRowsWithGqlInputsHandling(queryRef, rows, datatable, extraVariab
         return of([]);
     }), shareReplay({ bufferSize: 1, refCount: true }));
 }
-function _createSortsObservable(datatable$) {
+function _createSortsAndColumnsObservable(datatable$) {
     // NOTE: There is a bug in our datatable wrapper that isn't propagating
     // external sorting changes to the wrapped datatable component, which we observe
     // sort events from. This workaround observes our wrapper's internal column
@@ -795,7 +813,12 @@ function _createSortsObservable(datatable$) {
         }
         return dt._columnsAlterationsManager.changes.pipe(map(() => (dt.externalSorting ? dt._sorts : dt.sorts)), startWith(dt.externalSorting ? dt._sorts : dt.sorts));
     };
-    return datatable$.pipe(switchMap((dt) => (dt ? _observeSortsWorkaround(dt) : of([]))), shareReplay({ bufferSize: 1, refCount: true }));
+    return datatable$.pipe(switchMap((dt) => dt
+        ? combineLatest([_observeSortsWorkaround(dt), dt.columns$]).pipe(map(([sorts, columns]) => ({ sorts, columns })))
+        : of({
+            sorts: [],
+            columns: [],
+        })), shareReplay({ bufferSize: 1, refCount: true }));
 }
 function _createFilterStatesObservable(datatable$) {
     return datatable$.pipe(switchMap((dt) => (dt ? dt.filterStates : of([]))));
@@ -1841,6 +1864,8 @@ function filteredResults(items, args) {
 }
 
 class MockDatatable {
+    _columnsSubject = new BehaviorSubject([]);
+    columns$ = this._columnsSubject.asObservable();
     _filterStatesSubject = new BehaviorSubject([]);
     _sorts = [];
     _rows = [];
@@ -1877,6 +1902,9 @@ class MockDatatable {
             count: this._rows.length,
         };
     }
+    setColumns(v) {
+        this._columnsSubject.next(v);
+    }
     setSorts(v) {
         this._sorts = v;
         this.sort.emit({ sorts: this._sorts });
@@ -2002,10 +2030,38 @@ function _isOneOfIndices(indices, index) {
     return false;
 }
 
+/**
+ * Extracts the effective field arguments from the top-level selections of a
+ * processed query, merging inlined literal values back with the remaining
+ * operation variables.
+ *
+ * When {@link queryProcessingLink} inlines a variable (e.g. `where`) into the
+ * query AST, it removes that variable from `operation.variables`. A real
+ * GraphQL server would still resolve the inlined literal when executing the
+ * field resolver, but a mock link that only looks at `operation.variables`
+ * would miss it. This function bridges that gap.
+ */
+function resolveEffectiveVariables(operation) {
+    const merged = { ...operation.variables };
+    const opDef = operation.query.definitions.find((d) => d.kind === Kind.OPERATION_DEFINITION);
+    if (!opDef)
+        return merged;
+    for (const sel of opDef.selectionSet.selections) {
+        if (sel.kind === Kind.FIELD && sel.arguments) {
+            for (const arg of sel.arguments) {
+                if (arg.value.kind !== Kind.VARIABLE) {
+                    merged[arg.name.value] = valueFromASTUntyped(arg.value, operation.variables);
+                }
+            }
+        }
+    }
+    return merged;
+}
 function mockGraphQLLink(options) {
     return new ApolloLink((operation, forward) => {
         return new Observable$1((subscriber) => {
             const execute = () => {
+                operation.variables = resolveEffectiveVariables(operation);
                 const response = options.resolve(operation);
                 operation.setContext({ response });
                 subscriber.next(response);