@lemonadejs/tabs 2.0.0 → 2.0.2

package/dist/index.d.ts

@@ -3,23 +3,42 @@
  * https://lemonadejs.net
  * Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
  */
+import Modal from "@lemonadejs/modal";
 
-interface Tabs {
-    (): any
-    [key: string]: any
-}
+declare function Tabs(el: HTMLElement, options?: Tabs.Options): Tabs.Instance;
 
-interface options {
-    data?: object[];
-    selected?: number;
-    position?: number;
-    onopen?: (index: number) => void;
-}
+declare namespace Tabs {
+
+    interface Items {
+        title: string,
+        content: string,
+    }
+
+    interface Options {
+        /** Programmatically content */
+        data?: Items[];
+        /** Selected tab */
+        selected?: number;
+        /** Tabs position */
+        position?: 'center' | undefined;
+        /** Activate round borders */
+        round?: boolean;
+        /** On open event */
+        onopen?: (index: number) => void;
+    }
 
-interface instance {
-    data: object[];
-    selected: number;
-    position: number;
+    interface Instance {
+        /** Programmatically content */
+        data?: Items[];
+        /** Selected tab */
+        selected: number;
+        /** Tabs position */
+        position?: 'center' | undefined;
+        /** Activate round borders */
+        round?: boolean;
+        /** On open event */
+        onopen?: (index: number) => void;
+    }
 }
 
-export declare function Tabs(el: HTMLElement, options?: options): instance;
+export default Tabs;

package/dist/index.js

@@ -79,7 +79,7 @@ if (!lemonade && typeof (require) === 'function') {
             lemonade.render(Tabs, root, options, template)
             return options;
         } else {
-            return Tabs.call(this, root)
+            return Tabs.call(this, root);
         }
     }
 })));

package/dist/react.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Official Type definitions for the LemonadeJS plugins
+ * https://lemonadejs.net
+ * Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+ */
+import Component from './index';
+
+interface Tabs {
+    (): any
+    [key: string]: any
+}
+
+declare function Tabs<Tabs>(props: Component.Options): any;
+
+export default Tabs;

package/package.json

@@ -16,5 +16,5 @@
         "lemonadejs": "^4.0.7"
     },
     "main": "dist/index.js",
-    "version": "2.0.0"
+    "version": "2.0.2"
 }

package/src/index.html

@@ -1,16 +0,0 @@
-<script src="https://cdn.jsdelivr.net/npm/lemonadejs@3.3.1/dist/lemonade.min.js"></script>
-<script src="../dist/index.js"></script>
-<link rel="stylesheet" href="../dist/style.css" />
-
-<div id="tabs">
-    <div title="Tab 1">Content of the first tab</div>
-    <div title="Tab 2">Content of the second tab</div>
-</div>
-
-<script>
-const root = document.getElementById("tabs");
- 
-Tabs(root, {
-  selected: 0
-});
-</script>