fix: data replacement in case of pre build apply filters

Author: AbhishekA1509

src/Shared/Components/Plugin/PluginList.tsx

@@ -32,7 +32,7 @@ const PluginList = ({
                 appId: appId ? +appId : null,
             })
 
-            handleDataUpdateForPluginResponse(pluginDataResponse)
+            handleDataUpdateForPluginResponse(pluginDataResponse, true)
         } catch (error) {
             showError(error)
         } finally {

src/Shared/Components/Plugin/PluginListContainer.tsx

@@ -97,10 +97,13 @@ const PluginListContainer = ({
 
     const handleDataUpdateForPluginResponse: PluginListProps['handleDataUpdateForPluginResponse'] = (
         pluginResponse,
+        appendResponse = false,
     ) => {
         const clonedPluginDataStore = structuredClone(pluginDataStore)
-        const { pluginStore: newPluginStore, totalCount: responseTotalCount } = pluginResponse
-        const { parentPluginStore, pluginVersionStore } = newPluginStore
+        const {
+            pluginStore: { parentPluginStore, pluginVersionStore },
+            totalCount: responseTotalCount,
+        } = pluginResponse
 
         Object.keys(parentPluginStore).forEach((key) => {
             if (!clonedPluginDataStore.parentPluginStore[key]) {
@@ -117,14 +120,21 @@ const PluginListContainer = ({
         handlePluginDataStoreUpdate(clonedPluginDataStore)
         handleUpdateTotalCount(responseTotalCount)
 
-        const newPluginList: typeof pluginList = structuredClone(pluginList)
+        const newPluginList: typeof pluginList = appendResponse ? structuredClone(pluginList) : []
+        const newPluginListMap = newPluginList.reduce(
+            (acc, plugin) => {
+                acc[plugin.parentPluginId] = true
+                return acc
+            },
+            {} as Record<number, true>,
+        )
 
         Object.keys(parentPluginStore).forEach((key) => {
-            // TODO: Can convert to map
-            if (!newPluginList.find((plugin) => plugin.parentPluginId === +key)) {
+            if (!newPluginListMap[key]) {
                 newPluginList.push({
                     parentPluginId: +key,
                 })
+                newPluginListMap[key] = true
             }
         })
 

src/Shared/Components/Plugin/types.ts

@@ -167,7 +167,15 @@ export interface PluginListProps
         PluginListContainerProps,
         'pluginDataStore' | 'handlePluginSelection' | 'selectedPluginsMap' | 'isSelectable' | 'showCardBorder'
     > {
-    handleDataUpdateForPluginResponse: (pluginResponse: Awaited<ReturnType<typeof getPluginStoreData>>) => void
+    handleDataUpdateForPluginResponse: (
+        pluginResponse: Awaited<ReturnType<typeof getPluginStoreData>>,
+        /**
+         * If true, the response would be appended to the existing data
+         * if false, the existing data would be replaced with the new data
+         * default value is false
+         */
+        appendResponse?: boolean,
+    ) => void
     handleClearFilters: () => void
     pluginList: PluginListContainerProps['parentPluginList']
     totalCount: PluginListContainerProps['parentTotalCount']

src/Shared/Components/ReactSelect/utils.tsx

@@ -191,6 +191,7 @@ export const MenuListWithApplyButton = ({
 }: MenuListProps & { handleApplyFilter: () => void }) => (
     <>
         <components.MenuList {...props} />
+        {/* TODO: Check not working look into this */}
         {props.selectProps.options.length > 0 && (
             <div className="p-8 dc__position-sticky dc__bottom-0 dc__border-top-n1 bcn-0 dc__bottom-radius-4">
                 <button