@coreui/data-grid 0.1.0-rc.0 → 0.3.0-rc.0

package/src/{base-component.js → base-component.ts}

@@ -1,17 +1,17 @@
-// Vendored from https://github.com/coreui/coreui-pro/blob/bc4daf1cd79d527bf665d615c0a31f53ab0c3d4e/js/src/base-component.js — sync manually
+// Vendored from https://github.com/coreui/coreui-pro/blob/e9355580e/js/src/base-component.ts — sync manually
 /**
  * --------------------------------------------------------------------------
- * CoreUI base-component.js
+ * CoreUI base-component.ts
  * Licensed under MIT (https://github.com/coreui/coreui/blob/main/LICENSE)
  *
- * This component is a modified version of the Bootstrap's base-component.js
+ * This component is a modified version of the Bootstrap's base-component.ts
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
  * --------------------------------------------------------------------------
  */
 
 import Data from './dom/data.js'
 import EventHandler from './dom/event-handler.js'
-import Config from './util/config.js'
+import Config, { type ComponentConfig } from './util/config.js'
 import { executeAfterTransition, getElement } from './util/index.js'
 
 /**
@@ -25,7 +25,11 @@ const VERSION = '0.1.0'
  */
 
 class BaseComponent extends Config {
-  constructor(element, config) {
+  declare ['constructor']: typeof BaseComponent
+  protected declare _element: HTMLElement
+  protected declare _config: ComponentConfig
+
+  constructor(element?: string | Element | null, config?: ComponentConfig | null) {
     super()
 
     element = getElement(element)
@@ -33,28 +37,28 @@ class BaseComponent extends Config {
       return
     }
 
-    this._element = element
+    this._element = element as HTMLElement
     this._config = this._getConfig(config)
 
     Data.set(this._element, this.constructor.DATA_KEY, this)
   }
 
   // Public
-  dispose() {
+  dispose(): void {
     Data.remove(this._element, this.constructor.DATA_KEY)
     EventHandler.off(this._element, this.constructor.EVENT_KEY)
 
     for (const propertyName of Object.getOwnPropertyNames(this)) {
-      this[propertyName] = null
+      (this as Record<string, any>)[propertyName] = null
     }
   }
 
   // Private
-  _queueCallback(callback, element, isAnimated = true) {
+  _queueCallback(callback: () => void, element: Element, isAnimated = true): void {
     executeAfterTransition(callback, element, isAnimated)
   }
 
-  _getConfig(config) {
+  override _getConfig(config?: ComponentConfig | null): ComponentConfig {
     config = this._mergeConfigObj(config, this._element)
     config = this._configAfterMerge(config)
     this._typeCheckConfig(config)
@@ -62,27 +66,27 @@ class BaseComponent extends Config {
   }
 
   // Static
-  static getInstance(element) {
+  static getInstance<T extends typeof BaseComponent>(this: T, element?: string | Element | null): InstanceType<T> | null {
     return Data.get(getElement(element), this.DATA_KEY)
   }
 
-  static getOrCreateInstance(element, config = {}) {
-    return this.getInstance(element) || new this(element, typeof config === 'object' ? config : null)
+  static getOrCreateInstance<T extends typeof BaseComponent>(this: T, element?: string | Element | null, config: ComponentConfig | null = {}): InstanceType<T> {
+    return this.getInstance(element) || (new this(element, typeof config === 'object' ? config : null) as InstanceType<T>)
   }
 
-  static get VERSION() {
+  static get VERSION(): string {
     return VERSION
   }
 
-  static get DATA_KEY() {
+  static get DATA_KEY(): string {
     return `coreui.${this.NAME}`
   }
 
-  static get EVENT_KEY() {
+  static get EVENT_KEY(): string {
     return `.${this.DATA_KEY}`
   }
 
-  static eventName(name) {
+  static eventName(name: string): string {
     return `${name}${this.EVENT_KEY}`
   }
 }