@orchestrator-ui/orchestrator-ui-components/src/components/WfoTable/utils/tableConfigPersistence.ts

Library of UI Components used to display the workflow orchestrator frontend

import { TableColumnKeys } from './columns';

export type StoredTableConfig<T> = {
    hiddenColumns: TableColumnKeys<T>;
    selectedPageSize: number;
};

export const isValidLocalStorageTableConfig = <T>(
    object: StoredTableConfig<T>,
): object is StoredTableConfig<T> =>
    typeof object === 'object' &&
    'hiddenColumns' in object &&
    object.hiddenColumns !== undefined &&
    'selectedPageSize' in object &&
    object.selectedPageSize !== undefined;

export const getTableConfigFromLocalStorage = <T>(
    key: string,
): StoredTableConfig<T> | undefined => {
    if (typeof window !== 'undefined' && window.localStorage) {
        const parsedJson = JSON.parse(localStorage.getItem(key) ?? '{}');
        return isValidLocalStorageTableConfig(parsedJson)
            ? parsedJson
            : undefined;
    }
    return undefined;
};

export const setTableConfigToLocalStorage = <T>(
    key: string,
    updatedTableConfig: StoredTableConfig<T>,
) => {
    if (typeof window !== 'undefined' && window.localStorage) {
        localStorage.setItem(key, JSON.stringify(updatedTableConfig));
    }
};

export const clearTableConfigFromLocalStorage = (key: string) => {
    if (typeof window !== 'undefined' && window.localStorage) {
        localStorage.removeItem(key);
    }
};