@omniumretail/component-library 1.0.50 → 1.0.52

package/dist/main.css

@@ -535,6 +535,7 @@
 .adDQP_uvIYgNFVC4VdHj {
   background: white;
   padding: 20px;
+  overflow: auto;
 }
 /*!*********************************************************************************************************************************************************************************!*\
   !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/components/Category/CategorySidebar/styles.module.scss ***!
@@ -813,10 +814,12 @@ Label {
 
 .Q4flbvKEPN6Jx9Cob22I {
   background: #EBECED;
+  overflow: auto;
 }
 
 .hK3soC6m563VuiLnNutq {
   background: var(--color-white);
+  overflow: auto;
 }
 
 .Q4flbvKEPN6Jx9Cob22I,
@@ -958,3 +961,176 @@ Label {
   font-weight: var(--font-weight-regular);
   font-size: var(--font-size-label);
 }
+/*!*************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/components/CategoryReadOnly/styles.module.scss ***!
+  \*************************************************************************************************************************************************************************/
+.zsvRMmfrmqBj9iRjtQpO {
+  display: grid;
+  grid-template-columns: 300px auto;
+  gap: 16px;
+  height: 100%;
+}
+
+.pb4QP8qfuDG2T6wfXkUC {
+  overflow: auto;
+  background: #EBECED;
+}
+
+.gP05vt1R1r67eWteznvr {
+  overflow: auto;
+  background: var(--color-white);
+}
+
+.pb4QP8qfuDG2T6wfXkUC,
+.gP05vt1R1r67eWteznvr {
+  padding: 20px;
+}
+
+.btRPAI8631Q2XXYP6nZ7 {
+  font-size: var(--font-size-body-4);
+  color: var(--color-blue);
+  margin-bottom: 36px;
+  font-weight: var(--font-weight-semibold);
+  text-transform: uppercase;
+}
+
+.SbA9dHRh1JSG4xp1Aqie {
+  padding-bottom: 15px;
+  font-weight: var(--font-weight-bold);
+  font-size: var(--font-size-body-4);
+}
+
+.ZsQJQ__gMgYGYau95r8U {
+  cursor: pointer;
+}
+
+.PPF4FGgo1aDsBm13cNj8 {
+  padding-left: 16px;
+}
+.PPF4FGgo1aDsBm13cNj8 .SbA9dHRh1JSG4xp1Aqie {
+  font-weight: var(--font-weight-semibold);
+}
+.PPF4FGgo1aDsBm13cNj8 .QEsWraNRLBQux4k4KNAE .PPF4FGgo1aDsBm13cNj8 .SbA9dHRh1JSG4xp1Aqie {
+  font-weight: var(--font-weight-light);
+}
+
+.QEsWraNRLBQux4k4KNAE {
+  display: block;
+}
+
+.VQ09MnwMcIzpW1iabb4A {
+  color: var(--color-orange);
+}
+
+.cmcMqdZJEUjlu34ag1Md {
+  margin-bottom: 32px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.i_U4mKg0Sxl4EvVzgv0L {
+  font-size: var(--font-size-body-4);
+  color: var(--color-blue);
+  font-weight: var(--font-weight-semibold);
+  margin-bottom: 8px;
+}
+
+.Tnut0v2OeSU0e7XwrCXI {
+  font-size: var(--font-size-body-3);
+  font-weight: var(--font-weight-light);
+  color: var(--color-black);
+}
+
+.W2hZQFsItdqKPcBu4UrA {
+  display: flex;
+  flex-direction: row;
+  gap: 36px;
+  margin-bottom: 36px;
+  border-bottom: 1px solid rgba(var(--color-blue-rgb), 0.2);
+  padding-bottom: 4px;
+}
+
+.tIVLagS5XxibJ4PBCNpp {
+  flex-direction: column;
+  border-bottom: 1px solid rgba(var(--color-blue-rgb), 0.2);
+  margin-bottom: 24px;
+}
+.tIVLagS5XxibJ4PBCNpp .RenA6EOwu2sFJGoqYbYz {
+  width: 100%;
+  border-bottom: none;
+}
+.tIVLagS5XxibJ4PBCNpp .N0_FbFF8bLYtEcr8_2B9 {
+  width: 100%;
+  height: auto;
+}
+.tIVLagS5XxibJ4PBCNpp .N0_FbFF8bLYtEcr8_2B9 .ant-input {
+  min-height: 140px;
+}
+.tIVLagS5XxibJ4PBCNpp .N0_FbFF8bLYtEcr8_2B9 .ant-form-item {
+  margin-bottom: 16px;
+}
+
+.RenA6EOwu2sFJGoqYbYz {
+  width: calc(100% - 149px);
+  display: flex;
+  align-items: center;
+}
+
+.N0_FbFF8bLYtEcr8_2B9 {
+  width: 130px;
+  min-width: 130px;
+  align-self: flex-end;
+  display: flex;
+  justify-content: space-between;
+  padding-right: 15px;
+}
+
+.GaBbmrXh2G03hz6ha5vB {
+  display: none;
+}
+
+.QYrBVtDmfSFNxJFztXVl {
+  width: 130px;
+  min-width: 130px;
+  align-self: flex-end;
+  display: flex;
+  justify-content: space-between;
+  gap: 34px;
+}
+
+.V_qOYQwuQ9mXa8aniYgl {
+  font-size: var(--font-size-body-3);
+  font-weight: var(--font-weight-medium);
+}
+
+.pvSzNydRHp3dkh3WrOeA {
+  font-weight: var(--font-weight-light);
+  margin-bottom: 4px;
+}
+
+.Ehgx39o1k8blh7IDJ2mg {
+  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;
+}
+
+.ifR0bkZtK7yVHD6YZ_Zz {
+  background-color: rgba(217, 217, 217, 0.5);
+  border-radius: 5px;
+  padding: 8px 15px;
+  display: flex;
+  flex-direction: row;
+  gap: 50px;
+  align-items: center;
+}
+
+.NL5HeemkTIg0oPHDXVtO {
+  font-size: var(--font-size-body-3);
+  font-weight: var(--font-weight-medium);
+  color: var(--color-black);
+}

package/dist/types/components/CategoryReadOnly/CategoryReadOnly.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta, Story } from "@storybook/react";
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Primary: Story<any>;

package/dist/types/components/CategoryReadOnly/evaluationOptions.d.ts

@@ -0,0 +1,10 @@
+export type EvaluationOption = {
+    value: string;
+    label: string;
+};
+export type EvaluationOptions = {
+    scale_0: EvaluationOption[];
+    scale_1: EvaluationOption[];
+    scale_2: EvaluationOption[];
+};
+export declare const evaluationOptions: EvaluationOptions;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+interface CategoryResponse {
+    data: any;
+    serverReadyData: any;
+    onNextCategoryAvailabilityChange: (hasNext: boolean) => void;
+    onPreviousCategoryAvailabilityChange: (hasPrevious: boolean) => void;
+}
+export declare const CategoryReadOnly: React.ForwardRefExoticComponent<CategoryResponse & React.RefAttributes<unknown>>;
+export {};

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

@@ -21,3 +21,4 @@ export * from './AnalyticsBar';
 export * from './CategoryResponse';
 export * from './Upload';
 export * from './UserInfo';
+export * from './CategoryReadOnly';

package/package.json

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

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

@@ -8,5 +8,6 @@
 .contentWrapper {
     background: white;
     padding: 20px;
+    overflow: auto;
 }
 

package/src/components/CategoryReadOnly/CategoryReadOnly.stories.tsx

@@ -0,0 +1,270 @@
+import { Meta, Story } from "@storybook/react";
+import { Button } from "components/Button";
+import { useEffect, useRef, useState } from "react";
+import { CategoryReadOnly } from '.';
+
+export default {
+    title: 'CategoryReadOnly',
+    component: CategoryReadOnly,
+} 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>
+                <CategoryReadOnly
+                    {...args}
+                    serverReadyData={setServerData}
+                    ref={categoryResponseRef}
+                    onNextCategoryAvailabilityChange={handleNextCategoryAvailabilityChange}
+                    onPreviousCategoryAvailabilityChange={handlePreviousCategoryAvailabilityChange}
+                >
+                </CategoryReadOnly>
+            </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",
+        "UserFinalScore": "4",
+        "SupervisorFinalScore": "3.6",
+        "UserColor": "#09168B",
+        "SupervisorColor": "#FF674C",
+        "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": "3.4",
+                    "SupervisorScore": "3.4",
+                    "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",
+                            "UserAnswer": "3.4",
+                            "SupervisorAnswer": "3.4",
+                        },
+                        {
+                            "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",
+                            "UserAnswer": "3.4",
+                            "SupervisorAnswer": "3.4",
+                        }
+                    ]
+                }
+            },
+            {
+                "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": "3.4",
+                    "SupervisorScore": "3.4",
+                    "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",
+                            "SupervisorScore": "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": "3.4",
+                                    "SupervisorScore": "3.4",
+                                    "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",
+                                            "UserAnswer": "3.4",
+                                            "SupervisorAnswer": "3.4",
+                                        },
+                                        {
+                                            "Id": "35562A64-A24B-425A-A345-560238CA2468",
+                                            "QuestionId": "3D17A8A5-E299-47D3-AB49-684135DB23A3",
+                                            "Subject": "This is a Subject",
+                                            "Description": "This is a description",
+                                            "Grade": "25",
+                                            "UserAnswer": "3.4",
+                                            "SupervisorAnswer": "3.4",
+                                        },
+                                        {
+                                            "Id": "35562A64-A24B-425A-A345-560238CA2468",
+                                            "QuestionId": "3D17A8A5-E299-47D3-AB49-684135DB23A3",
+                                            "Subject": "This is a Subject",
+                                            "Description": "This is a description",
+                                            "Grade": "25",
+                                            "UserAnswer": "3.4",
+                                            "SupervisorAnswer": "3.4",
+                                        }
+                                    ]
+                                }
+                            }
+                        ]
+                    },
+                    {
+                        "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": "3.4",
+                            "SupervisorScore": "3.4",
+                            "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",
+                                    "UserAnswer": "3.4",
+                                    "SupervisorAnswer": "3.4",
+                                },
+                                {
+                                    "Id": "P5562A64-A24B-425A-A345-560238CA2468",
+                                    "QuestionId": "PD17A8A5-E299-47D3-AB49-684135DB23A3",
+                                    "Subject": "This is a Subject",
+                                    "Description": "This is a description",
+                                    "Grade": "50",
+                                    "UserAnswer": "3.4",
+                                    "SupervisorAnswer": "3.4",
+                                }
+                            ]
+                        },
+                        "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": "3.4",
+                    "SupervisorScore": "3.4",
+                    "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",
+                            "UserAnswer": "3.4",
+                            "SupervisorAnswer": "3.4",
+                        },
+                        {
+                            "Id": "93862A64-A24B-425A-A345-560238CA2468",
+                            "QuestionId": "9D38A8A5-E299-47D3-AB49-684135DB23A3",
+                            "Subject": "This is a Subject",
+                            "Description": "This is a description",
+                            "Grade": "0",
+                            "UserAnswer": "3.4",
+                            "SupervisorAnswer": "3.4",
+                        }
+                    ]
+                }
+            },
+        ]
+    }
+};
+
+
+

package/src/components/CategoryReadOnly/evaluationOptions.tsx

@@ -0,0 +1,81 @@
+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: translate('components.categoryResponse.notApplicable')
+        }
+    ]
+}