@omniumretail/component-library 1.2.70 → 1.2.72

package/src/components/CategoryReadOnly/styles.module.scss

@@ -1,214 +0,0 @@
-.categoryResponse {
-    display: grid;
-    grid-template-columns: 300px auto;
-    gap: 16px;
-    height: 100%;
-}
-
-.sidebarWrapper {
-    overflow: auto;
-    background: #EBECED;
-}
-
-.contentWrapper {
-    overflow: auto;
-    background: var(--color-white);
-}
-
-.sidebarWrapper,
-.contentWrapper {
-    padding: 20px;
-}
-
-.title {
-    font-size: var(--font-size-body-4);
-    color: var(--color-blue);
-    margin-bottom: 36px;
-    font-weight: var(--font-weight-semibold);
-    text-transform: uppercase;
-
-}
-
-.label {
-    padding-bottom: 15px;
-    font-weight: var(--font-weight-bold);
-    font-size: var(--font-size-body-4);
-
-    @media(max-width: 767px) {
-        font-size: var(--font-size-body-3);
-    }
-}
-
-.cursorPointer {
-    cursor: pointer;
-}
-
-.subCategory {
-    padding-left: 16px;
-
-    .label {
-        font-weight: var(--font-weight-semibold);
-    }
-
-    .labelWrapper {
-        .subCategory {
-            .label {
-                font-weight: var(--font-weight-light);
-            }
-        }
-    }
-}
-
-.labelWrapper {
-    display: block;
-}
-
-.active {
-    color: var(--color-orange);
-}
-
-.details {
-    margin-bottom: 4px;
-    display: flex;
-    justify-content: flex-end;
-    align-items: center;
-
-    @media(max-width: 767px) {
-        margin-bottom: 20px;
-    }
-}
-
-.categoryName {
-    font-size: var(--font-size-body-4);
-    color: var(--color-blue);
-    font-weight: var(--font-weight-semibold);
-    margin-bottom: 8px;
-}
-
-.categoryDescription {
-    font-size: var(--font-size-body-3);
-    font-weight: var(--font-weight-light);
-    color: var(--color-black);
-}
-
-// Questions
-.questionWrapper {
-    display: flex;
-    flex-direction: row;
-    gap: 36px;
-    margin-bottom: 36px;
-    border-bottom: 1px solid rgba(var(--color-blue-rgb), .2);
-    padding-bottom: 4px;
-}
-
-.questionWrapperOpenAnswer {
-    flex-direction: column;
-    border-bottom: 1px solid rgba(var(--color-blue-rgb), .2);
-    margin-bottom: 24px;
-
-    .question {
-        width: 100%;
-        border-bottom: none;
-    }
-
-    .answer {
-        width: 100%;
-        height: auto;
-
-        :global {
-            .ant-input {
-                min-height: 140px;
-            }
-
-            .ant-form-item {
-                margin-bottom: 16px;
-            }
-        }
-    }
-}
-
-.question {
-    width: calc(100% - 149px);
-    display: flex;
-    align-items: center;
-}
-
-.answer {
-    width: 130px;
-    min-width: 130px;
-    align-self: flex-end;
-    display: flex;
-    justify-content: space-between;
-    padding-right: 15px;
-}
-
-.answerOpenAnswer {
-    display: none;
-}
-
-.categoryGrades {
-    min-width: 130px;
-    align-self: flex-end;
-    display: flex;
-    justify-content: space-between;
-    gap: 34px;
-}
-
-.subject {
-    font-size: var(--font-size-body-4);
-    font-weight: var(--font-weight-medium);
-    
-    @media(max-width: 767px) {
-        font-size: var(--font-size-body-3);
-    }
-}
-
-.description {
-    font-weight: var(--font-weight-light);
-    font-size: var(--font-size-body-3);
-    margin-bottom: 4px;
-
-    @media(max-width: 767px) {
-        font-size: var(--font-size-body-2);
-    }
-}
-
-.gradeBox {
-    padding: 6px;
-    font-size: var(--font-size-body-4);
-    font-weight: var(--font-weight-medium);
-    color: var(--color-white);
-    border-radius: 5px;
-    display: inline-flex;
-    letter-spacing: 3px;
-}
-
-.categoryGradesWrapper {
-    background-color: rgba(217, 217, 217, 0.5);
-    border-radius: 5px;
-    padding: 8px 15px;
-    display: flex;
-    flex-direction: row;
-    gap: 50px;
-    align-items: center;
-
-    @media(max-width: 767px) {
-        gap: 12px;
-        padding: 4px 8px;
-    }
-}
-
-.categoryGradesTitle {
-    font-size: var(--font-size-body-3);
-    font-weight: var(--font-weight-medium);
-    color: var(--color-black);
-}
-
-.openAnswerContainer {
-    display: flex;
-    justify-content: space-between;
-    margin-bottom: 12px;
-    margin-left: 16px;
-    gap: 40px;
-    width: 100%;
-}

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

@@ -1,312 +0,0 @@
-import { Meta, StoryFn } from "@storybook/react-webpack5";
-import { Button } from "components/Button";
-import { useEffect, useRef, useState } from "react";
-import { CategoryResponse } from '.';
-import { UploadFile } from "antd";
-import moment from "moment";
-
-export default {
-    title: 'CategoryResponse',
-    component: CategoryResponse,
-} as Meta;
-
-const Template: StoryFn<any> = (args: any) => {
-    const [serverData, setServerData] = useState<any>();
-    const categoryResponseRef = useRef(null);
-    const [hasNext, setHasNext] = useState(true);
-    const [hasPrevious, setHasPrevious] = useState(false);
-    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_icosssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssn.png",
-                "status": "done",
-                "url": "https://omnium-user-images.s3.eu-west-1.amazonaws.com/omnium-retail_icon.png"
-            }
-        ]
-    });
-
-    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();
-    }
-
-    const handleAddAction = (questionId: string) => {
-        console.log(`Ação adicionada para a pergunta com ID: ${questionId}`);
-        // Sua lógica para adicionar a ação, como uma chamada de API ou atualização de estado
-    };
-
-    const handleOpenAction = (questionId: string) => {
-        console.log(`Ação adicionada para a pergunta com ID: ${questionId}`);
-    };
-
-    useEffect(() => {
-        console.log(serverData);
-    }, [serverData])
-
-    return (
-        <div style={{ height: '600px' }}>
-            <div>
-                <CategoryResponse
-                    {...args}
-                    serverReadyData={setServerData}
-                    ref={categoryResponseRef}
-                    onNextCategoryAvailabilityChange={handleNextCategoryAvailabilityChange}
-                    onPreviousCategoryAvailabilityChange={handlePreviousCategoryAvailabilityChange}
-                    addButtons
-                    fileList={setFileLists}
-                    addAction={handleAddAction}
-                    openAction={handleOpenAction}
-                    initialFileList={fileLists}
-                >
-                </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": "0",
-                "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",
-                    "Key": "0",
-                    "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": "Lorem ipsum dolor sit amet, consectetur adipiscing elit Lorem ipsum dolor sit amet, consectetur adipiscing elit",
-                            "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",
-                                    "Name": "ettttt"
-                                },
-                                {
-                                    "Id": "15D49F7B-C293-48AD-980F-D6ED5B3C0DAB",
-                                    "Name": "uttttt"
-                                }
-                            ],
-                            "IsOpenAnswer": true,
-                            "IsNumerical": true,
-                            "IsMandatory": true
-                        },
-                        {
-                            "Id": "85562A64-A24B-425A-A345-560238CA2468",
-                            "QuestionId": "8D17A8A5-E299-47D3-AB49-684135DB23A3",
-                            "Subject": "Data",
-                            "Description": "This is a description ",
-                            "Grade": "0",
-                            "Note": "asasas",
-                            "Disabled": true,
-                            "Answer": moment(),
-                            "IsDate": true
-                        },
-                        {
-                            "Id": "85562A64-A24B-425A-A345-560238CA2468",
-                            "QuestionId": "8D17A8A5-E299-47D3-AB49-684135DB23A3",
-                            "Subject": "Data",
-                            "Description": "This is a description ",
-                            "Grade": "0",
-                            "Note": "asasas",
-                            "Disabled": false,
-                            "Answer": [],
-                            "IsNumerical": true
-                        }
-                    ]
-                }
-            },
-            {
-                "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": []
-                                        },
-                                        {
-                                            "Id": "35562A64-A24B-425A-A345-560238CA2468",
-                                            "QuestionId": "1123D17A8A5-E299-47D3-AB49-684135DB23A3",
-                                            "Subject": "This is a Subject",
-                                            "Description": "This is a description",
-                                            "Grade": "25",
-                                            "Answer": ["1"],
-                                            "IsMultipleChoise": false
-                                        },
-                                        {
-                                            "Id": "35562A64-A24B-425A-A345-560238CA2468",
-                                            "QuestionId": "3sssD17A8A5-E299-47D3-AB49-684135DB23A3",
-                                            "Subject": "This is a Subject",
-                                            "Description": "This is a description",
-                                            "Grade": "25",
-                                            "Answer": [],
-                                            "IsMultipleChoise": true
-                                        }
-                                    ]
-                                }
-                            }
-                        ]
-                    },
-                    {
-                        "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,
-                            "IsYesOrNo": true,
-                            "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": null
-                                },
-                                {
-                                    "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": "Yes"
-                                }
-                            ]
-                        },
-                        "Children": []
-                    }
-                ]
-            },
-            {
-                "Title": "Category 3",
-                "Key": "3",
-                "Data": {
-                    "Id": "97A06838-67F9-4726-BC36-719A0C797484",
-                    "CategoryId": "CATEGORYID3",
-                    "CategoryName": "Category 3",
-                    "OpenAnswer": false,
-                    "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": "dwjdiwjdiwjdi",
-                            "IsOpenAnswer": true
-                        },
-                        {
-                            "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,
-                            "IsMultipleChoise": true
-                        }
-                    ]
-                }
-            },
-        ]
-    }
-};
-
-
-

package/src/components/CategoryResponse/evaluationOptions.tsx

@@ -1,81 +0,0 @@
-import translate from '../../constants/translationHelper';
-
-export type EvaluationOption = {
-    value: string;
-    label: string;
-};
-
-export type EvaluationOptions = {
-    scale_0: EvaluationOption[];
-    scale_1: EvaluationOption[];
-    scale_2: EvaluationOption[];
-};
-
-export const evaluationOptions: EvaluationOptions = {
-    scale_0: [
-        {
-            value: '1',
-            label: '1',
-        },
-        {
-            value: '2',
-            label: '2',
-        },
-        {
-            value: '3',
-            label: '3',
-        },
-        {
-            value: '4',
-            label: '4',
-        },
-        {
-            value: '5',
-            label: '5',
-        }
-    ],
-    scale_1: [
-        {
-            value: '1',
-            label: '1',
-        },
-        {
-            value: '2',
-            label: '2',
-        },
-        {
-            value: '3',
-            label: '3',
-        },
-        {
-            value: '4',
-            label: '4',
-        },
-    ],
-    scale_2: [
-        {
-            value: '1',
-            label: '1',
-        },
-        {
-            value: '2',
-            label: '2',
-        },
-        {
-            value: '3',
-            label: '3',
-        },
-        {
-            value: '4',
-            label: '4',
-        },
-        {
-            value: '5',
-            label: '5',
-        },
-        {
-            value: 'NA',
-            label: 'NA'
-        }
-    ]
-}