2021-05-14 05:28:45 +02:00
|
|
|
import { NavigatorInitComposer, NavigatorSearchComposer, RoomSessionEvent } from 'nitro-renderer';
|
2021-05-05 00:38:31 +02:00
|
|
|
import { FC, useCallback, useEffect, useReducer, useState } from 'react';
|
2021-04-19 18:34:31 +02:00
|
|
|
import { NavigatorEvent } from '../../events';
|
|
|
|
import { useRoomSessionManagerEvent } from '../../hooks/events/nitro/session/room-session-manager-event';
|
|
|
|
import { useUiEvent } from '../../hooks/events/ui/ui-event';
|
2021-04-21 05:36:39 +02:00
|
|
|
import { SendMessageHook } from '../../hooks/messages/message-event';
|
2021-05-05 00:38:31 +02:00
|
|
|
import { NitroCardContentView, NitroCardHeaderView, NitroCardTabsItemView, NitroCardTabsView, NitroCardView } from '../../layout';
|
2021-04-19 18:34:31 +02:00
|
|
|
import { LocalizeText } from '../../utils/LocalizeText';
|
2021-05-05 00:38:31 +02:00
|
|
|
import { NavigatorContextProvider } from './context/NavigatorContext';
|
2021-04-21 05:36:39 +02:00
|
|
|
import { NavigatorMessageHandler } from './NavigatorMessageHandler';
|
2021-05-05 00:38:31 +02:00
|
|
|
import { NavigatorViewProps } from './NavigatorView.types';
|
|
|
|
import { initialNavigator, NavigatorActions, NavigatorReducer } from './reducers/NavigatorReducer';
|
|
|
|
import { NavigatorSearchResultSetView } from './views/search-result-set/NavigatorSearchResultSetView';
|
|
|
|
import { NavigatorSearchView } from './views/search/NavigatorSearchView';
|
2021-04-21 11:04:56 +02:00
|
|
|
|
2021-04-24 03:05:18 +02:00
|
|
|
export const NavigatorView: FC<NavigatorViewProps> = props =>
|
2021-04-18 06:58:57 +02:00
|
|
|
{
|
2021-05-05 00:38:31 +02:00
|
|
|
const [ isVisible, setIsVisible ] = useState(false);
|
|
|
|
const [ navigatorState, dispatchNavigatorState ] = useReducer(NavigatorReducer, initialNavigator);
|
|
|
|
const { needsNavigatorUpdate = false, topLevelContext = null, topLevelContexts = null } = navigatorState;
|
2021-04-21 11:04:56 +02:00
|
|
|
|
2021-04-19 18:34:31 +02:00
|
|
|
const onNavigatorEvent = useCallback((event: NavigatorEvent) =>
|
|
|
|
{
|
|
|
|
switch(event.type)
|
|
|
|
{
|
|
|
|
case NavigatorEvent.SHOW_NAVIGATOR:
|
|
|
|
setIsVisible(true);
|
|
|
|
return;
|
2021-05-05 00:38:31 +02:00
|
|
|
case NavigatorEvent.HIDE_NAVIGATOR:
|
|
|
|
setIsVisible(false);
|
|
|
|
return;
|
2021-04-19 18:34:31 +02:00
|
|
|
case NavigatorEvent.TOGGLE_NAVIGATOR:
|
|
|
|
setIsVisible(value => !value);
|
|
|
|
return;
|
|
|
|
}
|
2021-05-14 05:28:45 +02:00
|
|
|
}, []);
|
2021-05-05 00:38:31 +02:00
|
|
|
|
|
|
|
useUiEvent(NavigatorEvent.SHOW_NAVIGATOR, onNavigatorEvent);
|
|
|
|
useUiEvent(NavigatorEvent.HIDE_NAVIGATOR, onNavigatorEvent);
|
|
|
|
useUiEvent(NavigatorEvent.TOGGLE_NAVIGATOR, onNavigatorEvent);
|
2021-04-18 06:58:57 +02:00
|
|
|
|
2021-04-19 18:34:31 +02:00
|
|
|
const onRoomSessionEvent = useCallback((event: RoomSessionEvent) =>
|
|
|
|
{
|
|
|
|
switch(event.type)
|
|
|
|
{
|
|
|
|
case RoomSessionEvent.CREATED:
|
|
|
|
setIsVisible(false);
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
}, []);
|
|
|
|
|
2021-05-05 00:38:31 +02:00
|
|
|
useRoomSessionManagerEvent(RoomSessionEvent.CREATED, onRoomSessionEvent);
|
2021-04-19 18:34:31 +02:00
|
|
|
|
2021-05-14 05:28:45 +02:00
|
|
|
const sendSearch = useCallback((searchValue: string, contextCode: string) =>
|
|
|
|
{
|
|
|
|
SendMessageHook(new NavigatorSearchComposer(contextCode, searchValue));
|
|
|
|
}, []);
|
|
|
|
|
2021-04-19 18:34:31 +02:00
|
|
|
useEffect(() =>
|
|
|
|
{
|
2021-05-05 00:38:31 +02:00
|
|
|
if(!isVisible || !needsNavigatorUpdate) return;
|
2021-04-19 18:34:31 +02:00
|
|
|
|
2021-05-05 00:38:31 +02:00
|
|
|
dispatchNavigatorState({
|
|
|
|
type: NavigatorActions.SET_NEEDS_UPDATE,
|
|
|
|
payload: {
|
|
|
|
flag: false
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
SendMessageHook(new NavigatorInitComposer());
|
|
|
|
}, [ isVisible, needsNavigatorUpdate ]);
|
|
|
|
|
2021-04-21 05:36:39 +02:00
|
|
|
useEffect(() =>
|
|
|
|
{
|
2021-05-05 00:38:31 +02:00
|
|
|
if(!topLevelContexts || !topLevelContexts.length) return;
|
2021-04-21 05:36:39 +02:00
|
|
|
|
2021-05-14 05:28:45 +02:00
|
|
|
sendSearch('', topLevelContexts[0].code);
|
2021-05-05 00:38:31 +02:00
|
|
|
}, [ topLevelContexts, sendSearch ]);
|
2021-04-19 18:34:31 +02:00
|
|
|
|
2021-04-18 06:58:57 +02:00
|
|
|
return (
|
2021-05-05 00:38:31 +02:00
|
|
|
<NavigatorContextProvider value={ { navigatorState, dispatchNavigatorState } }>
|
|
|
|
<NavigatorMessageHandler />
|
|
|
|
{ isVisible &&
|
|
|
|
<NitroCardView className="nitro-navigator">
|
|
|
|
<NitroCardHeaderView headerText={ LocalizeText('navigator.title') } onCloseClick={ event => setIsVisible(false) } />
|
|
|
|
<NitroCardTabsView>
|
|
|
|
{ topLevelContexts.map((context, index) =>
|
|
|
|
{
|
2021-05-14 05:28:45 +02:00
|
|
|
return <NitroCardTabsItemView key={ index } tabText={ LocalizeText(('navigator.toplevelview.' + context.code)) } isActive={ (topLevelContext === context) } onClick={ event => sendSearch('', context.code) } />
|
2021-05-05 00:38:31 +02:00
|
|
|
}) }
|
|
|
|
</NitroCardTabsView>
|
|
|
|
<NitroCardContentView>
|
2021-05-14 05:28:45 +02:00
|
|
|
<NavigatorSearchView sendSearch={ sendSearch } />
|
2021-05-05 00:38:31 +02:00
|
|
|
<NavigatorSearchResultSetView />
|
|
|
|
</NitroCardContentView>
|
|
|
|
</NitroCardView> }
|
|
|
|
</NavigatorContextProvider>
|
2021-04-18 06:58:57 +02:00
|
|
|
);
|
|
|
|
}
|