igniteui-grid-lite 0.9.0 → 0.11.0

package/controllers/state.js

@@ -1,5 +1,4 @@
 import { PIPELINE } from '../internal/constants.js';
-import { GRID_BODY, GRID_FILTER_ROW_TAG, GRID_HEADER_ROW_TAG, GRID_ROW_TAG, } from '../internal/tags.js';
 import { createColumnConfiguration, setColumnsFromData } from '../internal/utils.js';
 import { FilterController } from './filter.js';
 import { NavigationController } from './navigation.js';
@@ -9,68 +8,65 @@ class StateController {
     get columns() {
         return this._columns;
     }
-    get headerRow() {
-        return this.host.renderRoot.querySelector(GRID_HEADER_ROW_TAG);
-    }
-    get filterRow() {
-        return this.host.renderRoot.querySelector(GRID_FILTER_ROW_TAG);
-    }
-    get rows() {
-        return Array.from(this.host.renderRoot.querySelectorAll(GRID_ROW_TAG));
-    }
-    get virtualizer() {
-        return this.host.renderRoot.querySelector(GRID_BODY);
-    }
     get active() {
         return this.navigation.active;
     }
     set active(node) {
         this.navigation.active = node;
     }
-    constructor(host, observersCallback) {
+    constructor(host, dom, observersCallback) {
         this._columns = [];
         this._observersCallback = observersCallback;
         this.host = host;
-        this.host.addController(this);
-        this.sorting = new SortController(this.host);
-        this.filtering = new FilterController(this);
-        this.navigation = new NavigationController(this);
-        this.resizing = new ResizeController(this.host);
+        this.sorting = new SortController(this);
+        this.filtering = new FilterController(this, dom);
+        this.navigation = new NavigationController(this, dom);
+        this.resizing = new ResizeController(this, dom);
     }
-    hostUpdate() {
-        this.headerRow?.requestUpdate();
-        this.virtualizer?.requestUpdate();
+    updateObservers() {
+        this._observersCallback();
     }
     setColumnConfiguration(columns) {
         this._columns = columns.map((column) => createColumnConfiguration(column));
         this.filtering.resolveConditions();
-        this._observersCallback.call(this.host);
+        this.updateObservers();
         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._observersCallback.call(this.host);
+        this.updateObservers();
         this.host.requestUpdate(PIPELINE);
     }
+    setColumnWidth(field, width) {
+        const index = this._columns.findIndex((column) => column.field === field);
+        if (index === -1) {
+            return;
+        }
+        this._columns = this._columns.with(index, { ...this._columns[index], width });
+        this.updateObservers();
+        this.host.requestUpdate();
+    }
 }
-function createStateController(host, observersCallback) {
-    return new StateController(host, observersCallback);
+function createStateController(host, dom, observersCallback) {
+    return new StateController(host, dom, observersCallback);
 }
 export { createStateController };
 //# sourceMappingURL=state.js.map

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 type { ReactiveController } from 'lit';\nimport type IgcFilterRow from '../components/filter-row.js';\nimport type IgcGridLiteHeaderRow from '../components/header-row.js';\nimport type IgcGridLiteRow from '../components/row.js';\nimport type IgcVirtualizer from '../components/virtualizer.js';\nimport { PIPELINE } from '../internal/constants.js';\nimport {\n  GRID_BODY,\n  GRID_FILTER_ROW_TAG,\n  GRID_HEADER_ROW_TAG,\n  GRID_ROW_TAG,\n} from '../internal/tags.js';\nimport type { ActiveNode, ColumnConfiguration, GridHost } from '../internal/types.js';\nimport { createColumnConfiguration, setColumnsFromData } from '../internal/utils.js';\nimport { FilterController } from './filter.js';\nimport { NavigationController } from './navigation.js';\nimport { ResizeController } from './resize.js';\nimport { SortController } from './sort.js';\n\nclass StateController<T extends object> implements ReactiveController {\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  /** Returns the header row element of the grid. */\n  public get headerRow(): IgcGridLiteHeaderRow<T> | null {\n    return this.host.renderRoot.querySelector<IgcGridLiteHeaderRow<T>>(GRID_HEADER_ROW_TAG);\n  }\n\n  /** Returns the filter row element of the grid. */\n  public get filterRow(): IgcFilterRow<T> | null {\n    return this.host.renderRoot.querySelector<IgcFilterRow<T>>(GRID_FILTER_ROW_TAG);\n  }\n\n  /** Returns the data row elements of the grid. */\n  public get rows(): IgcGridLiteRow<T>[] {\n    return Array.from(this.host.renderRoot.querySelectorAll<IgcGridLiteRow<T>>(GRID_ROW_TAG));\n  }\n\n  /** Returns the virtualizer element of the grid. */\n  public get virtualizer(): IgcVirtualizer | null {\n    return this.host.renderRoot.querySelector(GRID_BODY);\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>, observersCallback: () => void) {\n    this._observersCallback = observersCallback;\n    this.host = host;\n    this.host.addController(this);\n\n    this.sorting = new SortController(this.host);\n    this.filtering = new FilterController(this);\n    this.navigation = new NavigationController(this);\n    this.resizing = new ResizeController(this.host);\n  }\n\n  public hostUpdate(): void {\n    this.headerRow?.requestUpdate();\n    this.virtualizer?.requestUpdate();\n  }\n\n  public setColumnConfiguration(columns: ColumnConfiguration<T>[]): void {\n    this._columns = columns.map((column) => createColumnConfiguration(column));\n    this.filtering.resolveConditions();\n    this._observersCallback.call(this.host);\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    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._observersCallback.call(this.host);\n    this.host.requestUpdate(PIPELINE);\n  }\n}\n\nfunction createStateController<T extends object>(\n  host: GridHost<T>,\n  observersCallback: () => void\n): StateController<T> {\n  return new StateController<T>(host, 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"]}