@mapsight/ui 7.1.0 → 7.2.1

package/src/js/store/selectors.ts

@@ -1,483 +0,0 @@
-import type {Selector} from "@reduxjs/toolkit";
-import {createSelector} from "@reduxjs/toolkit";
-
-import type {
-	FeatureSelectionId,
-	FeatureSelectionsState,
-} from "@mapsight/core/lib/feature-selections/selectors";
-import {
-	createFeatureSelectionSelector,
-	getFilteredFeatures,
-} from "@mapsight/core/lib/feature-selections/selectors";
-import {
-	createTagsWithCountFromFeatureSourceSelector,
-	findFeatureInFeatureSourcesById,
-	mapFeaturesToFeatureSource,
-} from "@mapsight/core/lib/feature-sources/selectors";
-import type {
-	FeatureSourceState,
-	FeatureSourcesState,
-} from "@mapsight/core/lib/feature-sources/types";
-import {
-	createListFeatureSelector,
-	featureSourceIdSelector,
-} from "@mapsight/core/lib/list/selectors";
-import type {ListState} from "@mapsight/core/lib/list/types";
-import {visibleLayersWithMiniLegendsSelector} from "@mapsight/core/lib/map/selectors";
-import type {MapState} from "@mapsight/core/lib/map/types";
-import type {UserGeolocationState} from "@mapsight/core/lib/user-geolocation/selectors";
-import type {State} from "@mapsight/core/types";
-
-import type {MapsightUiPlacesData} from "../components/feature-list-sorting/feature-list-sorting";
-import type {View} from "../config/constants/app";
-import {
-	DETAILS_CONTENT_STATE_KEY,
-	VIEW_FULLSCREEN,
-	VIEW_MAP_ONLY,
-	VIEW_MOBILE,
-} from "../config/constants/app";
-import {
-	FEATURE_LIST,
-	FEATURE_SELECTIONS,
-	FEATURE_SOURCES,
-	MAP,
-	TAG_FILTER,
-	USER_GEOLOCATION,
-} from "../config/constants/controllers";
-import {
-	FEATURE_SELECTION_HIGHLIGHT,
-	FEATURE_SELECTION_PRESELECT,
-	FEATURE_SELECTION_SELECT,
-} from "../config/feature/selections";
-import type {
-	FetchTextState,
-	FullUiState,
-	LayerSwitcherConfigState,
-	MainPanelContentType,
-	MainPanelContextOptions,
-	MapsightUiFeature,
-	RegionState,
-	UiState,
-} from "../types";
-import {
-	FETCH_JSON_STATUS_ERROR,
-	FETCH_JSON_STATUS_LOADING,
-	FETCH_JSON_STATUS_SUCCESS,
-	FETCH_TEXT_STATUS_ERROR,
-	FETCH_TEXT_STATUS_SUCCESS,
-} from "./actions";
-
-type SEARCH_STATUS =
-	| typeof SEARCH_STATUS_INACTIVE
-	| typeof SEARCH_STATUS_EMPTY
-	| typeof SEARCH_STATUS_FOUND
-	| typeof SEARCH_STATUS_LOADING
-	| typeof SEARCH_STATUS_ERROR;
-
-export const SEARCH_STATUS_INACTIVE = "inactive";
-export const SEARCH_STATUS_EMPTY = "empty";
-export const SEARCH_STATUS_FOUND = "found";
-export const SEARCH_STATUS_LOADING = "loading";
-export const SEARCH_STATUS_ERROR = "error";
-
-export type RootStateSlice = {
-	app: UiState;
-	[TAG_FILTER]: {
-		featureSourceId: string;
-		visibleTags: {
-			[tagGroup: string]: {
-				[tag: string]: boolean;
-			};
-		};
-		visibleTagGroups: {
-			[tagGroup: string]: boolean;
-		};
-	};
-};
-
-export const viewSelector = (state: RootStateSlice) => state.app.view!;
-
-export const isViewFullscreen = (view: View) => view === VIEW_FULLSCREEN;
-
-/**
- * returns `true` if view is "mobile" or "mapOnly"
- */
-export const isViewMobile = (view: View | undefined) =>
-	view === VIEW_MOBILE || view === VIEW_MAP_ONLY;
-
-export const isViewMapOnly = (view: View) => view === VIEW_MAP_ONLY;
-
-export const isViewMobileOrMapOnlySelector: Selector<RootStateSlice, boolean> =
-	createSelector(viewSelector, isViewMobile);
-export const isViewMapOnlySelector: Selector<RootStateSlice, boolean> =
-	createSelector(viewSelector, isViewMapOnly);
-export const isFullscreenSelector: Selector<RootStateSlice, boolean> =
-	createSelector(viewSelector, isViewFullscreen);
-
-export const mapVisible = (state: RootStateSlice) =>
-	state.app.map?.show ?? false;
-export const listVisible = (state: RootStateSlice) =>
-	state.app.list?.show ?? false;
-export const timeFilterVisible = (state: RootStateSlice) =>
-	state.app.timeFilter?.show ?? false;
-
-export const mapAndListVisible: Selector<RootStateSlice, boolean> =
-	createSelector(
-		[mapVisible, listVisible],
-		(map, list) => map !== undefined && list !== undefined,
-	);
-
-export const viewBreakpointsSelector = (state: RootStateSlice) =>
-	state.app.viewBreakpoints;
-
-export const titleSelector = (state: RootStateSlice) => state.app.title;
-export const isMapOutOfViewportSelector = (state: RootStateSlice) =>
-	state.app.mapIsOutOfViewport;
-
-export const regionsSelector = (state: RootStateSlice) => state.app.regions;
-
-export const placesSelector = (state: RootStateSlice): MapsightUiPlacesData =>
-	state.app.places as MapsightUiPlacesData;
-
-export const lastListScrollPositionSelector = (state: RootStateSlice) =>
-	state.app.lastListScrollPosition;
-export const listSortingSelector = (state: RootStateSlice) =>
-	state.app.listSorting;
-export const listQuerySelector = (state: RootStateSlice) => state.app.listQuery;
-export const listPageSelector = (state: RootStateSlice) =>
-	state.app.listPage || 0;
-
-const placesWithGeoLocationSelector: Selector<
-	RootStateSlice,
-	MapsightUiPlacesData
-> = createSelector(
-	[
-		(state: State) => state[USER_GEOLOCATION] as UserGeolocationState,
-		placesSelector,
-	],
-	(userGeolocation, places) =>
-		userGeolocation.longitude && userGeolocation.latitude
-			? {
-					...places,
-					geolocation: {
-						title: "",
-						x: userGeolocation.longitude,
-						y: userGeolocation.latitude,
-					},
-				}
-			: places
-				? places
-				: {},
-);
-
-export const listFilterOptionsSelector = (state: RootStateSlice) => ({
-	query: listQuerySelector(state),
-	sorting: listSortingSelector(state),
-	places: placesWithGeoLocationSelector(state),
-});
-
-export const searchQuerySelector = (state: RootStateSlice) =>
-	state.app.searchQuery;
-export const searchResultSelector = (state: RootStateSlice) =>
-	state.app.searchResult;
-export const getSearchResultStatus = (
-	searchResult?: FullUiState["searchResult"],
-) => searchResult?.status;
-
-const getSearchResultFeatures = (searchResult?: FullUiState["searchResult"]) =>
-	(searchResult?.data?.features ?? []) as MapsightUiFeature[];
-export const searchResultFeaturesSelector: Selector<
-	RootStateSlice,
-	MapsightUiFeature[]
-> = createSelector(searchResultSelector, getSearchResultFeatures);
-
-export const haveSearchInMapSelector = (state: RootStateSlice) =>
-	state.app.searchInMap;
-export const isEmbeddedMapSelector = (state: RootStateSlice) =>
-	state.app.embeddedMap;
-
-export const listUiOptionsSelector = (state: RootStateSlice) =>
-	state.app.list || {};
-export const listUiOptionDetailsSelector = (state: RootStateSlice) =>
-	state.app.list?.detailsInList;
-export const listUiOptionIntegratedSelector = (state: RootStateSlice) =>
-	state.app.list?.integratedList;
-export const listUiOptionSelectedOnlySelector = (state: RootStateSlice) =>
-	state.app.list?.showSelectedOnly;
-
-export const listUiOptionSelectionBehaviorSelector = (state: RootStateSlice) =>
-	state.app.list?.selectionBehavior || {};
-
-export const listUiScrollToItemOnPreselectSelector = (state: RootStateSlice) =>
-	state.app.list?.scrollToItemOnPreselect === true;
-
-export const listUiOptionSelectionSelectionSelector = (state: RootStateSlice) =>
-	state.app.list?.selectionBehaviorSelection || FEATURE_SELECTION_SELECT;
-export const listUiOptionsShowVaryingInfoOnlySelector = (
-	state: RootStateSlice,
-) => state.app.list?.showVaryingListInfoOnly;
-
-export const layerSwitcherShowInternalSelector = (state: RootStateSlice) =>
-	state.app.layerSwitcher?.show?.internal;
-export const layerSwitcherShowExternalSelector = (state: RootStateSlice) =>
-	state.app.layerSwitcher?.show?.external;
-export const layerSwitcherConfigInternalSelector = (state: RootStateSlice) =>
-	state.app.layerSwitcher?.internal as LayerSwitcherConfigState | undefined;
-export const layerSwitcherConfigExternalSelector = (state: RootStateSlice) =>
-	state.app.layerSwitcher?.external as LayerSwitcherConfigState | undefined;
-
-export const pageTitleShowSelector = (state: RootStateSlice) =>
-	state.app.pageTitle?.show ?? false;
-
-export const tagSwitcherShowSelector = (state: RootStateSlice) =>
-	state.app.tagSwitcher?.show ?? false;
-export const tagSwitcherToggleableGroups = (state: RootStateSlice) =>
-	state.app.tagSwitcher?.toggleableGroups;
-export const tagSwitcherSortTags = (state: RootStateSlice) =>
-	state.app.tagSwitcher?.sortTags;
-export const tagSwitcherFeatureSourceIdSelector = (state: RootStateSlice) =>
-	state.app.tagSwitcher?.featureSourceId;
-export const tagSwitcherFeatureSourcesControllerNameSelector = (
-	state: RootStateSlice,
-) => state.app.tagSwitcher?.featureSourcesControllerName;
-export const tagSwitcherTagsSelector = (state: RootStateSlice) => {
-	const controllerName =
-		tagSwitcherFeatureSourcesControllerNameSelector(state);
-	const featureSourceId = tagSwitcherFeatureSourceIdSelector(state);
-	if (!controllerName || !featureSourceId) {
-		return {};
-	}
-
-	return createTagsWithCountFromFeatureSourceSelector(
-		controllerName,
-		featureSourceId,
-	)(state);
-};
-
-export const viewToggleShowSelector = (state: RootStateSlice) =>
-	state.app.viewToggle?.show;
-export const viewToggleOptionsSelector = (state: RootStateSlice) =>
-	state.app.viewToggle;
-
-export const searchStatusSelector: Selector<RootStateSlice, SEARCH_STATUS> =
-	createSelector(
-		searchResultSelector,
-		searchQuerySelector,
-		createSelector(
-			getSearchResultStatus,
-			getSearchResultFeatures,
-			(_: unknown, query: string | undefined) => !!query,
-			(
-				status: FullUiState["searchResult"]["status"],
-				features: MapsightUiFeature[],
-				hasQuery: boolean,
-			) => {
-				switch (status) {
-					case FETCH_JSON_STATUS_ERROR:
-						return SEARCH_STATUS_ERROR;
-					case FETCH_JSON_STATUS_LOADING:
-						return SEARCH_STATUS_LOADING;
-					case FETCH_JSON_STATUS_SUCCESS:
-						return hasQuery
-							? features.length
-								? SEARCH_STATUS_FOUND
-								: SEARCH_STATUS_EMPTY
-							: SEARCH_STATUS_INACTIVE;
-				}
-			},
-		) as Selector<
-			FullUiState["searchResult"],
-			SEARCH_STATUS,
-			[string | undefined]
-		>,
-	);
-export const userPreferenceListVisibleSelector = (state: RootStateSlice) =>
-	state.app.userPreferenceListVisible;
-
-export const searchResultSelectionFeaturesSelector = (state: RootStateSlice) =>
-	state.app.searchResultSelectionFeatures;
-export const searchResultSelectionFeatureSourceSelector: Selector<
-	RootStateSlice,
-	FeatureSourceState
-> = createSelector(
-	searchResultSelectionFeaturesSelector,
-	mapFeaturesToFeatureSource<MapsightUiFeature>,
-);
-
-export const featureDetailsSelector = (state: RootStateSlice) =>
-	state.app[DETAILS_CONTENT_STATE_KEY] as FetchTextState;
-export const featureDetailsUrlSelector = (state: RootStateSlice) =>
-	(state.app[DETAILS_CONTENT_STATE_KEY] as FetchTextState)?.url;
-
-export const featureDetailsHasErrorSelector: Selector<RootStateSlice, boolean> =
-	createSelector(featureDetailsSelector, (detailsContent) =>
-		detailsContent
-			? detailsContent.status === FETCH_TEXT_STATUS_ERROR
-			: false,
-	);
-
-export const featureDetailsHtmlSelector: Selector<
-	RootStateSlice,
-	string | null
-> = createSelector(featureDetailsSelector, (detailsContent) =>
-	detailsContent?.status === FETCH_TEXT_STATUS_SUCCESS
-		? detailsContent.data
-		: null,
-);
-
-export const createTagVisibleSelector =
-	(featureSourceId: string, tagGroup: string, tag: string) =>
-	(state: RootStateSlice) =>
-		!!state[TAG_FILTER]?.visibleTags?.[featureSourceId]?.[tagGroup]?.[tag];
-
-export const createTagGroupVisibleSelector =
-	(featureSourceId: string, tagGroup: string) => (state: RootStateSlice) =>
-		!!state[TAG_FILTER]?.visibleTagGroups?.[featureSourceId]?.[tagGroup];
-
-export const isOverlayModalVisibleSelector = (state: RootStateSlice) =>
-	state.app.isOverlayModalVisible === true;
-
-export const selectedRegionIdSelector = (state: RootStateSlice) =>
-	state.app.selectedRegion || null;
-
-export const selectedRegionSelector: Selector<
-	RootStateSlice,
-	RegionState | null
-> = createSelector(selectedRegionIdSelector, regionsSelector, (id, regions) =>
-	id !== null && regions !== undefined ? (regions[id] as RegionState) : null,
-);
-
-export const miniLegendLayerIdSelector: Selector<
-	RootStateSlice,
-	string | null
-> = createSelector(
-	(state: RootStateSlice) =>
-		visibleLayersWithMiniLegendsSelector(state[MAP] as MapState),
-	(state: RootStateSlice) => state.app.miniLegendLayer,
-	(visibleLayers, layerId) => {
-		// no layers visible => return early
-		if (!visibleLayers) {
-			return null;
-		}
-
-		const visibleLayerIds = Object.keys(visibleLayers);
-
-		// layer is defined and visible?
-		if (layerId && visibleLayerIds.includes(layerId)) {
-			return layerId;
-		}
-
-		// otherwise, default to first visible layer
-		return visibleLayerIds[0] || null;
-	},
-);
-
-export const selectedFeatureSelector: Selector<
-	State,
-	MapsightUiFeature | null
-> = createSelector(
-	(state: State) =>
-		(state[FEATURE_SELECTIONS] as FeatureSelectionsState)[
-			FEATURE_SELECTION_SELECT
-		],
-	(state: State) => state[FEATURE_SOURCES] as FeatureSourcesState,
-	function getFeature(featureSelection, featureSources) {
-		const features = getFilteredFeatures(featureSelection);
-		const featureId = features && features[0];
-		return featureId
-			? (findFeatureInFeatureSourcesById(
-					featureSources,
-					featureId,
-				) as MapsightUiFeature | null)
-			: null;
-	},
-);
-
-type MainPanelState = {
-	feature: MapsightUiFeature | null;
-	contentType: MainPanelContentType | null;
-	collapsed: boolean;
-};
-
-export const createMainPanelContentTypeSelector = (
-	options: Pick<
-		MainPanelContextOptions,
-		"showSelectionInfo" | "showList" | "collapsible"
-	>,
-): Selector<State, MainPanelState> =>
-	createSelector(
-		selectedFeatureSelector,
-		userPreferenceListVisibleSelector,
-		function getMainPanelState(feature, userPreferenceListVisible) {
-			const {showSelectionInfo, showList, collapsible} = options;
-
-			let contentType: MainPanelContentType = null;
-			if (showSelectionInfo && feature) {
-				contentType = "selectionInfo";
-			} else if (showList) {
-				contentType = "list";
-			}
-
-			return {
-				feature: feature,
-				contentType: contentType,
-				collapsed:
-					contentType === null ||
-					(contentType === "list" &&
-						collapsible &&
-						!userPreferenceListVisible),
-			} as const;
-		},
-	);
-
-export const createSelectionIndexSelector = (
-	featureIds: Array<string>,
-	targetSelection: FeatureSelectionId,
-): Selector<State, number> =>
-	createSelector(
-		(state: State) =>
-			(state[FEATURE_SELECTIONS] as FeatureSelectionsState)[
-				targetSelection
-			]?.features,
-		(selection) =>
-			featureIds?.length && selection?.length
-				? featureIds.indexOf(selection[0]!)
-				: -1,
-	);
-
-export const featureSelectionInfoUiOptionsSelector = (state: RootStateSlice) =>
-	state.app.featureSelectionInfo || {};
-
-export const selectSelectionSelector = createFeatureSelectionSelector(
-	FEATURE_SELECTIONS,
-	FEATURE_SELECTION_SELECT,
-);
-export const preselectSelectionSelector = createFeatureSelectionSelector(
-	FEATURE_SELECTIONS,
-	FEATURE_SELECTION_PRESELECT,
-);
-export const highlightSelectionSelector = createFeatureSelectionSelector(
-	FEATURE_SELECTIONS,
-	FEATURE_SELECTION_HIGHLIGHT,
-);
-
-export const createFeatureSourceSelector = (
-	listControllerName = FEATURE_LIST,
-): Selector<
-	RootStateSlice,
-	{featureSourceId?: string; featureSource?: FeatureSourceState}
-> => {
-	const listFeatureSourceIdSelector = createSelector(
-		(state: State) => state[listControllerName] as ListState,
-		featureSourceIdSelector,
-	);
-	const listFeatureSourceSelector = createListFeatureSelector(
-		listControllerName,
-		FEATURE_SOURCES,
-	);
-
-	return (state) => ({
-		featureSourceId: listFeatureSourceIdSelector(state),
-		featureSource: listFeatureSourceSelector(state),
-	});
-};