@orchestrator-ui/orchestrator-ui-components 5.2.4 → 5.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@orchestrator-ui/orchestrator-ui-components",
-    "version": "5.2.4",
+    "version": "5.3.0",
     "license": "Apache-2.0",
     "description": "Library of UI Components used to display the workflow orchestrator frontend",
     "author": {

package/src/components/WfoInlineNoteEdit/WfoSubscriptionNoteEdit.tsx

@@ -1,32 +1,32 @@
 import type { FC } from 'react';
 import React from 'react';
 
+import { WfoInlineEdit } from '@/components';
 import { useStartProcessMutation } from '@/rtk/endpoints/forms';
 import { useUpdateSubscriptionNoteOptimisticMutation } from '@/rtk/endpoints/subscriptionListMutation';
 import { INVISIBLE_CHARACTER } from '@/utils';
 
-import { WfoInlineEdit } from '../WfoInlineEdit';
-import { SubscriptionListItem } from '../WfoSubscriptionsList';
-
 interface WfoSubscriptionNoteEditProps {
     onlyShowOnHover?: boolean;
     queryVariables: Record<string, unknown>;
     endpointName: string | undefined;
-    subscription: SubscriptionListItem;
+    subscriptionId: string;
+    note: string | null;
 }
 
 export const WfoSubscriptionNoteEdit: FC<WfoSubscriptionNoteEditProps> = ({
     onlyShowOnHover = false,
     queryVariables,
     endpointName,
-    subscription,
+    subscriptionId,
+    note,
 }) => {
     const [startProcess] = useStartProcessMutation();
     const [updateSub] = useUpdateSubscriptionNoteOptimisticMutation();
 
     const triggerNoteModifyWorkflow = (note: string) => {
         const noteModifyPayload = [
-            { subscription_id: subscription.subscriptionId },
+            { subscription_id: subscriptionId },
             { note: note === INVISIBLE_CHARACTER ? '' : note },
         ];
         startProcess({
@@ -36,7 +36,7 @@ export const WfoSubscriptionNoteEdit: FC<WfoSubscriptionNoteEditProps> = ({
 
         updateSub({
             queryName: endpointName ?? '',
-            subscriptionId: subscription.subscriptionId,
+            subscriptionId: subscriptionId,
             graphQlQueryVariables: queryVariables,
             note: note,
         });
@@ -44,11 +44,7 @@ export const WfoSubscriptionNoteEdit: FC<WfoSubscriptionNoteEditProps> = ({
 
     return (
         <WfoInlineEdit
-            value={
-                subscription?.note?.trim()
-                    ? subscription.note
-                    : INVISIBLE_CHARACTER
-            }
+            value={note?.trim() ? note : INVISIBLE_CHARACTER}
             onlyShowOnHover={onlyShowOnHover}
             onSave={triggerNoteModifyWorkflow}
         />

package/src/components/WfoSubscriptionsList/WfoSubscriptionsList.tsx

@@ -5,21 +5,26 @@ import Link from 'next/link';
 import { useRouter } from 'next/router';
 
 import {
+    ColumnType,
     FilterQuery,
     PATH_SUBSCRIPTIONS,
     Pagination,
+    WfoAdvancedTable,
+    WfoAdvancedTableColumnConfig,
     WfoDateTime,
     WfoInlineJson,
     WfoInsyncIcon,
     WfoJsonCodeBlock,
+    WfoSubscriptionNoteEdit,
     WfoSubscriptionStatusBadge,
     getPageIndexChangeHandler,
     getPageSizeChangeHandler,
 } from '@/components';
-import { WfoSubscriptionNoteEdit } from '@/components/WfoInlineNoteEdit/WfoSubscriptionNoteEdit';
-import { WfoAdvancedTable } from '@/components/WfoTable/WfoAdvancedTable';
-import { WfoAdvancedTableColumnConfig } from '@/components/WfoTable/WfoAdvancedTable/types';
-import { ColumnType } from '@/components/WfoTable/WfoTable';
+import {
+    SubscriptionListItem,
+    mapGraphQlSubscriptionsResultToPageInfo,
+    mapGraphQlSubscriptionsResultToSubscriptionListItems,
+} from '@/components';
 import { mapSortableAndFilterableValuesToTableColumnConfig } from '@/components/WfoTable/WfoTable/utils';
 import { DataDisplayParams, useShowToastMessage } from '@/hooks';
 import {
@@ -47,11 +52,6 @@ import {
     getDataSortHandler,
     getQueryStringHandler,
 } from '../WfoTable';
-import {
-    SubscriptionListItem,
-    mapGraphQlSubscriptionsResultToPageInfo,
-    mapGraphQlSubscriptionsResultToSubscriptionListItems,
-} from './subscriptionResultMappers';
 
 export type WfoSubscriptionsListProps = {
     alwaysOnFilters?: FilterQuery<SubscriptionListItem>[];
@@ -172,7 +172,8 @@ export const WfoSubscriptionsList: FC<WfoSubscriptionsListProps> = ({
                             onlyShowOnHover={true}
                             endpointName={endpointName}
                             queryVariables={graphqlQueryVariables}
-                            subscription={row}
+                            subscriptionId={row.subscriptionId}
+                            note={cellValue}
                         />
                     );
                 },

package/src/configuration/version.ts

@@ -1 +1 @@
-export const ORCHESTRATOR_UI_LIBRARY_VERSION = '5.2.4';
+export const ORCHESTRATOR_UI_LIBRARY_VERSION = '5.3.0';