@orchestrator-ui/orchestrator-ui-components 1.3.0 → 1.4.0

package/src/types/types.ts

@@ -109,6 +109,9 @@ export interface ProductDefinition {
     fixedInputs: Pick<FixedInputDefinition, 'name' | 'value'>[];
 }
 
+export type ProductsSummary = Pick<ProductDefinition, 'name'> &
+    SubscriptionsResult<never>;
+
 export enum WorkflowTarget {
     CREATE = 'create',
     MODIFY = 'modify',
@@ -333,6 +336,10 @@ export interface WorkflowDefinitionsResult<T = WorkflowDefinition> {
     workflows: GraphQlResultPage<T>;
 }
 
+export interface StartOptionsResult<T> {
+    workflows: GraphQlSinglePage<T>;
+}
+
 export interface RelatedSubscriptionsResult {
     subscriptions: GraphQlSinglePage<
         Pick<Subscription, 'subscriptionId'> & {
@@ -341,6 +348,14 @@ export interface RelatedSubscriptionsResult {
     >;
 }
 
+export type StartComboBoxOption = {
+    data: {
+        workflowName: string;
+        productId?: string;
+    };
+    label: string;
+};
+
 interface GraphQlResultPage<T> {
     page: T[];
     pageInfo: GraphQLPageInfo;
@@ -382,6 +397,11 @@ export type Subscription = {
     customer: Pick<Customer, 'fullname' | 'shortcode'>;
 };
 
+export type SubscriptionSummary = Pick<
+    Subscription,
+    'subscriptionId' | 'description' | 'startDate'
+>;
+
 export type SubscriptionDropdownOption = {
     description: Subscription['description'];
     subscriptionId: Subscription['subscriptionId'];

package/src/utils/index.ts

@@ -1,3 +1,4 @@
+export * from './csvDownload';
 export * from './date';
 export * from './environmentVariables';
 export * from './getStatusBadgeColor';

package/src/components/WfoPageTemplate/WfoSidebar/WfoStartCreateWorkflowButtonComboBox.tsx

@@ -1,61 +0,0 @@
-import React from 'react';
-
-import { useTranslations } from 'next-intl';
-import { useRouter } from 'next/router';
-
-import { GET_WORKFLOWS_FOR_DROPDOWN_LIST_GRAPHQL_QUERY } from '@/graphqlQueries/workflows/workflowsQueryForDropdownList';
-import { useCheckEngineStatus, useQueryWithGraphql } from '@/hooks';
-
-import {
-    WfoButtonComboBox,
-    WorkflowComboBoxOption,
-} from '../../WfoButtonComboBox/WfoButtonComboBox';
-import { PATH_START_NEW_WORKFLOW } from '../paths';
-
-export const WfoStartCreateWorkflowButtonComboBox = () => {
-    const router = useRouter();
-    const t = useTranslations('common');
-    const { isEngineRunningNow } = useCheckEngineStatus();
-
-    const { data } = useQueryWithGraphql(
-        GET_WORKFLOWS_FOR_DROPDOWN_LIST_GRAPHQL_QUERY,
-        {
-            filterBy: [{ field: 'target', value: 'CREATE' }],
-        },
-        'createWorkflows',
-    );
-
-    const productList: WorkflowComboBoxOption[] =
-        data?.workflows.page
-            .flatMap(({ name: workflowName, products }) =>
-                products.map(({ productId, name: productName }) => ({
-                    label: productName,
-                    data: {
-                        workflowName,
-                        productId,
-                    },
-                })),
-            )
-            .sort((a, b) => a.label.localeCompare(b.label)) ?? [];
-
-    const handleOptionChange = async (
-        selectedProduct: WorkflowComboBoxOption,
-    ) => {
-        if (await isEngineRunningNow()) {
-            const { workflowName, productId } = selectedProduct.data;
-            router.push({
-                pathname: `${PATH_START_NEW_WORKFLOW}/${workflowName}`,
-                query: { productId },
-            });
-        }
-    };
-
-    return (
-        <WfoButtonComboBox
-            buttonText={t('newSubscription')}
-            options={productList}
-            onOptionChange={handleOptionChange}
-            isProcess
-        />
-    );
-};

package/src/components/WfoStartTaskButtonComboBox/WfoStartTaskButtonComboBox.tsx

@@ -1,54 +0,0 @@
-import React from 'react';
-
-import { useTranslations } from 'next-intl';
-import { useRouter } from 'next/router';
-
-import { PATH_START_NEW_TASK } from '@/components';
-import { GET_WORKFLOWS_FOR_DROPDOWN_LIST_GRAPHQL_QUERY } from '@/graphqlQueries/workflows/workflowsQueryForDropdownList';
-import { useCheckEngineStatus, useQueryWithGraphql } from '@/hooks';
-
-import {
-    WfoButtonComboBox,
-    WorkflowComboBoxOption,
-} from '../WfoButtonComboBox/WfoButtonComboBox';
-
-export const WfoStartTaskButtonComboBox = () => {
-    const router = useRouter();
-    const t = useTranslations('common');
-    const { isEngineRunningNow } = useCheckEngineStatus();
-
-    const { data } = useQueryWithGraphql(
-        GET_WORKFLOWS_FOR_DROPDOWN_LIST_GRAPHQL_QUERY,
-        {
-            filterBy: [{ field: 'target', value: 'SYSTEM' }],
-        },
-        'taskWorkflows',
-    );
-
-    const taskList: WorkflowComboBoxOption[] = (data?.workflows.page || [])
-        .map(({ name, description }) => ({
-            label: description ?? '',
-            data: { workflowName: name },
-        }))
-        .sort((a, b) => a.label.localeCompare(b.label));
-
-    const handleOptionChange = async (
-        selectedProduct: WorkflowComboBoxOption,
-    ) => {
-        if (await isEngineRunningNow()) {
-            const { workflowName } = selectedProduct.data;
-            router.push({
-                pathname: `${PATH_START_NEW_TASK}/${workflowName}`,
-            });
-        }
-    };
-
-    return (
-        <WfoButtonComboBox
-            buttonText={t('newTask')}
-            options={taskList}
-            onOptionChange={handleOptionChange}
-            isProcess={false}
-        />
-    );
-};

package/src/components/WfoStartTaskButtonComboBox/index.ts

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

package/src/graphqlQueries/index.ts

@@ -1,8 +0,0 @@
-export * from './subscriptionsListQuery';
-export * from './productBlocksQuery';
-export * from './productsQuery';
-export * from './resourceTypesQuery';
-export * from './subscriptionDetailQuery';
-export * from './subscriptionsDropdownOptionsQuery';
-export * from './processStepsQuery';
-export * from './processListQuery';

package/src/graphqlQueries/processListQuery.ts

@@ -1,101 +0,0 @@
-import { parse } from 'graphql';
-import { gql } from 'graphql-request';
-
-import { TypedDocumentNode } from '@graphql-typed-document-node/core';
-
-import { GraphqlQueryVariables, Process, ProcessListResult } from '@/types';
-
-export const GET_PROCESS_LIST_SUMMARY_GRAPHQL_QUERY = parse(gql`
-    query ProcessListSummary(
-        $first: Int!
-        $after: Int!
-        $sortBy: [GraphqlSort!]
-        $filterBy: [GraphqlFilter!]
-        $query: String
-    ) {
-        processes(
-            first: $first
-            after: $after
-            sortBy: $sortBy
-            filterBy: $filterBy
-            query: $query
-        ) {
-            page {
-                processId
-                workflowName
-                startedAt
-            }
-            pageInfo {
-                totalItems
-                startCursor
-                endCursor
-            }
-        }
-    }
-`);
-
-export const GET_PROCESS_LIST_GRAPHQL_QUERY = parse(gql`
-    query ProcessList(
-        $first: Int!
-        $after: Int!
-        $sortBy: [GraphqlSort!]
-        $filterBy: [GraphqlFilter!]
-        $query: String
-    ) {
-        processes(
-            first: $first
-            after: $after
-            sortBy: $sortBy
-            filterBy: $filterBy
-            query: $query
-        ) {
-            page {
-                workflowName
-                lastStep
-                lastStatus
-                workflowTarget
-                product {
-                    name
-                    tag
-                }
-                customer {
-                    fullname
-                    shortcode
-                }
-                createdBy
-                assignee
-                processId
-                startedAt
-                lastModifiedAt
-                isTask
-                subscriptions {
-                    page {
-                        subscriptionId
-                        description
-                    }
-                }
-            }
-            pageInfo {
-                hasNextPage
-                hasPreviousPage
-                startCursor
-                totalItems
-                endCursor
-                sortFields
-                filterFields
-            }
-        }
-    }
-`);
-
-export const getProcessListGraphQlQuery = (): TypedDocumentNode<
-    ProcessListResult,
-    GraphqlQueryVariables<Process>
-> => GET_PROCESS_LIST_GRAPHQL_QUERY;
-
-export const getProcessListSummaryGraphQlQuery = (): TypedDocumentNode<
-    ProcessListResult<
-        Pick<Process, 'processId' | 'workflowName' | 'startedAt'>
-    >,
-    GraphqlQueryVariables<Process>
-> => GET_PROCESS_LIST_SUMMARY_GRAPHQL_QUERY;

package/src/graphqlQueries/processStepsQuery.ts

@@ -1,22 +0,0 @@
-import { parse } from 'graphql';
-import { gql } from 'graphql-request';
-
-import { TypedDocumentNode } from '@graphql-typed-document-node/core';
-
-import { ProcessStepsResult } from '@/types';
-
-export const GET_PROCESS_STEPS_GRAPHQL_QUERY: TypedDocumentNode<
-    ProcessStepsResult,
-    { processName: string }
-> = parse(gql`
-    query ProcessSteps($processName: String!) {
-        workflows(filterBy: { field: "name", value: $processName }) {
-            page {
-                steps {
-                    name
-                    assignee
-                }
-            }
-        }
-    }
-`);

package/src/graphqlQueries/productBlocksQuery.ts

@@ -1,59 +0,0 @@
-import { parse } from 'graphql';
-import { gql } from 'graphql-request';
-
-import type { TypedDocumentNode } from '@graphql-typed-document-node/core';
-
-import type { ProductBlockDefinition } from '@/types';
-import { GraphqlQueryVariables, ProductBlockDefinitionsResult } from '@/types';
-
-export const GET_PRODUCTS_BLOCKS_GRAPHQL_QUERY: TypedDocumentNode<
-    ProductBlockDefinitionsResult,
-    GraphqlQueryVariables<ProductBlockDefinition>
-> = parse(gql`
-    query MetadataProductBlocks(
-        $first: Int!
-        $after: Int!
-        $sortBy: [GraphqlSort!]
-        $query: String
-    ) {
-        productBlocks(
-            first: $first
-            after: $after
-            sortBy: $sortBy
-            query: $query
-        ) {
-            page {
-                productBlockId
-                name
-                tag
-                description
-                status
-                createdAt
-                endDate
-                resourceTypes {
-                    description
-                    resourceType
-                    resourceTypeId
-                }
-                dependsOn {
-                    productBlockId
-                    name
-                    tag
-                    description
-                    status
-                    createdAt
-                    endDate
-                }
-            }
-            pageInfo {
-                endCursor
-                hasNextPage
-                hasPreviousPage
-                startCursor
-                totalItems
-                sortFields
-                filterFields
-            }
-        }
-    }
-`);

package/src/graphqlQueries/productsQuery.ts

@@ -1,85 +0,0 @@
-import { parse } from 'graphql';
-import { gql } from 'graphql-request';
-
-import type { TypedDocumentNode } from '@graphql-typed-document-node/core';
-
-import {
-    GraphqlQueryVariables,
-    ProductDefinition,
-    ProductDefinitionsResult,
-    SubscriptionsResult,
-} from '../types';
-
-export const GET_PRODUCTS_GRAPHQL_QUERY = parse(gql`
-    query MetadataProducts(
-        $first: Int!
-        $after: Int!
-        $sortBy: [GraphqlSort!]
-        $query: String
-    ) {
-        products(first: $first, after: $after, sortBy: $sortBy, query: $query) {
-            page {
-                productId
-                name
-                description
-                tag
-                createdAt
-                productType
-                status
-                productBlocks {
-                    name
-                }
-                fixedInputs {
-                    name
-                    value
-                }
-                endDate
-            }
-            pageInfo {
-                endCursor
-                hasNextPage
-                hasPreviousPage
-                startCursor
-                totalItems
-                sortFields
-                filterFields
-            }
-        }
-    }
-`);
-
-export const GET_PRODUCTS_SUMMARY_GRAPHQL_QUERY = parse(gql`
-    query MetadataProducts(
-        $first: Int!
-        $after: Int!
-        $sortBy: [GraphqlSort!]
-    ) {
-        products(first: $first, after: $after, sortBy: $sortBy) {
-            page {
-                name
-                subscriptions {
-                    pageInfo {
-                        totalItems
-                    }
-                }
-            }
-            pageInfo {
-                totalItems
-                startCursor
-                endCursor
-            }
-        }
-    }
-`);
-
-export const getProductsSummaryQuery = (): TypedDocumentNode<
-    ProductDefinitionsResult<
-        Pick<ProductDefinition, 'name'> & SubscriptionsResult<never>
-    >,
-    GraphqlQueryVariables<ProductDefinition>
-> => GET_PRODUCTS_SUMMARY_GRAPHQL_QUERY;
-
-export const getProductsQuery = (): TypedDocumentNode<
-    ProductDefinitionsResult,
-    GraphqlQueryVariables<ProductDefinition>
-> => GET_PRODUCTS_GRAPHQL_QUERY;

package/src/graphqlQueries/relatedSubscriptionsQuery.ts

@@ -1,65 +0,0 @@
-import { parse } from 'graphql';
-import { gql } from 'graphql-request';
-
-import { TypedDocumentNode } from '@graphql-typed-document-node/core';
-
-import {
-    GraphqlFilter,
-    GraphqlQueryVariables,
-    RelatedSubscription,
-    RelatedSubscriptionsResult,
-    Subscription,
-} from '../types';
-
-export const GET_RELATED_SUBSCRIPTIONS_GRAPHQL_QUERY: TypedDocumentNode<
-    RelatedSubscriptionsResult,
-    GraphqlQueryVariables<RelatedSubscription> &
-        Pick<Subscription, 'subscriptionId'> & {
-            terminatedSubscriptionFilter?: GraphqlFilter<RelatedSubscription>;
-        }
-> = parse(gql`
-    query RelatedSubscriptions(
-        $subscriptionId: String!
-        $first: Int!
-        $after: Int!
-        $sortBy: [GraphqlSort!]
-        $terminatedSubscriptionFilter: [GraphqlFilter!]
-    ) {
-        subscriptions(
-            filterBy: { value: $subscriptionId, field: "subscriptionId" }
-        ) {
-            page {
-                subscriptionId
-                inUseBySubscriptions(
-                    first: $first
-                    after: $after
-                    sortBy: $sortBy
-                    filterBy: $terminatedSubscriptionFilter
-                ) {
-                    page {
-                        subscriptionId
-                        customer {
-                            fullname
-                        }
-                        description
-                        insync
-                        startDate
-                        status
-                        product {
-                            tag
-                        }
-                    }
-                    pageInfo {
-                        endCursor
-                        hasNextPage
-                        hasPreviousPage
-                        startCursor
-                        totalItems
-                        sortFields
-                        filterFields
-                    }
-                }
-            }
-        }
-    }
-`);

package/src/graphqlQueries/resourceTypesQuery.ts

@@ -1,52 +0,0 @@
-import { parse } from 'graphql';
-import { gql } from 'graphql-request';
-
-import type { TypedDocumentNode } from '@graphql-typed-document-node/core';
-
-import type {
-    GraphqlQueryVariables,
-    ResourceTypeDefinition,
-    ResourceTypeDefinitionsResult,
-} from '@/types';
-
-export const GET_RESOURCE_TYPES_GRAPHQL_QUERY: TypedDocumentNode<
-    ResourceTypeDefinitionsResult,
-    GraphqlQueryVariables<ResourceTypeDefinition>
-> = parse(gql`
-    query MetadataResourceTypes(
-        $first: Int!
-        $after: Int!
-        $sortBy: [GraphqlSort!]
-        $query: String
-    ) {
-        resourceTypes(
-            first: $first
-            after: $after
-            sortBy: $sortBy
-            query: $query
-        ) {
-            page {
-                resourceTypeId
-                resourceType
-                description
-                productBlocks {
-                    description
-                    name
-                    productBlockId
-                    status
-                    createdAt
-                    endDate
-                }
-            }
-            pageInfo {
-                endCursor
-                hasNextPage
-                hasPreviousPage
-                startCursor
-                totalItems
-                sortFields
-                filterFields
-            }
-        }
-    }
-`);

package/src/graphqlQueries/subscriptionsDropdownOptionsQuery.ts

@@ -1,48 +0,0 @@
-import { parse } from 'graphql';
-import { gql } from 'graphql-request';
-
-import { TypedDocumentNode } from '@graphql-typed-document-node/core';
-
-import {
-    GraphqlQueryVariables,
-    SubscriptionDropdownOption,
-    SubscriptionDropdownOptionsResult,
-} from '../types';
-
-// Avoiding pagination by passing a large number to first. TODO: Fix this better
-export const GET_SUBSCRIPTION_DROPDOWN_OPTIONS_GRAPHQL_QUERY = parse(gql`
-    query SubscriptionDropdownOptions($filterBy: [GraphqlFilter!]) {
-        subscriptions(filterBy: $filterBy, first: 1000000, after: 0) {
-            page {
-                description
-                subscriptionId
-                product {
-                    tag
-                    productId
-                }
-                customer {
-                    fullname
-                    customerId
-                }
-                productBlockInstances {
-                    id
-                    ownerSubscriptionId
-                    parent
-                    productBlockInstanceValues
-                    subscriptionInstanceId
-                    inUseByRelations
-                }
-                fixedInputs
-            }
-        }
-    }
-`);
-
-export function getSubscriptionDropdownOptionsGraphQlQuery<
-    QueryVariablesType = SubscriptionDropdownOption,
->(): TypedDocumentNode<
-    SubscriptionDropdownOptionsResult,
-    GraphqlQueryVariables<QueryVariablesType>
-> {
-    return GET_SUBSCRIPTION_DROPDOWN_OPTIONS_GRAPHQL_QUERY;
-}