@omniumretail/component-library 1.1.90 → 1.1.92

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.90",
+  "version": "1.1.92",
   "private": false,
   "main": "dist/bundle.js",
   "typings": "./dist/types/index",

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

@@ -14,7 +14,16 @@ const Template: Story<any> = (args) => {
     const categoryResponseRef = useRef(null);
     const [hasNext, setHasNext] = useState(true);
     const [hasPrevious, setHasPrevious] = useState(false);
-    const [fileLists, setFileLists] = useState<Record<string, UploadFile[]>>({});
+    const [fileLists, setFileLists] = useState<Record<string, UploadFile[]>>({
+        "CATEGORYID1_65562A64-A24B-425A-A345-560238CA2468": [
+            {
+                "uid": "iv919l10io",
+                "name": "https://omnium-user-images.s3.eu-west-1.amazonaws.com/omnium-retail_icon.png",
+                "status": "done",
+                "url": "https://omnium-user-images.s3.eu-west-1.amazonaws.com/omnium-retail_icon.png"
+            }
+        ]
+    });
 
     const handleNextCategoryAvailabilityChange = (hasNext: boolean) => {
         setHasNext(hasNext);
@@ -58,6 +67,7 @@ const Template: Story<any> = (args) => {
                     fileList={setFileLists}
                     addAction={handleAddAction}
                     openAction={handleOpenAction}
+                    initialFileList={fileLists}
                 >
                 </CategoryResponse>
             </div>
@@ -108,6 +118,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": [],
                             "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,11 +96,15 @@ 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();
 
+    console.log(fileLists, "fileLists");
+    console.log(props.initialFileList, "props.initialFileList");
+
     const updateInitialValues = (data: any) => {
         const {
             Questions,
@@ -183,11 +188,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