@orchestrator-ui/orchestrator-ui-components 2.1.0 → 2.2.0

package/src/pages/metadata/WfoResourceTypesPage.tsx

@@ -91,6 +91,7 @@ export const WfoResourceTypesPage = () => {
             width: '90',
             renderData: (value) => <WfoFirstPartUUID UUID={value} />,
             renderDetails: (value) => value,
+            renderTooltip: (value) => value,
         },
         resourceType: {
             columnType: ColumnType.DATA,
@@ -133,6 +134,11 @@ export const WfoResourceTypesPage = () => {
                     ))}
                 </EuiBadgeGroup>
             ),
+            renderTooltip: (productBlocks) => {
+                return productBlocks.map((productBlock) => (
+                    <p key={productBlock.name}>- {productBlock.name}</p>
+                ));
+            },
         },
     };
 

package/src/pages/metadata/WfoTasksPage.tsx

@@ -148,6 +148,14 @@ export const WfoTasksPage = () => {
                         ))}
                 </EuiBadgeGroup>
             ),
+            renderTooltip: (productTags) => {
+                return productTags
+                    ?.filter(onlyUnique)
+                    .sort((tagA, tagB) => tagA.localeCompare(tagB))
+                    .map((productTag) => (
+                        <p key={productTag}>- {productTag}</p>
+                    ));
+            },
         },
         createdAt: {
             columnType: ColumnType.DATA,
@@ -156,6 +164,7 @@ export const WfoTasksPage = () => {
             renderData: (date) => <WfoDateTime dateOrIsoString={date} />,
             renderDetails: parseIsoString(parseDateToLocaleDateTimeString),
             clipboardText: parseIsoString(parseDateToLocaleDateTimeString),
+            renderTooltip: parseIsoString(parseDateToLocaleDateTimeString),
         },
     };
 

package/src/pages/metadata/WfoWorkflowsPage.tsx

@@ -154,6 +154,14 @@ export const WfoWorkflowsPage = () => {
                         ))}
                 </EuiBadgeGroup>
             ),
+            renderTooltip: (productTags) => {
+                return productTags
+                    ?.filter(onlyUnique)
+                    .sort((tagA, tagB) => tagA.localeCompare(tagB))
+                    .map((productTag) => (
+                        <p key={productTag}>- {productTag}</p>
+                    ));
+            },
         },
         createdAt: {
             columnType: ColumnType.DATA,
@@ -162,6 +170,7 @@ export const WfoWorkflowsPage = () => {
             renderData: (date) => <WfoDateTime dateOrIsoString={date} />,
             renderDetails: parseIsoString(parseDateToLocaleDateTimeString),
             clipboardText: parseIsoString(parseDateToLocaleDateTimeString),
+            renderTooltip: parseIsoString(parseDateToLocaleDateTimeString),
         },
     };
 

package/src/rtk/api.ts

@@ -63,8 +63,13 @@ export const handlePromiseErrorWithCallback = <T>(
     });
 };
 
-export const handleGraphqlMetaErrors = (meta: WfoGraphqlErrorsMeta) => {
-    if (meta.errors && meta.errors.length > 0) {
+// There are cases where a GraphQL endpoint return both data and errors
+// Only throwing the error when the data is not there or invalid
+export const handleGraphqlMetaErrors = (
+    meta: WfoGraphqlErrorsMeta,
+    responseHasInvalidData?: boolean,
+) => {
+    if (responseHasInvalidData && meta.errors && meta.errors.length > 0) {
         throw meta.errors[0];
     }
 };

package/src/rtk/wfoGraphqlRequestBaseQuery.ts

@@ -53,22 +53,6 @@ export const wfoGraphqlRequestBaseQuery = <T, E = ErrorResponse>(
                 preparedHeaders,
             );
 
-            if (errors?.length && authActive) {
-                errors.map((error: GraphQLError) => {
-                    if (error.extensions?.error_type === 'not_authenticated') {
-                        signOut();
-                    }
-                });
-            }
-
-            if (!data && errors) {
-                return {
-                    data: null,
-                    errors,
-                    meta: { errors: [] },
-                };
-            }
-
             return {
                 data,
                 meta: { errors },
@@ -76,8 +60,22 @@ export const wfoGraphqlRequestBaseQuery = <T, E = ErrorResponse>(
         } catch (error) {
             if (error instanceof ClientError) {
                 const { request, response } = error;
+                const errors = response.errors;
+
+                if (
+                    authActive &&
+                    errors?.some(
+                        (error: GraphQLError) =>
+                            error.extensions?.error_type ===
+                            'not_authenticated',
+                    )
+                ) {
+                    signOut();
+                }
+
                 const customErrors =
                     options.customErrors ?? ((error) => error.response.errors);
+
                 const customizedErrors = customErrors(error) as E;
                 return { error: customizedErrors, meta: { request, response } };
             }