alter usdDynamicTabs/index.js

Author: Mohsen Biglari

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

@@ -1,50 +1,5 @@
-import React, { useReducer, useLayoutEffect, useRef } from "react";
-import TabList from "../tabList/tabList";
-import PanelList from "../panelList/panelList.js";
-import reducer from "../utils/stateManagement/reducer";
-import Api from '../utils/api';
-import { ApiContext, StateContext, ForceUpdateContext } from "../utils/context.js";
-function useDynamicTabs(options) {
-    const ref = useRef(null);
-    if (ref.current === null)
-        ref.current = { api: new (Api)({ options }), TabListComponent: null, PanelListCompoent: null };
-    const { current: { api } } = ref
-        , _ref = ref.current
-        , [state, dispatch] = useReducer(reducer, api.getInitialState());
-    api.updateReducer(state, dispatch);
-    useLayoutEffect(() => {
-        api.trigger('onLoad');
-        return () => { api.trigger('onDestroy'); };
-    }, []);
-    useLayoutEffect(() => {
-        const oldState = api.getCopyPerviousData()
-            , [openedTabsId, closedTabsId] = api.helper.getArraysDiff(state.openTabIDs, oldState.openTabIDs)
-            , isSwitched = oldState.selectedTabID !== state.selectedTabID;
-        api.trigger('onChange', { newState: state, oldState, closedTabsId, openedTabsId, isSwitched });
-    }, [state]);
-    if (!_ref.TabListComponent)
-        _ref.TabListComponent = (props = {}) => {
-            return (
-                <ApiContext.Provider value={_ref.api}>
-                    <StateContext.Provider value={_ref.api.stateRef}>
-                        <ForceUpdateContext.Provider value={_ref.api.forceUpdateState}>
-                            <TabList {...props}>props.children</TabList>
-                        </ForceUpdateContext.Provider>
-                    </StateContext.Provider>
-                </ApiContext.Provider>
-            );
-        };
-    if (!_ref.PanelListCompoent)
-        _ref.PanelListCompoent = props => (
-            <ApiContext.Provider value={_ref.api}>
-                <StateContext.Provider value={_ref.api.stateRef}>
-                    <ForceUpdateContext.Provider value={_ref.api.forceUpdateState}>
-                        <PanelList {...props}>props.children</PanelList>
-                    </ForceUpdateContext.Provider>
-                </StateContext.Provider>
-            </ApiContext.Provider>
-        );
-    return [_ref.TabListComponent, _ref.PanelListCompoent, _ref.api.userProxy];
-}
-useDynamicTabs.defaultOptions = {};
-export default useDynamicTabs;
+import useDynamicTabs from './useDynamicTabs.js';
+import CreateDefaultOptions from './createDefaultOptions.js';
+import DefaultTabInnerComponent from '../tab/defaulTabInner.js';
+new (CreateDefaultOptions)(useDynamicTabs, DefaultTabInnerComponent);
+export default useDynamicTabs;