add createDefaultOptions.js

Author: biglari-test

src/com/react-dynamic-tabs/useDynamicTabs/createDefaultOptions.js

@@ -0,0 +1,52 @@
+const CreateDefaultOptions = function (fn, DefaulTabInnerComponent = null) {
+    this.fn = fn;
+    this.defaultDirection = 'ltr';
+    this._DefaulTabInnerComponent = DefaulTabInnerComponent;
+    this.directionsRange = ['ltr', 'rtl'];
+    this._create(this._getOptions());
+};
+CreateDefaultOptions.prototype._create = function (options) {
+    this.fn.options = options;
+};
+CreateDefaultOptions.prototype._getOptions = function () {
+    const _options = {
+        tabs: [],
+        selectedTabID: '',
+        beforeSelect: function (e, id) { return true; },
+        beforeClose: function (e, id) { return true; },
+        onOpen: function (IDs) { },
+        onClose: function (IDs) { },
+        onSelect: function ({ currentSelectedTabId, perviousSelectedTabId }) { },
+        onChange: function ({ currentData, perviousData }) { },
+        onLoad: function (api) { },
+        onDestroy: function () { },
+        isCustomTabComponent: false,// shoud be removed
+        accessibility: true,
+        defaultPanelComponent: null
+    };
+    let _direction = this.defaultDirection, _tabComponent = this._DefaulTabInnerComponent;
+    const that = this;
+    Object.defineProperties(_options, {
+        direction: {
+            get() { return _direction; },
+            set(value) {
+                if (that.directionsRange.indexOf(value) === -1)
+                    throw 'Invalid direction value! it can be eather of "ltr" or "rtl" ';
+                _direction = value;
+            }
+        },
+        tabComponent: {
+            get() {
+                return _tabComponent
+            },
+            set(fn) {
+                if (fn && (typeof fn !== 'function'))
+                    throw 'tabComponent property must be type of a function.';
+                _options.isCustomTabComponent = fn ? true : false;
+                _tabComponent = fn ? fn : that._DefaulTabInnerComponent;
+            }
+        }
+    });
+    return _options;
+};
+export default CreateDefaultOptions;

src/com/react-dynamic-tabs/utils/api/optionManager/optionManager.js

@@ -1,9 +1,7 @@
-import factory from './optionManager.factory';
-import Setting from './setting';
-import useDynamicTabs from '../../../useDynamicTabs';
-import DefaulTabInnerComponent from '../../../tab/defaulTabInner';
+import factory from './optionManager.factory.js';
+import useDynamicTabs from '../../../useDynamicTabs/index.js';
 const getDeps = function () {
-    const setting = new (Setting)().get(), globalDefaultOptions = useDynamicTabs.defaultOptions;
-    return { setting, globalDefaultOptions, DefaulTabInnerComponent };
+    const globalDefaultOptions = useDynamicTabs.options;
+    return { globalDefaultOptions };
 };
 export default factory.bind(null, getDeps);