META-INF.resources.js.AnalyticsReportsContext.tsx Maven / Gradle / Ivy

Go to download
/**
 * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com
 * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
 */

import React, {createContext, useReducer} from 'react';

import {
	AssetTypes,
	Individuals,
	MetricType,
	RangeSelectors,
} from './types/global';

type State = {
	assetId: string;
	assetType: AssetTypes | null;
	changeIndividualFilter: (value: any) => void;
	changeMetricFilter: (value: any) => void;
	changeRangeSelectorFilter: (value: any) => void;
	filters: {
		individual: Individuals;
		metric: MetricType | null;
		rangeSelector: RangeSelectors;
	};
	groupId: string;
};

enum Types {
	ChangeIndividualFilter = 'CHANGE_INDIVIDUAL_FILTER',
	ChangeMetricFilter = 'CHANGE_METRIC_FILTER',
	ChangeRangeSelectorFilter = 'CHANGE_RANGE_SELECTOR_FILTER',
}

type Action = {
	payload: any;
	type: Types;
};

const initialState: State = {
	assetId: '0',
	assetType: AssetTypes.Undefined,
	changeIndividualFilter: () => {},
	changeMetricFilter: () => {},
	changeRangeSelectorFilter: () => {},
	filters: {
		individual: Individuals.AllIndividuals,
		metric: null,
		rangeSelector: RangeSelectors.Last30Days,
	},
	groupId: '0',
};

export const AnalyticsReportsContext = createContext(initialState);

AnalyticsReportsContext.displayName = 'AnalyticsReportsContext';

const reducer = (state: State, action: Action): State => {
	switch (action.type) {
		case Types.ChangeIndividualFilter: {
			return {
				...state,
				filters: {
					...state.filters,
					individual: action.payload,
				},
			};
		}

		case Types.ChangeMetricFilter: {
			return {
				...state,
				filters: {
					...state.filters,
					metric: action.payload,
				},
			};
		}

		case Types.ChangeRangeSelectorFilter: {
			return {
				...state,
				filters: {
					...state.filters,
					rangeSelector: action.payload,
				},
			};
		}

		default: {
			throw new Error('Unknown Action');
		}
	}
};

interface IAnalyticsReportsProviderProps
	extends React.HTMLAttributes {
	assetId: string;
	assetType: AssetTypes | null;
	groupId: string;
}

const AnalyticsReportsProvider: React.FC = ({
	assetId,
	assetType,
	children,
	groupId,
}) => {
	const [state, dispatch] = useReducer(reducer, initialState);

	const changeIndividualFilter = (payload: any) => {
		dispatch({
			payload,
			type: Types.ChangeIndividualFilter,
		});
	};

	const changeMetricFilter = (payload: any) => {
		dispatch({
			payload,
			type: Types.ChangeMetricFilter,
		});
	};

	const changeRangeSelectorFilter = (payload: any) => {
		dispatch({
			payload,
			type: Types.ChangeRangeSelectorFilter,
		});
	};

	return (
		
			{children}
		
	);
};

export {AnalyticsReportsProvider};