fix: correct types declarations align to source code

.editorconfig

@@ -0,0 +1,10 @@
+root = true
+
+[*]
+indent_style = space
+indent_size = 4
+tab_width = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true

.gitignore

@@ -1 +1,3 @@
 node_modules/
+yarn.lock
+package-lock.json

css-element-queries.d.ts

@@ -1,2 +1,4 @@
-export { ResizeSensor, ResizeSensorCallback, Size } from "./src/ResizeSensor";
-export { ElementQueries } from './src/ElementQueries';
+import * as ResizeSensor from "./src/ResizeSensor";
+import * as ElementQueries from "./src/ElementQueries";
+
+export { ResizeSensor, ElementQueries };

src/ElementQueries.d.ts

@@ -1,14 +1,18 @@
-export declare class ElementQueries {
-  /**
-   * Attaches to DOMLoadContent
-   */
-  static listen(): void;
-
-  /**
-   * Parses all available CSS and attach ResizeSensor to those elements which have rules attached.
-   * Make sure this is called after 'load' event, because CSS files are not ready when domReady is fired.
-   */
-  static init(): void;
+declare namespace ElementQueries {}
+
+declare class ElementQueries {
+    /**
+     * Attaches to DOMLoadContent
+     */
+    static listen(): void;
+
+    /**
+     * Parses all available CSS and attach ResizeSensor to those elements which have rules attached.
+     * Make sure this is called after 'load' event, because CSS files are not ready when domReady is fired.
+     */
+    static init(): void;
 }
 
-export default ElementQueries;
+export = ElementQueries;
+
+export as namespace ElementQueries;

src/ResizeSensor.d.ts

@@ -1,21 +1,26 @@
-export declare interface Size {
-    width: number;
-    height: number;
-}
+declare namespace ResizeSensor {
+    interface Size {
+        width: number;
+        height: number;
+    }
 
-export declare type ResizeSensorCallback = (size: Size) => void;
+    type ResizeSensorCallback = (size: Size) => void;
+}
 
-export declare class ResizeSensor {
+declare class ResizeSensor {
     /**
      * Creates a new resize sensor on given elements. The provided callback is called max 1 times per requestAnimationFrame and
      * is called initially.
      */
-    constructor(element: Element | Element[], callback: ResizeSensorCallback);
+    constructor(
+        element: Element | Element[],
+        callback: ResizeSensor.ResizeSensorCallback
+    );
 
     /**
      * Removes the resize sensor, and stops listening to resize events.
      */
-    detach(callback?: ResizeSensorCallback): void;
+    detach(callback?: ResizeSensor.ResizeSensorCallback): void;
 
     /**
      * Resets the resize sensors, so for the next element resize is correctly detected. This is rare cases necessary
@@ -26,7 +31,10 @@ export declare class ResizeSensor {
     /**
      * Removes the resize sensor, and stops listening to resize events.
      */
-    static detach(element: Element | Element[], callback?: ResizeSensorCallback): void;
+    static detach(
+        element: Element | Element[],
+        callback?: ResizeSensor.ResizeSensorCallback
+    ): void;
 
     /**
      * Resets the resize sensors, so for the next element resize is correctly detected. This is rare cases necessary
@@ -35,4 +43,6 @@ export declare class ResizeSensor {
     static reset(element: Element | Element[]): void;
 }
 
-export default ResizeSensor;
+export = ResizeSensor;
+
+export as namespace ResizeSensor;

tests/mutation/app.ts

@@ -1,5 +1,3 @@
-declare const ResizeSensor;
-
 const state: {
     dragged: Element
 } = {

tests/types/ElementQueries.ts

@@ -0,0 +1,4 @@
+import * as ElementQueries from "../../src/ElementQueries";
+
+ElementQueries.listen();
+ElementQueries.init();

tests/types/ResizeSensor.ts

@@ -0,0 +1,18 @@
+import * as ResizeSensor from "../../src/ResizeSensor";
+
+const container = document.getElementById("container");
+
+const callback: ResizeSensor.ResizeSensorCallback = (
+  size: ResizeSensor.Size
+) => {
+  console.log(size);
+};
+
+const resizeSensor = new ResizeSensor(container, callback);
+resizeSensor.detach();
+resizeSensor.detach(callback);
+resizeSensor.reset();
+
+ResizeSensor.detach(container);
+ResizeSensor.detach(container, callback);
+ResizeSensor.reset(container);

tests/types/global.ts

@@ -0,0 +1,11 @@
+ElementQueries.listen();
+ElementQueries.init();
+
+const container = document.getElementById("container");
+
+const resizeSensor = new ResizeSensor(container, () => {});
+resizeSensor.detach();
+resizeSensor.reset();
+
+ResizeSensor.detach(container);
+ResizeSensor.reset(container);

tests/types/index.ts

@@ -0,0 +1,13 @@
+import { ElementQueries, ResizeSensor } from "../..";
+
+ElementQueries.listen();
+ElementQueries.init();
+
+const container = document.getElementById("container");
+
+const resizeSensor = new ResizeSensor(container, () => {});
+resizeSensor.detach();
+resizeSensor.reset();
+
+ResizeSensor.detach(container);
+ResizeSensor.reset(container);