@omniumretail/component-library 1.0.70 → 1.0.72

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

@@ -1,251 +1,251 @@
-import { Meta, Story } from "@storybook/react";
-import { Button } from "components/Button";
-import { useEffect, useRef, useState } from "react";
-import { CategoryResponse } from '.';
-
-export default {
-    title: 'CategoryResponse',
-    component: CategoryResponse,
-} as Meta;
-
-const Template: Story<any> = (args) => {
-    const [serverData, setServerData] = useState<any>();
-    const categoryResponseRef = useRef(null);
-    const [hasNext, setHasNext] = useState(true);
-    const [hasPrevious, setHasPrevious] = useState(false);
-
-    const handleNextCategoryAvailabilityChange = (hasNext: boolean) => {
-        setHasNext(hasNext);
-    };
-
-    const handlePreviousCategoryAvailabilityChange = (hasPrevious: boolean) => {
-        setHasPrevious(hasPrevious);
-    };
-
-    const handleNextClickOutside = () => {
-        (categoryResponseRef.current as any).handleNextClick();
-    }
-
-    const handlePreviousClickOutside = () => {
-        (categoryResponseRef.current as any).handlePreviousClick();
-    }
-
-    useEffect(() => {
-        console.log(serverData);
-    }, [serverData])
-
-    return (
-        <div style={{ height: '600px' }}>
-            <div>
-                <CategoryResponse
-                    {...args}
-                    serverReadyData={setServerData}
-                    ref={categoryResponseRef}
-                    onNextCategoryAvailabilityChange={handleNextCategoryAvailabilityChange}
-                    onPreviousCategoryAvailabilityChange={handlePreviousCategoryAvailabilityChange}
-                >
-                </CategoryResponse>
-            </div>
-            <div>
-
-                {hasPrevious && (
-                    <Button onClick={handlePreviousClickOutside}>Previous on Parent</Button>
-                )}
-
-                {hasNext && (
-                    <Button onClick={handleNextClickOutside}>Next on Parent</Button>
-                )}
-            </div>
-        </div>
-    )
-};
-
-export const Primary = Template.bind({});
-Primary.args = {
-    data: {
-        "Id": "E985B66B-5EA4-4A6F-81B9-0B12CAA99343",
-        "EvaluationCycleId": "A3FE0C73-E771-40BB-B87D-1E40597841A6",
-        "QuestionnaireId": "4C15A0A0-7DDF-4952-810C-B46105807CB7",
-        "UserId": "A200F4C5-8E41-41D4-A90C-B15EEC448517",
-        "TargetUserId": "A200F4C5-8E41-41D4-A90C-B15EEC448517",
-        "StartDate": 1678707055,
-        "EndDate": 1679707055,
-        "Status": "A",
-        "CategoryAnswers": [
-            {
-                "Title": "Competências",
-                "Key": "1",
-                "Data": {
-                    "Id": "57A06838-67F9-4726-BC36-719A0C797484",
-                    "CategoryId": "CATEGORYID1",
-                    "CategoryName": "Competências",
-                    "OpenAnswer": false,
-                    "GeneralEvaluationLevel": 2,
-                    "Grade": "0",
-                    "Description": "Inserir resposta numa escala numérica entre 1 e 5, sendo que 1 corresponde a “Mau” e 5 corresponde a “Excelente”",
-                    "Score": "0.000",
-                    "Questions": [
-                        {
-                            "Id": "65562A64-A24B-425A-A345-560238CA2468",
-                            "QuestionId": "7D17A8A5-E299-47D3-AB49-684135DB23A3",
-                            "Subject": "Lorem ipsum dolor sit amet, consectetur adipiscing elit Lorem ipsum dolor sit amet, consectetur adipiscing elit",
-                            "Description": "This is a description",
-                            "Grade": "0",
-                            "Answer": null
-                        },
-                        {
-                            "Id": "85562A64-A24B-425A-A345-560238CA2468",
-                            "QuestionId": "8D17A8A5-E299-47D3-AB49-684135DB23A3",
-                            "Subject": "Lorem ipsum dolor sit amet, consectetur adipiscing elit Lorem ipsum dolor sit amet, consectetur adipiscing elitLorem ipsum dolor sit amet, consectetur adipiscing elit",
-                            "Description": "This is a description ",
-                            "Grade": "0",
-                            "Answer": null
-                        }
-                    ]
-                }
-            },
-            {
-                "Title": "Category 2",
-                "Key": "2",
-                "Data": {
-                    "Id": "57A06838-67F9-4726-BC36-719A0C797484",
-                    "CategoryId": "CATEGORYID2",
-                    "CategoryName": "Category 2",
-                    "OpenAnswer": false,
-                    "GeneralEvaluationLevel": 0,
-                    "Grade": "100",
-                    "Description": "This is a description",
-                    "Score": "0.000",
-                    "Questions": []
-                },
-                "Children": [
-                    {
-                        "Title": "Category 2.1",
-                        "Key": "2.1",
-                        "Data": {
-                            "Id": "57A06838-67F9-4726-BC36-719A0C797484",
-                            "CategoryId": "1CDED10D-0984-46D4-A9B3-7EC518D74A63",
-                            "CategoryName": "Category 2.1",
-                            "OpenAnswer": false,
-                            "GeneralEvaluationLevel": 0,
-                            "Grade": "50",
-                            "Description": "This is a description",
-                            "Score": "0.000",
-                            "Questions": []
-                        },
-                        "Children": [
-                            {
-                                "Title": "Category 2.1.1",
-                                "Key": "2.1.1",
-                                "Data": {
-                                    "Id": "37A06838-67F9-4726-BC36-719A0C797484",
-                                    "CategoryId": "3CDED10D-0984-46D4-A9B3-7EC518D74A63",
-                                    "CategoryName": "Category 2.1.1",
-                                    "OpenAnswer": false,
-                                    "GeneralEvaluationLevel": 0,
-                                    "Grade": "50",
-                                    "Description": "This is a description",
-                                    "Score": "0.000",
-                                    "Questions": [
-                                        {
-                                            "Id": "365562A64-A24B-425A-A345-560238CA2468",
-                                            "QuestionId": "3D17A8A5-E299-47D3-AB49-684135DB23A3",
-                                            "Subject": "This is a Subject",
-                                            "Description": "This is a description",
-                                            "Grade": "50",
-                                            "Answer": null
-                                        },
-                                        {
-                                            "Id": "35562A64-A24B-425A-A345-560238CA2468",
-                                            "QuestionId": "3D17A8A5-E299-47D3-AB49-684135DB23A3",
-                                            "Subject": "This is a Subject",
-                                            "Description": "This is a description",
-                                            "Grade": "25",
-                                            "Answer": null
-                                        },
-                                        {
-                                            "Id": "35562A64-A24B-425A-A345-560238CA2468",
-                                            "QuestionId": "3D17A8A5-E299-47D3-AB49-684135DB23A3",
-                                            "Subject": "This is a Subject",
-                                            "Description": "This is a description",
-                                            "Grade": "25",
-                                            "Answer": null
-                                        }
-                                    ]
-                                }
-                            }
-                        ]
-                    },
-                    {
-                        "Title": "Category 2.2",
-                        "Key": "2.2",
-                        "Data": {
-                            "Id": "57A06838-67F9-4726-BC36-719A0C797484",
-                            "CategoryId": "PCDED10D-0984-46D4-A9B3-7EC518D74A63",
-                            "CategoryName": "Category 2.2",
-                            "OpenAnswer": false,
-                            "GeneralEvaluationLevel": 0,
-                            "Grade": "50",
-                            "Description": "This is a description",
-                            "Score": "0.000",
-                            "Questions": [
-                                {
-                                    "Id": "P5562A64-A24B-425A-A345-560238CA2468",
-                                    "QuestionId": "PD17A8A5-E299-47D3-AB49-684135DB23A3",
-                                    "Subject": "This is a Subject",
-                                    "Description": "This is a description",
-                                    "Grade": "50",
-                                    "Answer": "2"
-                                },
-                                {
-                                    "Id": "P5562A64-A24B-425A-A345-560238CA2468",
-                                    "QuestionId": "PD17A8A5-E299-47D3-AB49-684135DB23A3",
-                                    "Subject": "This is a Subject",
-                                    "Description": "This is a description",
-                                    "Grade": "50",
-                                    "Answer": "5"
-                                }
-                            ]
-                        },
-                        "Children": []
-                    }
-                ]
-            },
-            {
-                "Title": "Category 3",
-                "Key": "3",
-                "Data": {
-                    "Id": "97A06838-67F9-4726-BC36-719A0C797484",
-                    "CategoryId": "CATEGORYID3",
-                    "CategoryName": "Category 3",
-                    "OpenAnswer": true,
-                    "GeneralEvaluationLevel": 0,
-                    "Grade": "0",
-                    "Description": "This is a description",
-                    "Score": "0.000",
-                    "Questions": [
-                        {
-                            "Id": "95562A64-A24B-425A-A345-560238CA2468",
-                            "QuestionId": "9D17A8A5-E299-47D3-AB49-684135DB23A3",
-                            "Subject": "This is a Subject",
-                            "Description": "This is a description",
-                            "Grade": "0",
-                            "Answer": null
-                        },
-                        {
-                            "Id": "93862A64-A24B-425A-A345-560238CA2468",
-                            "QuestionId": "9D38A8A5-E299-47D3-AB49-684135DB23A3",
-                            "Subject": "This is a Subject",
-                            "Description": "This is a description",
-                            "Grade": "0",
-                            "Answer": null
-                        }
-                    ]
-                }
-            },
-        ]
-    }
-};
-
-
-
+import { Meta, Story } from "@storybook/react";
+import { Button } from "components/Button";
+import { useEffect, useRef, useState } from "react";
+import { CategoryResponse } from '.';
+
+export default {
+    title: 'CategoryResponse',
+    component: CategoryResponse,
+} as Meta;
+
+const Template: Story<any> = (args) => {
+    const [serverData, setServerData] = useState<any>();
+    const categoryResponseRef = useRef(null);
+    const [hasNext, setHasNext] = useState(true);
+    const [hasPrevious, setHasPrevious] = useState(false);
+
+    const handleNextCategoryAvailabilityChange = (hasNext: boolean) => {
+        setHasNext(hasNext);
+    };
+
+    const handlePreviousCategoryAvailabilityChange = (hasPrevious: boolean) => {
+        setHasPrevious(hasPrevious);
+    };
+
+    const handleNextClickOutside = () => {
+        (categoryResponseRef.current as any).handleNextClick();
+    }
+
+    const handlePreviousClickOutside = () => {
+        (categoryResponseRef.current as any).handlePreviousClick();
+    }
+
+    useEffect(() => {
+        console.log(serverData);
+    }, [serverData])
+
+    return (
+        <div style={{ height: '600px' }}>
+            <div>
+                <CategoryResponse
+                    {...args}
+                    serverReadyData={setServerData}
+                    ref={categoryResponseRef}
+                    onNextCategoryAvailabilityChange={handleNextCategoryAvailabilityChange}
+                    onPreviousCategoryAvailabilityChange={handlePreviousCategoryAvailabilityChange}
+                >
+                </CategoryResponse>
+            </div>
+            <div>
+
+                {hasPrevious && (
+                    <Button onClick={handlePreviousClickOutside}>Previous on Parent</Button>
+                )}
+
+                {hasNext && (
+                    <Button onClick={handleNextClickOutside}>Next on Parent</Button>
+                )}
+            </div>
+        </div>
+    )
+};
+
+export const Primary = Template.bind({});
+Primary.args = {
+    data: {
+        "Id": "E985B66B-5EA4-4A6F-81B9-0B12CAA99343",
+        "EvaluationCycleId": "A3FE0C73-E771-40BB-B87D-1E40597841A6",
+        "QuestionnaireId": "4C15A0A0-7DDF-4952-810C-B46105807CB7",
+        "UserId": "A200F4C5-8E41-41D4-A90C-B15EEC448517",
+        "TargetUserId": "A200F4C5-8E41-41D4-A90C-B15EEC448517",
+        "StartDate": 1678707055,
+        "EndDate": 1679707055,
+        "Status": "A",
+        "CategoryAnswers": [
+            {
+                "Title": "Competências",
+                "Key": "1",
+                "Data": {
+                    "Id": "57A06838-67F9-4726-BC36-719A0C797484",
+                    "CategoryId": "CATEGORYID1",
+                    "CategoryName": "Competências",
+                    "OpenAnswer": false,
+                    "GeneralEvaluationLevel": 2,
+                    "Grade": "0",
+                    "Description": "Inserir resposta numa escala numérica entre 1 e 5, sendo que 1 corresponde a “Mau” e 5 corresponde a “Excelente”",
+                    "Score": "0.000",
+                    "Questions": [
+                        {
+                            "Id": "65562A64-A24B-425A-A345-560238CA2468",
+                            "QuestionId": "7D17A8A5-E299-47D3-AB49-684135DB23A3",
+                            "Subject": "Lorem ipsum dolor sit amet, consectetur adipiscing elit Lorem ipsum dolor sit amet, consectetur adipiscing elit",
+                            "Description": "This is a description",
+                            "Grade": "0",
+                            "Answer": null
+                        },
+                        {
+                            "Id": "85562A64-A24B-425A-A345-560238CA2468",
+                            "QuestionId": "8D17A8A5-E299-47D3-AB49-684135DB23A3",
+                            "Subject": "Lorem ipsum dolor sit amet, consectetur adipiscing elit Lorem ipsum dolor sit amet, consectetur adipiscing elitLorem ipsum dolor sit amet, consectetur adipiscing elit",
+                            "Description": "This is a description ",
+                            "Grade": "0",
+                            "Answer": null
+                        }
+                    ]
+                }
+            },
+            {
+                "Title": "Category 2",
+                "Key": "2",
+                "Data": {
+                    "Id": "57A06838-67F9-4726-BC36-719A0C797484",
+                    "CategoryId": "CATEGORYID2",
+                    "CategoryName": "Category 2",
+                    "OpenAnswer": false,
+                    "GeneralEvaluationLevel": 0,
+                    "Grade": "100",
+                    "Description": "This is a description",
+                    "Score": "0.000",
+                    "Questions": []
+                },
+                "Children": [
+                    {
+                        "Title": "Category 2.1",
+                        "Key": "2.1",
+                        "Data": {
+                            "Id": "57A06838-67F9-4726-BC36-719A0C797484",
+                            "CategoryId": "1CDED10D-0984-46D4-A9B3-7EC518D74A63",
+                            "CategoryName": "Category 2.1",
+                            "OpenAnswer": false,
+                            "GeneralEvaluationLevel": 0,
+                            "Grade": "50",
+                            "Description": "This is a description",
+                            "Score": "0.000",
+                            "Questions": []
+                        },
+                        "Children": [
+                            {
+                                "Title": "Category 2.1.1",
+                                "Key": "2.1.1",
+                                "Data": {
+                                    "Id": "37A06838-67F9-4726-BC36-719A0C797484",
+                                    "CategoryId": "3CDED10D-0984-46D4-A9B3-7EC518D74A63",
+                                    "CategoryName": "Category 2.1.1",
+                                    "OpenAnswer": false,
+                                    "GeneralEvaluationLevel": 0,
+                                    "Grade": "50",
+                                    "Description": "This is a description",
+                                    "Score": "0.000",
+                                    "Questions": [
+                                        {
+                                            "Id": "365562A64-A24B-425A-A345-560238CA2468",
+                                            "QuestionId": "3D17A8A5-E299-47D3-AB49-684135DB23A3",
+                                            "Subject": "This is a Subject",
+                                            "Description": "This is a description",
+                                            "Grade": "50",
+                                            "Answer": null
+                                        },
+                                        {
+                                            "Id": "35562A64-A24B-425A-A345-560238CA2468",
+                                            "QuestionId": "3D17A8A5-E299-47D3-AB49-684135DB23A3",
+                                            "Subject": "This is a Subject",
+                                            "Description": "This is a description",
+                                            "Grade": "25",
+                                            "Answer": null
+                                        },
+                                        {
+                                            "Id": "35562A64-A24B-425A-A345-560238CA2468",
+                                            "QuestionId": "3D17A8A5-E299-47D3-AB49-684135DB23A3",
+                                            "Subject": "This is a Subject",
+                                            "Description": "This is a description",
+                                            "Grade": "25",
+                                            "Answer": null
+                                        }
+                                    ]
+                                }
+                            }
+                        ]
+                    },
+                    {
+                        "Title": "Category 2.2",
+                        "Key": "2.2",
+                        "Data": {
+                            "Id": "57A06838-67F9-4726-BC36-719A0C797484",
+                            "CategoryId": "PCDED10D-0984-46D4-A9B3-7EC518D74A63",
+                            "CategoryName": "Category 2.2",
+                            "OpenAnswer": false,
+                            "GeneralEvaluationLevel": 0,
+                            "Grade": "50",
+                            "Description": "This is a description",
+                            "Score": "0.000",
+                            "Questions": [
+                                {
+                                    "Id": "P5562A64-A24B-425A-A345-560238CA2468",
+                                    "QuestionId": "PD17A8A5-E299-47D3-AB49-684135DB23A3",
+                                    "Subject": "This is a Subject",
+                                    "Description": "This is a description",
+                                    "Grade": "50",
+                                    "Answer": "2"
+                                },
+                                {
+                                    "Id": "P5562A64-A24B-425A-A345-560238CA2468",
+                                    "QuestionId": "PD17A8A5-E299-47D3-AB49-684135DB23A3",
+                                    "Subject": "This is a Subject",
+                                    "Description": "This is a description",
+                                    "Grade": "50",
+                                    "Answer": "5"
+                                }
+                            ]
+                        },
+                        "Children": []
+                    }
+                ]
+            },
+            {
+                "Title": "Category 3",
+                "Key": "3",
+                "Data": {
+                    "Id": "97A06838-67F9-4726-BC36-719A0C797484",
+                    "CategoryId": "CATEGORYID3",
+                    "CategoryName": "Category 3",
+                    "OpenAnswer": true,
+                    "GeneralEvaluationLevel": 0,
+                    "Grade": "0",
+                    "Description": "This is a description",
+                    "Score": "0.000",
+                    "Questions": [
+                        {
+                            "Id": "95562A64-A24B-425A-A345-560238CA2468",
+                            "QuestionId": "9D17A8A5-E299-47D3-AB49-684135DB23A3",
+                            "Subject": "This is a Subject",
+                            "Description": "This is a description",
+                            "Grade": "0",
+                            "Answer": null
+                        },
+                        {
+                            "Id": "93862A64-A24B-425A-A345-560238CA2468",
+                            "QuestionId": "9D38A8A5-E299-47D3-AB49-684135DB23A3",
+                            "Subject": "This is a Subject",
+                            "Description": "This is a description",
+                            "Grade": "0",
+                            "Answer": null
+                        }
+                    ]
+                }
+            },
+        ]
+    }
+};
+
+
+