@orchestrator-ui/orchestrator-ui-components 0.2.3 → 0.2.5

package/src/components/WFOTable/WFOTableWithFilter/WFOTableWithFilter.tsx

@@ -1,174 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import {
-    Criteria,
-    EuiButton,
-    EuiFlexGroup,
-    EuiFlexItem,
-    EuiSpacer,
-    Pagination,
-} from '@elastic/eui';
-import {
-    WFODataSorting,
-    TableColumnKeys,
-    WFOTableColumns,
-    WFOTableColumnsWithControlColumns,
-    WFOTableControlColumnConfig,
-    WFOTableDataColumnConfig,
-} from '../utils/columns';
-import {
-    ColumnConfig,
-    TableConfig,
-    TableSettingsModal,
-} from '../WFOTableSettingsModal';
-import { WFOSearchField } from '../../WFOSearchBar';
-import { WFOTable } from '../WFOTable';
-import { DEFAULT_PAGE_SIZES } from '../utils/constants';
-import {
-    clearTableConfigFromLocalStorage,
-    getTableConfigFromLocalStorage,
-    setTableConfigToLocalStorage,
-} from '../utils/tableConfigPersistence';
-
-export type WFOTableWithFilterProps<T> = {
-    data: T[];
-    tableColumns: WFOTableColumns<T>;
-    leadingControlColumns?: WFOTableControlColumnConfig<T>;
-    trailingControlColumns?: WFOTableControlColumnConfig<T>;
-    defaultHiddenColumns?: TableColumnKeys<T>;
-    dataSorting: WFODataSorting<T>;
-    pagination: Pagination;
-    esQueryString?: string;
-    isLoading: boolean;
-    localStorageKey: string;
-    onUpdateEsQueryString: (esQueryString: string) => void;
-    onUpdatePage: (criterion: Criteria<T>['page']) => void;
-    onUpdateDataSort: (newSortColumnId: keyof T) => void;
-};
-
-export const WFOTableWithFilter = <T,>({
-    data,
-    tableColumns,
-    leadingControlColumns,
-    trailingControlColumns,
-    defaultHiddenColumns = [],
-    dataSorting,
-    pagination,
-    esQueryString,
-    isLoading,
-    localStorageKey,
-    onUpdateEsQueryString,
-    onUpdatePage,
-    onUpdateDataSort,
-}: WFOTableWithFilterProps<T>) => {
-    const defaultPageSize = pagination.pageSize;
-    const tableConfigFromLocalStorage =
-        getTableConfigFromLocalStorage<T>(localStorageKey);
-
-    const initialHiddenColumns =
-        tableConfigFromLocalStorage?.hiddenColumns ?? defaultHiddenColumns;
-
-    const [hiddenColumns, setHiddenColumns] =
-        useState<TableColumnKeys<T>>(initialHiddenColumns);
-
-    const [showSettingsModal, setShowSettingsModal] = useState(false);
-
-    useEffect(() => {
-        setHiddenColumns(
-            tableConfigFromLocalStorage?.hiddenColumns ?? defaultHiddenColumns,
-        );
-    }, [localStorageKey]);
-
-    const tableColumnsWithControlColumns: WFOTableColumnsWithControlColumns<T> =
-        {
-            ...leadingControlColumns,
-            ...tableColumns,
-            ...trailingControlColumns,
-        };
-
-    const tableSettingsColumns: ColumnConfig<T>[] = Object.entries<
-        WFOTableDataColumnConfig<T, keyof T>
-    >(tableColumns).map((keyValuePair) => {
-        const { field, name } = keyValuePair[1];
-        return {
-            field,
-            name,
-            isVisible: hiddenColumns.indexOf(field) === -1,
-        };
-    });
-
-    const handleUpdateTableConfig = (updatedTableConfig: TableConfig<T>) => {
-        const updatedHiddenColumns = updatedTableConfig.columns
-            .filter((column) => !column.isVisible)
-            .map((hiddenColumn) => hiddenColumn.field);
-        setHiddenColumns(updatedHiddenColumns);
-        setShowSettingsModal(false);
-        setTableConfigToLocalStorage(localStorageKey, {
-            hiddenColumns: updatedHiddenColumns,
-            selectedPageSize: updatedTableConfig.selectedPageSize,
-        });
-        onUpdatePage({
-            index: 0,
-            size: updatedTableConfig.selectedPageSize,
-        });
-    };
-
-    const handleResetToDefaults = () => {
-        setHiddenColumns(defaultHiddenColumns);
-        setShowSettingsModal(false);
-        clearTableConfigFromLocalStorage(localStorageKey);
-        onUpdatePage({
-            index: 0,
-            size: defaultPageSize,
-        });
-    };
-
-    const onCriteriaChange = (criterion: Criteria<T>) => {
-        if (criterion.page) {
-            onUpdatePage(criterion.page);
-        }
-    };
-
-    return (
-        <>
-            <EuiFlexGroup>
-                <EuiFlexItem>
-                    <WFOSearchField
-                        esQueryString={esQueryString}
-                        onUpdateEsQueryString={onUpdateEsQueryString}
-                    />
-                </EuiFlexItem>
-                <EuiButton onClick={() => setShowSettingsModal(true)}>
-                    Edit columns
-                </EuiButton>
-            </EuiFlexGroup>
-            <EuiSpacer size="m" />
-            <WFOTable
-                data={data}
-                columns={tableColumnsWithControlColumns}
-                hiddenColumns={hiddenColumns}
-                dataSorting={dataSorting}
-                onDataSort={onUpdateDataSort}
-                pagination={pagination}
-                isLoading={isLoading}
-                onCriteriaChange={onCriteriaChange}
-            />
-
-            {showSettingsModal && (
-                <TableSettingsModal
-                    tableConfig={{
-                        columns: tableSettingsColumns,
-                        selectedPageSize:
-                            tableConfigFromLocalStorage?.selectedPageSize ??
-                            pagination.pageSize,
-                    }}
-                    pageSizeOptions={
-                        pagination.pageSizeOptions ?? DEFAULT_PAGE_SIZES
-                    }
-                    onClose={() => setShowSettingsModal(false)}
-                    onUpdateTableConfig={handleUpdateTableConfig}
-                    onResetToDefaults={handleResetToDefaults}
-                />
-            )}
-        </>
-    );
-};

package/src/components/WFOTable/WFOTableWithFilter/index.ts

@@ -1 +0,0 @@
-export * from './WFOTableWithFilter';

package/src/components/WFOTable/index.ts

@@ -1,14 +0,0 @@
-export * from './WFODataGridTable/WFODataGridTable';
-export * from './WFODataGridTable/WFOdataGridColumns';
-
-export * from './WFOTableSettingsModal';
-
-export * from './utils/columns';
-export * from './utils/constants';
-
-export * from './utils/tableConfigPersistence';
-export * from './utils/tableUtils';
-
-export * from './WFOTable';
-export * from './WFOTableWithFilter';
-export * from './WFOTableHeaderCell';

package/src/components/WFOTree/WFOTree.tsx

@@ -1,16 +0,0 @@
-import React, { FC } from 'react';
-
-import { WFOTreeBranch } from './WFOTreeBranch';
-import { TreeBlock } from '../../types';
-
-type WFOTreeProps = {
-    data: TreeBlock[];
-};
-
-export const WFOTree: FC<WFOTreeProps> = ({ data }) => (
-    <div style={{ width: '500px' }}>
-        {data.map((item) => (
-            <WFOTreeBranch key={item.id} item={item} level={0} />
-        ))}
-    </div>
-);

package/src/contexts/SubscriptionContext.tsx

@@ -1,72 +0,0 @@
-import * as React from 'react';
-import { ReactNode } from 'react';
-import { SubscriptionDetailBase } from '../types';
-
-export type SubscriptionContextType = {
-    subscriptionData: SubscriptionDetailBase;
-    loadingStatus: number;
-    setSubscriptionData: (
-        data: SubscriptionDetailBase,
-        loadingStatus: number,
-    ) => void;
-};
-
-const subscriptionDetailInit = {
-    subscriptionId: '',
-    description: '',
-    customerId: '',
-    insync: true,
-    status: '',
-    product: {
-        name: '',
-        description: '',
-        status: '',
-        tag: '',
-        type: '',
-        createdAt: '',
-    },
-    fixedInputs: {},
-    productBlocks: [],
-};
-
-const InitialSubscriptionContext: SubscriptionContextType = {
-    subscriptionData: subscriptionDetailInit,
-    loadingStatus: 0,
-    setSubscriptionData: () => null,
-};
-
-export const SubscriptionContext = React.createContext<SubscriptionContextType>(
-    InitialSubscriptionContext,
-);
-
-export type SubscriptionProviderProps = {
-    children: ReactNode;
-};
-
-export const SubscriptionProvider: React.FC<SubscriptionProviderProps> = ({
-    children,
-}) => {
-    const [subscriptionData, setInternalSubscriptionData] =
-        React.useState<SubscriptionDetailBase>(subscriptionDetailInit);
-    const [loadingStatus, setLoadingStatus] = React.useState(0);
-
-    const setSubscriptionData = (
-        data: SubscriptionDetailBase,
-        loadingStatus: number,
-    ) => {
-        setInternalSubscriptionData(data);
-        setLoadingStatus(loadingStatus);
-    };
-
-    return (
-        <SubscriptionContext.Provider
-            value={{
-                subscriptionData,
-                loadingStatus,
-                setSubscriptionData,
-            }}
-        >
-            {children}
-        </SubscriptionContext.Provider>
-    );
-};

package/src/hooks/useSubscriptionProcesses.ts

@@ -1,45 +0,0 @@
-import { useQuery } from 'react-query';
-import { useContext } from 'react';
-import { OrchestratorConfigContext } from '../contexts/OrchestratorConfigContext';
-import { Nullable } from '../types';
-import { ProcessStatus } from './useProcessStatusCountsQuery';
-
-interface Process {
-    workflow: string;
-    pid: string;
-    is_task: boolean;
-    created_by: Nullable<string>;
-    failed_reason: Nullable<string>;
-    started_at: number;
-    last_status: ProcessStatus;
-    assignee: 'NOC' | 'SYSTEM' | 'CHANGES' | 'USER';
-    last_modified_at: number;
-    traceback: Nullable<string>;
-    last_step: Nullable<string>;
-}
-
-export interface SubscriptionProcess {
-    workflow_target: null | 'CREATE' | 'MODIFY' | 'TERMINATE' | 'SYSTEM';
-    subscription_id: string;
-    id: string;
-    pid: string;
-    created_at: number;
-    process: Process;
-}
-
-export const useSubscriptionProcesses = (subscriptionId: string) => {
-    const { subscriptionProcessesEndpoint } = useContext(
-        OrchestratorConfigContext,
-    );
-    //https://orchestrator.dev.automation.surf.net/api/processes/process-subscriptions-by-subscription-id/d32ecaa5-4e36-448c-a594-0bb6a1b5faf8
-    const fetchSubscriptionProcesses = async () => {
-        const response = await fetch(
-            `${subscriptionProcessesEndpoint}/${subscriptionId}`,
-            {
-                method: 'GET',
-            },
-        );
-        return (await response.json()) as SubscriptionProcess[];
-    };
-    return useQuery('subscriptionProcesses', fetchSubscriptionProcesses);
-};

package/src/icons/WFOCheckmarkCircleFill.stories.tsx

@@ -1,12 +0,0 @@
-import type { Meta } from '@storybook/react';
-import { WFOCheckmarkCircleFill } from './WFOCheckmarkCircleFill';
-
-const Story: Meta<typeof WFOCheckmarkCircleFill> = {
-    component: WFOCheckmarkCircleFill,
-    title: 'Icons/WFOCheckmarkCircleFill',
-};
-export default Story;
-
-export const Primary = {
-    args: {},
-};

package/src/icons/WFOLogoutIcon.stories.tsx

@@ -1,12 +0,0 @@
-import type { Meta } from '@storybook/react';
-import { WFOLogoutIcon } from './WFOLogoutIcon';
-
-const Story: Meta<typeof WFOLogoutIcon> = {
-    component: WFOLogoutIcon,
-    title: 'Icons/WFOLogoutIcon',
-};
-export default Story;
-
-export const Primary = {
-    args: {},
-};

package/src/icons/WFOMinusCircleOutline.stories.tsx

@@ -1,12 +0,0 @@
-import type { Meta } from '@storybook/react';
-import { WFOMinusCircleOutline } from './WFOMinusCircleOutline';
-
-const Story: Meta<typeof WFOMinusCircleOutline> = {
-    component: WFOMinusCircleOutline,
-    title: 'Icons/WFOMinusCircleOutline',
-};
-export default Story;
-
-export const Primary = {
-    args: {},
-};

package/src/icons/WFOPlusCircleFill.stories.tsx

@@ -1,12 +0,0 @@
-import type { Meta } from '@storybook/react';
-import { WFOPlusCircleFill } from './WFOPlusCircleFill';
-
-const Story: Meta<typeof WFOPlusCircleFill> = {
-    component: WFOPlusCircleFill,
-    title: 'Icons/WFOPlusCircleFill',
-};
-export default Story;
-
-export const Primary = {
-    args: {},
-};

package/src/icons/WFOStatusDotIcon.stories.tsx

@@ -1,12 +0,0 @@
-import type { Meta } from '@storybook/react';
-import { WFOStatusDotIcon } from './WFOStatusDotIcon';
-
-const Story: Meta<typeof WFOStatusDotIcon> = {
-    component: WFOStatusDotIcon,
-    title: 'Icons/WFOStatusDotIcon',
-};
-export default Story;
-
-export const Primary = {
-    args: {},
-};

package/src/icons/WFOXCircleFill.stories.tsx

@@ -1,12 +0,0 @@
-import type { Meta } from '@storybook/react';
-import { WFOXCircleFill } from './WFOXCircleFill';
-
-const Story: Meta<typeof WFOXCircleFill> = {
-    component: WFOXCircleFill,
-    title: 'Icons/WFOXCircleFill',
-};
-export default Story;
-
-export const Primary = {
-    args: {},
-};

package/src/pages/metadata/WFOProductBlocksPage.tsx

@@ -1,164 +0,0 @@
-import React from 'react';
-import { useTranslations } from 'next-intl';
-import type { Pagination } from '@elastic/eui/src/components';
-
-import {
-    DEFAULT_PAGE_SIZE,
-    DEFAULT_PAGE_SIZES,
-    METADATA_PRODUCTBLOCKS_TABLE_LOCAL_STORAGE_KEY,
-} from '../../components';
-import {
-    WFOStatusBadge,
-    WFOProductBlockBadge,
-    WFOTableWithFilter,
-} from '../../components';
-import {
-    getTableConfigFromLocalStorage,
-    getDataSortHandler,
-    getPageChangeHandler,
-    getEsQueryStringHandler,
-} from '../../components';
-import type { WFOTableColumns, WFODataSorting } from '../../components';
-
-import { parseDateToLocaleString } from '../../utils';
-import type { ProductBlockDefinition } from '../../types';
-import { SortOrder } from '../../types';
-
-import { useDataDisplayParams, useQueryWithGraphql } from '../../hooks';
-
-import { GET_PRODUCTS_BLOCKS_GRAPHQL_QUERY } from '../../graphqlQueries';
-
-import { WFOMetadataPageLayout } from './WFOMetadataPageLayout';
-
-const PRODUCT_BLOCK_FIELD_ID: keyof ProductBlockDefinition = 'productBlockId';
-const PRODUCT_BLOCK_FIELD_NAME: keyof ProductBlockDefinition = 'name';
-
-const PRODUCT_BLOCK_FIELD_TAG: keyof ProductBlockDefinition = 'tag';
-const PRODUCT_BLOCK_FIELD_DESCRIPTION: keyof ProductBlockDefinition =
-    'description';
-const PRODUCT_BLOCK_FIELD_STATUS: keyof ProductBlockDefinition = 'status';
-const PRODUCT_BLOCK_FIELD_CREATED_AT: keyof ProductBlockDefinition =
-    'createdAt';
-const PRODUCT_BLOCK_FIELD_END_DATE: keyof ProductBlockDefinition = 'endDate';
-const PRODUCT_BLOCK_FIELD_RESOURCE_TYPES: keyof ProductBlockDefinition =
-    'resourceTypes';
-
-export const WFOProductBlocksPage = () => {
-    const t = useTranslations('metadata.productBlocks');
-
-    const initialPageSize =
-        getTableConfigFromLocalStorage(
-            METADATA_PRODUCTBLOCKS_TABLE_LOCAL_STORAGE_KEY,
-        )?.selectedPageSize ?? DEFAULT_PAGE_SIZE;
-
-    const { dataDisplayParams, setDataDisplayParam } =
-        useDataDisplayParams<ProductBlockDefinition>({
-            pageSize: initialPageSize,
-            sortBy: {
-                field: PRODUCT_BLOCK_FIELD_NAME,
-                order: SortOrder.ASC,
-            },
-        });
-
-    const tableColumns: WFOTableColumns<ProductBlockDefinition> = {
-        productBlockId: {
-            field: PRODUCT_BLOCK_FIELD_ID,
-            name: t('id'),
-            width: '110',
-        },
-        name: {
-            field: PRODUCT_BLOCK_FIELD_NAME,
-            name: t('name'),
-            width: '110',
-        },
-        description: {
-            field: PRODUCT_BLOCK_FIELD_DESCRIPTION,
-            name: t('description'),
-            width: '400',
-        },
-        tag: {
-            field: PRODUCT_BLOCK_FIELD_TAG,
-            name: t('tag'),
-        },
-        status: {
-            field: PRODUCT_BLOCK_FIELD_STATUS,
-            name: t('status'),
-            width: '90',
-            render: (value) => (
-                <WFOStatusBadge status={value.toLocaleLowerCase()} />
-            ),
-        },
-        resourceTypes: {
-            field: PRODUCT_BLOCK_FIELD_RESOURCE_TYPES,
-            name: t('resourceTypes'),
-            render: (resourceTypes) => (
-                <>
-                    {resourceTypes.map((resourceType, index) => (
-                        <WFOProductBlockBadge key={index}>
-                            {resourceType.resourceType}
-                        </WFOProductBlockBadge>
-                    ))}
-                </>
-            ),
-        },
-        createdAt: {
-            field: PRODUCT_BLOCK_FIELD_CREATED_AT,
-            name: t('createdAt'),
-            render: parseDateToLocaleString,
-        },
-        endDate: {
-            field: PRODUCT_BLOCK_FIELD_END_DATE,
-            name: t('endDate'),
-            render: parseDateToLocaleString,
-        },
-    };
-
-    const { data, isFetching } = useQueryWithGraphql(
-        GET_PRODUCTS_BLOCKS_GRAPHQL_QUERY,
-        {
-            first: dataDisplayParams.pageSize,
-            after: dataDisplayParams.pageIndex * dataDisplayParams.pageSize,
-            sortBy: dataDisplayParams.sortBy,
-        },
-        'productBlocks',
-        true,
-    );
-
-    const dataSorting: WFODataSorting<ProductBlockDefinition> = {
-        field: dataDisplayParams.sortBy?.field ?? PRODUCT_BLOCK_FIELD_NAME,
-        sortOrder: dataDisplayParams.sortBy?.order ?? SortOrder.ASC,
-    };
-
-    const totalItems = data?.productBlocks.pageInfo.totalItems;
-
-    const pagination: Pagination = {
-        pageSize: dataDisplayParams.pageSize,
-        pageIndex: dataDisplayParams.pageIndex,
-        pageSizeOptions: DEFAULT_PAGE_SIZES,
-        totalItemCount: totalItems ? totalItems : 0,
-    };
-
-    return (
-        <WFOMetadataPageLayout>
-            <WFOTableWithFilter<ProductBlockDefinition>
-                data={data ? data.productBlocks.page : []}
-                tableColumns={tableColumns}
-                dataSorting={dataSorting}
-                onUpdateDataSort={getDataSortHandler<ProductBlockDefinition>(
-                    dataDisplayParams,
-                    setDataDisplayParam,
-                )}
-                onUpdatePage={getPageChangeHandler<ProductBlockDefinition>(
-                    setDataDisplayParam,
-                )}
-                onUpdateEsQueryString={getEsQueryStringHandler<ProductBlockDefinition>(
-                    setDataDisplayParam,
-                )}
-                pagination={pagination}
-                isLoading={isFetching}
-                esQueryString={dataDisplayParams.esQueryString}
-                localStorageKey={METADATA_PRODUCTBLOCKS_TABLE_LOCAL_STORAGE_KEY}
-            />
-        </WFOMetadataPageLayout>
-    );
-};

package/src/pages/metadata/WFOResourceTypesPage.tsx

@@ -1,120 +0,0 @@
-import React from 'react';
-import { useTranslations } from 'next-intl';
-import type { Pagination } from '@elastic/eui/src/components';
-
-import {
-    DEFAULT_PAGE_SIZE,
-    DEFAULT_PAGE_SIZES,
-    METADATA_RESOURCE_TYPES_TABLE_LOCAL_STORAGE_KEY,
-} from '../../components';
-import { WFOTableWithFilter } from '../../components';
-import {
-    getTableConfigFromLocalStorage,
-    getDataSortHandler,
-    getPageChangeHandler,
-    getEsQueryStringHandler,
-} from '../../components';
-import type { WFOTableColumns, WFODataSorting } from '../../components';
-
-import type { ResourceTypeDefinition } from '../../types';
-import { SortOrder } from '../../types';
-
-import { useDataDisplayParams, useQueryWithGraphql } from '../../hooks';
-
-import { GET_RESOURCE_TYPES_GRAPHQL_QUERY } from '../../graphqlQueries';
-
-import { WFOMetadataPageLayout } from './WFOMetadataPageLayout';
-
-export const RESOURCE_TYPE_FIELD_ID: keyof ResourceTypeDefinition =
-    'resourceTypeId';
-export const RESOURCE_TYPE_FIELD_TYPE: keyof ResourceTypeDefinition =
-    'resourceType';
-export const RESOURCE_TYPE_FIELD_DESCRIPTION: keyof ResourceTypeDefinition =
-    'description';
-
-export const WFOResourceTypesPage = () => {
-    const t = useTranslations('metadata.resourceTypes');
-
-    const initialPageSize =
-        getTableConfigFromLocalStorage(
-            METADATA_RESOURCE_TYPES_TABLE_LOCAL_STORAGE_KEY,
-        )?.selectedPageSize ?? DEFAULT_PAGE_SIZE;
-
-    const { dataDisplayParams, setDataDisplayParam } =
-        useDataDisplayParams<ResourceTypeDefinition>({
-            pageSize: initialPageSize,
-            sortBy: {
-                field: RESOURCE_TYPE_FIELD_TYPE,
-                order: SortOrder.ASC,
-            },
-        });
-
-    const tableColumns: WFOTableColumns<ResourceTypeDefinition> = {
-        resourceType: {
-            field: RESOURCE_TYPE_FIELD_TYPE,
-            name: t('type'),
-            width: '110',
-        },
-        description: {
-            field: RESOURCE_TYPE_FIELD_DESCRIPTION,
-            name: t('description'),
-            width: '400',
-        },
-        resourceTypeId: {
-            field: RESOURCE_TYPE_FIELD_ID,
-            name: t('resourceId'),
-            width: '110',
-        },
-    };
-
-    const { data, isFetching } = useQueryWithGraphql(
-        GET_RESOURCE_TYPES_GRAPHQL_QUERY,
-        {
-            first: dataDisplayParams.pageSize,
-            after: dataDisplayParams.pageIndex * dataDisplayParams.pageSize,
-            sortBy: dataDisplayParams.sortBy,
-        },
-        'resourceTypes',
-        true,
-    );
-
-    const dataSorting: WFODataSorting<ResourceTypeDefinition> = {
-        field: dataDisplayParams.sortBy?.field ?? RESOURCE_TYPE_FIELD_TYPE,
-        sortOrder: dataDisplayParams.sortBy?.order ?? SortOrder.ASC,
-    };
-
-    const totalItems = data?.resourceTypes.pageInfo.totalItems;
-
-    const pagination: Pagination = {
-        pageSize: dataDisplayParams.pageSize,
-        pageIndex: dataDisplayParams.pageIndex,
-        pageSizeOptions: DEFAULT_PAGE_SIZES,
-        totalItemCount: totalItems ? totalItems : 0,
-    };
-
-    return (
-        <WFOMetadataPageLayout>
-            <WFOTableWithFilter<ResourceTypeDefinition>
-                data={data ? data.resourceTypes.page : []}
-                tableColumns={tableColumns}
-                dataSorting={dataSorting}
-                onUpdateDataSort={getDataSortHandler<ResourceTypeDefinition>(
-                    dataDisplayParams,
-                    setDataDisplayParam,
-                )}
-                onUpdatePage={getPageChangeHandler<ResourceTypeDefinition>(
-                    setDataDisplayParam,
-                )}
-                onUpdateEsQueryString={getEsQueryStringHandler<ResourceTypeDefinition>(
-                    setDataDisplayParam,
-                )}
-                pagination={pagination}
-                isLoading={isFetching}
-                esQueryString={dataDisplayParams.esQueryString}
-                localStorageKey={
-                    METADATA_RESOURCE_TYPES_TABLE_LOCAL_STORAGE_KEY
-                }
-            />
-        </WFOMetadataPageLayout>
-    );
-};