ES6 import&export : fix circular dependencies

by updating default options

Author: dev-javascript

src/index.js

@@ -1,3 +1,3 @@
 
-import useDynamicTabs from './useDynamicTabs/index.js';
+import useDynamicTabs from './useDynamicTabs/useDynamicTabs.js';
 export default useDynamicTabs;

src/useDynamicTabs/index.js

@@ -1,14 +1,12 @@
-const CreateDefaultOptions = function (fn, DefaulTabInnerComponent = null) {
-    this.fn = fn;
+const DefaultOptions = function (DefaulTabInnerComponent = null) {
     this.defaultDirection = 'ltr';
     this._DefaulTabInnerComponent = DefaulTabInnerComponent;
     this.directionsRange = ['ltr', 'rtl'];
-    this._create(this._getOptions());
 };
-CreateDefaultOptions.prototype._create = function (options) {
-    this.fn.options = options;
+DefaultOptions.prototype.getOptions = function () {
+    return this._getOptions();
 };
-CreateDefaultOptions.prototype._getOptions = function () {
+DefaultOptions.prototype._getOptions = function () {
     const _options = {
         tabs: [],
         selectedTabID: '',
@@ -50,4 +48,4 @@ CreateDefaultOptions.prototype._getOptions = function () {
     });
     return _options;
 };
-export default CreateDefaultOptions;
+export default DefaultOptions;

src/useDynamicTabs/index.tast.js

@@ -1,7 +1,8 @@
 import factory from './optionManager.factory.js';
-import useDynamicTabs from '../../../useDynamicTabs/index.js';
+import DefaultTabInnerComponent from '../../../tab/defaulTabInner.js';
+import DefaultOptions from './DefaultOptions.js';
 const getDeps = function () {
-    const globalDefaultOptions = useDynamicTabs.options;
+    const globalDefaultOptions = new (DefaultOptions)(DefaultTabInnerComponent).getOptions();
     return { globalDefaultOptions };
 };
 export default factory.bind(null, getDeps);