@orchestrator-ui/orchestrator-ui-components 6.7.8 → 7.0.0

package/src/rtk/endpoints/startOptions.ts

@@ -1,5 +1,6 @@
 import {
     ProductDefinition,
+    ProductLifecycleStatus,
     StartOptionsResult,
     WorkflowDefinition,
     WorkflowTarget,
@@ -18,6 +19,7 @@ const workflowOptionsQuery = `
                     productId
                     name
                     tag
+                    status
                 }
             }
         }
@@ -53,6 +55,7 @@ type WorkflowOptionsResult = StartOptionsResult<{
         productId: ProductDefinition['productId'];
         productType: ProductDefinition['productType'];
         tag: ProductDefinition['tag'];
+        status: ProductDefinition['status'];
     }[];
 }>;
 
@@ -70,28 +73,38 @@ const startButtonOptionsApi = orchestratorApi.injectEndpoints({
     endpoints: (build) => ({
         getWorkflowOptions: build.query<
             StartOptionsResponse<WorkflowOption>,
-            void
+            ProductLifecycleStatus | string
         >({
             query: () => ({
                 document: workflowOptionsQuery,
             }),
             transformResponse: (
                 response: WorkflowOptionsResult | undefined,
+                _,
+                productStatus,
             ) => {
+                const statusToMatch = (
+                    productStatus ?? ProductLifecycleStatus.ACTIVE
+                ).toLowerCase();
                 const startOptions: WorkflowOption[] = [];
                 const workflows = response?.workflows?.page || [];
                 workflows.forEach((workflow) => {
                     const workflowName = workflow.name;
-                    workflow.products.forEach((product) => {
-                        startOptions.push({
-                            workflowName,
-                            isAllowed: workflow.isAllowed,
-                            productName: product.name,
-                            productId: product.productId,
-                            productType: product.productType,
-                            productTag: product.tag,
+                    workflow.products
+                        .filter(
+                            (product) =>
+                                product.status.toLowerCase() === statusToMatch,
+                        )
+                        .forEach((product) => {
+                            startOptions.push({
+                                workflowName,
+                                isAllowed: workflow.isAllowed,
+                                productName: product.name,
+                                productId: product.productId,
+                                productType: product.productType,
+                                productTag: product.tag,
+                            });
                         });
-                    });
                 });
 
                 return { startOptions };

package/src/types/index.ts

@@ -1,4 +1,3 @@
 export * from './types';
-export * from './deprecated';
 export * from './forms';
 export * from './search';

package/src/types/types.ts

@@ -595,7 +595,6 @@ export type OrchestratorConfig = {
     supportMenuItemUrl: string;
     enableAoStackStatus: boolean;
     aoStackStatusUrl: string;
-    activatePydanticForms: boolean;
 };
 
 export enum ColorModes {

package/src/components/WfoForms/AutoFieldLoader.tsx

@@ -1,118 +0,0 @@
-import { Context, GuaranteedProps } from 'uniforms';
-import { AutoField } from 'uniforms-unstyled';
-
-import {
-    AcceptField,
-    BoolField,
-    ConnectedSelectField,
-    ContactPersonNameField,
-    CustomerField,
-    DateField,
-    DividerField,
-    FileUploadField,
-    ImsNodeIdField,
-    ImsPortIdField,
-    IpNetworkField,
-    LabelField,
-    ListField,
-    LocationCodeField,
-    LongTextField,
-    NestField,
-    NumField,
-    OptGroupField,
-    RadioField,
-    SubscriptionField,
-    SubscriptionSummaryField,
-    SummaryField,
-    TextField,
-    TimestampField,
-    VlanField,
-} from './formFields';
-
-export function autoFieldFunction(
-    props: GuaranteedProps<unknown> & Record<string, unknown>,
-    uniforms: Context<Record<string, unknown>>,
-) {
-    const { allowedValues, checkboxes, fieldType, field } = props;
-    const { format } = field;
-
-    /*
-      Note, uniforms adds the fieldType property with one of the primitive types (Number, String..) based on the value of "type" in
-      node_modules/uniforms-bridge-json-schema/src/JSONSchemaBridge.ts. The only exception being dateFields where it matches on the
-      "format" field being "date-time" to populate fieldType with a Date constructor
-    */
-    switch (fieldType) {
-        case Number:
-            switch (format) {
-                case 'imsPortId': // Deprecated
-                    return ImsPortIdField;
-                case 'imsNodeId': // Deprecated
-                    return ImsNodeIdField;
-                case 'timestamp':
-                    return TimestampField; // Deprecated
-            }
-            break;
-        case Object:
-            switch (format) {
-                case 'optGroup':
-                    return OptGroupField;
-                case 'summary':
-                    return SummaryField;
-            }
-            break;
-        case String:
-            switch (format) {
-                case 'subscriptionId':
-                    return SubscriptionField;
-                case 'long':
-                    return LongTextField;
-                case 'label':
-                    return LabelField;
-                case 'divider':
-                    return DividerField;
-                case 'summary':
-                    return SummaryField;
-                case 'subscription':
-                    return SubscriptionSummaryField;
-                case 'customerId':
-                    return CustomerField;
-                case 'locationCode':
-                    return LocationCodeField;
-                case 'contactPersonName': // Deprecated
-                    return ContactPersonNameField;
-                case 'vlan': // Deprecated
-                    return VlanField;
-                case 'accept':
-                    return AcceptField;
-                case 'ipvanynetwork': // Deprecated
-                    return IpNetworkField;
-                case 'file': // Deprecated
-                    return FileUploadField;
-            }
-            break;
-    }
-
-    if (allowedValues && format !== 'accept') {
-        return checkboxes && fieldType !== Array
-            ? RadioField
-            : ConnectedSelectField;
-    } else {
-        switch (fieldType) {
-            case Array:
-                return ListField;
-            case Boolean:
-                return BoolField;
-            case Number:
-                return NumField;
-            case Object:
-                return NestField;
-            case String:
-                return TextField;
-            case Date:
-                // See the note at line above about how Date fields are matched on the "format" field instead of "type" like other fields
-                return DateField;
-        }
-    }
-
-    return AutoField.defaultComponentDetector(props, uniforms);
-}

package/src/components/WfoForms/AutoFields.tsx

@@ -1,49 +0,0 @@
-/*
- * Copyright 2019-2023 SURF.
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *         http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- */
-import { ComponentType, createElement } from 'react';
-
-import { useForm } from 'uniforms';
-import { AutoField } from 'uniforms-unstyled';
-
-export type AutoFieldsProps = {
-    autoField?: ComponentType<{ className: string; name: string }>;
-    element?: ComponentType<object> | string;
-    fields?: string[];
-    omitFields?: string[];
-};
-
-export default function AutoFields({
-    autoField = AutoField,
-    element = 'section',
-    fields,
-    omitFields = [],
-    ...props
-}: AutoFieldsProps) {
-    const { schema } = useForm();
-
-    return createElement(
-        element,
-        { ...props },
-        (fields ?? schema.getSubfields())
-            .filter((field) => !omitFields.includes(field))
-            .map((field) =>
-                createElement(autoField, {
-                    key: field,
-                    name: field,
-                    className: 'form-input',
-                }),
-            ),
-    );
-}

package/src/components/WfoForms/CreateForm.tsx

@@ -1,75 +0,0 @@
-/*
- * Copyright 2019-2023 SURF.
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *         http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- */
-import React, { useCallback, useEffect, useState } from 'react';
-
-import { UserInputFormWizard } from '@/components';
-import { handlePromiseErrorWithCallback } from '@/rtk';
-import { useStartFormMutation } from '@/rtk/endpoints/forms';
-import { Form, FormNotCompleteResponse } from '@/types/forms';
-
-interface IProps {
-    /* eslint-disable  @typescript-eslint/no-explicit-any */
-    preselectedInput?: unknown;
-    formKey: string;
-    handleSubmit: (userInputs: any) => void;
-    handleCancel?: () => void;
-}
-
-export function CreateForm(props: IProps) {
-    const { preselectedInput, formKey, handleSubmit, handleCancel } = props;
-    const [form, setForm] = useState<Form>({});
-    const { stepUserInput, hasNext } = form;
-    const [startForm] = useStartFormMutation();
-
-    const submit = useCallback(
-        (userInputs: object[]) => {
-            return startForm({ formKey, userInputs })
-                .unwrap()
-                .then((form) => {
-                    handleSubmit(form);
-                });
-        },
-        [formKey, handleSubmit, startForm],
-    );
-
-    useEffect(() => {
-        if (formKey) {
-            handlePromiseErrorWithCallback<FormNotCompleteResponse>(
-                submit([]),
-                510,
-                (json) => {
-                    setForm({
-                        stepUserInput: json.form,
-                        hasNext: json.meta?.hasNext ?? false,
-                    });
-                },
-            );
-        }
-    }, [formKey, submit, preselectedInput]);
-
-    return (
-        <div>
-            {stepUserInput && (
-                <UserInputFormWizard
-                    stepUserInput={stepUserInput}
-                    stepSubmit={submit}
-                    cancel={handleCancel}
-                    hasNext={hasNext ?? false}
-                    isTask={false}
-                />
-            )}
-        </div>
-    );
-}