igniteui-grid-lite 0.10.0 → 0.11.0

package/controllers/state.js

@@ -24,7 +24,7 @@ class StateController {
         this.resizing = new ResizeController(this, dom);
     }
     updateObservers() {
-        this._observersCallback.call(this.host);
+        this._observersCallback();
     }
     setColumnConfiguration(columns) {
         this._columns = columns.map((column) => createColumnConfiguration(column));
@@ -33,21 +33,23 @@ class StateController {
         this.host.requestUpdate(PIPELINE);
     }
     setAutoColumnConfiguration() {
-        if (this.host.autoGenerate && this.host.data.length > 0) {
-            this._columns = setColumnsFromData(this.host.data[0]);
-            this.filtering.resolveConditions();
-            this.host.requestUpdate(PIPELINE);
+        if (!this.host.autoGenerate || this.host.data.length === 0) {
+            return;
         }
+        this._columns = setColumnsFromData(this.host.data[0]);
+        this.filtering.resolveConditions();
+        this.host.requestUpdate(PIPELINE);
     }
     updateColumnsConfiguration(config) {
         for (const columnConfig of config) {
             const existing = this._columns.findIndex((column) => column.field === columnConfig.field);
-            if (existing !== -1) {
-                this._columns[existing] = {
-                    ...this._columns[existing],
-                    ...createColumnConfiguration(columnConfig),
-                };
+            if (existing === -1) {
+                continue;
             }
+            this._columns[existing] = {
+                ...this._columns[existing],
+                ...createColumnConfiguration(columnConfig),
+            };
         }
         this._columns = [...this._columns];
         this.updateObservers();

package/controllers/state.js.map

@@ -1 +1 @@
-{"version":3,"file":"state.js","sourceRoot":"","sources":["../../src/controllers/state.ts"],"names":[],"mappings":"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","sourcesContent":["import { PIPELINE } from '../internal/constants.js';\nimport type { ActiveNode, ColumnConfiguration, GridHost, Keys } from '../internal/types.js';\nimport { createColumnConfiguration, setColumnsFromData } from '../internal/utils.js';\nimport type { GridDOMController } from './dom.js';\nimport { FilterController } from './filter.js';\nimport { NavigationController } from './navigation.js';\nimport { ResizeController } from './resize.js';\nimport { SortController } from './sort.js';\n\n/**\n * Holds the column configuration of the grid and owns the controllers for its\n * data operations. Column objects are immutable: each change produces new objects\n * and a new array, so consumers can dirty-check by identity.\n *\n * @remarks\n * Not a reactive controller: it has no host lifecycle. All DOM concerns live in\n * {@link GridDOMController}.\n */\nclass StateController<T extends object> {\n  private _columns: ColumnConfiguration<T>[] = [];\n  private readonly _observersCallback: () => void;\n\n  /** The grid host element. */\n  public readonly host: GridHost<T>;\n\n  public readonly sorting: SortController<T>;\n  public readonly filtering: FilterController<T>;\n  public readonly navigation: NavigationController<T>;\n  public readonly resizing: ResizeController<T>;\n\n  public get columns(): ColumnConfiguration<T>[] {\n    return this._columns;\n  }\n\n  /** The currently active node in the grid. */\n  public get active(): ActiveNode<T> {\n    return this.navigation.active;\n  }\n\n  /** Sets the currently active node in the grid. */\n  public set active(node: ActiveNode<T>) {\n    this.navigation.active = node;\n  }\n\n  constructor(host: GridHost<T>, dom: GridDOMController<T>, observersCallback: () => void) {\n    this._observersCallback = observersCallback;\n    this.host = host;\n\n    this.sorting = new SortController(this);\n    this.filtering = new FilterController(this, dom);\n    this.navigation = new NavigationController(this, dom);\n    this.resizing = new ResizeController(this, dom);\n  }\n\n  /**\n   * Notifies the state context consumers (headers, header row, filter row) that\n   * their render inputs changed. Called at the mutation points only, never on\n   * each host update.\n   */\n  public updateObservers(): void {\n    this._observersCallback.call(this.host);\n  }\n\n  public setColumnConfiguration(columns: ColumnConfiguration<T>[]): void {\n    this._columns = columns.map((column) => createColumnConfiguration(column));\n    this.filtering.resolveConditions();\n    this.updateObservers();\n    this.host.requestUpdate(PIPELINE);\n  }\n\n  public setAutoColumnConfiguration(): void {\n    if (this.host.autoGenerate && this.host.data.length > 0) {\n      this._columns = setColumnsFromData(this.host.data[0]);\n      this.filtering.resolveConditions();\n      this.host.requestUpdate(PIPELINE);\n    }\n  }\n\n  public updateColumnsConfiguration(config: ColumnConfiguration<T>[]): void {\n    // NOTE: The in-place writes are load-bearing. Consumers holding the current\n    // array (header row, DOM controller) must see the new column objects in this\n    // update cycle; rebuilding the array delivers them one cycle late.\n    for (const columnConfig of config) {\n      const existing = this._columns.findIndex((column) => column.field === columnConfig.field);\n      if (existing !== -1) {\n        this._columns[existing] = {\n          ...this._columns[existing],\n          ...createColumnConfiguration(columnConfig),\n        };\n      }\n    }\n\n    this._columns = [...this._columns];\n    this.updateObservers();\n    this.host.requestUpdate(PIPELINE);\n  }\n\n  /**\n   * Replaces the width of a single column with a new configuration object.\n   *\n   * @remarks\n   * Width has no effect on the data pipeline, so no pipeline run is scheduled.\n   * Resize drags call this on each pointer move.\n   */\n  public setColumnWidth(field: Keys<T>, width: string): void {\n    const index = this._columns.findIndex((column) => column.field === field);\n\n    if (index === -1) {\n      return;\n    }\n\n    this._columns = this._columns.with(index, { ...this._columns[index], width });\n    this.updateObservers();\n    this.host.requestUpdate();\n  }\n}\n\nfunction createStateController<T extends object>(\n  host: GridHost<T>,\n  dom: GridDOMController<T>,\n  observersCallback: () => void\n): StateController<T> {\n  return new StateController<T>(host, dom, observersCallback);\n}\n\nexport type { StateController };\nexport { createStateController };\n"]}
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../src/controllers/state.ts"],"names":[],"mappings":"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","sourcesContent":["import { PIPELINE } from '../internal/constants.js';\nimport type { ActiveNode, ColumnConfiguration, GridHost, Keys } from '../internal/types.js';\nimport { createColumnConfiguration, setColumnsFromData } from '../internal/utils.js';\nimport type { GridDOMController } from './dom.js';\nimport { FilterController } from './filter.js';\nimport { NavigationController } from './navigation.js';\nimport { ResizeController } from './resize.js';\nimport { SortController } from './sort.js';\n\n/**\n * Holds the column configuration of the grid and owns the controllers for its\n * data operations. Column objects are immutable: each change produces new objects\n * and a new array, so consumers can dirty-check by identity.\n *\n * @remarks\n * Not a reactive controller: it has no host lifecycle. All DOM concerns live in\n * {@link GridDOMController}.\n */\nclass StateController<T extends object> {\n  private _columns: ColumnConfiguration<T>[] = [];\n  private readonly _observersCallback: () => void;\n\n  public readonly host: GridHost<T>;\n\n  public readonly sorting: SortController<T>;\n  public readonly filtering: FilterController<T>;\n  public readonly navigation: NavigationController<T>;\n  public readonly resizing: ResizeController<T>;\n\n  public get columns(): ColumnConfiguration<T>[] {\n    return this._columns;\n  }\n\n  /** The currently active node in the grid. */\n  public get active(): ActiveNode<T> {\n    return this.navigation.active;\n  }\n\n  /** Sets the currently active node in the grid. */\n  public set active(node: ActiveNode<T>) {\n    this.navigation.active = node;\n  }\n\n  constructor(host: GridHost<T>, dom: GridDOMController<T>, observersCallback: () => void) {\n    this._observersCallback = observersCallback;\n    this.host = host;\n\n    this.sorting = new SortController(this);\n    this.filtering = new FilterController(this, dom);\n    this.navigation = new NavigationController(this, dom);\n    this.resizing = new ResizeController(this, dom);\n  }\n\n  /** Pings the state consumers (headers, header row, filter row). Call at mutation points only. */\n  public updateObservers(): void {\n    this._observersCallback();\n  }\n\n  public setColumnConfiguration(columns: ColumnConfiguration<T>[]): void {\n    this._columns = columns.map((column) => createColumnConfiguration(column));\n    this.filtering.resolveConditions();\n    this.updateObservers();\n    this.host.requestUpdate(PIPELINE);\n  }\n\n  public setAutoColumnConfiguration(): void {\n    if (!this.host.autoGenerate || this.host.data.length === 0) {\n      return;\n    }\n\n    this._columns = setColumnsFromData(this.host.data[0]);\n    this.filtering.resolveConditions();\n    this.host.requestUpdate(PIPELINE);\n  }\n\n  public updateColumnsConfiguration(config: ColumnConfiguration<T>[]): void {\n    // NOTE: Write in place first. Holders of the current array (header row, DOM\n    // controller) must see the new objects this cycle, not the next.\n    for (const columnConfig of config) {\n      const existing = this._columns.findIndex((column) => column.field === columnConfig.field);\n\n      if (existing === -1) {\n        continue;\n      }\n\n      this._columns[existing] = {\n        ...this._columns[existing],\n        ...createColumnConfiguration(columnConfig),\n      };\n    }\n\n    this._columns = [...this._columns];\n    this.updateObservers();\n    this.host.requestUpdate(PIPELINE);\n  }\n\n  /** Replaces one column's width. Skips the pipeline: resize drags call this per pointer move. */\n  public setColumnWidth(field: Keys<T>, width: string): void {\n    const index = this._columns.findIndex((column) => column.field === field);\n\n    if (index === -1) {\n      return;\n    }\n\n    this._columns = this._columns.with(index, { ...this._columns[index], width });\n    this.updateObservers();\n    this.host.requestUpdate();\n  }\n}\n\nfunction createStateController<T extends object>(\n  host: GridHost<T>,\n  dom: GridDOMController<T>,\n  observersCallback: () => void\n): StateController<T> {\n  return new StateController<T>(host, dom, observersCallback);\n}\n\nexport type { StateController };\nexport { createStateController };\n"]}