@omniumretail/component-library 1.2.10 → 1.2.12
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 +1 -1
- package/package.json +1 -1
- package/src/components/CategoryResponse/index.tsx +44 -13
- package/src/components/CategoryResponse/styles.module.scss +42 -3
- 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,7 +22,7 @@
|
|
|
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-2)}@media(min-width: 768px){.wRCQxnQc_MZGDeiY1bcL{font-size:var(--font-size-body-4)}}.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-2);font-weight:var(--font-weight-semibold);margin-bottom:8px}@media(min-width: 768px){.xdLvKgnXC4tm2aa6tAap{font-size:var(--font-size-body-3)}}.r5obiTduSUBq1uL7oceW{font-weight:var(--font-weight-light);margin-bottom:4px}.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}.bIiuhNuRh643knAaSeyC{font-weight:var(--font-weight-semibold)}.DdqSfNoeh7KPEQiD0Zpe{margin-bottom:unset;width:100%}.sZh7rUlP4vu0LIE2fcab{font-weight:var(--font-weight-light);margin-bottom:4px;margin-top:16px}.mdSJ5YgFou8MwSkVypYb{margin-left:46px;margin-top:12px}.AvKaftoXc2t7E53rqtq6{display:flex;flex-direction:row;gap:
|
|
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-2)}@media(min-width: 768px){.wRCQxnQc_MZGDeiY1bcL{font-size:var(--font-size-body-4)}}.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-2);font-weight:var(--font-weight-semibold);margin-bottom:8px}@media(min-width: 768px){.xdLvKgnXC4tm2aa6tAap{font-size:var(--font-size-body-3)}}.r5obiTduSUBq1uL7oceW{font-weight:var(--font-weight-light);margin-bottom:4px}.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}.bIiuhNuRh643knAaSeyC{font-weight:var(--font-weight-semibold)}.DdqSfNoeh7KPEQiD0Zpe{margin-bottom:unset;width:100%}.sZh7rUlP4vu0LIE2fcab{font-weight:var(--font-weight-light);margin-bottom:4px;margin-top:16px}.mdSJ5YgFou8MwSkVypYb{margin-left:46px;margin-top:12px}.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:4px;cursor:pointer}.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:400px !important}@media(max-width: 767px){.ant-upload-wrapper .ant-upload-list .ant-upload-list-item{max-width:250px !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
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: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{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,.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)}.koYqEMOf6wzxWpwvrFkL{display:flex;justify-content:space-between;margin-bottom:12px;margin-left:16px;gap:40px;width:100%}
|
package/package.json
CHANGED
|
@@ -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;
|
|
@@ -143,8 +144,8 @@ export const CategoryResponse = React.forwardRef((props: CategoryResponse, ref)
|
|
|
143
144
|
? dayjs.unix(Number(question?.Answer?.[0]))
|
|
144
145
|
: null)
|
|
145
146
|
: question.Answer)
|
|
146
|
-
:
|
|
147
|
-
:
|
|
147
|
+
: data.StartDate
|
|
148
|
+
: question.Answer,
|
|
148
149
|
Note: question.Note || "",
|
|
149
150
|
IsMultipleChoise: question.IsMultipleChoise || false,
|
|
150
151
|
IsNumerical: question.IsNumerical || false,
|
|
@@ -384,6 +385,21 @@ export const CategoryResponse = React.forwardRef((props: CategoryResponse, ref)
|
|
|
384
385
|
}
|
|
385
386
|
|
|
386
387
|
<div className={styles.actionsButtonsContainer}>
|
|
388
|
+
<div className={styles.buttonContainer} onClick={() => setIsNoteVisible({ categoryIndex: currentKey, questionIndex: index })}>
|
|
389
|
+
<CommentOutlined className={styles.iconStyle} />
|
|
390
|
+
|
|
391
|
+
<span className={styles.buttonLabel}>{form.getFieldValue(`Questions`)?.[index].Note
|
|
392
|
+
? t('components.categoryResponse.editNote')
|
|
393
|
+
: t('components.categoryResponse.addNote')}
|
|
394
|
+
</span>
|
|
395
|
+
</div>
|
|
396
|
+
|
|
397
|
+
<div className={styles.buttonContainer} onClick={() => handleAddAction(question.QuestionId, question.Id)}>
|
|
398
|
+
<FileDoneOutlined className={styles.iconStyle} />
|
|
399
|
+
|
|
400
|
+
<span className={styles.buttonLabel}>{t('components.categoryResponse.createAction')}</span>
|
|
401
|
+
</div>
|
|
402
|
+
|
|
387
403
|
<Upload
|
|
388
404
|
listType={"text"}
|
|
389
405
|
fileList={fileLists[`${selectedCategory.Data.CategoryId}_${question.Id}`] || []}
|
|
@@ -391,16 +407,12 @@ export const CategoryResponse = React.forwardRef((props: CategoryResponse, ref)
|
|
|
391
407
|
onChange={({ fileList }) => handleFileChange(fileList, selectedCategory.Data.CategoryId, question.Id)}
|
|
392
408
|
onPreview={onPreview}
|
|
393
409
|
>
|
|
394
|
-
<
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
<Button customClass={styles.actionsButtons} onClick={() => setIsNoteVisible({ categoryIndex: currentKey, questionIndex: index })}>
|
|
398
|
-
{form.getFieldValue(`Questions`)?.[index].Note ? t('components.categoryResponse.editNote') : t('components.categoryResponse.addNote')}
|
|
399
|
-
</Button>
|
|
410
|
+
<div className={styles.uploadContainer}>
|
|
411
|
+
<PictureOutlined className={styles.iconStyle} />
|
|
400
412
|
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
</
|
|
413
|
+
<span className={styles.buttonLabel}>{t('components.categoryResponse.loadFile')}</span>
|
|
414
|
+
</div>
|
|
415
|
+
</Upload>
|
|
404
416
|
</div>
|
|
405
417
|
</>
|
|
406
418
|
}
|
|
@@ -441,13 +453,32 @@ export const CategoryResponse = React.forwardRef((props: CategoryResponse, ref)
|
|
|
441
453
|
>
|
|
442
454
|
<Select
|
|
443
455
|
options={selectedCategory.Data.IsYesOrNo
|
|
456
|
+
|
|
444
457
|
? props.selectYesNoOption
|
|
458
|
+
|
|
445
459
|
: question?.Options?.length > 0
|
|
446
|
-
|
|
460
|
+
|
|
461
|
+
? question?.Options?.map((option: any) => ({
|
|
462
|
+
label: form.getFieldValue(`Questions`)?.[index]?.IsMultipleChoise
|
|
463
|
+
?
|
|
464
|
+
<Tag style={{
|
|
465
|
+
backgroundColor: "rgba(0, 0, 0, 0.06)",
|
|
466
|
+
color: "black"
|
|
467
|
+
}}>{option?.Value}
|
|
468
|
+
</Tag>
|
|
469
|
+
|
|
470
|
+
: option.Value,
|
|
471
|
+
|
|
472
|
+
value: option.Value,
|
|
473
|
+
}))
|
|
474
|
+
|
|
447
475
|
: evaluationOptions[selectedEvaluationOption]
|
|
448
476
|
}
|
|
449
477
|
mode={form.getFieldValue(`Questions`)?.[index]?.IsMultipleChoise ? "multiple" : undefined}
|
|
450
478
|
customClass={styles.selectAnswerStyle}
|
|
479
|
+
placeholder={form.getFieldValue(`Questions`)?.[index]?.IsMultipleChoise
|
|
480
|
+
? t('components.categoryResponse.placeholderForMultiple')
|
|
481
|
+
: t('components.categoryResponse.placeholderForSingular')}
|
|
451
482
|
/>
|
|
452
483
|
</Form.Item>
|
|
453
484
|
}
|
|
@@ -216,12 +216,16 @@
|
|
|
216
216
|
.actionsButtonsContainer {
|
|
217
217
|
display: flex;
|
|
218
218
|
flex-direction: row;
|
|
219
|
-
gap:
|
|
219
|
+
gap: 20px;
|
|
220
220
|
margin-top: 12px;
|
|
221
221
|
margin-bottom: 12px;
|
|
222
222
|
width: 100%;
|
|
223
223
|
}
|
|
224
224
|
|
|
225
|
+
.buttonContainer {
|
|
226
|
+
cursor: pointer;
|
|
227
|
+
}
|
|
228
|
+
|
|
225
229
|
.actionsButtons {
|
|
226
230
|
color: var(--color-black);
|
|
227
231
|
background-color: var(--color-white);
|
|
@@ -238,6 +242,41 @@
|
|
|
238
242
|
}
|
|
239
243
|
}
|
|
240
244
|
|
|
245
|
+
.uploadContainer {
|
|
246
|
+
margin-top: 4px;
|
|
247
|
+
cursor: pointer;
|
|
248
|
+
}
|
|
249
|
+
|
|
250
|
+
.iconStyle {
|
|
251
|
+
font-size: 12px;
|
|
252
|
+
margin-right: 4px;
|
|
253
|
+
|
|
254
|
+
@media(min-width: 1350px) {
|
|
255
|
+
margin-top: 4px;
|
|
256
|
+
font-size: 16px !important;
|
|
257
|
+
}
|
|
258
|
+
|
|
259
|
+
@media(min-width: 768px) {
|
|
260
|
+
font-size: 14px;
|
|
261
|
+
}
|
|
262
|
+
}
|
|
263
|
+
|
|
264
|
+
.buttonLabel {
|
|
265
|
+
font-weight: 400 !important;
|
|
266
|
+
font-size: 12px;
|
|
267
|
+
text-transform: capitalize;
|
|
268
|
+
|
|
269
|
+
@media(min-width: 1350px) {
|
|
270
|
+
font-size: 16px !important;
|
|
271
|
+
margin-bottom: 0px;
|
|
272
|
+
}
|
|
273
|
+
|
|
274
|
+
@media(min-width: 768px) {
|
|
275
|
+
font-size: 14px;
|
|
276
|
+
margin-bottom: 0px;
|
|
277
|
+
}
|
|
278
|
+
}
|
|
279
|
+
|
|
241
280
|
.loadFile {
|
|
242
281
|
color: var(--color-black);
|
|
243
282
|
background-color: var(--color-white);
|
|
@@ -282,10 +321,10 @@
|
|
|
282
321
|
}
|
|
283
322
|
|
|
284
323
|
.ant-upload-wrapper .ant-upload-list .ant-upload-list-item {
|
|
285
|
-
max-width:
|
|
324
|
+
max-width: 400px !important;
|
|
286
325
|
|
|
287
326
|
@media(max-width: 767px) {
|
|
288
|
-
max-width:
|
|
327
|
+
max-width: 250px !important;
|
|
289
328
|
}
|
|
290
329
|
}
|
|
291
330
|
|
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",
|