@omniumretail/component-library 1.1.89 → 1.1.91

package/dist/types/components/CategoryResponse/index.d.ts

@@ -10,6 +10,7 @@ interface CategoryResponse {
     openAction?: (actionId: string) => void;
     addButtons?: boolean;
     fileList?: React.Dispatch<React.SetStateAction<Record<string, UploadFile<any>[]>>>;
+    initialFileList?: any;
 }
 export declare const CategoryResponse: React.ForwardRefExoticComponent<CategoryResponse & React.RefAttributes<unknown>>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@omniumretail/component-library",
-  "version": "1.1.89",
+  "version": "1.1.91",
   "private": false,
   "main": "dist/bundle.js",
   "typings": "./dist/types/index",

package/src/components/CategoryResponse/CategoryResponse.stories.tsx

@@ -108,6 +108,7 @@ Primary.args = {
                             "Grade": "0",
                             "Note": "Lorem ipsum dolor sit amet, consectetur adipiscing elit Lorem ipsum dolor sit amet, consectetur adipiscing elit",
                             "Answer": null,
+                            "ImagesList": ["https://omnium-user-images.s3.eu-west-1.amazonaws.com/blank-profile-picture-973460_1280.png"],
                             "Actions": [
                                 {
                                     "Id": "05D49F7B-C293-48AD-980F-D6ED5B3C0DAB",

package/src/components/CategoryResponse/index.tsx

@@ -21,6 +21,7 @@ interface CategoryResponse {
     openAction?: (actionId: string) => void;
     addButtons?: boolean;
     fileList?: React.Dispatch<React.SetStateAction<Record<string, UploadFile<any>[]>>>;
+    initialFileList?: any;
 };
 
 type Category = {
@@ -38,7 +39,7 @@ const updateCategoryAnswers = (CategoryAnswers: any[], categoryToUpdate: any, up
                     ...question,
                     Answer: updatedQuestions[index].Answer,
                     Note: updatedQuestions[index].Note,
-                    Files: updatedQuestions[index].Files
+                    ImagesList: updatedQuestions[index].ImagesList
                 };
             });
         }
@@ -95,7 +96,8 @@ export const CategoryResponse = React.forwardRef((props: CategoryResponse, ref)
     // Setting first set of questions as default open
     const [selectedCategory, setSelectedCategory] = useState<any>(data.CategoryAnswers[0]);
     const [initialValues, setInitialValues] = useState<any>(data.CategoryAnswers[0].Data);
-    const [fileLists, setFileLists] = useState<Record<string, UploadFile[]>>({});
+    // const [fileLists, setFileLists] = useState<Record<string, UploadFile[]>>(props.initialFileList || []);
+    const [fileLists, setFileLists] = useState<Record<string, UploadFile[]>>(props.initialFileList || []);
     const [dataValue, setDataValue] = useState<any>();
     const [isNoteVisible, setIsNoteVisible] = useState<{ categoryIndex: number; questionIndex: number } | null>(null);
     const [form] = useForm();
@@ -183,11 +185,11 @@ export const CategoryResponse = React.forwardRef((props: CategoryResponse, ref)
                 ...question,
                 Answer: !props.addButtons
                     ? values.Questions[index].Answer
-                        : Array.isArray(values.Questions[index].Answer)
-                            ? values.Questions[index].Answer
-                            : values.Questions[index].Answer
-                                ? [values.Questions[index].Answer]
-                                : [],
+                    : Array.isArray(values.Questions[index].Answer)
+                        ? values.Questions[index].Answer
+                        : values.Questions[index].Answer
+                            ? [values.Questions[index].Answer]
+                            : [],
                 Note: values.Questions[index].Note,
                 IsMultipleChoise: values.Questions[index].IsMultipleChoise,
                 Files: fileLists[`${selectedCategory.Data.CategoryId}_${index}`] || [], // Include files in the form data
@@ -351,9 +353,9 @@ export const CategoryResponse = React.forwardRef((props: CategoryResponse, ref)
                                             <div className={styles.actionsButtonsContainer}>
                                                 <Upload
                                                     listType={"text"}
-                                                    fileList={fileLists[`${selectedCategory.Data.CategoryId}_${question.QuestionId}`] || []}
+                                                    fileList={fileLists[`${selectedCategory.Data.CategoryId}_${question.Id}`] || []}
                                                     beforeUpload={() => false} // Prevent automatic upload
-                                                    onChange={({ fileList }) => handleFileChange(fileList, selectedCategory.Data.CategoryId, question.QuestionId)}
+                                                    onChange={({ fileList }) => handleFileChange(fileList, selectedCategory.Data.CategoryId, question.Id)}
                                                     onPreview={onPreview}
                                                 >
                                                     <Button customClass={styles.loadFile}>{t('components.upload.loadFile')}</Button>