[CP-3310] Implement Refresh Functionality for FilesManager Data (by feature key)

libs/device/feature/src/lib/api-features/api-features.service.ts

@@ -98,8 +98,17 @@ export class APIFeaturesService {
   }
 
   @IpcEvent(APIFeaturesServiceEvents.FeatureData)
-  public async getFeatureData(feature: string): Promise<ResultObject<unknown>> {
-    const device = this.deviceProtocol.apiDevice
+  public async getFeatureData({
+    feature,
+    deviceId,
+  }: {
+    feature: string
+    deviceId?: DeviceId
+  }): Promise<ResultObject<unknown>> {
+    const device = deviceId
+      ? this.deviceProtocol.getAPIDeviceById(deviceId)
+      : this.deviceProtocol.apiDevice
+
     if (!device) {
       return Result.failed(new AppError(GeneralError.NoDevice, ""))
     }

libs/device/feature/src/lib/api-features/get-feature-data.request.ts

@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) Mudita sp. z o.o. All rights reserved.
+ * For licensing, see https://github.com/mudita/mudita-center/blob/master/LICENSE.md
+ */
+
+import { ipcRenderer } from "electron-better-ipc"
+import { Feature } from "generic-view/models"
+import { APIFeaturesServiceEvents } from "device/models"
+import { ResultObject } from "Core/core/builder"
+import { DeviceId } from "Core/device/constants/device-id"
+
+export const getFeatureDataRequest = (
+  deviceId: DeviceId,
+  feature: string
+): Promise<ResultObject<Feature["data"]>> => {
+  return ipcRenderer.callMain(APIFeaturesServiceEvents.FeatureData, {
+    deviceId,
+    feature,
+  })
+}

libs/device/feature/src/lib/api-features/index.ts

@@ -7,3 +7,4 @@ export * from "./api-features.service"
 export * from "./get-overview-data.request"
 export * from "./get-overview-configuration.request"
 export * from "./get-feature-configuration.request"
+export * from "./get-feature-data.request"

libs/generic-view/models/src/lib/device.ts

@@ -9,7 +9,7 @@ import { DeviceProperties } from "device-manager/models"
 import { ApiConfig, MenuConfig, OverviewData } from "device/models"
 import { DeviceId } from "Core/device/constants/device-id"
 
-interface Feature<Data = Record<string, unknown>> {
+export interface Feature<Data = Record<string, unknown>> {
   config?: View
   data?: Data
 }

libs/generic-view/models/src/lib/mc-file-manager-view.ts

@@ -5,7 +5,29 @@
 
 import { z } from "zod"
 
-const dataValidator = z.undefined()
+const storageCategoryValidator = z.object({
+  spaceUsedBytes: z.number(),
+  spaceUsedString: z.string(),
+  storageCategory: z.string(),
+})
+
+export const mcFileManagerData = z.object({
+  storageInformation: z.array(
+    z.object({
+      storageType: z.string(),
+      totalSpaceBytes: z.number(),
+      usedSpaceBytes: z.number(),
+      totalSpaceString: z.string(),
+      usedSpaceString: z.string(),
+      categoriesSpaceInformation: z.record(
+        z.string(),
+        storageCategoryValidator
+      ),
+    })
+  ),
+})
+
+export type McFileManagerData = z.infer<typeof mcFileManagerData>
 
 const configValidator = z.object({
   entityTypes: z.array(z.string()).min(1),
@@ -15,6 +37,6 @@ export type McFileManagerView = z.infer<typeof configValidator>
 
 export const mcFileManagerView = {
   key: "mc-file-manager-view",
-  dataValidator,
+  dataValidator: mcFileManagerData,
   configValidator,
 } as const

libs/generic-view/models/src/lib/paragraphs.ts

@@ -6,7 +6,10 @@
 import { z } from "zod"
 import { commonTextValidators } from "./common-text-validators"
 
-const dataValidator = z.undefined()
+const dataValidator = z.object({
+  text: z.string().optional(),
+})
+export type ParagraphData = z.infer<typeof dataValidator>
 
 const configValidator = z
   .object({

libs/generic-view/store/src/lib/features/featues-action-keys.ts

@@ -10,6 +10,4 @@ export enum FeaturesActions {
   GetGenericData = "api-actions-get-generic-data",
   GetAllFeatures = "api-actions-get-all-features",
   GetSingleFeature = "api-actions-get-single-feature",
-  GetSingleFeatureConfig = "api-actions-get-single-feature-config",
-  GetSingleFeatureData = "api-actions-get-single-feature-data",
 }

libs/generic-view/store/src/lib/features/get-generic-data.actions.ts

@@ -0,0 +1,45 @@
+/**
+ * Copyright (c) Mudita sp. z o.o. All rights reserved.
+ * For licensing, see https://github.com/mudita/mudita-center/blob/master/LICENSE.md
+ */
+
+import { createAsyncThunk } from "@reduxjs/toolkit"
+import { Feature } from "generic-view/models"
+import { getFeatureDataRequest } from "device/feature"
+import { DeviceId } from "Core/device/constants/device-id"
+import { ReduxRootState } from "Core/__deprecated__/renderer/store"
+import { selectConfiguredDevice } from "../selectors"
+import { FeaturesActions } from "./featues-action-keys"
+import { transformDataComponents } from "./transform-data-components"
+
+export const getGenericData = createAsyncThunk<
+  {
+    deviceId: DeviceId
+    feature: string
+    data: Feature["data"]
+  },
+  { deviceId: DeviceId; feature: string },
+  { state: ReduxRootState }
+>(
+  FeaturesActions.GetGenericData,
+  async ({ deviceId, feature }, { rejectWithValue, getState }) => {
+    const { ok, data } = await getFeatureDataRequest(deviceId, feature)
+
+    const features = selectConfiguredDevice(getState(), deviceId)?.features
+    const featureConfig = features?.[feature]?.config
+
+    if (featureConfig === undefined) {
+      return rejectWithValue("no device")
+    }
+
+    if (ok) {
+      return {
+        deviceId,
+        feature,
+        data: transformDataComponents(feature, data, featureConfig),
+      }
+    }
+
+    return rejectWithValue(undefined)
+  }
+)

libs/generic-view/store/src/lib/features/get-single-feature-data.ts

@@ -8,18 +8,21 @@ import { DeviceId } from "Core/device/constants/device-id"
 import { ReduxRootState } from "Core/__deprecated__/renderer/store"
 import { FeaturesActions } from "./featues-action-keys"
 import { getOverviewData } from "./get-overview-data.actions"
+import { getGenericData } from "./get-generic-data.actions"
 
 export const getSingleFeatureData = createAsyncThunk<
   undefined,
   { deviceId: DeviceId; feature: string },
   { state: ReduxRootState }
 >(
   FeaturesActions.GetSingleFeature,
-  async ({ deviceId, feature }, { getState, dispatch }) => {
+  async ({ deviceId, feature }, { dispatch }) => {
     switch (feature) {
       case "mc-overview":
         await dispatch(getOverviewData({ deviceId }))
         break
+      default:
+        await dispatch(getGenericData({ deviceId, feature }))
     }
 
     return undefined

libs/generic-view/store/src/lib/features/get-single-feature.ts

@@ -10,6 +10,7 @@ import { FeaturesActions } from "./featues-action-keys"
 import { getOverviewConfig } from "./get-overview-config.actions"
 import { getOverviewData } from "./get-overview-data.actions"
 import { getGenericConfig } from "./get-generic-config.actions"
+import { getGenericData } from "./get-generic-data.actions"
 
 export const getSingleFeatures = createAsyncThunk<
   undefined,
@@ -25,6 +26,7 @@ export const getSingleFeatures = createAsyncThunk<
         break
       default:
         await dispatch(getGenericConfig({ deviceId, feature }))
+        await dispatch(getGenericData({ deviceId, feature }))
         break
     }
 

libs/generic-view/store/src/lib/features/transform-data-components.ts

@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) Mudita sp. z o.o. All rights reserved.
+ * For licensing, see https://github.com/mudita/mudita-center/blob/master/LICENSE.md
+ */
+
+import { Feature } from "generic-view/models"
+import { View } from "generic-view/utils"
+import { generatedData } from "../../../../ui/src/lib/generated"
+
+export const transformDataComponents = (
+  feature: string,
+  data: Feature["data"],
+  config: View
+): Feature["data"] => {
+  return generatedData[feature](data, config)
+}

libs/generic-view/store/src/lib/features/transform-generic-components.ts

@@ -4,12 +4,13 @@
  */
 
 import { View } from "generic-view/utils"
-import { generated } from "../../../../ui/src/lib/generated"
+import { generatedViews } from "../../../../ui/src/lib/generated"
 
 export const transformGenericComponents = (view: View): View => {
   const fullView = { ...view }
   for (const [key, { component, config, layout }] of Object.entries(fullView)) {
-    const transformComponent = generated[component as keyof typeof generated]
+    const transformComponent =
+      generatedViews[component as keyof typeof generatedViews]
     if (transformComponent) {
       Object.assign(
         fullView,

libs/generic-view/store/src/lib/views/reducer.ts

@@ -16,6 +16,7 @@ import { getAPIAny } from "../get-api-any"
 import { getMenuConfig } from "../get-menu-config"
 import { getOutboxData } from "../outbox/get-outbox-data.action"
 import { getGenericConfig } from "../features/get-generic-config.actions"
+import { getGenericData } from "../features/get-generic-data.actions"
 import {
   addDevice,
   removeDevice,
@@ -163,6 +164,17 @@ export const genericViewsReducer = createReducer(initialState, (builder) => {
       },
     }
   })
+  builder.addCase(getGenericData.fulfilled, (state, action) => {
+    const { deviceId, feature, data } = action.payload
+    state.lastResponse = action.payload
+    state.devices[deviceId].features = {
+      ...state.devices[deviceId].features,
+      [feature]: {
+        config: state.devices[deviceId].features?.[feature]?.config,
+        data,
+      },
+    }
+  })
   builder.addCase(setDeviceState, (state, action) => {
     if (action.payload) {
       const id = action.payload.id

libs/generic-view/ui/src/lib/generated/index.ts

@@ -4,19 +4,29 @@
  */
 
 import {
+  Feature,
   mcContactsView,
   mcFileManagerView,
   mcImportContactsButton,
 } from "generic-view/models"
 import { generateMcContactsView } from "./mc-contacts-view"
-import { generateMcFileManagerView } from "./mc-file-manager-view/mc-file-manager-view"
+import { generateMcFileManagerView } from "./mc-file-manager/mc-file-manager-view"
+import { generateFileManagerData } from "./mc-file-manager/mc-file-manager-data"
 import { generateMcImportContactsButton } from "./mc-import-contacts-button"
+import { View } from "generic-view/utils"
 
 export * from "./mc-import-contacts-button"
 export * from "./mc-contacts-view"
 
-export const generated = {
+export const generatedViews = {
   [mcContactsView.key]: generateMcContactsView,
   [mcFileManagerView.key]: generateMcFileManagerView,
   [mcImportContactsButton.key]: generateMcImportContactsButton,
 }
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+type generatedDataFn = (data: any, config: View) => Feature["data"]
+
+export const generatedData: Record<string, generatedDataFn> = {
+  ["fileManager"]: generateFileManagerData,
+}

libs/generic-view/ui/src/lib/generated/mc-file-manager-view/file-category-list.ts → libs/generic-view/ui/src/lib/generated/mc-file-manager/file-category-list.ts

@@ -149,8 +149,12 @@ const generateFileCategoryListItem = ({
     [`${id}CategoryListItemStorageText`]: {
       component: "p3-component",
       config: {
-        text: "0 KB",
+        text: "0",
         color: "black",
+        textTransform: "format-bytes",
+        textTransformOptions: {
+          minUnit: "KB",
+        },
       },
     },
     [`${id}CategoryListItemStorageMarker`]: {