@omniumretail/component-library 1.2.0 → 1.2.3

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.
Files changed (7) hide show
  1. package/dist/bundle.js +1 -1
  2. package/dist/main.css +1 -1
  3. package/package.json +1 -1
  4. package/src/components/Category/Category.stories.tsx +10 -10
  5. package/src/components/CategoryResponse/CategoryResponse.stories.tsx +3 -2
  6. package/src/components/CategoryResponse/index.tsx +56 -23
  7. package/src/components/CategoryResponse/styles.module.scss +13 -0
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:50px !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:12px;margin-top:12px;margin-bottom:12px;width:100%}.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}.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%}}.ant-upload-wrapper{line-height:12px}.ant-upload-wrapper .ant-upload-list .ant-upload-list-item{max-width:100px !important}@media(max-width: 767px){.ant-upload-wrapper .ant-upload-list .ant-upload-list-item{max-width:90px !important}}
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:12px;margin-top:12px;margin-bottom:12px;width:100%}.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}.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:100px !important}@media(max-width: 767px){.ant-upload-wrapper .ant-upload-list .ant-upload-list-item{max-width:90px !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
  {
2
2
  "name": "@omniumretail/component-library",
3
- "version": "1.2.00",
3
+ "version": "1.2.03",
4
4
  "private": false,
5
5
  "main": "dist/bundle.js",
6
6
  "typings": "./dist/types/index",
package/src/components/Category/Category.stories.tsx CHANGED
@@ -20,7 +20,7 @@ const Template: Story<any> = (args) => {
20
20
  "Name": "Resposta Numérica",
21
21
  "IsOpenAnswer": false,
22
22
  "IsCheckBox": false,
23
- "IsNumeric": true,
23
+ "IsNumerical": true,
24
24
  "IsDate": false,
25
25
  "HasGrade": true,
26
26
  "IsEmphasis": false,
@@ -47,7 +47,7 @@ const Template: Story<any> = (args) => {
47
47
  "Name": "Sim ou Não",
48
48
  "IsOpenAnswer": false,
49
49
  "IsCheckBox": false,
50
- "IsNumeric": false,
50
+ "IsNumerical": false,
51
51
  "IsDate": false,
52
52
  "HasGrade": false,
53
53
  "IsEmphasis": true,
@@ -80,7 +80,7 @@ const Template: Story<any> = (args) => {
80
80
  "Name": "Verdade ou mentira",
81
81
  "IsOpenAnswer": false,
82
82
  "IsCheckBox": false,
83
- "IsNumeric": false,
83
+ "IsNumerical": false,
84
84
  "IsDate": false,
85
85
  "HasGrade": false,
86
86
  "IsEmphasis": false,
@@ -113,7 +113,7 @@ const Template: Story<any> = (args) => {
113
113
  "Name": "Sim/Não/Não Sei",
114
114
  "IsOpenAnswer": false,
115
115
  "IsCheckBox": false,
116
- "IsNumeric": false,
116
+ "IsNumerical": false,
117
117
  "IsDate": false,
118
118
  "HasGrade": false,
119
119
  "IsEmphasis": false,
@@ -152,7 +152,7 @@ const Template: Story<any> = (args) => {
152
152
  "Name": "Verdadeiro e falso",
153
153
  "IsOpenAnswer": false,
154
154
  "IsCheckBox": false,
155
- "IsNumeric": false,
155
+ "IsNumerical": false,
156
156
  "IsDate": false,
157
157
  "HasGrade": false,
158
158
  "IsEmphasis": false,
@@ -185,7 +185,7 @@ const Template: Story<any> = (args) => {
185
185
  "Name": "Sim / Não / N/A",
186
186
  "IsOpenAnswer": false,
187
187
  "IsCheckBox": false,
188
- "IsNumeric": false,
188
+ "IsNumerical": false,
189
189
  "IsDate": false,
190
190
  "HasGrade": false,
191
191
  "IsEmphasis": false,
@@ -224,7 +224,7 @@ const Template: Story<any> = (args) => {
224
224
  "Name": "Lojas",
225
225
  "IsOpenAnswer": false,
226
226
  "IsCheckBox": false,
227
- "IsNumeric": false,
227
+ "IsNumerical": false,
228
228
  "IsDate": false,
229
229
  "HasGrade": false,
230
230
  "IsEmphasis": false,
@@ -263,7 +263,7 @@ const Template: Story<any> = (args) => {
263
263
  "Name": "teste",
264
264
  "IsOpenAnswer": false,
265
265
  "IsCheckBox": false,
266
- "IsNumeric": false,
266
+ "IsNumerical": false,
267
267
  "IsDate": false,
268
268
  "HasGrade": false,
269
269
  "IsEmphasis": false,
@@ -290,7 +290,7 @@ const Template: Story<any> = (args) => {
290
290
  "Name": "Data",
291
291
  "IsOpenAnswer": false,
292
292
  "IsCheckBox": false,
293
- "IsNumeric": true,
293
+ "IsNumerical": true,
294
294
  "IsDate": true,
295
295
  "HasGrade": true,
296
296
  "IsEmphasis": false,
@@ -317,7 +317,7 @@ const Template: Story<any> = (args) => {
317
317
  "Name": "Horas de inspeção",
318
318
  "IsOpenAnswer": false,
319
319
  "IsCheckBox": false,
320
- "IsNumeric": false,
320
+ "IsNumerical": false,
321
321
  "IsDate": false,
322
322
  "HasGrade": false,
323
323
  "IsEmphasis": false,
package/src/components/CategoryResponse/CategoryResponse.stories.tsx CHANGED
@@ -132,7 +132,8 @@ Primary.args = {
132
132
  }
133
133
  ],
134
134
  "IsOpenAnswer": true,
135
- "IsNumeric": true
135
+ "IsNumerical": true,
136
+ "IsMandatory": true
136
137
  },
137
138
  {
138
139
  "Id": "85562A64-A24B-425A-A345-560238CA2468",
@@ -154,7 +155,7 @@ Primary.args = {
154
155
  "Note": "asasas",
155
156
  "Disabled": false,
156
157
  "Answer": [],
157
- "IsDate": true
158
+ "IsNumerical": true
158
159
  }
159
160
  ]
160
161
  }
package/src/components/CategoryResponse/index.tsx 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 } from 'antd';
3
+ import { Form, UploadFile, Upload, DatePicker, InputNumber } 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';
@@ -90,7 +90,6 @@ const hasCategory = (currentKey: string, categories: Category[], direction: 'nex
90
90
 
91
91
  export const CategoryResponse = React.forwardRef((props: CategoryResponse, ref) => {
92
92
  const { data } = props;
93
-
94
93
  const [currentKey, setCurrentKey] = useState(data.CategoryAnswers[0].Key);
95
94
  const [localData, setLocalData] = useState<any>(data);
96
95
  // Setting first set of questions as default open
@@ -100,15 +99,31 @@ export const CategoryResponse = React.forwardRef((props: CategoryResponse, ref)
100
99
  const [dataValue, setDataValue] = useState<any>();
101
100
  const [isNoteVisible, setIsNoteVisible] = useState<{ categoryIndex: number; questionIndex: number } | null>(null);
102
101
  const [form] = useForm();
102
+ const [isMobile, setIsMobile] = useState(window.innerWidth < 767);
103
+
104
+ const handleResize = () => {
105
+ setIsMobile(window.innerWidth < 767);
106
+ };
107
+
108
+ useEffect(() => {
109
+ handleResize();
103
110
 
104
- console.log(initialValues, "initialValues");
105
- console.log(data, "data");
111
+ const resizeListener = () => {
112
+ handleResize();
113
+ };
114
+
115
+ window.addEventListener('resize', resizeListener);
116
+
117
+ return () => {
118
+ window.removeEventListener('resize', resizeListener);
119
+ };
120
+ }, []);
106
121
 
107
122
  useEffect(() => {
108
123
  if (props.initialFileList) {
109
124
  setFileLists(props.initialFileList);
110
125
  }
111
- },[props.initialFileList]);
126
+ }, [props.initialFileList]);
112
127
 
113
128
  const updateInitialValues = (data: any) => {
114
129
  const {
@@ -117,15 +132,25 @@ export const CategoryResponse = React.forwardRef((props: CategoryResponse, ref)
117
132
  IsYesOrNo
118
133
  } = data;
119
134
 
120
- const initial = {
135
+ const initial = {
121
136
  Questions: Questions.map((question: any) => ({
122
137
  Subject: question.Subject,
123
138
  Description: question.Description,
124
- Answer: props.addButtons ? (question.IsDate ? (question?.Answer?.length > 0 ? dayjs.unix(Number(question?.Answer?.[0])) : null) : question.Answer) : question.Answer,
139
+ Answer: props.addButtons
140
+ ? !question.Disabled
141
+ ? (question.IsDate
142
+ ? (question?.Answer?.length > 0
143
+ ? dayjs.unix(Number(question?.Answer?.[0]))
144
+ : null)
145
+ : question.Answer)
146
+ : question.Answer
147
+ : data.StartDate,
125
148
  Note: question.Note || "",
126
149
  IsMultipleChoise: question.IsMultipleChoise || false,
150
+ IsNumerical: question.IsNumerical || false,
127
151
  IsDate: question.IsDate || false,
128
152
  IsOpenAnswer: question.IsOpenAnswer || false,
153
+ IsMandatory: question.IsMandatory || false
129
154
  })),
130
155
  OpenAnswer: OpenAnswer,
131
156
  IsYesOrNo: IsYesOrNo
@@ -322,7 +347,7 @@ export const CategoryResponse = React.forwardRef((props: CategoryResponse, ref)
322
347
  <div className={questionWrapper} key={index}>
323
348
  <div className={styles.question}>
324
349
  <div className={styles.subject}>
325
- {question.Subject}
350
+ {`${question.Subject} ${question.IsMandatory ? "*" : ''}`}
326
351
  </div>
327
352
 
328
353
  <div className={styles.description}>
@@ -403,21 +428,29 @@ export const CategoryResponse = React.forwardRef((props: CategoryResponse, ref)
403
428
  />
404
429
  </Form.Item>
405
430
 
406
- : <Form.Item
407
- name={["Questions", index, "Answer"]}
408
- >
409
- <Select
410
- options={selectedCategory.Data.IsYesOrNo
411
- ? props.selectYesNoOption
412
- : question?.Options?.length > 0
413
- ? question?.Options?.map((option: any) => ({ label: option.Value, value: option.Value }))
414
- : evaluationOptions[selectedEvaluationOption]
415
- }
416
- // style={{ minWidth: '100%' }}
417
- mode={form.getFieldValue(`Questions`)?.[index]?.IsMultipleChoise ? "multiple" : undefined}
418
- customClass={styles.selectAnswerStyle}
419
- />
420
- </Form.Item>
431
+ : question.IsNumerical
432
+
433
+ ? <Form.Item
434
+ name={["Questions", index, "Answer"]}
435
+ >
436
+ <InputNumber className={styles.inputNumberStyle} />
437
+ </Form.Item>
438
+
439
+ : <Form.Item
440
+ name={["Questions", index, "Answer"]}
441
+ >
442
+ <Select
443
+ options={selectedCategory.Data.IsYesOrNo
444
+ ? props.selectYesNoOption
445
+ : question?.Options?.length > 0
446
+ ? question?.Options?.map((option: any) => ({ label: option.Value, value: option.Value }))
447
+ : evaluationOptions[selectedEvaluationOption]
448
+ }
449
+ // style={{ minWidth: '100%' }}
450
+ mode={form.getFieldValue(`Questions`)?.[index]?.IsMultipleChoise ? "multiple" : undefined}
451
+ customClass={styles.selectAnswerStyle}
452
+ />
453
+ </Form.Item>
421
454
  }
422
455
  </div>
423
456
  </div>
package/src/components/CategoryResponse/styles.module.scss CHANGED
@@ -267,6 +267,15 @@
267
267
  }
268
268
  }
269
269
 
270
+ .inputNumberStyle {
271
+ width: 25%;
272
+ height: 40px;
273
+
274
+ @media(max-width: 767px) {
275
+ width: 50%;
276
+ }
277
+ }
278
+
270
279
  :global {
271
280
  .ant-upload-wrapper {
272
281
  line-height: 12px;
@@ -279,4 +288,8 @@
279
288
  max-width: 90px !important;
280
289
  }
281
290
  }
291
+
292
+ :where(.css-dev-only-do-not-override-f7vrd6).ant-input-number .ant-input-number-input {
293
+ height: 35px;
294
+ }
282
295
  }