wunderbaum 0.13.0 → 0.14.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wunderbaum",
-  "version": "0.13.0",
+  "version": "0.14.0",
   "title": "A treegrid control.",
   "description": "JavaScript tree/grid/treegrid control.",
   "homepage": "https://github.com/mar10/wunderbaum",
@@ -52,6 +52,7 @@
     "@rollup/plugin-replace": "^6.0.2",
     "@rollup/plugin-terser": "^0.4.4",
     "@rollup/plugin-typescript": "^12.1.2",
+    "@types/firebase": "^2.4.32",
     "@types/jest": "^29.5.14",
     "@typescript-eslint/eslint-plugin": "^8.24.0",
     "@typescript-eslint/parser": "^8.24.0",
@@ -104,7 +105,7 @@
   "scripts": {
     "test": "npm run lint && npm run build:js && grunt ci --verbose",
     "api_docs": "typedoc && touch docs/api/.nojekyll && rm docs/unittest/*.*; cp test/unit/*.* docs/unittest",
-    "format": "eslint src --fix && prettier src docs/demo -w && npm run lint",
+    "format": "eslint src docs/demo --fix && prettier src docs/demo -w && npm run lint",
     "lint": "prettier src docs/demo --check && eslint src docs/demo && tsc -t esnext --moduleResolution node --noEmit src/wunderbaum.ts",
     "build:minjs:umd": "terser build/wunderbaum.umd.js --compress --mangle --source-map \"base='build',url='wunderbaum.umd.min.js.map',filename='wunderbaum.umd.js'\" --output build/wunderbaum.umd.min.js",
     "build:minjs:esm": "terser build/wunderbaum.esm.js --compress --mangle --source-map \"base='build',url='wunderbaum.esm.min.js.map',filename='wunderbaum.esm.js'\" --output build/wunderbaum.esm.min.js",

package/src/common.ts

@@ -35,13 +35,23 @@ export const RENDER_MAX_PREFETCH = 5;
 export const RENDER_MIN_PREFETCH = 5;
 /** Minimum column width if not set otherwise. */
 export const DEFAULT_MIN_COL_WIDTH = 4;
+/**
+ * A value for `node.type` that by convention may be used to mark a node as directory.
+ * It may be used to sort 'directories' to the top.
+ */
+export const NODE_TYPE_FOLDER = "folder";
 /** Regular expression to detect if a string describes an image URL (in contrast
  * to a class name). Strings are considered image urls if they contain '.' or '/'.
+ * `<` is ignored, because it is probably an html tag.
  */
-export const TEST_IMG = new RegExp(/\.|\//);
+export const TEST_FILE_PATH = /^(?!.*<).*[/.]/;
+/** Regular expression to detect if a string describes an HTML element. */
+export const TEST_HTML = /</;
 // export const RECURSIVE_REQUEST_ERROR = "$recursive_request";
 // export const INVALID_REQUEST_TARGET_ERROR = "$request_target_invalid";
 
+/** Currently supported default icon maps. */
+type IconLibrary = "bootstrap" | "fontawesome6";
 /**
  * Default node icons for icon libraries
  *
@@ -49,7 +59,7 @@ export const TEST_IMG = new RegExp(/\.|\//);
  *  - 'fontawesome6' {@link https://fontawesome.com/icons}
  *
  */
-export const iconMaps: { [key: string]: IconMapType } = {
+export const defaultIconMaps: { [key in IconLibrary]: IconMapType } = {
   bootstrap: {
     error: "bi bi-exclamation-triangle",
     // loading: "bi bi-hourglass-split wb-busy",
@@ -97,7 +107,7 @@ export const iconMaps: { [key: string]: IconMapType } = {
     radioChecked: "fa-solid fa-circle",
     radioUnchecked: "fa-regular fa-circle",
     radioUnknown: "fa-regular fa-circle-question",
-    folder: "fa-solid fa-folder-closed",
+    folder: "fa-regular fa-folder-closed",
     folderOpen: "fa-regular fa-folder-open",
     folderLazy: "fa-solid fa-folder-plus",
     doc: "fa-regular fa-file",
@@ -221,7 +231,9 @@ export function makeNodeTitleStartMatcher(s: string): MatcherCallback {
   };
 }
 
-/** Compare two nodes by title (case-insensitive). */
+/** Compare two nodes by title (case-insensitive).
+ * @deprecated Use `key` option instead of `cmp` in sort methods.
+ */
 export function nodeTitleSorter(a: WunderbaumNode, b: WunderbaumNode): number {
   const x = a.title.toLowerCase();
   const y = b.title.toLowerCase();
@@ -229,6 +241,13 @@ export function nodeTitleSorter(a: WunderbaumNode, b: WunderbaumNode): number {
   return x === y ? 0 : x > y ? 1 : -1;
 }
 
+// /** Compare nodes by title (case-insensitive). */
+// export function nodeTitleKeyGetter(
+//   node: WunderbaumNode
+// ): string | number | Array<any> {
+//   return node.title.toLowerCase();
+// }
+
 /**
  * Convert 'flat' to 'nested' format.
  *

package/src/types.ts

@@ -60,8 +60,13 @@ export type MatcherCallback = (node: WunderbaumNode) => boolean;
 export type WbIconBadgeCallback = (
   e: WbIconBadgeEventType
 ) => WbIconBadgeEventResultType;
-/** Passed to `sortChildren()` methods. Should return -1, 0, or 1. */
+/**
+ * Passed to `sort()` methods. Should return -1, 0, or 1.
+ * @deprecated Use SortKeyCallback instead
+ */
 export type SortCallback = (a: WunderbaumNode, b: WunderbaumNode) => number;
+/** Passed to `sort()` methods. Should return a representation that can be compared using `<`. */
+export type SortKeyCallback = (node: WunderbaumNode) => string | number | any[];
 /** When set as option, called when the value is needed (e.g. `colspan` type definition). */
 export type BoolOptionResolver = (node: WunderbaumNode) => boolean;
 /** When set as option, called when the value is needed (e.g. `icon` type definition). */
@@ -99,6 +104,12 @@ export type NodeToDictCallback = (
  */
 export type NodeSelectCallback = (node: WunderbaumNode) => boolean | void;
 
+/** @internal */
+export type DeprecationOptions = {
+  since?: string;
+  hint?: string;
+};
+
 /**
  * See also {@link WunderbaumNode.getOption|WunderbaumNode.getOption()}
  * to evaluate `node.NAME` setting and `tree.types[node.type].NAME`.
@@ -163,7 +174,7 @@ export interface WbNodeData {
   title: string;
   /** Pass true to set node tooltip to the node's title. Defaults to {@link WunderbaumOptions.tooltip}. */
   tooltip?: TooltipOption;
-  /** Inherit shared settings from the matching entry in {@link WunderbaumOptions.types}. */
+  /** Inherit shared settings from the matching entry in `InitWunderbaumOptions.types`. */
   type?: string;
   /** Set to `true` to prevent selection. Defaults to {@link WunderbaumOptions.unselectable}. */
   unselectable?: boolean;
@@ -203,7 +214,7 @@ export interface IconMapType {
  * EVENT CALLBACK TYPES
  * ---------------------------------------------------------------------------*/
 
-/** A callback that receives a node instance and returns a string value. */
+/** Retuen value of an event handler that can return `false` to prevent the default action. */
 export type WbCancelableEventResultType = false | void;
 
 export interface WbTreeEventType {
@@ -497,21 +508,6 @@ export interface ColumnDefinition {
 
 export type ColumnDefinitionList = Array<ColumnDefinition>;
 
-/**
- * Used by {@link Wunderbaum.getState} and {@link Wunderbaum.setState}.
- */
-export interface TreeStateDefinition {
-  /** The active node's key if any. */
-  activeKey: string | null;
-  /** The active column index if any. */
-  activeColIdx: number | null;
-  /** List of selected node's keys. */
-  selectedKeys: Array<string> | undefined;
-  /** List of expanded node's keys. */
-  expandedKeys: Array<string> | undefined;
-  /** List of checked node's keys. */
-}
-
 /**
  * Column information (passed to the `render` event).
  */
@@ -753,8 +749,7 @@ export interface FilterNodesOptions {
   /**Hide expanders if all child nodes are hidden by filter @default false */
   hideExpanders?: boolean;
   /** Highlight matches by wrapping inside `<mark>` tags.
-   * Does not work for filter callbacks.
-   *  @default true
+   * Does not work for filter callbacks.  @default true
    */
   highlight?: boolean;
   /** Match end nodes only @default false */
@@ -767,11 +762,11 @@ export interface FilterNodesOptions {
 
 /** Possible values for {@link Wunderbaum.getState}. */
 export interface GetStateOptions {
-  // /** Include the activated key. @default true */
-  // activeKey?: boolean;
-  /** Include the expanded keys. @default true */
+  /** Include the active node's key (and expand its parents). @default true */
+  activeKey?: boolean;
+  /** Include the expanded keys. @default false */
   expandedKeys?: boolean;
-  /** Include the selected keys. @default true */
+  /** Include the selected keys. @default false */
   selectedKeys?: boolean;
 }
 
@@ -781,6 +776,28 @@ export interface SetStateOptions {
   expandLazy?: boolean;
 }
 
+/** Used by {@link Wunderbaum.getState} and {@link Wunderbaum.setState}. */
+export interface TreeStateDefinition {
+  /** List of expanded node's keys. */
+  expandedKeys: Array<string> | undefined;
+  /** The active node's key if any. */
+  activeKey: string | null;
+  /** The active column index if any. */
+  activeColIdx: number | null;
+  /** List of selected node's keys. */
+  selectedKeys: Array<string> | undefined;
+}
+
+/** Possible values for {@link Wunderbaum.loadLazyNodes} `options` argument. */
+export interface LoadLazyNodesOptions {
+  /** Expand node (otherwise load, but keep collapsed). @default true */
+  expand?: boolean;
+  /** Force reloading even if already loaded. @default false */
+  force?: boolean;
+  /** Do not send events. @default false */
+  noEvents?: boolean;
+}
+
 /** Possible values for {@link WunderbaumNode.makeVisible}. */
 export interface MakeVisibleOptions {
   /** Do not animate expand (currently not implemented). @default false */
@@ -918,7 +935,17 @@ export interface SetStatusOptions {
 }
 
 /**
- * Possible values for {@link WunderbaumNode.sortByProperty} `options` argument.
+ * Possible values for {@link Wunderbaum.reload} `options` argument.
+ */
+export interface ReloadOptions {
+  /** Load this source instead. @default initial source (if loaded via ajax) */
+  source?: SourceType;
+  /** Reactivate currently active node if any. @default true */
+  reactivate?: boolean;
+}
+
+/**
+ * Possible values for {@link WunderbaumNode.resetNativeChildOrder} `options` argument.
  */
 export interface ResetOrderOptions {
   /** Sort descendants recursively. @default true */
@@ -930,31 +957,37 @@ export interface ResetOrderOptions {
 }
 
 /**
- * Possible values for {@link WunderbaumNode.sortByProperty} `options` argument.
+ * Possible values for {@link Wunderbaum.sort} and {@link WunderbaumNode.sort}
+ * `options` argument.
  */
-export interface SortByPropertyOptions {
-  /** Column ID as defined in `tree.columns` definition. Required if updateColInfo is true.*/
-  colId?: string;
+export interface SortOptions {
   /** The name of the node property that will be used for sorting.
-   * @default use the `colId` as property name.
+   * Mandatory, unless  {@link key} or  {@link colId} are given.
    */
   propName?: string;
-  // /** If defined, this callback is used to extract the value to be sorted. */
-  // vallueGetter?: NodePropertyGetterCallback;
-  /** Sort order. @default Use value from column definition (rotated).*/
+  /** Callback that determines a node representation for comparison.
+   * @default {@link common.nodeTitleKeyGetter} */
+  key?: SortKeyCallback;
+  /** Callback that determines the order. @default {@link common.nodeTitleSorter}
+   * @deprecated use {@link key} instead
+   */
+  cmp?: SortCallback;
+  /** Sort order 'asc' or 'desc'.
+   * @default 'asc' (or if `updateColInfo` is true, the rotated status of the
+   * column definition.
+   * See also {@link WunderbaumOptions.sortFoldersFirst}.
+   */
   order?: SortOrderType;
+  /** Sort descendants recursively. @default true */
+  deep?: boolean;
+  /** Sort string values case insensitive. @default false */
+  caseInsensitive?: boolean;
   /**
    * Sort by this property if order is `undefined`.
    * See also {@link WunderbaumNode.resetNativeChildOrder}.
    * @default `_nativeIndex`.
    */
   nativeOrderPropName?: string;
-  /** Sort string values case insensitive. @default false */
-  caseInsensitive?: boolean;
-  /** Sort descendants recursively. @default true */
-  deep?: boolean;
-  // /** Rotate sort order (asc -> desc -> none) before sorting. @default false */
-  // rotateOrder?: boolean;
   /**
    * Rotate sort order (asc -> desc -> none) before sorting.
    * Update the sort icons in the column header
@@ -965,8 +998,16 @@ export interface SortByPropertyOptions {
    * @default false
    */
   updateColInfo?: boolean;
+  /** Column ID as defined in `tree.columns` definition. Required if updateColInfo is true.*/
+  colId?: string;
 }
 
+/**
+ * Possible values for {@link WunderbaumNode.sortByProperty} `options` argument.
+ * @deprecated
+ */
+export type SortByPropertyOptions = SortOptions;
+
 /** Options passed to {@link Wunderbaum.visitRows}. */
 export interface VisitRowsOptions {
   /** Skip filtered nodes and children of collapsed nodes. @default false */
@@ -1122,6 +1163,7 @@ export type DropEffectAllowedType =
 
 export type DropRegionType = "over" | "before" | "after";
 export type DropRegionTypeSet = Set<DropRegionType>;
+export type DropRegionTypeList = Array<DropRegionType>;
 // type AllowedDropRegionType =
 //   | "after"
 //   | "afterBefore"
@@ -1147,6 +1189,8 @@ export interface DropEventType extends WbNodeEventType {
   node: WunderbaumNode;
   /** The source node if any. */
   sourceNode: WunderbaumNode;
+  /** The DataTransfer object. */
+  dataTransfer: DataTransfer;
 }
 
 export type DndOptionsType = {
@@ -1292,7 +1336,9 @@ export type DndOptionsType = {
    */
   dragEnter?:
     | null
-    | ((e: DropEventType) => DropRegionType | DropRegionTypeSet | boolean);
+    | ((
+        e: DropEventType
+      ) => DropRegionType | DropRegionTypeSet | DropRegionTypeList | boolean);
   /**
    * Callback(targetNode, data)
    * @default null

package/src/util.ts

@@ -36,6 +36,8 @@ const ENTITY_MAP: { [key: string]: string } = {
   "/": "/",
 };
 
+export type NotPromise<T> = T extends Promise<any> ? never : T;
+
 export type FunctionType = (...args: any[]) => any;
 export type EventCallbackType = (e: Event) => boolean | void;
 type PromiseCallbackType = (val: any) => void;
@@ -175,7 +177,7 @@ export function each(
   return obj;
 }
 
-/** Shortcut for `throw new Error(msg)`.*/
+/** Shortcut for `throw new Error(msg)`. */
 export function error(msg: string) {
   throw new Error(msg);
 }
@@ -783,6 +785,11 @@ export function toPixel(
   throw new Error(`Expected a string like '123px': ${defaults}`);
 }
 
+/** Cast any value to <T>. */
+export function unsafeCast<T>(value: any): T {
+  return value as T;
+}
+
 /** Return the the boolean value of the first non-null element.
  * Example:
  * ```js
@@ -874,7 +881,7 @@ export function adaptiveThrottle(
   const throttledFn = (...args: any[]) => {
     if (waiting) {
       pendingArgs = args;
-      // console.log(`adaptiveThrottle() queing request #${waiting}...`, args);
+      // console.log(`adaptiveThrottle() queueing request #${waiting}...`, args);
       waiting += 1;
     } else {
       // Prevent invocations while running or blocking
@@ -932,3 +939,69 @@ export function adaptiveThrottle(
   };
   return throttledFn;
 }
+
+/**
+ * MurmurHash3 implementation for strings.
+ * @param key The input string to hash.
+ * @param asString Optional convert result to zero-padded string of 8 characters.
+ * @param seed Optional seed value.
+ * @returns A 32-bit hash as a number or string.
+ */
+export function murmurHash3(
+  key: string,
+  asString = true,
+  seed: number = 0
+): number | string {
+  let h1 = seed;
+  const remainder = key.length & 3; // key.length % 4
+  const bytes = key.length - remainder;
+  const c1 = 0xcc9e2d51;
+  const c2 = 0x1b873593;
+
+  let i = 0;
+  while (i < bytes) {
+    let k1 =
+      (key.charCodeAt(i) & 0xff) |
+      ((key.charCodeAt(++i) & 0xff) << 8) |
+      ((key.charCodeAt(++i) & 0xff) << 16) |
+      ((key.charCodeAt(++i) & 0xff) << 24);
+    ++i;
+
+    k1 = Math.imul(k1, c1);
+    k1 = (k1 << 15) | (k1 >>> 17);
+    k1 = Math.imul(k1, c2);
+
+    h1 ^= k1;
+    h1 = (h1 << 13) | (h1 >>> 19);
+    h1 = Math.imul(h1, 5) + 0xe6546b64;
+  }
+
+  let k1 = 0;
+  switch (remainder) {
+    case 3:
+      k1 ^= (key.charCodeAt(i + 2) & 0xff) << 16;
+    // fall through
+    case 2:
+      k1 ^= (key.charCodeAt(i + 1) & 0xff) << 8;
+    // fall through
+    case 1:
+      k1 ^= key.charCodeAt(i) & 0xff;
+      k1 = Math.imul(k1, c1);
+      k1 = (k1 << 15) | (k1 >>> 17);
+      k1 = Math.imul(k1, c2);
+      h1 ^= k1;
+  }
+
+  h1 ^= key.length;
+  h1 ^= h1 >>> 16;
+  h1 = Math.imul(h1, 0x85ebca6b);
+  h1 ^= h1 >>> 13;
+  h1 = Math.imul(h1, 0xc2b2ae35);
+  h1 ^= h1 >>> 16;
+
+  if (asString) {
+    // Convert to 8 digit hex string
+    return (h1 >>> 0).toString(16).padStart(8, "0");
+  }
+  return h1 >>> 0; // Convert to unsigned 32-bit integer
+}

package/src/wb_ext_dnd.ts

@@ -78,7 +78,7 @@ export class DndExtension extends WunderbaumExtension<DndOptionsType> {
     // this.$scrollParent = $temp.scrollParent();
     // $temp.remove();
     const tree = this.tree;
-    const dndOpts = tree.options.dnd!;
+    const dndOpts = tree.options.dnd;
 
     // Enable drag support if dragStart() is specified:
     if (dndOpts.dragStart) {
@@ -134,7 +134,7 @@ export class DndExtension extends WunderbaumExtension<DndOptionsType> {
     e: DragEvent,
     allowed: DropRegionTypeSet | null
   ): DropRegionType | false {
-    const rowHeight = this.tree.options.rowHeightPx!;
+    const rowHeight = this.tree.options.rowHeightPx;
     const dy = e.offsetY;
 
     if (!allowed) {
@@ -208,7 +208,7 @@ export class DndExtension extends WunderbaumExtension<DndOptionsType> {
     //   `_isVoidDrop: ${srcNode} -> ${dropRegion} ${targetNode}`
     // );
     // TODO: should be checked on  move only
-    if (!this.treeOpts.dnd.preventVoidMoves || !srcNode) {
+    if (!this.treeOpts.dnd!.preventVoidMoves || !srcNode) {
       return false;
     }
     if (
@@ -225,7 +225,7 @@ export class DndExtension extends WunderbaumExtension<DndOptionsType> {
   /* Implement auto scrolling when drag cursor is in top/bottom area of scroll parent. */
   protected _applyScrollDir(): void {
     if (this.isDragging() && this.currentScrollDir) {
-      const dndOpts = this.tree.options.dnd!;
+      const dndOpts = this.tree.options.dnd;
       const sp = this.tree.element; // scroll parent
       const scrollTop = sp.scrollTop;
       if (this.currentScrollDir < 0) {
@@ -238,7 +238,7 @@ export class DndExtension extends WunderbaumExtension<DndOptionsType> {
   /* Implement auto scrolling when drag cursor is in top/bottom area of scroll parent. */
   protected _autoScroll(viewportY: number): number {
     const tree = this.tree;
-    const dndOpts = tree.options.dnd!;
+    const dndOpts = tree.options.dnd;
     const sensitivity = dndOpts.scrollSensitivity;
     const sp = tree.element; // scroll parent
     const headerHeight = tree.headerElement.clientHeight; // May be 0
@@ -284,7 +284,6 @@ export class DndExtension extends WunderbaumExtension<DndOptionsType> {
    * Handle dragstart, drag and dragend events for the source node.
    */
   protected onDragEvent(e: DragEvent) {
-    // const tree = this.tree;
     const dndOpts: DndOptionsType = this.treeOpts.dnd;
     const srcNode = Wunderbaum.getNode(e);
 
@@ -312,7 +311,7 @@ export class DndExtension extends WunderbaumExtension<DndOptionsType> {
         return false;
       }
       const nodeData = srcNode.toDict(true, (n: any) => {
-        // We don't want to re-use the key on drop:
+        // We don't want to reuse the key on drop:
         n._orgKey = n.key;
         delete n.key;
       });
@@ -377,6 +376,7 @@ export class DndExtension extends WunderbaumExtension<DndOptionsType> {
     };
     if (!targetNode) {
       this._leaveNode();
+      e.preventDefault(); // Don't open file in browser when dropped in empty area
       return;
     }
     if (["drop"].includes(e.type)) {
@@ -518,19 +518,20 @@ export class DndExtension extends WunderbaumExtension<DndOptionsType> {
       const srcNode = this.srcNode;
       const lastDropEffect = this.lastDropEffect;
 
-      setTimeout(() => {
-        // Decouple this call, because drop actions may prevent the dragend event
-        // from being fired on some browsers
-        targetNode._callEvent("dnd.drop", {
-          event: e,
-          region: region,
-          suggestedDropMode: region === "over" ? "appendChild" : region,
-          suggestedDropEffect: lastDropEffect,
-          // suggestedDropEffect: e.dataTransfer?.dropEffect,
-          sourceNode: srcNode,
-          sourceNodeData: nodeData,
-        });
-      }, 10);
+      /* Before v0.14.0, we decoupled `_callEvent` like so:
+           Decouple this call, because drop actions may prevent the dragend
+           event from being fired on some browsers.
+           setTimeout(() => {...}, 10);
+        however this made e.dataTransfer.items inaccessible */
+      targetNode._callEvent("dnd.drop", {
+        event: e,
+        region: region,
+        suggestedDropMode: region === "over" ? "appendChild" : region,
+        suggestedDropEffect: lastDropEffect,
+        sourceNode: srcNode,
+        sourceNodeData: nodeData,
+        dataTransfer: e.dataTransfer,
+      });
     }
     return false;
   }

package/src/wb_ext_edit.ts

@@ -286,7 +286,7 @@ export class EditExtension extends WunderbaumExtension<EditOptionsType> {
       newValue = newValue.trim();
     }
     if (!node) {
-      this.tree.logDebug("stopEditTitle: not in edit mode.");
+      // this.tree.logDebug("stopEditTitle: not in edit mode.");
       return;
     }
     node.logDebug(`stopEditTitle(${apply})`, options, focusElem, newValue);

package/src/wb_ext_filter.ts

@@ -75,7 +75,7 @@ export class FilterExtension extends WunderbaumExtension<FilterOptionsType> {
     const filterActive = this.tree.filterMode !== null;
     const activeNode = this.tree.getActiveNode();
     const matchCount = filterActive ? this.countMatches() : 0;
-    const strings = this.treeOpts.strings!;
+    const strings = this.treeOpts.strings;
     let matchIdx: string | number = "?";
 
     if (this.matchInfoElem) {
@@ -363,6 +363,10 @@ export class FilterExtension extends WunderbaumExtension<FilterOptionsType> {
       options.matchBranch === undefined,
       "filterBranches() is deprecated."
     );
+    this.tree.logDeprecate("filterBranches()", {
+      since: "0.9.0",
+      hint: "Use `filterNodes` instead and set `options.matchBranch: true`",
+    });
     options.matchBranch = true;
     return this._applyFilterNoUpdate(filter, options);
   }
@@ -436,7 +440,7 @@ export class FilterExtension extends WunderbaumExtension<FilterOptionsType> {
 }
 
 /**
- * @description Marks the matching charecters of `text` either by `mark` or
+ * @description Marks the matching characters of `text` either by `mark` or
  * by exotic*Chars (if `escapeTitles` is `true`) based on `matches`
  * which is an array of matching groups.
  * @param {string} text

package/src/wb_ext_grid.ts

@@ -77,7 +77,7 @@ export class GridExtension extends WunderbaumExtension<GridOptionsType> {
   }
 
   /**
-   * Hanldes drag and sragstop events for column resizing.
+   * Handles drag and sragstop events for column resizing.
    */
   protected handleDrag(e: DragCallbackArgType): void {
     const custom = e.customData;

package/src/wb_extension_base.ts

@@ -5,10 +5,25 @@
  */
 
 import * as util from "./util";
+import { DndExtension } from "./wb_ext_dnd";
+import { EditExtension } from "./wb_ext_edit";
+import { FilterExtension } from "./wb_ext_filter";
+import { GridExtension } from "./wb_ext_grid";
+import { KeynavExtension } from "./wb_ext_keynav";
+import { LoggerExtension } from "./wb_ext_logger";
 import { WunderbaumOptions } from "./wb_options";
 import { Wunderbaum } from "./wunderbaum";
 
-export type ExtensionsDict = { [key: string]: WunderbaumExtension<any> };
+export type ExtensionsDict = {
+  dnd: DndExtension;
+  edit: EditExtension;
+  filter: FilterExtension;
+  grid: GridExtension;
+  keynav: KeynavExtension;
+  logger: LoggerExtension;
+
+  [key: string]: WunderbaumExtension<any>;
+};
 
 export abstract class WunderbaumExtension<TOptions> {
   public enabled = true;