@orchestrator-ui/orchestrator-ui-components 0.2.0 → 0.2.2

package/dist/index.d.ts

@@ -3,628 +3,749 @@ import { EuiBadgeProps, EuiBasicTableColumn, EuiDataGridColumn, Pagination as Pa
 import * as React from 'react';
 import React__default, { ReactNode, FC, ReactElement, FunctionComponent } from 'react';
 import { TextColor } from '@elastic/eui/src/components/text/text_color';
+import * as react_query from 'react-query';
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import { _EuiThemeColorsMode } from '@elastic/eui/src/global_styling/variables/colors';
 import { EuiDataGridControlColumn, EuiDataGridSorting, EuiDataGridPaginationProps } from '@elastic/eui/src/components/datagrid/data_grid_types';
 import { Criteria } from '@elastic/eui/src/components/basic_table/basic_table';
-import * as react_query from 'react-query';
 import { TypedDocumentNode } from '@graphql-typed-document-node/core';
 import { Variables } from 'graphql-request/build/cjs/types';
 import { AbstractIntlMessages } from 'next-intl';
 
-type BadgeProps = EuiBadgeProps & {
-    textColor: TextColor | string;
-    children: ReactNode;
-};
-declare const Badge: FC<BadgeProps>;
+type WFOBadgeProps = EuiBadgeProps & {
+    textColor: TextColor | string;
+    children: ReactNode;
+};
+declare const WFOBadge: FC<WFOBadgeProps>;
 
-type WFOStatusBadgeProps = {
-    status: string;
-};
+type WFOStatusBadgeProps = {
+    status: string;
+};
 declare const WFOStatusBadge: FC<WFOStatusBadgeProps>;
 
-type WFOProductBlockBadgeProps = {
-    children: string;
-};
+type WFOProductBlockBadgeProps = {
+    children: string;
+};
 declare const WFOProductBlockBadge: FC<WFOProductBlockBadgeProps>;
 
-type ProcessStatusBadgeProps = {
-    processStatus: string;
-};
-declare const ProcessStatusBadge: FC<ProcessStatusBadgeProps>;
-
-declare const FailedTasksBadge: () => _emotion_react_jsx_runtime.JSX.Element;
-
-declare const EnvironmentBadge: () => _emotion_react_jsx_runtime.JSX.Element;
-
-declare const EngineStatusBadge: () => _emotion_react_jsx_runtime.JSX.Element;
-
-type HeaderBadgeProps = EuiBadgeProps & {
-    textColor: TextColor | string;
-    children: ReactNode;
-};
-declare const HeaderBadge: FC<HeaderBadgeProps>;
-
-declare const Breadcrumbs: () => _emotion_react_jsx_runtime.JSX.Element;
-
-interface OrchestratorPageHeaderProps {
-    navigationHeight: number;
-    getAppLogo: (navigationHeight: number) => ReactElement;
-    handleLogoutClick: () => void;
-}
-declare const OrchestratorPageHeader: FC<OrchestratorPageHeaderProps>;
-
-interface OrchestratorPageTemplateProps {
-    getAppLogo: (navigationHeight: number) => ReactElement;
-    children: ReactNode;
-}
-declare const OrchestratorPageTemplate: FC<OrchestratorPageTemplateProps>;
-
-declare const OrchestratorSidebar: FC;
-
-type SearchFieldProps = {
-    __filterQuery?: string;
-    __setFilterQuery?: (updatedFilterQuery: string) => void;
-    esQueryString?: string;
-    onUpdateEsQueryString?: (esQueryString: string) => void;
-};
-declare const SearchField: ({ __filterQuery, __setFilterQuery, esQueryString, onUpdateEsQueryString, }: SearchFieldProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-type SettingsModalProps = {
-    title: string;
-    onClose: () => void;
-    onResetToDefaults: () => void;
-    onUpdateTableConfig: () => void;
-    children: ReactNode;
-};
-declare const SettingsModal: FC<SettingsModalProps>;
-
-declare const Settings: FunctionComponent;
-
-interface FrequentlyUsedProps {
-    values: string[];
-}
-declare const FrequentlyUsed: FC<FrequentlyUsedProps>;
-
-type Nullable<T> = T | null;
-type GenericField = {
-    [key: string]: number | string | boolean;
-};
-type EngineStatusValue = 'RUNNING' | 'PAUSING' | 'PAUSED';
-type CustomerBase = {
-    name: string;
-    abbreviation?: string;
-} & GenericField;
-type ProductBase = {
-    name: string;
-    description: string;
-    status: string;
-    tag: string;
-    type: string;
-    createdAt: string;
-    endDate?: string | null;
-} & GenericField;
-type ResourceTypeBase = {
-    name: string;
-    title: string;
-    subscriptionInstanceId: string;
-    ownerSubscriptionId: string;
-    label?: string;
-} & GenericField;
-type ProductBlockBase = {
-    id: number;
-    ownerSubscriptionId: string;
-    parent: Nullable<number>;
-    resourceTypes: ResourceTypeBase;
-};
-type FixedInputsBase = GenericField;
-type ExternalServiceBase = {
-    externalServiceKey: string;
-    externalServiceId: string;
-    externalServiceData: any;
-} & GenericField;
-type SubscriptionDetailBase = {
-    subscriptionId: string;
-    description: string;
-    customerId?: string | null;
-    insync: boolean;
-    status: string;
-    startDate?: string | null;
-    endDate?: string | null;
-    note?: string;
-    product: ProductBase;
-    fixedInputs: FixedInputsBase;
-    customer?: CustomerBase;
-    productBlocks: ProductBlockBase[];
-    externalServices?: ExternalServiceBase[];
-};
-interface TreeBlock extends ProductBlockBase {
-    icon: string;
-    label: string;
-    callback: () => void;
-    children: TreeBlock[];
-}
-interface ItemsList {
-    type: string;
-    title: string;
-    items: Process$1[];
-    buttonName: string;
-}
-interface TotalStat {
-    icon: string;
-    name: string;
-    value: number;
-    color: keyof _EuiThemeColorsMode;
-}
-interface Process$1 {
-    pid: string;
-    workflow: string;
-    assignee: string;
-    last_status: string;
-    failed_reason: Nullable<string>;
-    traceback: string;
-    step: string;
-    created_by: string;
-    started_at: number;
-    last_modified_at: number;
-    is_task: boolean;
-}
-interface Product {
-    name: string;
-    description: string;
-    tag: string;
-    productType: string;
-    status: string;
-    productBlocks: ProductBlock$1[];
-    createdAt: Date | null;
-}
-interface ProductBlock$1 {
-    name: string;
-}
-type Field<Type> = keyof Type;
-declare enum SortOrder {
-    ASC = "ASC",
-    DESC = "DESC"
-}
-type GraphQLSort<Type> = {
-    field: keyof Type;
-    order: SortOrder;
-};
-type GraphqlFilter<Type> = {
-    field: keyof Type;
-    value: string;
-};
-type GraphqlQueryVariables<Type> = {
-    first: number;
-    after: number;
-    sortBy?: GraphQLSort<Type>;
-    filterBy?: GraphqlFilter<Type>[];
-};
-interface CacheOption {
-    value: string;
-    label: string;
-}
-declare enum Locale {
-    enUS = "en-Us",
-    nlNL = "nl-NL"
-}
-
-interface Subscription {
-    name: string;
-    subscription_id: string;
-    description: string;
-    product: ProductBase;
-    product_id: string;
-    status: string;
-    insync: boolean;
-    customer_id: string;
-    start_date: number;
-    end_date: number;
-    note: string;
-}
-interface ListItemStartPageProps {
-    item: Subscription | Process$1;
-    type: string;
-}
-declare const ListItemStartPage: FC<ListItemStartPageProps>;
-
-declare const MultiListSection: FC;
-
-declare const NewProcessPanel: FC;
-
-declare const StatCards: FC;
-
-declare const FixedInputBlock: (title: string, data: object) => _emotion_react_jsx_runtime.JSX.Element | undefined;
-
-type ProcessesTimelineProps = {
-    subscriptionId: string;
-};
-declare const ProcessesTimeline: FC<ProcessesTimelineProps>;
-
-declare const ProductBlock: (resourceTypes: ResourceTypeBase, id: number) => _emotion_react_jsx_runtime.JSX.Element | undefined;
-
-type SubscriptionActionsProps = {
-    subscriptionId: string;
-};
-declare const SubscriptionActions$1: FC<SubscriptionActionsProps>;
-
-declare const RenderField: (field: string, data: any) => _emotion_react_jsx_runtime.JSX.Element;
-declare const SubscriptionBlock: (title: string, data: object) => _emotion_react_jsx_runtime.JSX.Element | undefined;
-
-declare const SubscriptionDetailTree: () => _emotion_react_jsx_runtime.JSX.Element | null;
-
-/** TODO: Adding a useTranslations hook here leads to an hooks error. https://github.com/workfloworchestrator/orchestrator-ui/issues/177 */
-declare const SubscriptionGeneral: () => _emotion_react_jsx_runtime.JSX.Element;
-
-declare enum SubscriptionsTabType {
-    ACTIVE = "ACTIVE",
-    TERMINATED = "TERMINATED",
-    TRANSIENT = "TRANSIENT",
-    ALL = "ALL"
-}
-type FilterQuery = {
-    field: string;
-    value: string;
-};
-type SubscriptionsTab = {
-    id: SubscriptionsTabType;
-    translationKey: string;
-    alwaysOnFilters?: FilterQuery[];
-};
-declare const defaultSubscriptionsTabs: SubscriptionsTab[];
-type SubscriptionsTabsProps = {
-    tabs: SubscriptionsTab[];
-    selectedSubscriptionsTab: SubscriptionsTabType;
-    onChangeSubscriptionsTab: (updatedSubscriptionsTab: SubscriptionsTabType) => void;
-};
-declare const SubscriptionsTabs: FC<SubscriptionsTabsProps>;
-
-declare const getSubscriptionsTabTypeFromString: (tabId?: string) => SubscriptionsTabType | undefined;
-
-type BasicTableColumn<T> = Omit<EuiBasicTableColumn<T>, 'render'>;
-type TableDataColumnConfig<T, Property> = BasicTableColumn<T> & {
-    field: Property;
-    name: string;
-};
-type TableColumnsWithExtraNonDataFields<T> = TableColumns<T> & {
-    [key: string]: EuiBasicTableColumn<T> & {
-        field: string;
-        name?: string;
-    };
-};
-type TableColumns<T> = {
-    [Property in keyof T]: TableDataColumnConfig<T, Property> & {
-        render?: (cellValue: T[Property], row: T) => ReactNode;
-    };
-};
-type TableControlColumnConfig<T> = {
-    [key: string]: BasicTableColumn<T> & {
-        field: string;
-        name?: string;
-        render: (row: T) => ReactNode;
-    };
-};
-type TableColumnsWithControlColumns<T> = TableColumns<T> & TableControlColumnConfig<T>;
-type TableColumnKeys<T> = Array<keyof T>;
-type DataSorting<T> = {
-    field: keyof T;
-    sortOrder: SortOrder;
-};
-declare const getSortDirectionFromString: (sortOrder?: string) => SortOrder | undefined;
-
-type DataGridTableColumns<T> = {
-    [Property in keyof T]: Omit<EuiDataGridColumn, 'id'> & {
-        renderCell?: (cellValue: T[Property], row: T) => ReactNode;
-        isHiddenByDefault?: boolean;
-    };
-};
-type ControlColumn<T> = Omit<EuiDataGridControlColumn, 'rowCellRender' | 'headerCellRender' | 'footerCellRender' | 'footerCellProps' | 'headerCellProps'> & {
-    rowCellRender: (row: T) => ReactNode;
-};
-declare const getInitialColumnOrder: <T>(columns: DataGridTableColumns<T>, initialColumnOrder: TableColumnKeys<T>) => EuiDataGridColumn[];
-declare const mapColumnSortToEuiDataGridSorting: <T>(columnSort?: DataSorting<T> | undefined, updateColumnSort?: ((columnSort: DataSorting<T>) => void) | undefined) => EuiDataGridSorting;
-
-type Pagination = EuiDataGridPaginationProps & {
-    totalRecords: number;
-};
-type DataGridTableProps<T> = {
-    data: T[];
-    pagination: Pagination;
-    columns: DataGridTableColumns<T>;
-    leadingControlColumns?: ControlColumn<T>[];
-    trailingControlColumns?: ControlColumn<T>[];
-    initialColumnOrder: TableColumnKeys<T>;
-    dataSorting?: DataSorting<T>;
-    handleRowClick?: (row: T) => void;
-    updateDataSorting?: (updatedDataSorting: DataSorting<T>) => void;
-};
-declare const DataGridTable: <T>({ data, pagination, columns, leadingControlColumns, trailingControlColumns, initialColumnOrder, dataSorting, handleRowClick, updateDataSorting, }: DataGridTableProps<T>) => _emotion_react_jsx_runtime.JSX.Element;
-
-type ColumnConfig<T> = {
-    field: keyof T;
-    name: string;
-    isVisible: boolean;
-};
-type TableConfig<T> = {
-    columns: ColumnConfig<T>[];
-    selectedPageSize: number;
-};
-type TableSettingsModalProps<T> = {
-    tableConfig: TableConfig<T>;
-    pageSizeOptions: number[];
-    onClose: () => void;
-    onUpdateTableConfig: (updatedTableConfig: TableConfig<T>) => void;
-    onResetToDefaults: () => void;
-};
-declare const TableSettingsModal: <T>({ tableConfig, pageSizeOptions, onUpdateTableConfig, onResetToDefaults, onClose, }: TableSettingsModalProps<T>) => _emotion_react_jsx_runtime.JSX.Element;
-
-declare const DEFAULT_PAGE_SIZES: number[];
-declare const DEFAULT_PAGE_SIZE = 10;
-
-type LocalStorageTableConfig<T> = {
-    hiddenColumns: TableColumnKeys<T>;
-    selectedPageSize: number;
-};
-declare const isValidLocalStorageTableConfig: <T>(object: LocalStorageTableConfig<T>) => object is LocalStorageTableConfig<T>;
-declare const getTableConfigFromLocalStorage: <T>(key: string) => LocalStorageTableConfig<T> | undefined;
-declare const setTableConfigToLocalStorage: <T>(key: string, updatedTableConfig: LocalStorageTableConfig<T>) => void;
-declare const clearTableConfigFromLocalStorage: (key: string) => void;
-
 declare const useQueryWithGraphql: <U, V extends Variables>(query: TypedDocumentNode<U, V>, queryVars: V, queryKey: string, useCoreConnection?: boolean) => react_query.UseQueryResult<U, unknown>;
 
-type GlobalStatus = 'RUNNING' | 'PAUSED' | 'PAUSING';
-interface EngineStatus {
-    global_lock: boolean;
-    running_processes: number;
-    global_status: GlobalStatus;
-}
-interface EngineStatusPayload {
-    global_lock: boolean;
-}
-declare const useEngineStatusQuery: () => react_query.UseQueryResult<EngineStatus, unknown>;
+type GlobalStatus = 'RUNNING' | 'PAUSED' | 'PAUSING';
+interface EngineStatus {
+    global_lock: boolean;
+    running_processes: number;
+    global_status: GlobalStatus;
+}
+interface EngineStatusPayload {
+    global_lock: boolean;
+}
+declare const useEngineStatusQuery: () => react_query.UseQueryResult<EngineStatus, unknown>;
 declare const useEngineStatusMutation: () => react_query.UseMutationResult<EngineStatus, unknown, EngineStatusPayload, void>;
 
-declare enum Environment {
-    DEVELOPMENT = "Development",
-    PRODUCTION = "Production"
-}
-type OrchestratorConfig = {
-    environmentName: Environment | string;
-    orchestratorApiBaseUrl: string;
-    engineStatusEndpoint: string;
-    graphqlEndpointPythia: string;
-    graphqlEndpointCore: string;
-    processStatusCountsEndpoint: string;
-    subscriptionActionsEndpoint: string;
-    subscriptionProcessesEndpoint: string;
-};
-declare const useOrchestratorConfig: (initialOrchestratorConfig: OrchestratorConfig) => {
-    orchestratorConfig: OrchestratorConfig;
-};
-
-declare const useOrchestratorTheme: () => {
-    theme: _elastic_eui.EuiThemeComputed<{}>;
-    multiplyByBaseUnit: (multiplier: number) => number;
-    toSecondaryColor: (color: string) => string;
-};
-
-declare enum ProcessStatus {
-    CREATED = "created",
-    RUNNING = "running",
-    SUSPENDED = "suspended",
-    WAITING = "waiting",
-    ABORTED = "aborted",
-    FAILED = "failed",
-    API_UNAVAILABLE = "api_unavailable",
-    INCONSISTENT_DATA = "inconsistent_data",
-    COMPLETED = "completed"
-}
-type ProcessStatusCounts = {
-    process_counts: Record<ProcessStatus, number>;
-    task_counts: Record<ProcessStatus, number>;
-};
+declare enum Environment {
+    DEVELOPMENT = "Development",
+    PRODUCTION = "Production"
+}
+type OrchestratorConfig = {
+    environmentName: Environment | string;
+    orchestratorApiBaseUrl: string;
+    engineStatusEndpoint: string;
+    graphqlEndpointPythia: string;
+    graphqlEndpointCore: string;
+    processStatusCountsEndpoint: string;
+    subscriptionActionsEndpoint: string;
+    subscriptionProcessesEndpoint: string;
+};
+declare const useOrchestratorConfig: (initialOrchestratorConfig: OrchestratorConfig) => {
+    orchestratorConfig: OrchestratorConfig;
+};
+
+declare const useOrchestratorTheme: () => {
+    theme: _elastic_eui.EuiThemeComputed<{}>;
+    multiplyByBaseUnit: (multiplier: number) => number;
+    toSecondaryColor: (color: string) => string;
+};
+
+declare enum ProcessStatus {
+    CREATED = "created",
+    RUNNING = "running",
+    SUSPENDED = "suspended",
+    WAITING = "waiting",
+    ABORTED = "aborted",
+    FAILED = "failed",
+    RESUMED = "resumed",
+    API_UNAVAILABLE = "api_unavailable",
+    INCONSISTENT_DATA = "inconsistent_data",
+    COMPLETED = "completed"
+}
+type ProcessStatusCounts = {
+    process_counts: Record<ProcessStatus, number>;
+    task_counts: Record<ProcessStatus, number>;
+};
 declare const useProcessStatusCountsQuery: () => react_query.UseQueryResult<ProcessStatusCounts, unknown>;
 
-type CacheNames = {
-    [key: string]: string;
-};
-declare const useFavouriteSubscriptions: () => {
-    items: any;
-    type: string;
-    title: string;
-    buttonName: string;
-};
-declare const useProcessesAttention: () => {
-    items: any;
-    type: string;
-    title: string;
-    buttonName: string;
-};
-declare const useRecentProcesses: () => {
-    items: any;
-    type: string;
-    title: string;
-    buttonName: string;
-};
+type CacheNames = {
+    [key: string]: string;
+};
+declare const useFavouriteSubscriptions: () => {
+    items: any;
+    type: string;
+    title: string;
+    buttonName: string;
+};
+declare const useProcessesAttention: () => {
+    items: any;
+    type: string;
+    title: string;
+    buttonName: string;
+};
+declare const useRecentProcesses: () => {
+    items: any;
+    type: string;
+    title: string;
+    buttonName: string;
+};
 declare const useCacheNames: () => react_query.UseQueryResult<CacheNames, unknown>;
 
-interface SubscriptionAction {
-    name: string;
-    description: string;
-    reason?: string;
-    usable_when?: string[];
-    locked_relations?: string[];
-    unterminated_parents?: string[];
-    unterminated_in_use_by_subscriptions?: string[];
-    status?: string;
-    action?: string;
-}
-interface SubscriptionActions {
-    reason?: string;
-    locked_relations?: string[];
-    create: SubscriptionAction[];
-    modify: SubscriptionAction[];
-    terminate: SubscriptionAction[];
-    system: SubscriptionAction[];
-}
+interface SubscriptionAction {
+    name: string;
+    description: string;
+    reason?: string;
+    usable_when?: string[];
+    locked_relations?: string[];
+    unterminated_parents?: string[];
+    unterminated_in_use_by_subscriptions?: string[];
+    status?: string;
+    action?: string;
+}
+interface SubscriptionActions {
+    reason?: string;
+    locked_relations?: string[];
+    create: SubscriptionAction[];
+    modify: SubscriptionAction[];
+    terminate: SubscriptionAction[];
+    system: SubscriptionAction[];
+}
 declare const useSubscriptionActions: (subscriptionId: string) => react_query.UseQueryResult<SubscriptionActions, unknown>;
 
-interface Process {
-    workflow: string;
-    pid: string;
-    is_task: boolean;
-    created_by: Nullable<string>;
-    failed_reason: Nullable<string>;
-    started_at: number;
-    last_status: 'completed' | 'aborted';
-    assignee: 'NOC' | 'SYSTEM' | 'CHANGES' | 'USER';
-    last_modified_at: number;
-    traceback: Nullable<string>;
-    last_step: Nullable<string>;
-}
-interface SubscriptionProcess {
-    workflow_target: null | 'CREATE' | 'MODIFY' | 'TERMINATE' | 'SYSTEM';
-    subscription_id: string;
-    id: string;
-    pid: string;
-    created_at: number;
-    process: Process;
-}
+type Nullable<T> = T | null;
+type GenericField = {
+    [key: string]: number | string | boolean;
+};
+type EngineStatusValue = 'RUNNING' | 'PAUSING' | 'PAUSED';
+type CustomerBase = {
+    name: string;
+    abbreviation?: string;
+} & GenericField;
+type ProductBase = {
+    name: string;
+    description: string;
+    status: string;
+    tag: string;
+    type: string;
+    createdAt: string;
+    endDate?: string | null;
+} & GenericField;
+type ResourceTypeBase = {
+    name: string;
+    title: string;
+    subscriptionInstanceId: string;
+    ownerSubscriptionId: string;
+    label?: string;
+} & GenericField;
+type ProductBlockBase = {
+    id: number;
+    ownerSubscriptionId: string;
+    parent: Nullable<number>;
+    resourceTypes: ResourceTypeBase;
+};
+interface ResourceTypeDefinition {
+    description: string;
+    resourceType: string;
+    resourceTypeId: string;
+}
+interface ProductBlockDefinition {
+    productBlockId: string;
+    name: string;
+    tag: string;
+    description: string;
+    status: string;
+    createdAt: Date | null;
+    endDate: Date | null;
+    resourceTypes: ResourceTypeDefinition[];
+}
+type FixedInputsBase = GenericField;
+interface FixedInputDefinition {
+    fixedInputId: string;
+    name: string;
+    value: string;
+    productId: string;
+    createdAt: string;
+    description: string;
+    required: boolean;
+}
+type ExternalServiceBase = {
+    externalServiceKey: string;
+    externalServiceId: string;
+    externalServiceData: any;
+} & GenericField;
+type SubscriptionDetailBase = {
+    subscriptionId: string;
+    description: string;
+    customerId?: string | null;
+    insync: boolean;
+    status: string;
+    startDate?: string | null;
+    endDate?: string | null;
+    note?: string;
+    product: ProductBase;
+    fixedInputs: FixedInputsBase;
+    customer?: CustomerBase;
+    productBlocks: ProductBlockBase[];
+    externalServices?: ExternalServiceBase[];
+};
+interface TreeBlock extends ProductBlockBase {
+    icon: string;
+    label: string;
+    callback: () => void;
+    children: TreeBlock[];
+}
+interface ItemsList {
+    type: string;
+    title: string;
+    items: ProcessFromRestApi[];
+    buttonName: string;
+}
+interface TotalStat {
+    icon: string;
+    name: string;
+    value: number;
+    color: keyof _EuiThemeColorsMode;
+}
+interface ProcessFromRestApi {
+    pid: string;
+    workflow: string;
+    assignee: string;
+    last_status: string;
+    failed_reason: Nullable<string>;
+    traceback: string;
+    step: string;
+    created_by: string;
+    started_at: number;
+    last_modified_at: number;
+    is_task: boolean;
+}
+interface ProductDefinition {
+    productId: string;
+    name: string;
+    description: string;
+    tag: string;
+    createdAt: string;
+    productType: string;
+    status: string;
+    productBlocks: Pick<ProductBlockDefinition, 'name'>[];
+    fixedInputs: Pick<FixedInputDefinition, 'name' | 'value'>[];
+}
+type Process$1 = {
+    workflowName: string;
+    lastStep: string;
+    status: ProcessStatus;
+    product: string;
+    customer: string;
+    subscriptions: {
+        page: Pick<Subscription$1, 'subscriptionId' | 'description'>[];
+    };
+    createdBy: string;
+    assignee: string;
+    id: string;
+    started: string;
+    lastModified: string;
+};
+type Subscription$1 = {
+    subscriptionId: string;
+    description: string;
+};
+interface WorkflowDefinition {
+    name: string;
+    description: string;
+    target: string;
+    productTags: string[];
+    createdAt: string;
+}
+type Field<Type> = keyof Type;
+declare enum SortOrder {
+    ASC = "ASC",
+    DESC = "DESC"
+}
+type GraphQLSort<Type> = {
+    field: keyof Type;
+    order: SortOrder;
+};
+type GraphqlFilter<Type> = {
+    field: keyof Type;
+    value: string;
+};
+type GraphqlQueryVariables<Type> = {
+    first: number;
+    after: number;
+    sortBy?: GraphQLSort<Type>;
+    filterBy?: GraphqlFilter<Type>[];
+};
+type GraphQLPageInfo = {
+    hasNextPage: boolean;
+    hasPreviousPage: boolean;
+    startCursor: number;
+    totalItems: number;
+    endCursor: number;
+};
+interface ProductDefinitionsResult {
+    products: GraphQlResultPage<ProductDefinition>;
+}
+interface ProductBlockDefinitionsResult {
+    productBlocks: GraphQlResultPage<ProductBlockDefinition>;
+}
+interface ResourceTypeDefinitionsResult {
+    resourceTypes: GraphQlResultPage<ResourceTypeDefinition>;
+}
+interface ProcessesDefinitionsResult {
+    processes: GraphQlResultPage<Process$1>;
+}
+interface WorkflowDefinitionsResult {
+    workflows: GraphQlResultPage<WorkflowDefinition>;
+}
+interface GraphQlResultPage<T> {
+    page: T[];
+    pageInfo: GraphQLPageInfo;
+}
+interface CacheOption {
+    value: string;
+    label: string;
+}
+declare enum Locale {
+    enUS = "en-Us",
+    nlNL = "nl-NL"
+}
+
+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>;
+}
+interface SubscriptionProcess {
+    workflow_target: null | 'CREATE' | 'MODIFY' | 'TERMINATE' | 'SYSTEM';
+    subscription_id: string;
+    id: string;
+    pid: string;
+    created_at: number;
+    process: Process;
+}
 declare const useSubscriptionProcesses: (subscriptionId: string) => react_query.UseQueryResult<SubscriptionProcess[], unknown>;
 
-type DataDisplayParams<Type> = {
-    pageSize: number;
-    pageIndex: number;
-    sortBy?: GraphQLSort<Type>;
-    esQueryString?: string;
-};
-interface DataDisplayReturnValues<Type> {
-    dataDisplayParams: DataDisplayParams<Type>;
-    setDataDisplayParam: <PropKey extends keyof DataDisplayParams<Type>>(prop: PropKey, value: DataDisplayParams<Type>[PropKey]) => void;
-}
+type DataDisplayParams<Type> = {
+    pageSize: number;
+    pageIndex: number;
+    sortBy: GraphQLSort<Type>;
+    esQueryString?: string;
+};
+interface DataDisplayReturnValues<Type> {
+    dataDisplayParams: DataDisplayParams<Type>;
+    setDataDisplayParam: <PropKey extends keyof DataDisplayParams<Type>>(prop: PropKey, value: DataDisplayParams<Type>[PropKey]) => void;
+}
 declare const useDataDisplayParams: <Type>(initialParams: Partial<DataDisplayParams<Type>>) => DataDisplayReturnValues<Type>;
 
-declare const determinePageIndex: (pageIndex: number, pageSize: number) => number;
-declare const determineNewSortOrder: <T>(currentSortField: keyof T, currentSortOrder: SortOrder, newSortField: keyof T) => SortOrder;
-declare const getDataSortHandler: <Type>(dataDisplayParams: DataDisplayParams<Type>, setDataDisplayParam: <PropKey extends keyof DataDisplayParams<Type_1>>(prop: PropKey, value: DataDisplayParams<Type>[PropKey]) => void) => (newSortField: keyof Type) => void;
-declare const getPageChangeHandler: <Type>(setDataDisplayParam: <PropKey extends keyof DataDisplayParams<Type_1>>(prop: PropKey, value: DataDisplayParams<Type>[PropKey]) => void) => (page: {
-    index: number;
-    size: number;
-} | undefined) => void;
-declare const getEsQueryStringHandler: <Type>(setDataDisplayParam: <PropKey extends keyof DataDisplayParams<Type_1>>(prop: PropKey, value: DataDisplayParams<Type>[PropKey]) => void) => (esQueryString: string) => void;
+type WFOProcessStatusBadgeProps = {
+    processStatus: ProcessStatus;
+};
+declare const WFOProcessStatusBadge: FC<WFOProcessStatusBadgeProps>;
+
+declare const WFOFailedTasksBadge: () => _emotion_react_jsx_runtime.JSX.Element;
+
+declare const WFOEnvironmentBadge: () => _emotion_react_jsx_runtime.JSX.Element;
+
+declare const WFOEngineStatusBadge: () => _emotion_react_jsx_runtime.JSX.Element;
+
+type HeaderBadgeProps = EuiBadgeProps & {
+    textColor: TextColor | string;
+    children: ReactNode;
+};
+declare const WFOHeaderBadge: FC<HeaderBadgeProps>;
+
+declare const WFOBreadcrumbs: () => _emotion_react_jsx_runtime.JSX.Element;
+
+type FilterQuery<DataType> = {
+    field: keyof DataType;
+    value: string;
+};
+type WFOFilterTab<TabType, DataType> = {
+    id: TabType;
+    translationKey: string;
+    alwaysOnFilters?: FilterQuery<DataType>[];
+};
+type WFOFilterTabsProps<TabType, DataType> = {
+    tabs: WFOFilterTab<TabType, DataType>[];
+    selectedTab: TabType;
+    translationNamespace: string;
+    onChangeTab: (updatedTab: TabType) => void;
+};
+declare const WFOFilterTabs: <TabType extends string, DataType>({ tabs, selectedTab, translationNamespace, onChangeTab, }: WFOFilterTabsProps<TabType, DataType>) => _emotion_react_jsx_runtime.JSX.Element;
+
+interface WFOPageHeaderProps {
+    navigationHeight: number;
+    getAppLogo: (navigationHeight: number) => ReactElement;
+    handleLogoutClick: () => void;
+}
+declare const WFOPageHeader: FC<WFOPageHeaderProps>;
+
+interface WFOPageTemplateProps {
+    getAppLogo: (navigationHeight: number) => ReactElement;
+    children: ReactNode;
+}
+declare const WFOPageTemplate: FC<WFOPageTemplateProps>;
+
+declare const WFOSidebar: FC;
+
+type WFOSearchFieldProps = {
+    __filterQuery?: string;
+    __setFilterQuery?: (updatedFilterQuery: string) => void;
+    esQueryString?: string;
+    onUpdateEsQueryString?: (esQueryString: string) => void;
+};
+declare const WFOSearchField: ({ __filterQuery, __setFilterQuery, esQueryString, onUpdateEsQueryString, }: WFOSearchFieldProps) => _emotion_react_jsx_runtime.JSX.Element;
+
+type SettingsModalProps = {
+    title: string;
+    onClose: () => void;
+    onResetToDefaults: () => void;
+    onUpdateTableConfig: () => void;
+    children: ReactNode;
+};
+declare const SettingsModal: FC<SettingsModalProps>;
+
+declare const WFOSettings: FunctionComponent;
+
+interface WFOFrequentlyUsedProps {
+    values: string[];
+}
+declare const WFOFrequentlyUsed: FC<WFOFrequentlyUsedProps>;
+
+interface Subscription {
+    name: string;
+    subscription_id: string;
+    description: string;
+    product: ProductBase;
+    product_id: string;
+    status: string;
+    insync: boolean;
+    customer_id: string;
+    start_date: number;
+    end_date: number;
+    note: string;
+}
+interface WFOListItemStartPageProps {
+    item: Subscription | ProcessFromRestApi;
+    type: string;
+}
+declare const WFOListItemStartPage: FC<WFOListItemStartPageProps>;
+
+declare const WFOMultiListSection: FC;
+
+declare const WFONewProcessPanel: FC;
+
+declare const WFOStatCards: FC;
+
+declare const WFOFixedInputBlock: (title: string, data: object) => _emotion_react_jsx_runtime.JSX.Element | undefined;
+
+type ProcessesTimelineProps = {
+    subscriptionId: string;
+};
+declare const ProcessesTimeline: FC<ProcessesTimelineProps>;
+
+declare const WFOProductBlock: (resourceTypes: ResourceTypeBase, id: number) => _emotion_react_jsx_runtime.JSX.Element | undefined;
+
+type SubscriptionActionsProps = {
+    subscriptionId: string;
+};
+declare const WFOSubscriptionActions: FC<SubscriptionActionsProps>;
+
+declare const RenderField: (field: string, data: any) => _emotion_react_jsx_runtime.JSX.Element;
+declare const WFOSubscriptionBlock: (title: string, data: object) => _emotion_react_jsx_runtime.JSX.Element | undefined;
+
+declare const WFOSubscriptionDetailTree: () => _emotion_react_jsx_runtime.JSX.Element | null;
+
+/** TODO: Adding a useTranslations hook here leads to an hooks error. https://github.com/workfloworchestrator/orchestrator-ui/issues/177 */
+declare const WFOSubscriptionGeneral: () => _emotion_react_jsx_runtime.JSX.Element;
+
+type WFOBasicTableColumn<T> = Omit<EuiBasicTableColumn<T>, 'render'>;
+type WFOTableDataColumnConfig<T, Property> = WFOBasicTableColumn<T> & {
+    field: Property;
+    name: string;
+};
+type WFOTableColumnsWithExtraNonDataFields<T> = WFOTableColumns<T> & {
+    [key: string]: EuiBasicTableColumn<T> & {
+        field: string;
+        name?: string;
+    };
+};
+type WFOTableColumns<T> = {
+    [Property in keyof T]: WFOTableDataColumnConfig<T, Property> & {
+        render?: (cellValue: T[Property], row: T) => ReactNode;
+    };
+};
+type WFOTableControlColumnConfig<T> = {
+    [key: string]: WFOBasicTableColumn<T> & {
+        field: string;
+        name?: string;
+        render: (row: T) => ReactNode;
+    };
+};
+type WFOTableColumnsWithControlColumns<T> = WFOTableColumns<T> & WFOTableControlColumnConfig<T>;
+type TableColumnKeys<T> = Array<keyof T>;
+type WFODataSorting<T> = {
+    field: keyof T;
+    sortOrder: SortOrder;
+};
+declare const getSortDirectionFromString: (sortOrder?: string) => SortOrder | undefined;
 
-type TableProps<T> = {
-    data: T[];
-    columns: TableColumnsWithControlColumns<T> | TableColumns<T>;
-    hiddenColumns?: TableColumnKeys<T>;
-    dataSorting?: DataSorting<T>;
-    pagination: Pagination$1;
-    isLoading?: boolean;
-    onCriteriaChange: (criteria: Criteria<T>) => void;
-    onDataSort?: (columnId: keyof T) => void;
-};
-declare const Table: <T>({ data, columns, hiddenColumns, dataSorting, pagination, isLoading, onCriteriaChange, onDataSort, }: TableProps<T>) => _emotion_react_jsx_runtime.JSX.Element;
+type WFODataGridTableColumns<T> = {
+    [Property in keyof T]: Omit<EuiDataGridColumn, 'id'> & {
+        renderCell?: (cellValue: T[Property], row: T) => ReactNode;
+        isHiddenByDefault?: boolean;
+    };
+};
+type WFOControlColumn<T> = Omit<EuiDataGridControlColumn, 'rowCellRender' | 'headerCellRender' | 'footerCellRender' | 'footerCellProps' | 'headerCellProps'> & {
+    rowCellRender: (row: T) => ReactNode;
+};
+declare const getInitialColumnOrder: <T>(columns: WFODataGridTableColumns<T>, initialColumnOrder: TableColumnKeys<T>) => EuiDataGridColumn[];
+declare const mapColumnSortToEuiDataGridSorting: <T>(columnSort?: WFODataSorting<T> | undefined, updateColumnSort?: ((columnSort: WFODataSorting<T>) => void) | undefined) => EuiDataGridSorting;
+
+type Pagination = EuiDataGridPaginationProps & {
+    totalRecords: number;
+};
+type WFODataGridTableProps<T> = {
+    data: T[];
+    pagination: Pagination;
+    columns: WFODataGridTableColumns<T>;
+    leadingControlColumns?: WFOControlColumn<T>[];
+    trailingControlColumns?: WFOControlColumn<T>[];
+    initialColumnOrder: TableColumnKeys<T>;
+    dataSorting?: WFODataSorting<T>;
+    handleRowClick?: (row: T) => void;
+    updateDataSorting?: (updatedDataSorting: WFODataSorting<T>) => void;
+};
+declare const WFODataGridTable: <T>({ data, pagination, columns, leadingControlColumns, trailingControlColumns, initialColumnOrder, dataSorting, handleRowClick, updateDataSorting, }: WFODataGridTableProps<T>) => _emotion_react_jsx_runtime.JSX.Element;
 
-type TableWithFilterProps<T> = {
-    data: T[];
-    tableColumns: TableColumns<T>;
-    leadingControlColumns?: TableControlColumnConfig<T>;
-    trailingControlColumns?: TableControlColumnConfig<T>;
-    defaultHiddenColumns?: TableColumnKeys<T>;
-    dataSorting: DataSorting<T>;
-    pagination: Pagination$1;
-    esQueryString?: string;
-    isLoading: boolean;
-    localStorageKey: string;
-    onUpdateEsQueryString: (esQueryString: string) => void;
-    onUpdatePage: (criterion: Criteria$1<T>['page']) => void;
-    onUpdateDataSort: (newSortColumnId: keyof T) => void;
-};
-declare const TableWithFilter: <T>({ data, tableColumns, leadingControlColumns, trailingControlColumns, defaultHiddenColumns, dataSorting, pagination, esQueryString, isLoading, localStorageKey, onUpdateEsQueryString, onUpdatePage, onUpdateDataSort, }: TableWithFilterProps<T>) => _emotion_react_jsx_runtime.JSX.Element;
+type ColumnConfig<T> = {
+    field: keyof T;
+    name: string;
+    isVisible: boolean;
+};
+type TableConfig<T> = {
+    columns: ColumnConfig<T>[];
+    selectedPageSize: number;
+};
+type TableSettingsModalProps<T> = {
+    tableConfig: TableConfig<T>;
+    pageSizeOptions: number[];
+    onClose: () => void;
+    onUpdateTableConfig: (updatedTableConfig: TableConfig<T>) => void;
+    onResetToDefaults: () => void;
+};
+declare const TableSettingsModal: <T>({ tableConfig, pageSizeOptions, onUpdateTableConfig, onResetToDefaults, onClose, }: TableSettingsModalProps<T>) => _emotion_react_jsx_runtime.JSX.Element;
 
-type TableHeaderCellProps = {
-    sortDirection?: SortOrder;
-    onClick?: () => void;
-    children: ReactNode;
-};
-declare const TableHeaderCell: FC<TableHeaderCellProps>;
+declare const DEFAULT_PAGE_SIZES: number[];
+declare const DEFAULT_PAGE_SIZE = 10;
+declare const ACTIVE_PROCESSES_LIST_TABLE_LOCAL_STORAGE_KEY = "activeProcessesListTable";
+declare const COMPLETED_PROCESSES_LIST_TABLE_LOCAL_STORAGE_KEY = "completedProcessesListTable";
+declare const METADATA_RESOURCE_TYPES_TABLE_LOCAL_STORAGE_KEY = "metadataResourceTypesTable";
+declare const METADATA_PRODUCTBLOCKS_TABLE_LOCAL_STORAGE_KEY = "metadataProductBlocksTable";
+declare const METADATA_PRODUCT_TABLE_LOCAL_STORAGE_KEY = "metadataProductTable";
+declare const METADATA_WORKFLOWS_TABLE_LOCAL_STORAGE_KEY = "metadataWorkflowsTable";
+
+type LocalStorageTableConfig<T> = {
+    hiddenColumns: TableColumnKeys<T>;
+    selectedPageSize: number;
+};
+declare const isValidLocalStorageTableConfig: <T>(object: LocalStorageTableConfig<T>) => object is LocalStorageTableConfig<T>;
+declare const getTableConfigFromLocalStorage: <T>(key: string) => LocalStorageTableConfig<T> | undefined;
+declare const setTableConfigToLocalStorage: <T>(key: string, updatedTableConfig: LocalStorageTableConfig<T>) => void;
+declare const clearTableConfigFromLocalStorage: (key: string) => void;
+
+declare const determinePageIndex: (pageIndex: number, pageSize: number) => number;
+declare const determineNewSortOrder: <T>(currentSortField: keyof T, currentSortOrder: SortOrder, newSortField: keyof T) => SortOrder;
+declare const getDataSortHandler: <Type>(dataDisplayParams: DataDisplayParams<Type>, setDataDisplayParam: <PropKey extends keyof DataDisplayParams<Type_1>>(prop: PropKey, value: DataDisplayParams<Type>[PropKey]) => void) => (newSortField: keyof Type) => void;
+declare const getPageChangeHandler: <Type>(setDataDisplayParam: <PropKey extends keyof DataDisplayParams<Type_1>>(prop: PropKey, value: DataDisplayParams<Type>[PropKey]) => void) => (page: {
+    index: number;
+    size: number;
+} | undefined) => void;
+declare const getEsQueryStringHandler: <Type>(setDataDisplayParam: <PropKey extends keyof DataDisplayParams<Type_1>>(prop: PropKey, value: DataDisplayParams<Type>[PropKey]) => void) => (esQueryString: string) => void;
+
+type WFOTableProps<T> = {
+    data: T[];
+    columns: WFOTableColumnsWithControlColumns<T> | WFOTableColumns<T>;
+    hiddenColumns?: TableColumnKeys<T>;
+    dataSorting?: WFODataSorting<T>;
+    pagination: Pagination$1;
+    isLoading?: boolean;
+    onCriteriaChange: (criteria: Criteria<T>) => void;
+    onDataSort?: (columnId: keyof T) => void;
+};
+declare const WFOTable: <T>({ data, columns, hiddenColumns, dataSorting, pagination, isLoading, onCriteriaChange, onDataSort, }: WFOTableProps<T>) => _emotion_react_jsx_runtime.JSX.Element;
+
+type WFOTableWithFilterProps<T> = {
+    data: T[];
+    tableColumns: WFOTableColumns<T>;
+    leadingControlColumns?: WFOTableControlColumnConfig<T>;
+    trailingControlColumns?: WFOTableControlColumnConfig<T>;
+    defaultHiddenColumns?: TableColumnKeys<T>;
+    dataSorting: WFODataSorting<T>;
+    pagination: Pagination$1;
+    esQueryString?: string;
+    isLoading: boolean;
+    localStorageKey: string;
+    onUpdateEsQueryString: (esQueryString: string) => void;
+    onUpdatePage: (criterion: Criteria$1<T>['page']) => void;
+    onUpdateDataSort: (newSortColumnId: keyof T) => void;
+};
+declare const WFOTableWithFilter: <T>({ data, tableColumns, leadingControlColumns, trailingControlColumns, defaultHiddenColumns, dataSorting, pagination, esQueryString, isLoading, localStorageKey, onUpdateEsQueryString, onUpdatePage, onUpdateDataSort, }: WFOTableWithFilterProps<T>) => _emotion_react_jsx_runtime.JSX.Element;
+
+type WFOTableHeaderCellProps = {
+    sortDirection?: SortOrder;
+    onClick?: () => void;
+    children: ReactNode;
+};
+declare const WFOTableHeaderCell: FC<WFOTableHeaderCellProps>;
 
-declare const Loading: () => _emotion_react_jsx_runtime.JSX.Element;
+declare const WFOLoading: () => _emotion_react_jsx_runtime.JSX.Element;
 
-type IconProps = {
-    width?: number | string;
-    height?: number | string;
-    color?: string;
+type WFOIconProps = {
+    width?: number | string;
+    height?: number | string;
+    color?: string;
 };
 
-declare const XCircleFill: FC<IconProps>;
+declare const WFOXCircleFill: FC<WFOIconProps>;
 
-declare const StatusDotIcon: FC<IconProps>;
+declare const WFOStatusDotIcon: FC<WFOIconProps>;
 
-declare const LogoutIcon: FC<IconProps>;
+declare const WFOLogoutIcon: FC<WFOIconProps>;
 
-declare const CheckmarkCircleFill: FC<IconProps>;
+declare const WFOCheckmarkCircleFill: FC<WFOIconProps>;
 
-declare const MinusCircleOutline: FC<IconProps>;
+declare const WFOMinusCircleOutline: FC<WFOIconProps>;
 
-declare const PlusCircleFill: FC<IconProps>;
+declare const WFOPlusCircleFill: FC<WFOIconProps>;
 
-declare const ChevronDown: FC<IconProps>;
+declare const WFOChevronDown: FC<WFOIconProps>;
 
-declare const ArrowNarrowDown: FC<IconProps>;
+declare const WFOArrowNarrowDown: FC<WFOIconProps>;
 
-declare const ArrowNarrowUp: FC<IconProps>;
+declare const WFOArrowNarrowUp: FC<WFOIconProps>;
 
 declare const defaultOrchestratorTheme: EuiThemeModifications;
 
-declare const DUTCH_LOCALE = "nl-NL";
-declare const parseDate: (date: string | null | undefined) => Date | null;
+declare const DUTCH_LOCALE = "nl-NL";
+declare const parseDate: (date: string | null | undefined) => Date | null;
 declare const parseDateToLocaleString: (value: Date | null) => string;
 
 declare const getStatusBadgeColor: (status: string) => any;
 
 declare function getTypedFieldFromObject<T extends object>(field: string | undefined, object: T): null | keyof T;
 
-declare const getFirstUuidPart: (uuid: string) => string;
+declare const getFirstUuidPart: (uuid: string) => string;
 declare const isUuid4: (value: string) => boolean;
 
-declare const upperCaseFirstChar: (value: string) => string;
+declare const upperCaseFirstChar: (value: string) => string;
 declare const removeSuffix: (value: string, splitChar?: string) => string;
 
-declare const OrchestratorConfigContext: React__default.Context<OrchestratorConfig>;
-type OrchestratorConfigProviderProps = {
-    initialOrchestratorConfig: OrchestratorConfig;
-    children: ReactNode;
-};
+declare const OrchestratorConfigContext: React__default.Context<OrchestratorConfig>;
+type OrchestratorConfigProviderProps = {
+    initialOrchestratorConfig: OrchestratorConfig;
+    children: ReactNode;
+};
 declare const OrchestratorConfigProvider: FC<OrchestratorConfigProviderProps>;
 
-type SubscriptionContextType = {
-    subscriptionData: SubscriptionDetailBase;
-    loadingStatus: number;
-    setSubscriptionData: (data: SubscriptionDetailBase, loadingStatus: number) => void;
-};
-declare const SubscriptionContext: React.Context<SubscriptionContextType>;
-type SubscriptionProviderProps = {
-    children: ReactNode;
-};
+type SubscriptionContextType = {
+    subscriptionData: SubscriptionDetailBase;
+    loadingStatus: number;
+    setSubscriptionData: (data: SubscriptionDetailBase, loadingStatus: number) => void;
+};
+declare const SubscriptionContext: React.Context<SubscriptionContextType>;
+type SubscriptionProviderProps = {
+    children: ReactNode;
+};
 declare const SubscriptionProvider: React.FC<SubscriptionProviderProps>;
 
-type TreeContextType = {
-    selectedIds: number[];
-    expandedIds: number[];
-    toggleSelectedId: (id: number) => void;
-    toggleExpandedId: (id: number) => void;
-    expandAll: (treeLength: number) => void;
-    collapseAll: () => void;
-    resetSelection: () => void;
-};
-declare const TreeContext: React.Context<TreeContextType | null>;
-type TreeProviderProps = {
-    children: ReactNode;
-};
+type TreeContextType = {
+    selectedIds: number[];
+    expandedIds: number[];
+    toggleSelectedId: (id: number) => void;
+    toggleExpandedId: (id: number) => void;
+    expandAll: (treeLength: number) => void;
+    collapseAll: () => void;
+    resetSelection: () => void;
+};
+declare const TreeContext: React.Context<TreeContextType | null>;
+type TreeProviderProps = {
+    children: ReactNode;
+};
 declare const TreeProvider: React.FC<TreeProviderProps>;
 
-type TranslationMessagesMap = Map<Locale, AbstractIntlMessages>;
+type TranslationMessagesMap = Map<Locale, AbstractIntlMessages>;
 declare const getTranslationMessages: (locale: string | undefined, messages?: TranslationMessagesMap) => AbstractIntlMessages | undefined;
 
-export { ArrowNarrowDown, ArrowNarrowUp, Badge, BadgeProps, BasicTableColumn, Breadcrumbs, CacheNames, CacheOption, CheckmarkCircleFill, ChevronDown, ColumnConfig, ControlColumn, CustomerBase, DEFAULT_PAGE_SIZE, DEFAULT_PAGE_SIZES, DUTCH_LOCALE, DataDisplayParams, DataDisplayReturnValues, DataGridTable, DataGridTableColumns, DataGridTableProps, DataSorting, EngineStatus, EngineStatusBadge, EngineStatusValue, Environment, EnvironmentBadge, ExternalServiceBase, FailedTasksBadge, Field, FilterQuery, FixedInputBlock, FixedInputsBase, FrequentlyUsed, FrequentlyUsedProps, GlobalStatus, GraphQLSort, GraphqlFilter, GraphqlQueryVariables, HeaderBadge, HeaderBadgeProps, IconProps, ItemsList, ListItemStartPage, ListItemStartPageProps, Loading, LocalStorageTableConfig, Locale, LogoutIcon, MinusCircleOutline, MultiListSection, NewProcessPanel, Nullable, OrchestratorConfig, OrchestratorConfigContext, OrchestratorConfigProvider, OrchestratorConfigProviderProps, OrchestratorPageHeader, OrchestratorPageHeaderProps, OrchestratorPageTemplate, OrchestratorPageTemplateProps, OrchestratorSidebar, Pagination, PlusCircleFill, Process$1 as Process, ProcessStatus, ProcessStatusBadge, ProcessStatusBadgeProps, ProcessStatusCounts, ProcessesTimeline, ProcessesTimelineProps, Product, ProductBase, ProductBlock, ProductBlockBase, RenderField, ResourceTypeBase, SearchField, SearchFieldProps, Settings, SettingsModal, SettingsModalProps, SortOrder, StatCards, StatusDotIcon, SubscriptionAction, SubscriptionActions$1 as SubscriptionActions, SubscriptionActionsProps, SubscriptionBlock, SubscriptionContext, SubscriptionContextType, SubscriptionDetailBase, SubscriptionDetailTree, SubscriptionGeneral, SubscriptionProcess, SubscriptionProvider, SubscriptionProviderProps, SubscriptionsTab, SubscriptionsTabType, SubscriptionsTabs, SubscriptionsTabsProps, Table, TableColumnKeys, TableColumns, TableColumnsWithControlColumns, TableColumnsWithExtraNonDataFields, TableConfig, TableControlColumnConfig, TableDataColumnConfig, TableHeaderCell, TableHeaderCellProps, TableProps, TableSettingsModal, TableSettingsModalProps, TableWithFilter, TableWithFilterProps, TotalStat, TranslationMessagesMap, TreeBlock, TreeContext, TreeContextType, TreeProvider, TreeProviderProps, WFOProductBlockBadge, WFOProductBlockBadgeProps, WFOStatusBadge, WFOStatusBadgeProps, XCircleFill, clearTableConfigFromLocalStorage, defaultOrchestratorTheme, defaultSubscriptionsTabs, determineNewSortOrder, determinePageIndex, getDataSortHandler, getEsQueryStringHandler, getFirstUuidPart, getInitialColumnOrder, getPageChangeHandler, getSortDirectionFromString, getStatusBadgeColor, getSubscriptionsTabTypeFromString, getTableConfigFromLocalStorage, getTranslationMessages, getTypedFieldFromObject, isUuid4, isValidLocalStorageTableConfig, mapColumnSortToEuiDataGridSorting, parseDate, parseDateToLocaleString, removeSuffix, setTableConfigToLocalStorage, upperCaseFirstChar, useCacheNames, useDataDisplayParams, useEngineStatusMutation, useEngineStatusQuery, useFavouriteSubscriptions, useOrchestratorConfig, useOrchestratorTheme, useProcessStatusCountsQuery, useProcessesAttention, useQueryWithGraphql, useRecentProcesses, useSubscriptionActions, useSubscriptionProcesses };
+declare const WFOProductBlocksPage: () => _emotion_react_jsx_runtime.JSX.Element;
+
+declare const RESOURCE_TYPE_FIELD_ID: keyof ResourceTypeDefinition;
+declare const RESOURCE_TYPE_FIELD_TYPE: keyof ResourceTypeDefinition;
+declare const RESOURCE_TYPE_FIELD_DESCRIPTION: keyof ResourceTypeDefinition;
+declare const WFOResourceTypesPage: () => _emotion_react_jsx_runtime.JSX.Element;
+
+declare const WFOProductsPage: () => _emotion_react_jsx_runtime.JSX.Element;
+
+declare const WFOWorkflowsPage: () => _emotion_react_jsx_runtime.JSX.Element;
+
+declare enum WFOProcessListTabType {
+    ACTIVE = "ACTIVE",
+    COMPLETED = "COMPLETED"
+}
+declare const defaultProcessListTabs: WFOFilterTab<WFOProcessListTabType, Process$1>[];
+
+declare const getProcessListTabTypeFromString: (tabId?: string) => WFOProcessListTabType | undefined;
+
+declare const WFOProcessListPage: () => _emotion_react_jsx_runtime.JSX.Element | null;
+
+type WFOProcessesListSubscriptionsCellProps = {
+    subscriptions: Pick<Subscription$1, 'subscriptionId' | 'description'>[];
+};
+declare const WFOProcessesListSubscriptionsCell: FC<WFOProcessesListSubscriptionsCellProps>;
+
+type SubscriptionListItem = {
+    subscriptionId: string;
+    description: string;
+    status: string;
+    insync: boolean;
+    startDate: Date | null;
+    endDate: Date | null;
+    productName: string;
+    tag: string | null;
+    note: string | null;
+};
+
+declare enum WFOSubscriptionsTabType {
+    ACTIVE = "ACTIVE",
+    TERMINATED = "TERMINATED",
+    TRANSIENT = "TRANSIENT",
+    ALL = "ALL"
+}
+declare const defaultSubscriptionsTabs: WFOFilterTab<WFOSubscriptionsTabType, SubscriptionListItem>[];
+declare const getSubscriptionsTabTypeFromString: (tabId?: string) => WFOSubscriptionsTabType | undefined;
+
+export { ACTIVE_PROCESSES_LIST_TABLE_LOCAL_STORAGE_KEY, COMPLETED_PROCESSES_LIST_TABLE_LOCAL_STORAGE_KEY, CacheNames, CacheOption, ColumnConfig, CustomerBase, DEFAULT_PAGE_SIZE, DEFAULT_PAGE_SIZES, DUTCH_LOCALE, DataDisplayParams, DataDisplayReturnValues, EngineStatus, EngineStatusValue, Environment, ExternalServiceBase, Field, FilterQuery, FixedInputDefinition, FixedInputsBase, GlobalStatus, GraphQLSort, GraphqlFilter, GraphqlQueryVariables, HeaderBadgeProps, ItemsList, LocalStorageTableConfig, Locale, METADATA_PRODUCTBLOCKS_TABLE_LOCAL_STORAGE_KEY, METADATA_PRODUCT_TABLE_LOCAL_STORAGE_KEY, METADATA_RESOURCE_TYPES_TABLE_LOCAL_STORAGE_KEY, METADATA_WORKFLOWS_TABLE_LOCAL_STORAGE_KEY, Nullable, OrchestratorConfig, OrchestratorConfigContext, OrchestratorConfigProvider, OrchestratorConfigProviderProps, Pagination, Process$1 as Process, ProcessFromRestApi, ProcessStatus, ProcessStatusCounts, ProcessesDefinitionsResult, ProcessesTimeline, ProcessesTimelineProps, ProductBase, ProductBlockBase, ProductBlockDefinition, ProductBlockDefinitionsResult, ProductDefinition, ProductDefinitionsResult, RESOURCE_TYPE_FIELD_DESCRIPTION, RESOURCE_TYPE_FIELD_ID, RESOURCE_TYPE_FIELD_TYPE, RenderField, ResourceTypeBase, ResourceTypeDefinition, ResourceTypeDefinitionsResult, SettingsModal, SettingsModalProps, SortOrder, Subscription$1 as Subscription, SubscriptionAction, SubscriptionActionsProps, SubscriptionContext, SubscriptionContextType, SubscriptionDetailBase, SubscriptionListItem, SubscriptionProcess, SubscriptionProvider, SubscriptionProviderProps, TableColumnKeys, TableConfig, TableSettingsModal, TableSettingsModalProps, TotalStat, TranslationMessagesMap, TreeBlock, TreeContext, TreeContextType, TreeProvider, TreeProviderProps, WFOArrowNarrowDown, WFOArrowNarrowUp, WFOBadge, WFOBadgeProps, WFOBasicTableColumn, WFOBreadcrumbs, WFOCheckmarkCircleFill, WFOChevronDown, WFOControlColumn, WFODataGridTable, WFODataGridTableColumns, WFODataGridTableProps, WFODataSorting, WFOEngineStatusBadge, WFOEnvironmentBadge, WFOFailedTasksBadge, WFOFilterTab, WFOFilterTabs, WFOFilterTabsProps, WFOFixedInputBlock, WFOFrequentlyUsed, WFOFrequentlyUsedProps, WFOHeaderBadge, WFOIconProps, WFOListItemStartPage, WFOListItemStartPageProps, WFOLoading, WFOLogoutIcon, WFOMinusCircleOutline, WFOMultiListSection, WFONewProcessPanel, WFOPageHeader, WFOPageHeaderProps, WFOPageTemplate, WFOPageTemplateProps, WFOPlusCircleFill, WFOProcessListPage, WFOProcessListTabType, WFOProcessStatusBadge, WFOProcessStatusBadgeProps, WFOProcessesListSubscriptionsCell, WFOProcessesListSubscriptionsCellProps, WFOProductBlock, WFOProductBlockBadge, WFOProductBlockBadgeProps, WFOProductBlocksPage, WFOProductsPage, WFOResourceTypesPage, WFOSearchField, WFOSearchFieldProps, WFOSettings, WFOSidebar, WFOStatCards, WFOStatusBadge, WFOStatusBadgeProps, WFOStatusDotIcon, WFOSubscriptionActions, WFOSubscriptionBlock, WFOSubscriptionDetailTree, WFOSubscriptionGeneral, WFOSubscriptionsTabType, WFOTable, WFOTableColumns, WFOTableColumnsWithControlColumns, WFOTableColumnsWithExtraNonDataFields, WFOTableControlColumnConfig, WFOTableDataColumnConfig, WFOTableHeaderCell, WFOTableHeaderCellProps, WFOTableProps, WFOTableWithFilter, WFOTableWithFilterProps, WFOWorkflowsPage, WFOXCircleFill, WorkflowDefinition, WorkflowDefinitionsResult, clearTableConfigFromLocalStorage, defaultOrchestratorTheme, defaultProcessListTabs, defaultSubscriptionsTabs, determineNewSortOrder, determinePageIndex, getDataSortHandler, getEsQueryStringHandler, getFirstUuidPart, getInitialColumnOrder, getPageChangeHandler, getProcessListTabTypeFromString, getSortDirectionFromString, getStatusBadgeColor, getSubscriptionsTabTypeFromString, getTableConfigFromLocalStorage, getTranslationMessages, getTypedFieldFromObject, isUuid4, isValidLocalStorageTableConfig, mapColumnSortToEuiDataGridSorting, parseDate, parseDateToLocaleString, removeSuffix, setTableConfigToLocalStorage, upperCaseFirstChar, useCacheNames, useDataDisplayParams, useEngineStatusMutation, useEngineStatusQuery, useFavouriteSubscriptions, useOrchestratorConfig, useOrchestratorTheme, useProcessStatusCountsQuery, useProcessesAttention, useQueryWithGraphql, useRecentProcesses, useSubscriptionActions, useSubscriptionProcesses };