@databiosphere/findable-ui 18.0.0 → 20.0.0

package/lib/providers/authentication/token/reducer.js

@@ -0,0 +1,22 @@
+import { DEFAULT_TOKEN_STATE } from "./constants";
+import { TokenActionKind } from "./types";
+/**
+ * Token reducer.
+ * @param state - State.
+ * @param action - Action.
+ * @returns state.
+ */
+export function tokenReducer(state, action) {
+    const { payload, type } = action;
+    switch (type) {
+        case TokenActionKind.ResetState:
+            return DEFAULT_TOKEN_STATE;
+        case TokenActionKind.UpdateToken:
+            return {
+                ...state,
+                ...payload,
+            };
+        default:
+            return state;
+    }
+}

package/lib/providers/authentication/token/types.d.ts

@@ -0,0 +1,28 @@
+import { Dispatch } from "react";
+import { ProviderId } from "../common/types";
+export interface ResetStateAction {
+    payload: ResetStatePayload;
+    type: TokenActionKind.ResetState;
+}
+export type ResetStatePayload = undefined;
+export type TokenAction = ResetStateAction | UpdateTokenAction;
+export declare enum TokenActionKind {
+    ResetState = "RESET_TOKEN",
+    UpdateToken = "UPDATE_TOKEN"
+}
+export interface TokenContextProps {
+    tokenDispatch: Dispatch<TokenAction> | null;
+    tokenState: TokenState;
+}
+export interface TokenState {
+    providerId: ProviderId | undefined;
+    token: string | undefined;
+}
+export interface UpdateTokenAction {
+    payload: UpdateTokenPayload;
+    type: TokenActionKind.UpdateToken;
+}
+export interface UpdateTokenPayload {
+    providerId: ProviderId | undefined;
+    token: string | undefined;
+}

package/lib/providers/authentication/token/types.js

@@ -0,0 +1,5 @@
+export var TokenActionKind;
+(function (TokenActionKind) {
+    TokenActionKind["ResetState"] = "RESET_TOKEN";
+    TokenActionKind["UpdateToken"] = "UPDATE_TOKEN";
+})(TokenActionKind || (TokenActionKind = {}));

package/lib/providers/exploreState/actions/updateGrouping/action.d.ts

@@ -0,0 +1,10 @@
+import { ExploreState } from "../../../exploreState";
+import { UpdateGroupingPayload } from "./types";
+/**
+ * Reducer function to handle the "update grouping" action.
+ * Updates the grouping in the state for the current entity.
+ * @param state - Explore State.
+ * @param payload - Payload.
+ * @returns explore state.
+ */
+export declare function updateGroupingAction(state: ExploreState, payload: UpdateGroupingPayload): ExploreState;

package/lib/providers/exploreState/actions/updateGrouping/action.js

@@ -0,0 +1,16 @@
+import { updateEntityPageState } from "../../utils";
+import { buildNextGrouping } from "./utils";
+/**
+ * Reducer function to handle the "update grouping" action.
+ * Updates the grouping in the state for the current entity.
+ * @param state - Explore State.
+ * @param payload - Payload.
+ * @returns explore state.
+ */
+export function updateGroupingAction(state, payload) {
+    const grouping = buildNextGrouping(state, payload.updaterOrValue);
+    return {
+        ...state,
+        entityPageState: updateEntityPageState(state.tabValue, state.entityPageState, { grouping }),
+    };
+}

package/lib/providers/exploreState/actions/updateGrouping/dispatch.d.ts

@@ -0,0 +1,7 @@
+import { UpdateGroupingAction, UpdateGroupingPayload } from "./types";
+/**
+ * Action creator for updating grouping in the state.
+ * @param payload - Payload.
+ * @returns Action with payload and action type.
+ */
+export declare function updateGrouping(payload: UpdateGroupingPayload): UpdateGroupingAction;

package/lib/providers/exploreState/actions/updateGrouping/dispatch.js

@@ -0,0 +1,12 @@
+import { ExploreActionKind } from "../../../exploreState";
+/**
+ * Action creator for updating grouping in the state.
+ * @param payload - Payload.
+ * @returns Action with payload and action type.
+ */
+export function updateGrouping(payload) {
+    return {
+        payload,
+        type: ExploreActionKind.UpdateGrouping,
+    };
+}

package/lib/providers/exploreState/actions/updateGrouping/types.d.ts

@@ -0,0 +1,9 @@
+import { GroupingState, Updater } from "@tanstack/react-table";
+import { ExploreActionKind } from "../../../exploreState";
+export type UpdateGroupingAction = {
+    payload: UpdateGroupingPayload;
+    type: ExploreActionKind.UpdateGrouping;
+};
+export type UpdateGroupingPayload = {
+    updaterOrValue: Updater<GroupingState>;
+};

package/lib/providers/exploreState/actions/updateGrouping/types.js

@@ -0,0 +1 @@
+export {};

package/lib/providers/exploreState/actions/updateGrouping/utils.d.ts

@@ -0,0 +1,10 @@
+import { GroupingState, Updater } from "@tanstack/react-table";
+import { ExploreState } from "../../../exploreState";
+/**
+ * Builds the next grouping state for the current entity type.
+ * Uses TanStack updater to update the grouping state.
+ * @param state - Explore state.
+ * @param updaterOrValue - Updater or value to update the grouping state.
+ * @returns grouping state.
+ */
+export declare function buildNextGrouping(state: ExploreState, updaterOrValue: Updater<GroupingState>): GroupingState;

package/lib/providers/exploreState/actions/updateGrouping/utils.js

@@ -0,0 +1,26 @@
+import { resolveUpdater } from "../../../../components/Table/options/updater";
+/**
+ * Builds the next grouping state for the current entity type.
+ * Uses TanStack updater to update the grouping state.
+ * @param state - Explore state.
+ * @param updaterOrValue - Updater or value to update the grouping state.
+ * @returns grouping state.
+ */
+export function buildNextGrouping(state, updaterOrValue) {
+    const grouping = resolveUpdater(updaterOrValue, getOldGrouping(state));
+    if (grouping.length > 1) {
+        // Explore state only supports single-column grouping.
+        return grouping.slice(-1);
+    }
+    return grouping;
+}
+/**
+ * Retrieves the current "old" grouping state from the explore state, for the current entity type.
+ * @param state - Explore state.
+ * @returns old grouping state.
+ */
+function getOldGrouping(state) {
+    const { entityPageState, tabValue } = state;
+    const { grouping = [] } = entityPageState[tabValue];
+    return grouping;
+}

package/lib/providers/exploreState/entities.d.ts

@@ -1,4 +1,4 @@
-import { ColumnSort, RowSelectionState, VisibilityState } from "@tanstack/react-table";
+import { ColumnSort, GroupingState, RowSelectionState, VisibilityState } from "@tanstack/react-table";
 import { CategoryValueKey, SelectCategory, SelectCategoryView, SelectedFilter } from "../../common/entities";
 import { RowPreviewState } from "../../components/Table/features/RowPreview/entities";
 import { CategoryConfig, CategoryGroup, CategoryGroupConfig, EntityPath, SavedFilter } from "../../config/entities";
@@ -6,6 +6,7 @@ export interface EntityPageState {
     categoryGroupConfigKey: CategoryGroupConfigKey;
     columnsVisibility: VisibilityState;
     enableRowSelection: boolean;
+    grouping: GroupingState;
     rowPreview: RowPreviewState;
     rowSelection: RowSelectionState;
     sorting: ColumnSort[];
@@ -24,8 +25,6 @@ export interface EntityState {
 }
 export type EntityStateByCategoryGroupConfigKey = Map<CategoryGroupConfigKey, EntityState>;
 export type CategoryGroupConfigKey = CategoryGroupConfig["key"];
-export interface EntityStateSavedFilter extends Omit<SavedFilter, "sort"> {
-    sorting?: ColumnSort[];
-}
+export type EntityStateSavedFilter = SavedFilter;
 export type ListItem = any;
 export type SavedFilterByCategoryValueKey = Map<CategoryValueKey, EntityStateSavedFilter>;

package/lib/providers/exploreState/initializer/utils.js

@@ -1,6 +1,5 @@
 import { getInitialTableColumnVisibility } from "../../../components/Table/common/utils";
 import { ACCESSOR_KEYS } from "../../../components/TableCreator/common/constants";
-import { getDefaultSorting } from "../../../config/utils";
 import { SELECT_CATEGORY_KEY } from "../constants";
 import { getEntityCategoryGroupConfigKey, getFilterCount } from "../utils";
 import { DEFAULT_CATEGORY_GROUP_SAVED_FILTERS, DEFAULT_ENTITY_STATE, INITIAL_STATE, } from "./constants";
@@ -45,8 +44,13 @@ function buildSavedFilterByCategoryValueKey(savedFilters) {
     if (!savedFilters)
         return;
     const savedFilterByCategoryValueKey = new Map();
-    for (const { filters, sorting, title } of savedFilters) {
-        savedFilterByCategoryValueKey.set(title, { filters, sorting, title });
+    for (const { filters, grouping, sorting, title } of savedFilters) {
+        savedFilterByCategoryValueKey.set(title, {
+            filters,
+            grouping,
+            sorting,
+            title,
+        });
     }
     return savedFilterByCategoryValueKey;
 }
@@ -95,14 +99,22 @@ function initCategoryGroups(entityStateByCategoryGroupConfigKey, categoryGroupCo
  * @returns column visibility.
  */
 function initColumnVisibility(entityConfig) {
-    const { list: { columns, tableOptions: { initialState: { columnVisibility = {} } = {} } = {}, }, listView: { enableRowSelection = false } = {}, } = entityConfig;
+    const { list: { columns, tableOptions: { enableRowSelection, initialState: { columnVisibility = {} } = {}, } = {}, }, } = entityConfig;
     return {
-        [ACCESSOR_KEYS.ROW_POSITION]: false, // Explicitly setting row position to false; required - currently `columnVisibilty` is initialized from columns configuration.
-        [ACCESSOR_KEYS.SELECT]: enableRowSelection,
+        [ACCESSOR_KEYS.ROW_POSITION]: false, // Explicitly setting row position to false; required - currently `columnVisibility` is initialized from columns configuration.
+        [ACCESSOR_KEYS.SELECT]: Boolean(enableRowSelection),
         ...getInitialTableColumnVisibility(columns),
         ...columnVisibility, // `columnVisibility` is managed by ExploreState; use table options to override this setting.
     };
 }
+/**
+ * Returns the initial `enableRowSelection` option for the specified entity list configuration.
+ * @param entityConfig - Entity configuration.
+ * @returns initial `enableRowSelection` option.
+ */
+function initEnableRowSelection(entityConfig) {
+    return Boolean(entityConfig.list.tableOptions?.enableRowSelection);
+}
 /**
  * Initializes entity page state.
  * @param config - Site config.
@@ -115,10 +127,11 @@ function initEntityPageState(config) {
             [entity.route]: {
                 categoryGroupConfigKey: initCategoryGroupConfigKey(config, entity),
                 columnsVisibility: initColumnVisibility(entity),
-                enableRowSelection: Boolean(entity.listView?.enableRowSelection),
+                enableRowSelection: initEnableRowSelection(entity),
+                grouping: initGrouping(entity),
                 rowPreview: undefined,
                 rowSelection: {},
-                sorting: getDefaultSorting(entity),
+                sorting: initSorting(entity),
             },
         };
     }, {});
@@ -169,6 +182,26 @@ function initFilterState(decodedFilterParam) {
     }
     return filterState;
 }
+/**
+ * Returns the initial table grouping state for the specified entity list configuration.
+ * @param entityConfig - Entity configuration.
+ * @returns initial grouping state.
+ */
+function initGrouping(entityConfig) {
+    const { list: { tableOptions: { initialState: { grouping = [] } = {} } = {} }, } = entityConfig;
+    return grouping;
+}
+/**
+ * Returns the initial table sorting state for the specified entity list configuration.
+ * @param entityConfig - Entity configuration.
+ * @returns initial sorting state.
+ */
+function initSorting(entityConfig) {
+    const { list: { defaultSort, tableOptions: { initialState: { sorting = [] } = {} } = {}, }, } = entityConfig;
+    if (defaultSort)
+        return [defaultSort];
+    return sorting;
+}
 /**
  * Returns the explore state reducer initial arguments.
  * @param config - Site config.

package/lib/providers/exploreState/payloads/entities.d.ts

@@ -1,4 +1,4 @@
-import { ColumnSort, RowSelectionState, VisibilityState } from "@tanstack/react-table";
+import { ColumnSort, GroupingState, RowSelectionState, VisibilityState } from "@tanstack/react-table";
 import { CategoryKey, CategoryValueKey, PaginationDirectionType, SelectCategory, SelectedFilter } from "../../../common/entities";
 import { RowPreviewState } from "../../../components/Table/features/RowPreview/entities";
 import { ListItems, PaginationResponse } from "../../exploreState";
@@ -45,6 +45,7 @@ export type UpdateColumnVisibilityPayload = VisibilityState;
 export interface UpdateEntityFiltersPayload {
     entityListType: string;
     filters: SelectedFilter[];
+    grouping?: GroupingState;
     sorting?: ColumnSort[];
 }
 /**

package/lib/providers/exploreState/utils.d.ts

@@ -1,4 +1,3 @@
-import { ColumnSort } from "@tanstack/react-table";
 import { CategoryKey, CategoryValueKey, SelectedFilter } from "../../common/entities";
 import { RowPreviewState } from "../../components/Table/features/RowPreview/entities";
 import { ExploreState, ListItems, PaginationState } from "../exploreState";
@@ -48,13 +47,16 @@ export declare function getEntityState(state: ExploreState, categoryGroupConfigK
  */
 export declare function getEntityStateSavedFilter(state: ExploreState, categoryValueKey: CategoryValueKey): EntityStateSavedFilter | undefined;
 /**
- * Returns entity state "saved filter" sorting for the given category value key.
+ * Retrieves a specified property from the "saved filter" for the given category value key.
+ * This function fetches a property (e.g., "sorting" or "grouping") from the saved filter
+ * associated with a given `selectedValue`.
  * @param state - Explore state.
  * @param selectedValue - Key of category value that has been de/selected.
  * @param selected - True if value is selected, false if de-selected.
- * @returns sorting.
+ * @param propertyName - The name of the property to retrieve from the saved filter. Should be one of the predefined keys: "sorting" or "grouping".
+ * @returns value of the specified property from the saved filter, or undefined if `selected` is false.
  */
-export declare function getEntityStateSavedSorting(state: ExploreState, selectedValue: CategoryValueKey, selected: boolean): ColumnSort[] | undefined;
+export declare function getEntityStateSavedProperty<K extends "sorting" | "grouping">(state: ExploreState, selectedValue: CategoryValueKey, selected: boolean, propertyName: K): EntityStateSavedFilter[K] | undefined;
 /**
  * Returns the filter count.
  * @param filterState - Filter state.

package/lib/providers/exploreState/utils.js

@@ -67,17 +67,20 @@ export function getEntityStateSavedFilter(state, categoryValueKey) {
     return entityState.savedFilterByCategoryValueKey?.get(categoryValueKey);
 }
 /**
- * Returns entity state "saved filter" sorting for the given category value key.
+ * Retrieves a specified property from the "saved filter" for the given category value key.
+ * This function fetches a property (e.g., "sorting" or "grouping") from the saved filter
+ * associated with a given `selectedValue`.
  * @param state - Explore state.
  * @param selectedValue - Key of category value that has been de/selected.
  * @param selected - True if value is selected, false if de-selected.
- * @returns sorting.
+ * @param propertyName - The name of the property to retrieve from the saved filter. Should be one of the predefined keys: "sorting" or "grouping".
+ * @returns value of the specified property from the saved filter, or undefined if `selected` is false.
  */
-export function getEntityStateSavedSorting(state, selectedValue, selected) {
+export function getEntityStateSavedProperty(state, selectedValue, selected, propertyName) {
     if (!selected)
         return;
     const savedFilter = getEntityStateSavedFilter(state, selectedValue);
-    return savedFilter?.sorting;
+    return savedFilter?.[propertyName];
 }
 /**
  * Returns the filter count.

package/lib/providers/exploreState.d.ts

@@ -3,6 +3,7 @@ import { AzulSearchIndex } from "../apis/azul/common/entities";
 import { SelectCategoryView, SelectedFilter } from "../common/entities";
 import { RowPreviewState } from "../components/Table/features/RowPreview/entities";
 import { CategoryGroup, SiteConfig } from "../config/entities";
+import { UpdateGroupingAction } from "./exploreState/actions/updateGrouping/types";
 import { EntityPageStateMapper, EntityStateByCategoryGroupConfigKey, ListItem } from "./exploreState/entities";
 import { ApplySavedFilterPayload, PaginateTablePayload, PatchExploreResponsePayload, ProcessExploreResponsePayload, ResetExploreResponsePayload, UpdateColumnVisibilityPayload, UpdateEntityFiltersPayload, UpdateEntityViewAccessPayload, UpdateFilterPayload, UpdateRowPreviewPayload, UpdateRowSelectionPayload, UpdateSortingPayload } from "./exploreState/payloads/entities";
 export type CatalogState = string | undefined;
@@ -103,6 +104,7 @@ export declare enum ExploreActionKind {
     UpdateEntityFilters = "UPDATE_ENTITY_FILTERS",
     UpdateEntityViewAccess = "UPDATE_ENTITY_VIEW_ACCESS",
     UpdateFilter = "UPDATE_FILTER",
+    UpdateGrouping = "UPDATE_GROUPING",
     UpdateRowPreview = "UPDATE_ROW_PREVIEW",
     UpdateRowSelection = "UPDATE_ROW_SELECTION",
     UpdateSorting = "UPDATE_SORTING"
@@ -110,7 +112,7 @@ export declare enum ExploreActionKind {
 /**
  * Explore action.
  */
-export type ExploreAction = ApplySavedFilterAction | ClearFiltersAction | PaginateTableAction | PatchExploreResponseAction | ProcessExploreResponseAction | ResetExploreResponseAction | ResetStateAction | SelectEntityTypeAction | UpdateColumnVisibilityAction | UpdateEntityFiltersAction | UpdateEntityViewAccessAction | UpdateFilterAction | UpdateRowPreviewAction | UpdateRowSelectionAction | UpdateSortingAction;
+export type ExploreAction = ApplySavedFilterAction | ClearFiltersAction | PaginateTableAction | PatchExploreResponseAction | ProcessExploreResponseAction | ResetExploreResponseAction | ResetStateAction | SelectEntityTypeAction | UpdateColumnVisibilityAction | UpdateEntityFiltersAction | UpdateEntityViewAccessAction | UpdateFilterAction | UpdateGroupingAction | UpdateRowPreviewAction | UpdateRowSelectionAction | UpdateSortingAction;
 /**
  * Apply saved filter action.
  */

package/lib/providers/exploreState.js

@@ -1,11 +1,12 @@
 import React, { createContext, useEffect, useMemo, useReducer, useState, } from "react";
-import { useAuthentication } from "../hooks/useAuthentication/useAuthentication";
+import { useToken } from "../hooks/authentication/token/useToken";
 import { buildCategoryViews, buildNextFilterState, } from "../hooks/useCategoryFilter";
 import { useConfig } from "../hooks/useConfig";
 import { useURLFilterParams } from "../hooks/useURLFilterParams";
+import { updateGroupingAction } from "./exploreState/actions/updateGrouping/action";
 import { DEFAULT_PAGINATION_STATE, INITIAL_STATE, } from "./exploreState/initializer/constants";
 import { initReducerArguments } from "./exploreState/initializer/utils";
-import { buildEntityStateSavedFilterState, buildNextSavedFilterState, closeRowPreview, getEntityCategoryGroupConfigKey, getEntityState, getEntityStateSavedSorting, getFilterCount, patchEntityListItems, resetPage, updateEntityPageState, updateEntityPageStateWithCommonCategoryGroupConfigKey, updateEntityStateByCategoryGroupConfigKey, updateSelectColumnVisibility, } from "./exploreState/utils";
+import { buildEntityStateSavedFilterState, buildNextSavedFilterState, closeRowPreview, getEntityCategoryGroupConfigKey, getEntityState, getEntityStateSavedProperty, getFilterCount, patchEntityListItems, resetPage, updateEntityPageState, updateEntityPageStateWithCommonCategoryGroupConfigKey, updateEntityStateByCategoryGroupConfigKey, updateSelectColumnVisibility, } from "./exploreState/utils";
 /**
  * Explore state context for storing and using filter-related and explore state.
  */
@@ -31,7 +32,7 @@ export const ExploreStateContext = createContext({
 export function ExploreStateProvider({ children, entityListType, }) {
     const { config, defaultEntityListType } = useConfig();
     const { decodedCatalogParam, decodedFeatureFlagParam, decodedFilterParam } = useURLFilterParams();
-    const { isEnabled: isAuthEnabled, token } = useAuthentication();
+    const { token } = useToken();
     const entityList = entityListType || defaultEntityListType;
     const [initializerArg] = useState(() => initReducerArguments(config, entityList, decodedFilterParam, decodedCatalogParam, decodedFeatureFlagParam));
     const [exploreState, exploreDispatch] = useReducer((s, a) => exploreReducer(s, a, {
@@ -44,13 +45,11 @@ export function ExploreStateProvider({ children, entityListType, }) {
     }, [exploreDispatch, exploreState]);
     // Reset explore response when token changes.
     useEffect(() => {
-        if (!isAuthEnabled)
-            return;
         exploreDispatch({
             payload: undefined,
             type: ExploreActionKind.ResetExploreResponse,
         });
-    }, [exploreDispatch, isAuthEnabled, token]);
+    }, [exploreDispatch, token]);
     return (React.createElement(ExploreStateContext.Provider, { value: exploreContextValue }, children));
 }
 /**
@@ -70,6 +69,7 @@ export var ExploreActionKind;
     ExploreActionKind["UpdateEntityFilters"] = "UPDATE_ENTITY_FILTERS";
     ExploreActionKind["UpdateEntityViewAccess"] = "UPDATE_ENTITY_VIEW_ACCESS";
     ExploreActionKind["UpdateFilter"] = "UPDATE_FILTER";
+    ExploreActionKind["UpdateGrouping"] = "UPDATE_GROUPING";
     ExploreActionKind["UpdateRowPreview"] = "UPDATE_ROW_PREVIEW";
     ExploreActionKind["UpdateRowSelection"] = "UPDATE_ROW_SELECTION";
     ExploreActionKind["UpdateSorting"] = "UPDATE_SORTING";
@@ -93,7 +93,9 @@ function exploreReducer(state, action, exploreContext) {
             const rowPreview = closeRowPreview(state.rowPreview);
             const rowSelection = {};
             const savedFilterState = buildEntityStateSavedFilterState(payload.categoryKey, payload.selectedValue, payload.selected);
-            const savedSorting = getEntityStateSavedSorting(state, payload.selectedValue, payload.selected);
+            const savedGrouping = getEntityStateSavedProperty(state, payload.selectedValue, payload.selected, "grouping");
+            const savedSorting = getEntityStateSavedProperty(state, payload.selectedValue, payload.selected, "sorting");
+            const grouping = savedGrouping || []; // Reset grouping to default if saved grouping is not available.
             const sorting = savedSorting || []; // Reset sorting to default if saved sorting is not available.
             updateEntityStateByCategoryGroupConfigKey(state, {
                 filterState,
@@ -101,7 +103,7 @@ function exploreReducer(state, action, exploreContext) {
             });
             return {
                 ...state,
-                entityPageState: updateEntityPageStateWithCommonCategoryGroupConfigKey(state, { rowPreview, rowSelection, sorting }),
+                entityPageState: updateEntityPageStateWithCommonCategoryGroupConfigKey(state, { grouping, rowPreview, rowSelection, sorting }),
                 filterCount: getFilterCount(filterState),
                 filterState,
                 paginationState: resetPage(state.paginationState),
@@ -250,7 +252,7 @@ function exploreReducer(state, action, exploreContext) {
          * - closes row preview, without updating the entity page state row preview.
          */
         case ExploreActionKind.UpdateEntityFilters: {
-            const { entityListType, filters: filterState, sorting } = payload;
+            const { entityListType, filters: filterState, grouping = [], sorting = [], } = payload;
             const categoryGroupConfigKey = getEntityCategoryGroupConfigKey(entityListType, state.entityPageState);
             const rowPreview = closeRowPreview(state.entityPageState[entityListType].rowPreview);
             const rowSelection = {};
@@ -261,7 +263,7 @@ function exploreReducer(state, action, exploreContext) {
             }, categoryGroupConfigKey);
             return {
                 ...state,
-                entityPageState: updateEntityPageStateWithCommonCategoryGroupConfigKey(state, { rowPreview, rowSelection, sorting }, categoryGroupConfigKey),
+                entityPageState: updateEntityPageStateWithCommonCategoryGroupConfigKey(state, { grouping, rowPreview, rowSelection, sorting }, categoryGroupConfigKey),
                 rowPreview: closeRowPreview(state.rowPreview),
             };
         }
@@ -295,6 +297,12 @@ function exploreReducer(state, action, exploreContext) {
                 rowPreview,
             };
         }
+        /**
+         * Update grouping
+         **/
+        case ExploreActionKind.UpdateGrouping: {
+            return updateGroupingAction(state, payload);
+        }
         /**
          * Update row preview
          */

package/lib/providers/googleSignInAuthentication/common/types.d.ts

@@ -0,0 +1,17 @@
+import { Dispatch } from "react";
+import { AuthAction, AuthContextProps } from "../../authentication/auth/types";
+import { AuthenticationAction, AuthenticationContextProps } from "../../authentication/authentication/types";
+import { CredentialsAction, CredentialsContextProps } from "../../authentication/credentials/types";
+import { TokenAction, TokenContextProps } from "../../authentication/token/types";
+export interface SessionReducer {
+    authenticationReducer: AuthenticationContextProps;
+    authReducer: Omit<AuthContextProps, "service">;
+    credentialsReducer: CredentialsContextProps;
+    tokenReducer: TokenContextProps;
+}
+export interface SessionDispatch {
+    authDispatch: Dispatch<AuthAction> | null;
+    authenticationDispatch: Dispatch<AuthenticationAction> | null;
+    credentialsDispatch: Dispatch<CredentialsAction> | null;
+    tokenDispatch: Dispatch<TokenAction> | null;
+}

package/lib/providers/googleSignInAuthentication/common/types.js

@@ -0,0 +1 @@
+export {};

package/lib/providers/googleSignInAuthentication/constants.d.ts

@@ -0,0 +1,4 @@
+import { AuthState } from "../authentication/auth/types";
+import { AuthenticationState } from "../authentication/authentication/types";
+export declare const AUTH_STATE: AuthState;
+export declare const AUTHENTICATION_STATE: AuthenticationState;

package/lib/providers/googleSignInAuthentication/constants.js

@@ -0,0 +1,12 @@
+import { DEFAULT_AUTH_STATE } from "../authentication/auth/constants";
+import { AUTH_STATUS } from "../authentication/auth/types";
+import { DEFAULT_AUTHENTICATION_STATE } from "../authentication/authentication/constants";
+import { AUTHENTICATION_STATUS, } from "../authentication/authentication/types";
+export const AUTH_STATE = {
+    ...DEFAULT_AUTH_STATE,
+    status: AUTH_STATUS.SETTLED,
+};
+export const AUTHENTICATION_STATE = {
+    ...DEFAULT_AUTHENTICATION_STATE,
+    status: AUTHENTICATION_STATUS.SETTLED,
+};

package/lib/providers/googleSignInAuthentication/hooks/useGoogleSignInService.d.ts

@@ -0,0 +1,3 @@
+import { Service } from "../../authentication/auth/types";
+import { SessionReducer } from "../common/types";
+export declare const useGoogleSignInService: (reducer: SessionReducer) => Service;

package/lib/providers/googleSignInAuthentication/hooks/useGoogleSignInService.js

@@ -0,0 +1,36 @@
+import { useRouter } from "next/router";
+import { useCallback } from "react";
+import { useProviders } from "../../../hooks/authentication/providers/useProviders";
+import { service } from "../service/service";
+export const useGoogleSignInService = (reducer) => {
+    const { findProvider } = useProviders();
+    const { basePath } = useRouter();
+    const { authenticationReducer: { authenticationDispatch }, authReducer: { authDispatch }, credentialsReducer: { credentialsDispatch }, tokenReducer: { tokenDispatch }, } = reducer;
+    const onLogin = useCallback((providerId) => {
+        const provider = findProvider(providerId);
+        if (!provider)
+            return;
+        service.login(provider, {
+            authDispatch,
+            authenticationDispatch,
+            tokenDispatch,
+        });
+    }, [authDispatch, authenticationDispatch, findProvider, tokenDispatch]);
+    const onLogout = useCallback((options) => {
+        service.logout({
+            authDispatch,
+            authenticationDispatch,
+            credentialsDispatch,
+            tokenDispatch,
+        });
+        // Request page reload, ensuring that the entity detail page is re-initialized with the correct state and associated data.
+        location.href = options?.callbackUrl || basePath;
+    }, [
+        authDispatch,
+        authenticationDispatch,
+        basePath,
+        credentialsDispatch,
+        tokenDispatch,
+    ]);
+    return { requestLogin: onLogin, requestLogout: onLogout };
+};

package/lib/providers/googleSignInAuthentication/profile/types.d.ts

@@ -0,0 +1,14 @@
+export interface GoogleProfile {
+    email: string;
+    email_verified: boolean;
+    family_name: string;
+    given_name: string;
+    hd: string;
+    locale: string;
+    name: string;
+    picture: string;
+    sub: string;
+}
+export interface TokenSetParameters {
+    access_token: string;
+}

package/lib/providers/googleSignInAuthentication/profile/types.js

@@ -0,0 +1 @@
+export {};

package/lib/providers/googleSignInAuthentication/profile/utils.d.ts

@@ -0,0 +1,8 @@
+import { UserProfile } from "../../authentication/authentication/types";
+import { GoogleProfile } from "./types";
+/**
+ * Returns user profile from google response.
+ * @param profile - Google response.
+ * @returns user profile.
+ */
+export declare function mapProfile(profile: GoogleProfile): UserProfile;

package/lib/providers/googleSignInAuthentication/profile/utils.js

@@ -0,0 +1,25 @@
+import { GOOGLE_SIGN_IN_PROVIDER_ID } from "../service/constants";
+/**
+ * Returns full name, from given and family name.
+ * @param profile - Google response.
+ * @returns full name.
+ */
+function getFullName(profile) {
+    const { family_name: lastName = "", given_name: firstName = "" } = profile;
+    return `${firstName} ${lastName}`.trim();
+}
+/**
+ * Returns user profile from google response.
+ * @param profile - Google response.
+ * @returns user profile.
+ */
+export function mapProfile(profile) {
+    const { email, picture: image } = profile;
+    const name = getFullName(profile);
+    return {
+        email,
+        id: GOOGLE_SIGN_IN_PROVIDER_ID,
+        image,
+        name,
+    };
+}

package/lib/providers/googleSignInAuthentication/provider.d.ts

@@ -0,0 +1,2 @@
+import { GoogleSignInAuthenticationProviderProps } from "./types";
+export declare function GoogleSignInAuthenticationProvider({ children, SessionController, timeout, }: GoogleSignInAuthenticationProviderProps): JSX.Element;