@omniumretail/component-library 1.2.11 → 1.2.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bundle.js +1 -1
- package/dist/main.css +2 -2
- package/package.json +1 -1
- package/src/components/CategoryReadOnly/index.tsx +0 -4
- package/src/components/CategoryReadOnly/styles.module.scss +25 -3
- package/src/components/CategoryResponse/index.tsx +46 -21
- package/src/components/CategoryResponse/styles.module.scss +77 -13
- package/src/locales/en.json +6 -3
- package/src/locales/es.json +6 -3
- package/src/locales/pt.json +4 -1
package/dist/main.css
CHANGED
|
@@ -22,10 +22,10 @@
|
|
|
22
22
|
.vw302ajYc4_7bIROncyM{font-size:var(--font-size-body-4);font-weight:600;line-height:100%;color:var(--color-blue);text-transform:uppercase;margin-bottom:32px}.k3OGGGQwXB0zmX0T61yt{display:flex;gap:32px}.JHuRhb2cRXyGWESiQ2TQ{width:100%}.DrsaZTs1Ny6wZ76RwDR9{font-size:var(--font-size-body-2);color:var(--color-black);font-weight:700;text-transform:uppercase}.HVSssNqaNxLcYT_1lxBL{display:grid;grid-template-columns:minmax(200px, 1fr) auto auto auto auto;gap:46px}.ACPbYsV0wNkissVLHcFh{margin-top:16px}Label{margin-bottom:8px}.mIHYAri6ebHm4Oeb1ogj{min-width:200px}@media(max-width: 768px){.mIHYAri6ebHm4Oeb1ogj{min-width:150px}}.g19LZsD26yzPPjBtV31w .ant-select{width:100%}.g19LZsD26yzPPjBtV31w .ant-select-selector{border-color:rgba(var(--color-black-rgb), 0.5) !important;height:35px !important;display:flex;align-items:center}.g19LZsD26yzPPjBtV31w .ant-select-arrow{color:var(--color-black)}.g19LZsD26yzPPjBtV31w .ant-switch{width:30px}
|
|
23
23
|
.j8_c3JHTX0JOkT36fF6A{contain:inline-size}.j8_c3JHTX0JOkT36fF6A .HgmGSts5FIH3osmekIYG{height:50px;width:300px}@media(min-width: 1024px){.j8_c3JHTX0JOkT36fF6A .HgmGSts5FIH3osmekIYG{width:450px}}.j8_c3JHTX0JOkT36fF6A .xlaG0XsJDRR9AClqXzzC .ant-tag{background-color:var(--color-orange);color:var(--color-white);padding:6px 16px;max-width:240px}.j8_c3JHTX0JOkT36fF6A .xlaG0XsJDRR9AClqXzzC .anticon-close{color:var(--color-white);font-size:12px}.j8_c3JHTX0JOkT36fF6A .xlaG0XsJDRR9AClqXzzC .anticon-close:hover{color:var(--color-black)}
|
|
24
24
|
.BWmwZ5nFKyctBZyOAXzg{width:100%}.GWTSauaAl_v9W8o4YPxW{background:rgba(44,45,46,.0509803922);height:100%;position:relative}.GWTSauaAl_v9W8o4YPxW .ant-menu-light{background-color:rgba(0,0,0,0) !important;border-inline-end:none !important}.GWTSauaAl_v9W8o4YPxW .ant-menu-title-content{font-size:17px;line-height:20px;font-weight:var(--font-weight-semibold)}.GWTSauaAl_v9W8o4YPxW .ant-menu-title-content:hover{color:var(--color-orange)}.GWTSauaAl_v9W8o4YPxW .ant-menu-sub .ant-menu-title-content{font-size:15px;line-height:18px;font-weight:var(--font-weight-medium)}.GWTSauaAl_v9W8o4YPxW .ant-menu-sub .ant-menu-item{height:30px;line-height:30px;margin-bottom:16px}.GWTSauaAl_v9W8o4YPxW .ant-menu-sub .ant-menu-item:first-child{margin-top:-10px}.GWTSauaAl_v9W8o4YPxW .ant-menu-submenu{border-top:1px solid var(--color-orange);border-radius:0}.GWTSauaAl_v9W8o4YPxW .ant-menu-item:hover{background-color:initial !important}.GWTSauaAl_v9W8o4YPxW .ant-menu-item-selected,.GWTSauaAl_v9W8o4YPxW .ant-menu-submenu-selected>.ant-menu-submenu-title{color:var(--color-orange);background-color:initial}.GWTSauaAl_v9W8o4YPxW .ant-menu-inline .ant-menu-sub.ant-menu-inline{background:initial}.GWTSauaAl_v9W8o4YPxW .ant-menu-submenu-title{height:50px !important;line-height:50px !important}.GWTSauaAl_v9W8o4YPxW .ant-menu-submenu-title:hover{background-color:initial !important}.GWTSauaAl_v9W8o4YPxW .ant-menu-submenu-title .anticon{color:var(--color-orange)}.GWTSauaAl_v9W8o4YPxW .ant-menu-inline.ant-menu-root .ant-menu-item>.ant-menu-title-content{overflow-x:auto;text-overflow:unset}.hWGer1IJ7RdkfQWwYfsw{position:absolute;top:24px;left:24px;right:24px;height:144px}.MD1FhirslDDwd2izGwai{font-size:var(--font-size-body-2);line-height:14px;font-weight:var(--font-weight-light);display:inline-block;padding:12px;cursor:pointer;position:absolute;right:0;top:60px}.RxGn4c38kNq8Ai4ypW_x{position:absolute;top:144px;left:24px;right:24px;bottom:0;overflow-y:auto;overflow-x:hidden;padding-bottom:24px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{border-radius:10px;background:rgba(0,0,0,.1)}::-webkit-scrollbar-thumb{border-radius:10px;background:rgba(0,0,0,.2)}::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.4)}::-webkit-scrollbar-thumb:active{background:rgba(0,0,0,.9)}
|
|
25
|
-
.rdjN4ln3xiUoa6Q0NMMm{display:flex;flex-direction:column;gap:16px;height:100%}@media(min-width: 600px){.rdjN4ln3xiUoa6Q0NMMm{display:grid;grid-template-columns:220px auto}}@media(min-width: 768px){.rdjN4ln3xiUoa6Q0NMMm{grid-template-columns:300px auto}}.Q4flbvKEPN6Jx9Cob22I{background:#ebeced;overflow:auto;padding:20px}@media(max-width: 599px){.Q4flbvKEPN6Jx9Cob22I{padding:20px 20px 0 20px;max-height:80px}}.hK3soC6m563VuiLnNutq{background:var(--color-white);overflow:auto;padding:20px}@media(max-width: 599px){.hK3soC6m563VuiLnNutq{height:100%}}.guqqOMHeZE56Bg2p5Ad8{font-size:var(--font-size-body-2);color:var(--color-blue);margin-bottom:12px;font-weight:var(--font-weight-semibold);text-transform:uppercase}@media(min-width: 768px){.guqqOMHeZE56Bg2p5Ad8{font-size:var(--font-size-body-4);margin-bottom:36px}}.wRCQxnQc_MZGDeiY1bcL{padding-bottom:15px;font-weight:var(--font-weight-bold);font-size:var(--font-size-body-
|
|
25
|
+
.rdjN4ln3xiUoa6Q0NMMm{display:flex;flex-direction:column;gap:16px;height:100%}@media(min-width: 600px){.rdjN4ln3xiUoa6Q0NMMm{display:grid;grid-template-columns:220px auto}}@media(min-width: 768px){.rdjN4ln3xiUoa6Q0NMMm{grid-template-columns:300px auto}}.Q4flbvKEPN6Jx9Cob22I{background:#ebeced;overflow:auto;padding:20px}@media(max-width: 599px){.Q4flbvKEPN6Jx9Cob22I{padding:20px 20px 0 20px;max-height:80px}}.hK3soC6m563VuiLnNutq{background:var(--color-white);overflow:auto;padding:20px}@media(max-width: 599px){.hK3soC6m563VuiLnNutq{height:100%}}.guqqOMHeZE56Bg2p5Ad8{font-size:var(--font-size-body-2);color:var(--color-blue);margin-bottom:12px;font-weight:var(--font-weight-semibold);text-transform:uppercase}@media(min-width: 768px){.guqqOMHeZE56Bg2p5Ad8{font-size:var(--font-size-body-4);margin-bottom:36px}}.wRCQxnQc_MZGDeiY1bcL{padding-bottom:15px;font-weight:var(--font-weight-bold);font-size:var(--font-size-body-4)}@media(max-width: 767px){.wRCQxnQc_MZGDeiY1bcL{font-size:var(--font-size-body-3)}}.JRmeFBsSP1f1HJwarMpc{cursor:pointer}.Y6yF3VITdrKdQzDtqTZX{padding-left:16px}.Y6yF3VITdrKdQzDtqTZX .wRCQxnQc_MZGDeiY1bcL{font-weight:var(--font-weight-semibold)}.Y6yF3VITdrKdQzDtqTZX .aKZCkmPsc0LiPdj3sEeG .Y6yF3VITdrKdQzDtqTZX .wRCQxnQc_MZGDeiY1bcL{font-weight:var(--font-weight-light)}.aKZCkmPsc0LiPdj3sEeG{display:block}.U_3frSKmaOQyTCb9oBkg{color:var(--color-orange)}.GEZDeWAneRLnZQyf4y9l{margin-bottom:16px}@media(min-width: 768px){.GEZDeWAneRLnZQyf4y9l{margin-bottom:24px}}.YcOvMLXE7vKR2Y0_BPRr{font-size:var(--font-size-body-3);color:var(--color-blue);font-weight:var(--font-weight-semibold);margin-bottom:8px}@media(min-width: 768px){.YcOvMLXE7vKR2Y0_BPRr{font-size:var(--font-size-body-4)}}.vlMh_CCr45wbKV4fMhJx{font-size:var(--font-size-body-2);font-weight:var(--font-weight-light);color:var(--color-black)}@media(min-width: 768px){.vlMh_CCr45wbKV4fMhJx{font-size:var(--font-size-body-3)}}.NZ_ohAxNxhxZsCBr2PRA{display:flex;flex-direction:row;gap:12px;margin-bottom:24px}@media(min-width: 768px){.NZ_ohAxNxhxZsCBr2PRA{margin-bottom:36px}}.CArVrMs2ac6JvM1VGLSw{flex-direction:column;border-bottom:1px solid rgba(var(--color-blue-rgb), 0.2);margin-bottom:24px}.CArVrMs2ac6JvM1VGLSw .OpqJ6gab6fPIq3KyckPO{width:100%;border-bottom:none}.CArVrMs2ac6JvM1VGLSw .E9TXHxbgaI6LGMZHG9bV{width:100%;height:auto}.CArVrMs2ac6JvM1VGLSw .E9TXHxbgaI6LGMZHG9bV .ant-input{min-height:140px}.CArVrMs2ac6JvM1VGLSw .E9TXHxbgaI6LGMZHG9bV .ant-form-item{margin-bottom:16px}.OpqJ6gab6fPIq3KyckPO{width:100%;border-bottom:1px solid rgba(var(--color-blue-rgb), 0.2)}.E9TXHxbgaI6LGMZHG9bV{width:100px;height:50px;align-self:flex-end}.xdLvKgnXC4tm2aa6tAap{font-size:var(--font-size-body-4);font-weight:var(--font-weight-medium)}@media(max-width: 767px){.xdLvKgnXC4tm2aa6tAap{font-size:var(--font-size-body-3)}}.r5obiTduSUBq1uL7oceW{font-weight:var(--font-weight-light);font-size:var(--font-size-body-3);margin-bottom:4px}@media(max-width: 767px){.r5obiTduSUBq1uL7oceW{font-size:var(--font-size-body-2)}}.CHFuXtnqohUXV_oCAEKD{font-weight:var(--font-weight-light);margin-top:20px;display:flex;gap:4px}._Bw2YaPxzqqQRpeCMde6{word-wrap:break-word;white-space:pre-wrap;max-height:100px;overflow:auto;font-size:var(--font-size-body-3)}@media(max-width: 767px){._Bw2YaPxzqqQRpeCMde6{font-size:var(--font-size-body-2)}}.bIiuhNuRh643knAaSeyC{font-weight:var(--font-weight-semibold);font-size:var(--font-size-body-3)}@media(max-width: 767px){.bIiuhNuRh643knAaSeyC{font-size:var(--font-size-body-2)}}.DdqSfNoeh7KPEQiD0Zpe{margin-bottom:unset;width:100%}.sZh7rUlP4vu0LIE2fcab{font-weight:var(--font-weight-light);margin-bottom:4px;margin-top:16px;display:flex;gap:4px}.mdSJ5YgFou8MwSkVypYb{display:flex;flex-direction:column}.AvKaftoXc2t7E53rqtq6{display:flex;flex-direction:row;gap:20px;margin-top:12px;margin-bottom:12px;width:100%}.U3SMVXW9r1m_VHa3Y3V3{cursor:pointer}.SgT02NKW7ogui8ih5ehj{color:var(--color-black);background-color:var(--color-white);border:1px var(--color-black) solid;min-width:100px;height:20px;font-size:10px;padding:unset}.SgT02NKW7ogui8ih5ehj:hover{background-color:var(--color-grey-light);color:var(--color-black) !important;border:1px var(--color-black) solid !important}.URku_zrOtkyW6n9TPO22{margin-top:5px;cursor:pointer}@media(min-width: 1350px){.URku_zrOtkyW6n9TPO22{margin-top:1px}}@media(min-width: 768px){.URku_zrOtkyW6n9TPO22{font-size:4px}}.napoFD9UzaXTJiFTuxD7{font-size:12px;margin-right:4px}@media(min-width: 1350px){.napoFD9UzaXTJiFTuxD7{margin-top:4px;font-size:16px !important}}@media(min-width: 768px){.napoFD9UzaXTJiFTuxD7{font-size:14px}}.oKvHu4mW0qdERPdlFeaC{font-weight:400 !important;font-size:12px;text-transform:capitalize}@media(min-width: 1350px){.oKvHu4mW0qdERPdlFeaC{font-size:16px !important;margin-bottom:0px}}@media(min-width: 768px){.oKvHu4mW0qdERPdlFeaC{font-size:14px;margin-bottom:0px}}.WPOztO5lxS5PXlAz75dE{color:var(--color-black);background-color:var(--color-white);border:1px var(--color-black) solid;min-width:100px;height:20px;font-size:10px;padding:unset}.WPOztO5lxS5PXlAz75dE:hover{background-color:var(--color-grey-light);color:var(--color-black) !important;border:1px var(--color-black) solid !important}.Yz6q7yIXvsA956q84MoK{min-width:100% !important}.wNWP4ysIqgPu6PZjqhL4{width:25%;height:40px}@media(max-width: 767px){.wNWP4ysIqgPu6PZjqhL4{width:50%}}.WMxJFTbZxL1XrEMouOTq{width:25%;height:40px}@media(max-width: 767px){.WMxJFTbZxL1XrEMouOTq{width:50%}}.ant-upload-wrapper{line-height:12px}.ant-upload-wrapper .ant-upload-list .ant-upload-list-item{max-width:110px !important;font-size:12px !important}@media(max-width: 767px){.ant-upload-wrapper .ant-upload-list .ant-upload-list-item{font-size:10px !important}}:where(.css-dev-only-do-not-override-f7vrd6).ant-input-number .ant-input-number-input{height:35px}
|
|
26
26
|
.lvTuRa6cS5HtBGBJWfyE{color:var(--color-black);background-color:var(--color-white);border:1px var(--color-black) solid;min-width:100px;height:20px;font-size:10px;padding:unset}@media(max-width: 767px){.lvTuRa6cS5HtBGBJWfyE{min-width:0px}}.lvTuRa6cS5HtBGBJWfyE:hover{background-color:var(--color-grey-light);color:var(--color-black) !important;border:1px var(--color-black) solid !important}.ant-upload-wrapper{line-height:12px}.ant-upload-wrapper .ant-upload-list .ant-upload-list-item{max-width:100px}
|
|
27
27
|
.qaO99d3JMWSM8DLS1LvS{display:flex;flex-direction:column;background-color:var(--white-color);padding:24px;color:var(--color-black);width:150px;word-wrap:break-word}.G3bzjyAQXu8uaFGhNMLG{width:150px}.Zv6hI_F5yvuBDnPK8u2C{color:var(--color-blue) !important;font-size:var(--font-size-body-5);font-weight:var(--font-weight-bold)}.JxTKMPM3nEvZB42uuV1e{font-weight:var(--font-weight-semibold);font-size:var(--font-size-label);margin-top:0px}.JKKhO8apIWdMp0JLU0iD{font-weight:var(--font-weight-bold);font-size:var(--font-size-body-base)}.GqgjW40ocDFW4xi4Mszm{font-weight:var(--font-weight-regular);font-size:var(--font-size-label)}
|
|
28
|
-
.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:
|
|
28
|
+
.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)}@media(max-width: 767px){.SbA9dHRh1JSG4xp1Aqie{font-size:var(--font-size-body-3)}}.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:4px;display:flex;justify-content:flex-end;align-items:center}@media(max-width: 767px){.cmcMqdZJEUjlu34ag1Md{margin-bottom:20px}}.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{min-width:130px;align-self:flex-end;display:flex;justify-content:space-between;gap:34px}.V_qOYQwuQ9mXa8aniYgl{font-size:var(--font-size-body-4);font-weight:var(--font-weight-medium)}@media(max-width: 767px){.V_qOYQwuQ9mXa8aniYgl{font-size:var(--font-size-body-3)}}.pvSzNydRHp3dkh3WrOeA{font-weight:var(--font-weight-light);font-size:var(--font-size-body-3);margin-bottom:4px}@media(max-width: 767px){.pvSzNydRHp3dkh3WrOeA{font-size:var(--font-size-body-2)}}.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,.5);border-radius:5px;padding:8px 15px;display:flex;flex-direction:row;gap:50px;align-items:center}@media(max-width: 767px){.ifR0bkZtK7yVHD6YZ_Zz{gap:12px;padding:4px 8px}}.NL5HeemkTIg0oPHDXVtO{font-size:var(--font-size-body-3);font-weight:var(--font-weight-medium);color:var(--color-black)}.koYqEMOf6wzxWpwvrFkL{display:flex;justify-content:space-between;margin-bottom:12px;margin-left:16px;gap:40px;width:100%}
|
|
29
29
|
.vhUOPe6KeB6afW8Pj3M1{font-size:32px}
|
|
30
30
|
.nkyL3EtE9Zsnc5VOW43L{display:flex;flex-wrap:wrap;flex-direction:column}.nkyL3EtE9Zsnc5VOW43L .ant-table-thead>tr>th{background-color:rgba(0,0,0,0);border:0px;color:var(--color-blue)}.nkyL3EtE9Zsnc5VOW43L .ant-table-thead>tr>th:before{display:none}.nkyL3EtE9Zsnc5VOW43L .ant-table-wrapper{margin-bottom:12px}.nkyL3EtE9Zsnc5VOW43L .ant-table-cell{word-break:break-word}.nkyL3EtE9Zsnc5VOW43L .ant-table-tbody>tr{cursor:pointer}.nkyL3EtE9Zsnc5VOW43L .ant-table-tbody>tr:last-child>td{border-bottom:1px solid var(--color-grey-light) !important}.nkyL3EtE9Zsnc5VOW43L .ant-table-tbody>tr:first-child>td{border-top:1px solid var(--color-blue) !important}.nkyL3EtE9Zsnc5VOW43L .ant-table-tbody>tr:hover td{border-radius:0 !important;border-bottom-color:var(--color-grey-light) !important}.nkyL3EtE9Zsnc5VOW43L .ant-space{align-self:flex-end}.nkyL3EtE9Zsnc5VOW43L .ant-select-selection-placeholder{color:var(--color-black)}.nkyL3EtE9Zsnc5VOW43L .ant-select-selector,.nkyL3EtE9Zsnc5VOW43L .ant-select-focused .ant-select-selection-search{border:none !important;box-shadow:none !important}.nkyL3EtE9Zsnc5VOW43L .ant-select-selector:focus,.nkyL3EtE9Zsnc5VOW43L .ant-select-selector:hover,.nkyL3EtE9Zsnc5VOW43L .ant-select-focused .ant-select-selection-search:focus,.nkyL3EtE9Zsnc5VOW43L .ant-select-focused .ant-select-selection-search:hover{border:none !important;box-shadow:none !important}.nkyL3EtE9Zsnc5VOW43L .ant-pagination{max-width:calc(100% - 200px);margin-left:auto !important}.nkyL3EtE9Zsnc5VOW43L button[type=button].ant-pagination-item-link{margin-top:0 !important}.nkyL3EtE9Zsnc5VOW43L button[type=button]{margin-top:-50px}@media screen and (max-width: 1024px){.nkyL3EtE9Zsnc5VOW43L .ant-table-thead>tr>th{font-size:12px}.nkyL3EtE9Zsnc5VOW43L .ant-table-tbody>tr>td{font-size:12px}.nkyL3EtE9Zsnc5VOW43L .ant-table-wrapper .ant-table-thead>tr>th{padding:8px}.nkyL3EtE9Zsnc5VOW43L .ant-table-wrapper .ant-table-tbody>tr>td{padding:8px}}@media screen and (max-width: 767px){.nkyL3EtE9Zsnc5VOW43L .ant-table-thead>tr>th{font-size:10px}.nkyL3EtE9Zsnc5VOW43L .ant-table-tbody>tr>td{font-size:10px}.nkyL3EtE9Zsnc5VOW43L .ant-table-content table{width:100%}.nkyL3EtE9Zsnc5VOW43L .ant-table-content{width:100%}.nkyL3EtE9Zsnc5VOW43L .ant-table-wrapper .ant-table .ant-table-title,.nkyL3EtE9Zsnc5VOW43L .ant-table-wrapper .ant-table .ant-table-header{word-break:break-all}.nkyL3EtE9Zsnc5VOW43L .ant-table-wrapper .ant-table-thead>tr>th{padding:4px}.nkyL3EtE9Zsnc5VOW43L .ant-table-wrapper .ant-table-tbody>tr>td{padding:4px}.nkyL3EtE9Zsnc5VOW43L .ant-table-wrapper .ant-table-column-sorter{margin-inline-start:0px}.nkyL3EtE9Zsnc5VOW43L .ant-table-wrapper .ant-table-column-sorter-up{font-size:8px}.nkyL3EtE9Zsnc5VOW43L .ant-table-wrapper .ant-table-column-sorter-down{font-size:8px}.nkyL3EtE9Zsnc5VOW43L .ant-pagination{max-width:unset}}
|
|
31
31
|
.aZEBTQus3Y3MyodeDwkf{display:flex;flex-direction:column;align-items:center;justify-content:center}.cc1pbQlAgw2CmXVml3bs{height:300px;width:400px}.aTf_CXAsyp0tySsoZdD_{display:flex;justify-content:space-between;margin:10px 10px 0px 10px;font-size:20px}.kuu1hf_JTvYD55IW6Nxl{color:#ff4d4f}.N8ODEO3zDbY7gmecjTrp{color:#52c41a}.WIsL9Shu6c0mGJq9qSSz{margin-top:20px;border-radius:4px;overflow:hidden}.WIsL9Shu6c0mGJq9qSSz img{width:100%;height:auto}
|
package/package.json
CHANGED
|
@@ -205,15 +205,11 @@ export const CategoryReadOnly = React.forwardRef((props: CategoryResponse, ref)
|
|
|
205
205
|
return (
|
|
206
206
|
<div className={styles.categoryResponse}>
|
|
207
207
|
<div className={styles.sidebarWrapper}>
|
|
208
|
-
<div className={styles.title}>{t('components.categoryReadOnly.categories')}</div>
|
|
209
208
|
{renderCategories(localData.CategoryAnswers)}
|
|
210
209
|
</div>
|
|
211
210
|
<div className={styles.contentWrapper}>
|
|
212
211
|
|
|
213
212
|
<div className={styles.details}>
|
|
214
|
-
<div className={styles.categoryName}>
|
|
215
|
-
{selectedCategory?.Data?.CategoryName}
|
|
216
|
-
</div>
|
|
217
213
|
<div className={styles.categoryGradesWrapper}>
|
|
218
214
|
<div className={styles.categoryGradesTitle}>
|
|
219
215
|
{t('components.categoryReadOnly.categoryAverage')}
|
|
@@ -33,6 +33,10 @@
|
|
|
33
33
|
padding-bottom: 15px;
|
|
34
34
|
font-weight: var(--font-weight-bold);
|
|
35
35
|
font-size: var(--font-size-body-4);
|
|
36
|
+
|
|
37
|
+
@media(max-width: 767px) {
|
|
38
|
+
font-size: var(--font-size-body-3);
|
|
39
|
+
}
|
|
36
40
|
}
|
|
37
41
|
|
|
38
42
|
.cursorPointer {
|
|
@@ -64,10 +68,14 @@
|
|
|
64
68
|
}
|
|
65
69
|
|
|
66
70
|
.details {
|
|
67
|
-
margin-bottom:
|
|
71
|
+
margin-bottom: 4px;
|
|
68
72
|
display: flex;
|
|
69
|
-
justify-content:
|
|
73
|
+
justify-content: flex-end;
|
|
70
74
|
align-items: center;
|
|
75
|
+
|
|
76
|
+
@media(max-width: 767px) {
|
|
77
|
+
margin-bottom: 20px;
|
|
78
|
+
}
|
|
71
79
|
}
|
|
72
80
|
|
|
73
81
|
.categoryName {
|
|
@@ -147,13 +155,22 @@
|
|
|
147
155
|
}
|
|
148
156
|
|
|
149
157
|
.subject {
|
|
150
|
-
font-size: var(--font-size-body-
|
|
158
|
+
font-size: var(--font-size-body-4);
|
|
151
159
|
font-weight: var(--font-weight-medium);
|
|
160
|
+
|
|
161
|
+
@media(max-width: 767px) {
|
|
162
|
+
font-size: var(--font-size-body-3);
|
|
163
|
+
}
|
|
152
164
|
}
|
|
153
165
|
|
|
154
166
|
.description {
|
|
155
167
|
font-weight: var(--font-weight-light);
|
|
168
|
+
font-size: var(--font-size-body-3);
|
|
156
169
|
margin-bottom: 4px;
|
|
170
|
+
|
|
171
|
+
@media(max-width: 767px) {
|
|
172
|
+
font-size: var(--font-size-body-2);
|
|
173
|
+
}
|
|
157
174
|
}
|
|
158
175
|
|
|
159
176
|
.gradeBox {
|
|
@@ -174,6 +191,11 @@
|
|
|
174
191
|
flex-direction: row;
|
|
175
192
|
gap: 50px;
|
|
176
193
|
align-items: center;
|
|
194
|
+
|
|
195
|
+
@media(max-width: 767px) {
|
|
196
|
+
gap: 12px;
|
|
197
|
+
padding: 4px 8px;
|
|
198
|
+
}
|
|
177
199
|
}
|
|
178
200
|
|
|
179
201
|
.categoryGradesTitle {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import styles from './styles.module.scss';
|
|
2
2
|
import { useEffect, useImperativeHandle, useState } from 'react';
|
|
3
|
-
import { Form, UploadFile, Upload, DatePicker, InputNumber } from 'antd';
|
|
3
|
+
import { Form, UploadFile, Upload, DatePicker, InputNumber, Tag } from 'antd';
|
|
4
4
|
import { useForm } from 'antd/es/form/Form';
|
|
5
5
|
import classNames from 'classnames';
|
|
6
6
|
import TextArea from 'antd/es/input/TextArea';
|
|
@@ -10,6 +10,7 @@ import React from 'react';
|
|
|
10
10
|
import { t } from 'i18next';
|
|
11
11
|
import { Button } from '../Button';
|
|
12
12
|
import dayjs from 'dayjs';
|
|
13
|
+
import { CommentOutlined, FileDoneOutlined, PictureOutlined } from '@ant-design/icons';
|
|
13
14
|
|
|
14
15
|
interface CategoryResponse {
|
|
15
16
|
data: any;
|
|
@@ -316,7 +317,6 @@ export const CategoryResponse = React.forwardRef((props: CategoryResponse, ref)
|
|
|
316
317
|
return (
|
|
317
318
|
<div className={styles.categoryResponse}>
|
|
318
319
|
<div className={styles.sidebarWrapper}>
|
|
319
|
-
<div className={styles.title}>{t('components.categoryReadOnly.categories')}</div>
|
|
320
320
|
{renderCategories(localData.CategoryAnswers)}
|
|
321
321
|
</div>
|
|
322
322
|
<div className={styles.contentWrapper}>
|
|
@@ -329,9 +329,6 @@ export const CategoryResponse = React.forwardRef((props: CategoryResponse, ref)
|
|
|
329
329
|
onValuesChange={(_, allValues) => onFinish(allValues)}
|
|
330
330
|
>
|
|
331
331
|
<div className={styles.details}>
|
|
332
|
-
<div className={styles.categoryName}>
|
|
333
|
-
{selectedCategory?.Data?.CategoryName}
|
|
334
|
-
</div>
|
|
335
332
|
<div className={styles.categoryDescription}>
|
|
336
333
|
{selectedCategory?.Data?.Description}
|
|
337
334
|
</div>
|
|
@@ -374,16 +371,29 @@ export const CategoryResponse = React.forwardRef((props: CategoryResponse, ref)
|
|
|
374
371
|
<div className={styles.actionContainer}>
|
|
375
372
|
<span className={styles.note}>{t('components.categoryResponse.actions')}: </span>
|
|
376
373
|
|
|
377
|
-
{
|
|
378
|
-
|
|
379
|
-
{action.
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
374
|
+
<div className={styles.action}>
|
|
375
|
+
{question?.Actions?.map((action: any, index: number) => (
|
|
376
|
+
<a onClick={() => props.openAction!(action.Id)} key={action.Id}>
|
|
377
|
+
{action.Name}
|
|
378
|
+
</a>
|
|
379
|
+
))}
|
|
380
|
+
</div>
|
|
383
381
|
</div>
|
|
384
382
|
}
|
|
385
383
|
|
|
386
384
|
<div className={styles.actionsButtonsContainer}>
|
|
385
|
+
<div className={styles.buttonContainer} onClick={() => setIsNoteVisible({ categoryIndex: currentKey, questionIndex: index })}>
|
|
386
|
+
<CommentOutlined className={styles.iconStyle} />
|
|
387
|
+
|
|
388
|
+
<span className={styles.buttonLabel}>{t('components.categoryResponse.note')}</span>
|
|
389
|
+
</div>
|
|
390
|
+
|
|
391
|
+
<div className={styles.buttonContainer} onClick={() => handleAddAction(question.QuestionId, question.Id)}>
|
|
392
|
+
<FileDoneOutlined className={styles.iconStyle} />
|
|
393
|
+
|
|
394
|
+
<span className={styles.buttonLabel}>{t('components.categoryResponse.createAction')}</span>
|
|
395
|
+
</div>
|
|
396
|
+
|
|
387
397
|
<Upload
|
|
388
398
|
listType={"text"}
|
|
389
399
|
fileList={fileLists[`${selectedCategory.Data.CategoryId}_${question.Id}`] || []}
|
|
@@ -391,16 +401,12 @@ export const CategoryResponse = React.forwardRef((props: CategoryResponse, ref)
|
|
|
391
401
|
onChange={({ fileList }) => handleFileChange(fileList, selectedCategory.Data.CategoryId, question.Id)}
|
|
392
402
|
onPreview={onPreview}
|
|
393
403
|
>
|
|
394
|
-
<
|
|
395
|
-
|
|
404
|
+
<div className={styles.uploadContainer}>
|
|
405
|
+
<PictureOutlined className={styles.iconStyle} />
|
|
396
406
|
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
</
|
|
400
|
-
|
|
401
|
-
<Button customClass={styles.actionsButtons} onClick={() => handleAddAction(question.QuestionId, question.Id)}>
|
|
402
|
-
{t('components.categoryResponse.createAction')}
|
|
403
|
-
</Button>
|
|
407
|
+
<span className={styles.buttonLabel}>{t('components.categoryResponse.loadFile')}</span>
|
|
408
|
+
</div>
|
|
409
|
+
</Upload>
|
|
404
410
|
</div>
|
|
405
411
|
</>
|
|
406
412
|
}
|
|
@@ -441,13 +447,32 @@ export const CategoryResponse = React.forwardRef((props: CategoryResponse, ref)
|
|
|
441
447
|
>
|
|
442
448
|
<Select
|
|
443
449
|
options={selectedCategory.Data.IsYesOrNo
|
|
450
|
+
|
|
444
451
|
? props.selectYesNoOption
|
|
452
|
+
|
|
445
453
|
: question?.Options?.length > 0
|
|
446
|
-
|
|
454
|
+
|
|
455
|
+
? question?.Options?.map((option: any) => ({
|
|
456
|
+
label: form.getFieldValue(`Questions`)?.[index]?.IsMultipleChoise
|
|
457
|
+
?
|
|
458
|
+
<Tag style={{
|
|
459
|
+
backgroundColor: "rgba(0, 0, 0, 0.06)",
|
|
460
|
+
color: "black"
|
|
461
|
+
}}>{option?.Value}
|
|
462
|
+
</Tag>
|
|
463
|
+
|
|
464
|
+
: option.Value,
|
|
465
|
+
|
|
466
|
+
value: option.Value,
|
|
467
|
+
}))
|
|
468
|
+
|
|
447
469
|
: evaluationOptions[selectedEvaluationOption]
|
|
448
470
|
}
|
|
449
471
|
mode={form.getFieldValue(`Questions`)?.[index]?.IsMultipleChoise ? "multiple" : undefined}
|
|
450
472
|
customClass={styles.selectAnswerStyle}
|
|
473
|
+
placeholder={form.getFieldValue(`Questions`)?.[index]?.IsMultipleChoise
|
|
474
|
+
? t('components.categoryResponse.placeholderForMultiple')
|
|
475
|
+
: t('components.categoryResponse.placeholderForSingular')}
|
|
451
476
|
/>
|
|
452
477
|
</Form.Item>
|
|
453
478
|
}
|
|
@@ -51,10 +51,10 @@
|
|
|
51
51
|
.label {
|
|
52
52
|
padding-bottom: 15px;
|
|
53
53
|
font-weight: var(--font-weight-bold);
|
|
54
|
-
font-size: var(--font-size-body-
|
|
54
|
+
font-size: var(--font-size-body-4);
|
|
55
55
|
|
|
56
|
-
@media(
|
|
57
|
-
font-size: var(--font-size-body-
|
|
56
|
+
@media(max-width: 767px) {
|
|
57
|
+
font-size: var(--font-size-body-3);
|
|
58
58
|
}
|
|
59
59
|
}
|
|
60
60
|
|
|
@@ -165,18 +165,22 @@
|
|
|
165
165
|
}
|
|
166
166
|
|
|
167
167
|
.subject {
|
|
168
|
-
font-size: var(--font-size-body-
|
|
169
|
-
font-weight: var(--font-weight-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
@media(min-width: 768px) {
|
|
168
|
+
font-size: var(--font-size-body-4);
|
|
169
|
+
font-weight: var(--font-weight-medium);
|
|
170
|
+
|
|
171
|
+
@media(max-width: 767px) {
|
|
173
172
|
font-size: var(--font-size-body-3);
|
|
174
173
|
}
|
|
175
174
|
}
|
|
176
175
|
|
|
177
176
|
.description {
|
|
178
177
|
font-weight: var(--font-weight-light);
|
|
178
|
+
font-size: var(--font-size-body-3);
|
|
179
179
|
margin-bottom: 4px;
|
|
180
|
+
|
|
181
|
+
@media(max-width: 767px) {
|
|
182
|
+
font-size: var(--font-size-body-2);
|
|
183
|
+
}
|
|
180
184
|
}
|
|
181
185
|
|
|
182
186
|
.noteContainer {
|
|
@@ -191,10 +195,20 @@
|
|
|
191
195
|
white-space: pre-wrap;
|
|
192
196
|
max-height: 100px;
|
|
193
197
|
overflow: auto;
|
|
198
|
+
font-size: var(--font-size-body-3);
|
|
199
|
+
|
|
200
|
+
@media(max-width: 767px) {
|
|
201
|
+
font-size: var(--font-size-body-2);
|
|
202
|
+
}
|
|
194
203
|
}
|
|
195
204
|
|
|
196
205
|
.note {
|
|
197
206
|
font-weight: var(--font-weight-semibold);
|
|
207
|
+
font-size: var(--font-size-body-3);
|
|
208
|
+
|
|
209
|
+
@media(max-width: 767px) {
|
|
210
|
+
font-size: var(--font-size-body-2);
|
|
211
|
+
}
|
|
198
212
|
}
|
|
199
213
|
|
|
200
214
|
.form {
|
|
@@ -206,22 +220,28 @@
|
|
|
206
220
|
font-weight: var(--font-weight-light);
|
|
207
221
|
margin-bottom: 4px;
|
|
208
222
|
margin-top: 16px;
|
|
223
|
+
display: flex;
|
|
224
|
+
gap: 4px;
|
|
209
225
|
}
|
|
210
226
|
|
|
211
227
|
.action {
|
|
212
|
-
|
|
213
|
-
|
|
228
|
+
display: flex;
|
|
229
|
+
flex-direction: column;
|
|
214
230
|
}
|
|
215
231
|
|
|
216
232
|
.actionsButtonsContainer {
|
|
217
233
|
display: flex;
|
|
218
234
|
flex-direction: row;
|
|
219
|
-
gap:
|
|
235
|
+
gap: 20px;
|
|
220
236
|
margin-top: 12px;
|
|
221
237
|
margin-bottom: 12px;
|
|
222
238
|
width: 100%;
|
|
223
239
|
}
|
|
224
240
|
|
|
241
|
+
.buttonContainer {
|
|
242
|
+
cursor: pointer;
|
|
243
|
+
}
|
|
244
|
+
|
|
225
245
|
.actionsButtons {
|
|
226
246
|
color: var(--color-black);
|
|
227
247
|
background-color: var(--color-white);
|
|
@@ -238,6 +258,49 @@
|
|
|
238
258
|
}
|
|
239
259
|
}
|
|
240
260
|
|
|
261
|
+
.uploadContainer {
|
|
262
|
+
margin-top: 5px;
|
|
263
|
+
cursor: pointer;
|
|
264
|
+
|
|
265
|
+
@media(min-width: 1350px) {
|
|
266
|
+
margin-top: 1px;
|
|
267
|
+
}
|
|
268
|
+
|
|
269
|
+
@media(min-width: 768px) {
|
|
270
|
+
font-size: 4px;
|
|
271
|
+
}
|
|
272
|
+
}
|
|
273
|
+
|
|
274
|
+
.iconStyle {
|
|
275
|
+
font-size: 12px;
|
|
276
|
+
margin-right: 4px;
|
|
277
|
+
|
|
278
|
+
@media(min-width: 1350px) {
|
|
279
|
+
margin-top: 4px;
|
|
280
|
+
font-size: 16px !important;
|
|
281
|
+
}
|
|
282
|
+
|
|
283
|
+
@media(min-width: 768px) {
|
|
284
|
+
font-size: 14px;
|
|
285
|
+
}
|
|
286
|
+
}
|
|
287
|
+
|
|
288
|
+
.buttonLabel {
|
|
289
|
+
font-weight: 400 !important;
|
|
290
|
+
font-size: 12px;
|
|
291
|
+
text-transform: capitalize;
|
|
292
|
+
|
|
293
|
+
@media(min-width: 1350px) {
|
|
294
|
+
font-size: 16px !important;
|
|
295
|
+
margin-bottom: 0px;
|
|
296
|
+
}
|
|
297
|
+
|
|
298
|
+
@media(min-width: 768px) {
|
|
299
|
+
font-size: 14px;
|
|
300
|
+
margin-bottom: 0px;
|
|
301
|
+
}
|
|
302
|
+
}
|
|
303
|
+
|
|
241
304
|
.loadFile {
|
|
242
305
|
color: var(--color-black);
|
|
243
306
|
background-color: var(--color-white);
|
|
@@ -282,10 +345,11 @@
|
|
|
282
345
|
}
|
|
283
346
|
|
|
284
347
|
.ant-upload-wrapper .ant-upload-list .ant-upload-list-item {
|
|
285
|
-
max-width:
|
|
348
|
+
max-width: 110px !important;
|
|
349
|
+
font-size: 12px !important;
|
|
286
350
|
|
|
287
351
|
@media(max-width: 767px) {
|
|
288
|
-
|
|
352
|
+
font-size: 10px !important;
|
|
289
353
|
}
|
|
290
354
|
}
|
|
291
355
|
|
package/src/locales/en.json
CHANGED
|
@@ -90,7 +90,10 @@
|
|
|
90
90
|
"actions": "Actions",
|
|
91
91
|
"editNote": "Edit Note",
|
|
92
92
|
"addNote": "Add Note",
|
|
93
|
-
"createAction": "
|
|
93
|
+
"createAction": "Action",
|
|
94
|
+
"loadFile": "Media",
|
|
95
|
+
"placeholderForMultiple": "Select one or more options",
|
|
96
|
+
"placeholderForSingular": "Select an option"
|
|
94
97
|
},
|
|
95
98
|
"categoryReadOnly": {
|
|
96
99
|
"categories": "Categories",
|
|
@@ -122,6 +125,6 @@
|
|
|
122
125
|
},
|
|
123
126
|
"upload": {
|
|
124
127
|
"loadFile": "Upload file"
|
|
125
|
-
}
|
|
128
|
+
}
|
|
126
129
|
}
|
|
127
|
-
}
|
|
130
|
+
}
|
package/src/locales/es.json
CHANGED
|
@@ -90,7 +90,10 @@
|
|
|
90
90
|
"actions": "Acciones",
|
|
91
91
|
"editNote": "Editar Nota",
|
|
92
92
|
"addNote": "Agregar Nota",
|
|
93
|
-
"createAction": "
|
|
93
|
+
"createAction": "Acción",
|
|
94
|
+
"loadFile": "Media",
|
|
95
|
+
"placeholderForMultiple": "Seleccione una o más opciones",
|
|
96
|
+
"placeholderForSingular": "Seleccione una opción"
|
|
94
97
|
},
|
|
95
98
|
"categoryReadOnly": {
|
|
96
99
|
"categories": "Categorías",
|
|
@@ -122,6 +125,6 @@
|
|
|
122
125
|
},
|
|
123
126
|
"upload": {
|
|
124
127
|
"loadFile": "Cargar archivo"
|
|
125
|
-
}
|
|
128
|
+
}
|
|
126
129
|
}
|
|
127
|
-
}
|
|
130
|
+
}
|
package/src/locales/pt.json
CHANGED
|
@@ -90,7 +90,10 @@
|
|
|
90
90
|
"actions": "Ações",
|
|
91
91
|
"editNote": "Editar Nota",
|
|
92
92
|
"addNote": "Adicionar Nota",
|
|
93
|
-
"createAction": "
|
|
93
|
+
"createAction": "Ação",
|
|
94
|
+
"loadFile": "Media",
|
|
95
|
+
"placeholderForMultiple": "Selecione uma ou mais opções",
|
|
96
|
+
"placeholderForSingular": "Selecione uma opção"
|
|
94
97
|
},
|
|
95
98
|
"categoryReadOnly": {
|
|
96
99
|
"categories": "Categorias",
|