qbs-react-grid 1.1.33 → 1.1.35

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 (32) hide show
  1. package/dist/css/qbs-react-grid.css +1 -0
  2. package/dist/css/qbs-react-grid.min.css +1 -1
  3. package/dist/css/qbs-react-grid.min.css.map +1 -1
  4. package/es/Table.d.ts +1 -4
  5. package/es/Table.js +3 -2
  6. package/es/less/qbs-table.less +1 -0
  7. package/es/qbsTable/CustomTableCell.js +5 -3
  8. package/es/qbsTable/QbsTable.js +3 -0
  9. package/es/qbsTable/Toolbar.js +4 -4
  10. package/es/qbsTable/utilities/ToolTip.js +14 -19
  11. package/es/qbsTable/utilities/menuDropDown.d.ts +1 -0
  12. package/es/qbsTable/utilities/menuDropDown.js +4 -2
  13. package/es/utils/getTotalByColumns.js +1 -1
  14. package/lib/Table.d.ts +1 -4
  15. package/lib/Table.js +3 -2
  16. package/lib/less/qbs-table.less +1 -0
  17. package/lib/qbsTable/CustomTableCell.js +4 -2
  18. package/lib/qbsTable/QbsTable.js +3 -0
  19. package/lib/qbsTable/Toolbar.js +4 -4
  20. package/lib/qbsTable/utilities/ToolTip.js +13 -18
  21. package/lib/qbsTable/utilities/menuDropDown.d.ts +1 -0
  22. package/lib/qbsTable/utilities/menuDropDown.js +4 -2
  23. package/lib/utils/getTotalByColumns.js +1 -1
  24. package/package.json +1 -2
  25. package/src/Table.tsx +3 -6
  26. package/src/less/qbs-table.less +1 -0
  27. package/src/qbsTable/CustomTableCell.tsx +16 -12
  28. package/src/qbsTable/QbsTable.tsx +3 -0
  29. package/src/qbsTable/Toolbar.tsx +53 -49
  30. package/src/qbsTable/utilities/ToolTip.tsx +12 -18
  31. package/src/qbsTable/utilities/menuDropDown.tsx +8 -3
  32. package/src/utils/getTotalByColumns.ts +2 -1
package/dist/css/qbs-react-grid.css CHANGED
@@ -489,6 +489,7 @@
489
489
  }
490
490
  .qbs-table .qbs-table-toolbar .qbs-table-primary-filter {
491
491
  display: flex;
492
+ gap: 12px;
492
493
  }
493
494
  .qbs-table .sub-qbs-table-toolbar {
494
495
  display: flex;
package/dist/css/qbs-react-grid.min.css CHANGED
@@ -1,2 +1,2 @@
1
- @-webkit-keyframes loaderSpin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loaderSpin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.rs-table{position:relative;overflow:hidden;border-radius:0;background-color:#fff}.rs-table-column-resizing{cursor:ew-resize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.rs-table-bordered{border:1px solid #eee}.rs-table-row{overflow:hidden;position:absolute;width:100%;top:0;transition:none;border-bottom:1px solid #eee}.rs-table-hover .rs-table-body-row-wrapper .rs-table-row:hover,.rs-table-hover .rs-table-body-row-wrapper .rs-table-row:hover .rs-table-cell,.rs-table-hover .rs-table-body-row-wrapper .rs-table-row:hover .rs-table-cell-group{background:#fff}.rs-table-row-header,.rs-table-row-header .rs-table-cell{background:#f4f4f4}.rs-table-row-header .rs-table-cell-group-shadow{box-shadow:0 2px 3px rgba(0,0,0,.28);z-index:5}.rs-table-header-row-wrapper{z-index:2;position:relative}.rs-table-affix-header{z-index:3;visibility:hidden}.rs-table-affix-header.fixed{visibility:visible}.rs-table-body-row-wrapper{position:relative;overflow:hidden;z-index:0}.rs-table-body-info{width:100%;text-align:center;top:50%;position:absolute;margin-top:-20px;line-height:40px}.rs-table-body-info .icon{margin:0 10px}.rs-table-body-info-wheel-area{width:100%}.rs-table-cell{height:36px;border-bottom:1px solid #eee;display:block;overflow:hidden;position:absolute;white-space:normal;background:#fff;transition:none;box-sizing:border-box}.rs-table-cell.first{border-left-width:0}.rs-table-cell-wrap1{display:table}.rs-table-cell-wrap2{display:table-row}.rs-table-cell-wrap3{display:table-cell;vertical-align:middle}.rs-table-cell-content{padding:8px;box-sizing:border-box;background-color:#fff;color:#222;font-size:14px;font-style:normal;font-weight:500;line-height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;width:100%}.rs-table-cell-header-sortable{cursor:pointer}.rs-table-cell-header-sort-wrapper{display:inline-block}.rs-table-cell-full-text:hover{overflow:visible;z-index:2!important;width:auto!important;box-shadow:inset 0 0 2px #3871dc!important}.rs-table-cell-full-text:hover .rs-table-cell-content{width:auto!important}.rs-table-column-resize-spanner{height:36px;width:2px;z-index:3;position:absolute;cursor:ew-resize!important;outline:none}.rs-table-column-resize-spanner:hover{background-color:#e76458}.rs-table-cell-group-fixed-left,.rs-table-cell-group-fixed-right{position:absolute;z-index:4;background:#fff}.rs-table-cell-group-left-shadow{box-shadow:3px 0 5px rgba(9,9,9,.08)}.rs-table-cell-group-right-shadow,.rs-table-cell-group-shadow{box-shadow:-3px 0 5px rgba(9,9,9,.08)}.rs-table-mouse-area{display:none;background:#e76458;left:-1px;top:0;position:absolute;width:2px;z-index:6}.rs-table-mouse-area input{display:none}.rs-table-mouse-area span{background:#e76458}.rs-table-cell-bordered .rs-table-cell{border-right:1px solid #eee}.rs-table-word-wrap .rs-table-cell-content{white-space:normal}.rs-table-row-expanded{position:absolute;height:46px;bottom:0;width:100%;z-index:4;border-top:1px solid #eee;padding:10px;background:#f5f5f5}.rs-table-loader-wrapper{visibility:hidden;position:absolute;height:100%;width:100%;background-color:hsla(0,0%,100%,.9)}.rs-table-loader{width:100%;text-align:center;top:50%;position:absolute;margin-top:-20px;line-height:40px}.rs-table-loader-icon{display:inline-block;position:relative;margin-right:12px;padding-top:3px}.rs-table-loader-icon,.rs-table-loader-icon:after,.rs-table-loader-icon:before{width:18px;height:18px}.rs-table-loader-icon:after,.rs-table-loader-icon:before{content:"";position:absolute;left:0;right:0;display:block;border-radius:50%}.rs-table-loader-icon:before{border:3px solid rgba(247,247,250,.8)}.rs-table-loader-icon:after{border:3px solid transparent;border-top-color:#a6a6a6;-webkit-animation:loaderSpin .6s linear infinite;animation:loaderSpin .6s linear infinite}.rs-table-loading .rs-table-loader-wrapper{visibility:visible}.rs-table-cell-expand-icon{cursor:pointer;outline:none}.rs-table-cell-expand-wrapper{margin-right:10px;display:inline-block;cursor:pointer}.rs-table-scrollbar{background:rgba(45,45,45,.05);position:absolute}.rs-table-scrollbar-active{background:rgba(45,45,45,.1)}.rs-table-scrollbar-hide{display:none}.rs-table-scrollbar-handle{position:absolute;background:rgba(45,45,45,.5);border-radius:4px}.rs-table-scrollbar-horizontal{width:100%;height:5px;bottom:2px}.rs-table-scrollbar-horizontal.fixed{position:fixed}.rs-table-scrollbar-horizontal .rs-table-scrollbar-handle{height:8px;left:0;top:1px}.rs-table-scrollbar-horizontal .rs-table-scrollbar-pressed,.rs-table-scrollbar-horizontal:hover{height:5px;box-shadow:inset 1px 1px 2px #ddd}.rs-table-scrollbar-horizontal .rs-table-scrollbar-pressed .rs-table-scrollbar-handle,.rs-table-scrollbar-horizontal:hover .rs-table-scrollbar-handle{top:2px;height:5px}.rs-table-scrollbar-vertical{top:0;right:0;width:5px;bottom:2px}.rs-table-scrollbar-vertical .rs-table-scrollbar-handle{min-height:20px;width:5px;top:0;left:1px}.rs-table-scrollbar-vertical .rs-table-scrollbar-pressed,.rs-table-scrollbar-vertical:hover{width:5px;box-shadow:inset 1px 1px 2px #ddd}.rs-table-scrollbar-vertical .rs-table-scrollbar-pressed .rs-table-scrollbar-handle,.rs-table-scrollbar-vertical:hover .rs-table-scrollbar-handle{left:2px;width:5px}.rs-table-column-group{position:absolute;left:0;right:0;top:0;width:100%}.rs-table-column-group-header{border-bottom:1px solid #eee;position:absolute;width:100%}.rs-table-column-group-header-content{display:table-cell;padding:8px}.rs-table-column-group-cell{position:absolute;border-right:1px solid #eee}.qbs-table-custom-pagination{display:flex;justify-content:space-between;padding:8px 12px;min-height:40px;align-items:center;border-radius:0 0 4px 4px;border-top:1px solid #d6d8dc;background:#fff}.qbs-table-custom-pagination-header{border-bottom:1px solid #eee;position:absolute;width:100%}.qbs-table-custom-pagination-header-content{display:table-cell;padding:8px}.qbs-table-custom-pagination .qbs-table-pagination-dropdown{width:auto;height:24px;display:flex;align-items:center;justify-content:center;font-size:14px;font-style:normal;font-weight:500;line-height:20px;border-radius:6px;border:1px solid #d6d8dc;background:#fff}.qbs-table-custom-pagination .qbs-table-icon-container{padding:0;cursor:pointer;display:flex;justify-items:center;align-items:center;color:#000;background-color:transparent;width:24px;height:24px;border-radius:4px;border:1px solid #999696}.qbs-table-custom-pagination .qbs-table-icon-container:hover{color:#00f}.qbs-table-custom-pagination .qbs-table-icon-container:disabled{color:grey;cursor:not-allowed}.qbs-table-custom-pagination .qbs-table-icon-container svg{width:16px;height:16px;margin:0 auto}.qbs-table-custom-pagination .qbs-table-pagination-right-block,.qbs-table-custom-pagination .qbs-table-pagination-right-block .block-container{display:flex;align-items:center;gap:12px}.qbs-table-custom-pagination .qbs-table-pagination-right-block .block-container .block-item{margin:0;display:flex;cursor:pointer;align-items:center;justify-content:center;height:24px;width:24px;padding:0;border-radius:6px;font-size:13px;font-style:normal;font-weight:500;line-height:16px;border:1px solid transparent;transition:all .2s ease}.qbs-table-custom-pagination .qbs-table-pagination-right-block .block-container .block-item:active,.qbs-table-custom-pagination .qbs-table-pagination-right-block .block-container .block-item:hover{border-color:#e76458;color:#e76458;transition:all .2s ease}.qbs-table-custom-pagination .qbs-table-pagination-right-block .block-container .selected{color:#e76458;border:1px solid #e76458;transition:all .2s ease}.qbs-table-pagination-flexBox{display:flex;align-items:center;justify-content:flex-end;gap:12px}.qbs-table-pagination-flexBox .qbs-table-pagination-text{font-size:14px;font-style:normal;font-weight:500;line-height:20px;color:#313131}.qbs-table-custom-pagination .qbs-table-pagination-dropdown:focus{outline:none}.qbs-table .qbs-table-toolbar-container{display:flex;flex-direction:column;gap:12px}.qbs-table .qbs-table-border-wrap{border-radius:0 0 4px 4px;border:1px solid #d6d8dc;background:#fff}.qbs-table .qbs-table-toolbar{display:flex;align-items:center;justify-content:space-between}.qbs-table .qbs-table-toolbar .end-container{display:flex;gap:10px;align-items:center}.qbs-table .qbs-table-toolbar .end-container .rows-count{padding:0 10px}.qbs-table .qbs-table-toolbar .start-container{display:flex;gap:10px}.qbs-table .qbs-table-toolbar .qbs-table-primary-filter{display:flex}.qbs-table .sub-qbs-table-toolbar{display:flex;gap:10px}.qbs-table .qbs-table-search-container{position:relative;align-items:center}.qbs-table .qbs-table-search-container .input{height:36px;border-radius:4px;min-width:280px;padding:0 8px;padding-left:36px!important;line-height:36px;font-size:14px;font-style:normal;font-weight:500;border-radius:6px;border:1px solid #d6d8dc;background:#fff;transition:all .2s ease}.qbs-table .qbs-table-search-container .input:hover{outline:none;border:1px solid #d6d8dc;background:#fff}.qbs-table .qbs-table-search-container .input:focus{outline:none;border:1px solid #222;background:#fff;transition:all .2s ease}.qbs-table .qbs-table-search-container .search-button{position:absolute;left:1px;top:7px;display:flex;color:#222;background-color:transparent}.qbs-table .qbs-table-search-container .search-button .icon{width:20px;height:20px}.qbs-table .qbs-table-search-container .close-button{position:absolute;display:flex;right:31px;bottom:5px;color:grey;background-color:#fff}.qbs-table .qbs-table-search-container .close-button .icon{width:20px;height:20px}.qbs-table .popup-content{display:none;position:absolute;background-color:#f9f9f9;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);padding:12px 16px;z-index:1}.qbs-table .show{display:block!important}.qbs-table[data-theme=dark],.rs-table-cell-content[data-theme=dark]{background-color:#333;color:#fff}.qbs-table-menu-dropdown{position:relative;display:flex;width:100%;height:36px;align-items:center;justify-content:center}.qbs-table-dropbtn{background-color:transparent;color:#000;font-size:16px;border:none;cursor:pointer}.qbs-table-qbs-table-menu-dropdown-content{position:absolute;min-width:75px;z-index:999;right:4px;margin-bottom:0;margin-top:0;top:3px;display:flex;box-sizing:border-box;height:28px;border-radius:8px;border:1px solid #d6d8dc;background:#fff;box-shadow:0 2px 4px 0 rgba(58,58,58,.09);align-items:center;justify-content:flex-end;gap:12px;padding:4px}.qbs-table-qbs-table-menu-dropdown-content a{padding:0!important;text-decoration:none;display:block;font-size:14px;font-style:normal;font-weight:500;color:#212121;width:auto;cursor:pointer;transition:all .2s ease;height:18px}.qbs-table-qbs-table-menu-dropdown-content a svg{width:18px;height:18px}.qbs-table-qbs-table-menu-dropdown-content button.qbs-table-dropbtn{margin-right:8px;margin-top:2px}.qbs-table-qbs-table-menu-dropdown-content a:hover{color:#e76458;background:#f4f4f4;transition:all .2s ease}.qbs-table-tooltip{position:relative;display:contents;cursor:pointer}.qbs-table-tooltip .tooltiptext{visibility:hidden;background-color:#000;color:#fff;text-align:center;padding:6px;border-radius:4px;position:absolute;z-index:9999;opacity:0;transition:opacity .3s;font-size:12px;font-style:normal;font-weight:400;line-height:16px;width:100px}.qbs-table-tooltip.up .tooltiptext{bottom:125%;left:0}.qbs-table-tooltip.down .tooltiptext{top:125%;right:0;left:auto}.qbs-table-tooltip:hover .tooltiptext{visibility:visible;opacity:1}.qbs-table-tooltip .tooltiptext:after{content:"";position:absolute;border-width:5px;border-style:solid}.qbs-table-tooltip.up .tooltiptext:after{top:100%;left:50%;margin-left:-5px;border-color:#000 transparent transparent}.qbs-table-tooltip.down .tooltiptext:after{bottom:100%;left:50%;margin-left:-5px;border-color:transparent transparent #000}.rs-table-row{overflow:visible!important}.qbs-table-toolbar-sub-container{display:flex;gap:12px;padding:10px 12px;border-radius:4px 4px 0 0;border:1px solid #d6d8dc;background:#fff;border-bottom:unset}.qbs-table-toolbar-sub-container .rows-count{font-size:14px;font-style:normal;font-weight:500;line-height:20px;color:#222}.qbs-table-toolbar-sub-container.selected-row{background:rgba(231,100,88,.08)}.qbs-table-toolbar-sub-container-start{display:flex;gap:10px;align-items:center}.qbs-table-column-popup{position:fixed;padding:8px;z-index:999;right:10px;border-radius:8px;background:#fff;box-shadow:0 8px 20px 0 rgba(0,0,0,.15);min-width:272px;gap:4px;display:flex;flex-direction:column;max-height:500px}.qbs-table-popup-container{max-width:400px;overflow-y:auto}.qbs-table-container{padding:8px 4px;white-space:nowrap;width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px}.qbs-table-columns-container{display:flex;flex-direction:row-reverse}.qbs-table-columns-label{display:flex;gap:10px}.qbs-table-columns-drag-icon{cursor:grab;margin-right:0}.qbs-table-column{flex:1}.rs-table-cell-header .rs-table-cell-content{padding:8px;border-radius:0;border-right:0;background:#f4f4f4;font-size:14px;font-style:normal;font-weight:500;line-height:20px;color:#222}.qbs-table .qbs-table-border-wrap .rs-table .rs-table-cell:hover~.rs-table-column-resize-spanner,.qbs-table .qbs-table-border-wrap .rs-table .rs-table-cell~.rs-table-column-resize-spanner:hover{background-color:#e76458}.qbs-table .qbs-table-border-wrap .rs-table .rs-table-cell:hover~.rs-table-column-resize-spanner:before,.qbs-table .qbs-table-border-wrap .rs-table .rs-table-cell~.rs-table-column-resize-spanner:hover:before{border-color:transparent #e76458 transparent transparent}.qbs-table .qbs-table-border-wrap .rs-table .rs-table-cell:hover~.rs-table-column-resize-spanner:after,.qbs-table .qbs-table-border-wrap .rs-table .rs-table-cell~.rs-table-column-resize-spanner:hover:after{border-color:transparent transparent transparent #e76458}.qbs-table-checkbox{position:relative;display:flex;align-items:center;justify-content:center}.qbs-table-checkbox .qbs-table-checkbox-input{opacity:0}.qbs-table-checkbox .qbs-table-checkbox-input~label{position:absolute;border-radius:3px;border:1px solid #999696;width:20px;height:20px;top:7px;transition:all .2s ease;cursor:pointer}.qbs-table-checkbox .qbs-table-checkbox-input~label svg{opacity:0;transition:all .2s ease;position:absolute;left:5px;top:5px;width:9px;height:9px}.qbs-table-checkbox .qbs-table-checkbox-input:checked~label{transition:all .2s ease;border-radius:3px;background:#e76458;border-color:#e76458}.qbs-table-checkbox .qbs-table-checkbox-input:checked~label svg{opacity:1;transition:all .2s ease}.qbs-checkbox-border-none .rs-table-cell-content{border-right:unset}.qbs-table-popup-item{display:flex;flex-direction:column;gap:4px}.qbs-table-popup-item .qbs-table-popup-label{padding:4px;font-size:12px;font-style:normal;font-weight:600;line-height:16px;color:#585858}.qbs-table-popup-item .qbs-table-popup-value{padding:8px;font-size:14px;font-style:normal;font-weight:500;line-height:20px;color:#222}.qbs-table-divider{width:100%;background:#d6d8dc;display:flex;min-height:1px}.qbs-table-checkbox.qbs-table-custom-checkbox .qbs-table-checkbox-input~label{top:-2px}.qbs-table-container .qbs-table-popup-value{padding:0;flex:1;margin-left:8px;transition:all .2s ease}.qbs-table-container:hover .qbs-table-popup-label,.qbs-table-container:hover .qbs-table-popup-value{transition:all .2s ease;color:#e76458}.qbs-table-container .qbs-table-popup-label{padding:0;flex:1;margin-left:8px;transition:all .2s ease}.qbs-table-reset-link{padding:8px;font-size:14px;font-style:normal;font-weight:500;line-height:20px;color:#c63a3a}.qbs-table-reset-link:hover{color:#c63a3a;text-decoration:none}.selected-row-action{display:flex;gap:10px}.selected-row-action .btn{background-color:transparent;font-weight:600;padding:4px}.qbs-table-row-link{cursor:pointer}.qbs-table-row-link,.qbs-table-row-link:hover{text-decoration:none}.rs-table-column-group-header-content{text-align:center}.rs-table-cell-content{vertical-align:center!important;display:table-cell}.row-status:hover .row-status-tooltip{display:block}.row-status-tooltip{display:none;position:fixed;width:auto;height:auto;max-width:300px;max-height:200px;padding:10px;border-radius:8px;border:1px solid #d6d8dc;background:#fff;box-shadow:0 2px 4px 0 rgba(58,58,58,.15)}.row-status-tooltip.bottom-position{top:100%}.row-status-tooltip.top-position{bottom:100%}.dots-container{display:flex;padding:10px}.dot{height:20px;width:20px;margin-right:10px;border-radius:10px;background-color:#b3d4fc;-webkit-animation:pulse 1.5s ease-in-out infinite;animation:pulse 1.5s ease-in-out infinite}.dot:last-child{margin-right:0}.dot:first-child{-webkit-animation-delay:-.3s;animation-delay:-.3s}.dot:nth-child(2){-webkit-animation-delay:-.1s;animation-delay:-.1s}.dot:nth-child(3){-webkit-animation-delay:.1s;animation-delay:.1s}@-webkit-keyframes pulse{0%{-webkit-transform:scale(.8);transform:scale(.8);background-color:#b3d4fc;box-shadow:0 0 0 0 rgba(178,212,252,.7)}50%{-webkit-transform:scale(1.2);transform:scale(1.2);background-color:#6793fb;box-shadow:0 0 0 10px rgba(178,212,252,0)}to{-webkit-transform:scale(.8);transform:scale(.8);background-color:#b3d4fc;box-shadow:0 0 0 0 rgba(178,212,252,.7)}}@keyframes pulse{0%{-webkit-transform:scale(.8);transform:scale(.8);background-color:#b3d4fc;box-shadow:0 0 0 0 rgba(178,212,252,.7)}50%{-webkit-transform:scale(1.2);transform:scale(1.2);background-color:#6793fb;box-shadow:0 0 0 10px rgba(178,212,252,0)}to{-webkit-transform:scale(.8);transform:scale(.8);background-color:#b3d4fc;box-shadow:0 0 0 0 rgba(178,212,252,.7)}}.skeleton-table{width:100%;padding:10px}.skeleton-row{display:flex;margin-bottom:10px}.skeleton-cell{flex:1;height:10px;background:#d9dbdd;border-radius:4px;width:50px;margin-right:10px!important;-webkit-animation:loading 1.5s infinite;animation:loading 1.5s infinite}.skeleton-row:last-child .skeleton-cell{margin-right:0}@-webkit-keyframes loading{0%{background-color:#e7ecf4}50%{background-color:#d9dbdd}to{background-color:#e7ecf4}}@keyframes loading{0%{background-color:#e7ecf4}50%{background-color:#d9dbdd}to{background-color:#e7ecf4}}.skeleton-divider{height:5px;margin:10px}
1
+ @-webkit-keyframes loaderSpin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loaderSpin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.rs-table{position:relative;overflow:hidden;border-radius:0;background-color:#fff}.rs-table-column-resizing{cursor:ew-resize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.rs-table-bordered{border:1px solid #eee}.rs-table-row{overflow:hidden;position:absolute;width:100%;top:0;transition:none;border-bottom:1px solid #eee}.rs-table-hover .rs-table-body-row-wrapper .rs-table-row:hover,.rs-table-hover .rs-table-body-row-wrapper .rs-table-row:hover .rs-table-cell,.rs-table-hover .rs-table-body-row-wrapper .rs-table-row:hover .rs-table-cell-group{background:#fff}.rs-table-row-header,.rs-table-row-header .rs-table-cell{background:#f4f4f4}.rs-table-row-header .rs-table-cell-group-shadow{box-shadow:0 2px 3px rgba(0,0,0,.28);z-index:5}.rs-table-header-row-wrapper{z-index:2;position:relative}.rs-table-affix-header{z-index:3;visibility:hidden}.rs-table-affix-header.fixed{visibility:visible}.rs-table-body-row-wrapper{position:relative;overflow:hidden;z-index:0}.rs-table-body-info{width:100%;text-align:center;top:50%;position:absolute;margin-top:-20px;line-height:40px}.rs-table-body-info .icon{margin:0 10px}.rs-table-body-info-wheel-area{width:100%}.rs-table-cell{height:36px;border-bottom:1px solid #eee;display:block;overflow:hidden;position:absolute;white-space:normal;background:#fff;transition:none;box-sizing:border-box}.rs-table-cell.first{border-left-width:0}.rs-table-cell-wrap1{display:table}.rs-table-cell-wrap2{display:table-row}.rs-table-cell-wrap3{display:table-cell;vertical-align:middle}.rs-table-cell-content{padding:8px;box-sizing:border-box;background-color:#fff;color:#222;font-size:14px;font-style:normal;font-weight:500;line-height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;width:100%}.rs-table-cell-header-sortable{cursor:pointer}.rs-table-cell-header-sort-wrapper{display:inline-block}.rs-table-cell-full-text:hover{overflow:visible;z-index:2!important;width:auto!important;box-shadow:inset 0 0 2px #3871dc!important}.rs-table-cell-full-text:hover .rs-table-cell-content{width:auto!important}.rs-table-column-resize-spanner{height:36px;width:2px;z-index:3;position:absolute;cursor:ew-resize!important;outline:none}.rs-table-column-resize-spanner:hover{background-color:#e76458}.rs-table-cell-group-fixed-left,.rs-table-cell-group-fixed-right{position:absolute;z-index:4;background:#fff}.rs-table-cell-group-left-shadow{box-shadow:3px 0 5px rgba(9,9,9,.08)}.rs-table-cell-group-right-shadow,.rs-table-cell-group-shadow{box-shadow:-3px 0 5px rgba(9,9,9,.08)}.rs-table-mouse-area{display:none;background:#e76458;left:-1px;top:0;position:absolute;width:2px;z-index:6}.rs-table-mouse-area input{display:none}.rs-table-mouse-area span{background:#e76458}.rs-table-cell-bordered .rs-table-cell{border-right:1px solid #eee}.rs-table-word-wrap .rs-table-cell-content{white-space:normal}.rs-table-row-expanded{position:absolute;height:46px;bottom:0;width:100%;z-index:4;border-top:1px solid #eee;padding:10px;background:#f5f5f5}.rs-table-loader-wrapper{visibility:hidden;position:absolute;height:100%;width:100%;background-color:hsla(0,0%,100%,.9)}.rs-table-loader{width:100%;text-align:center;top:50%;position:absolute;margin-top:-20px;line-height:40px}.rs-table-loader-icon{display:inline-block;position:relative;margin-right:12px;padding-top:3px}.rs-table-loader-icon,.rs-table-loader-icon:after,.rs-table-loader-icon:before{width:18px;height:18px}.rs-table-loader-icon:after,.rs-table-loader-icon:before{content:"";position:absolute;left:0;right:0;display:block;border-radius:50%}.rs-table-loader-icon:before{border:3px solid rgba(247,247,250,.8)}.rs-table-loader-icon:after{border:3px solid transparent;border-top-color:#a6a6a6;-webkit-animation:loaderSpin .6s linear infinite;animation:loaderSpin .6s linear infinite}.rs-table-loading .rs-table-loader-wrapper{visibility:visible}.rs-table-cell-expand-icon{cursor:pointer;outline:none}.rs-table-cell-expand-wrapper{margin-right:10px;display:inline-block;cursor:pointer}.rs-table-scrollbar{background:rgba(45,45,45,.05);position:absolute}.rs-table-scrollbar-active{background:rgba(45,45,45,.1)}.rs-table-scrollbar-hide{display:none}.rs-table-scrollbar-handle{position:absolute;background:rgba(45,45,45,.5);border-radius:4px}.rs-table-scrollbar-horizontal{width:100%;height:5px;bottom:2px}.rs-table-scrollbar-horizontal.fixed{position:fixed}.rs-table-scrollbar-horizontal .rs-table-scrollbar-handle{height:8px;left:0;top:1px}.rs-table-scrollbar-horizontal .rs-table-scrollbar-pressed,.rs-table-scrollbar-horizontal:hover{height:5px;box-shadow:inset 1px 1px 2px #ddd}.rs-table-scrollbar-horizontal .rs-table-scrollbar-pressed .rs-table-scrollbar-handle,.rs-table-scrollbar-horizontal:hover .rs-table-scrollbar-handle{top:2px;height:5px}.rs-table-scrollbar-vertical{top:0;right:0;width:5px;bottom:2px}.rs-table-scrollbar-vertical .rs-table-scrollbar-handle{min-height:20px;width:5px;top:0;left:1px}.rs-table-scrollbar-vertical .rs-table-scrollbar-pressed,.rs-table-scrollbar-vertical:hover{width:5px;box-shadow:inset 1px 1px 2px #ddd}.rs-table-scrollbar-vertical .rs-table-scrollbar-pressed .rs-table-scrollbar-handle,.rs-table-scrollbar-vertical:hover .rs-table-scrollbar-handle{left:2px;width:5px}.rs-table-column-group{position:absolute;left:0;right:0;top:0;width:100%}.rs-table-column-group-header{border-bottom:1px solid #eee;position:absolute;width:100%}.rs-table-column-group-header-content{display:table-cell;padding:8px}.rs-table-column-group-cell{position:absolute;border-right:1px solid #eee}.qbs-table-custom-pagination{display:flex;justify-content:space-between;padding:8px 12px;min-height:40px;align-items:center;border-radius:0 0 4px 4px;border-top:1px solid #d6d8dc;background:#fff}.qbs-table-custom-pagination-header{border-bottom:1px solid #eee;position:absolute;width:100%}.qbs-table-custom-pagination-header-content{display:table-cell;padding:8px}.qbs-table-custom-pagination .qbs-table-pagination-dropdown{width:auto;height:24px;display:flex;align-items:center;justify-content:center;font-size:14px;font-style:normal;font-weight:500;line-height:20px;border-radius:6px;border:1px solid #d6d8dc;background:#fff}.qbs-table-custom-pagination .qbs-table-icon-container{padding:0;cursor:pointer;display:flex;justify-items:center;align-items:center;color:#000;background-color:transparent;width:24px;height:24px;border-radius:4px;border:1px solid #999696}.qbs-table-custom-pagination .qbs-table-icon-container:hover{color:#00f}.qbs-table-custom-pagination .qbs-table-icon-container:disabled{color:grey;cursor:not-allowed}.qbs-table-custom-pagination .qbs-table-icon-container svg{width:16px;height:16px;margin:0 auto}.qbs-table-custom-pagination .qbs-table-pagination-right-block,.qbs-table-custom-pagination .qbs-table-pagination-right-block .block-container{display:flex;align-items:center;gap:12px}.qbs-table-custom-pagination .qbs-table-pagination-right-block .block-container .block-item{margin:0;display:flex;cursor:pointer;align-items:center;justify-content:center;height:24px;width:24px;padding:0;border-radius:6px;font-size:13px;font-style:normal;font-weight:500;line-height:16px;border:1px solid transparent;transition:all .2s ease}.qbs-table-custom-pagination .qbs-table-pagination-right-block .block-container .block-item:active,.qbs-table-custom-pagination .qbs-table-pagination-right-block .block-container .block-item:hover{border-color:#e76458;color:#e76458;transition:all .2s ease}.qbs-table-custom-pagination .qbs-table-pagination-right-block .block-container .selected{color:#e76458;border:1px solid #e76458;transition:all .2s ease}.qbs-table-pagination-flexBox{display:flex;align-items:center;justify-content:flex-end;gap:12px}.qbs-table-pagination-flexBox .qbs-table-pagination-text{font-size:14px;font-style:normal;font-weight:500;line-height:20px;color:#313131}.qbs-table-custom-pagination .qbs-table-pagination-dropdown:focus{outline:none}.qbs-table .qbs-table-toolbar-container{display:flex;flex-direction:column;gap:12px}.qbs-table .qbs-table-border-wrap{border-radius:0 0 4px 4px;border:1px solid #d6d8dc;background:#fff}.qbs-table .qbs-table-toolbar{display:flex;align-items:center;justify-content:space-between}.qbs-table .qbs-table-toolbar .end-container{display:flex;gap:10px;align-items:center}.qbs-table .qbs-table-toolbar .end-container .rows-count{padding:0 10px}.qbs-table .qbs-table-toolbar .start-container{display:flex;gap:10px}.qbs-table .qbs-table-toolbar .qbs-table-primary-filter{display:flex;gap:12px}.qbs-table .sub-qbs-table-toolbar{display:flex;gap:10px}.qbs-table .qbs-table-search-container{position:relative;align-items:center}.qbs-table .qbs-table-search-container .input{height:36px;border-radius:4px;min-width:280px;padding:0 8px;padding-left:36px!important;line-height:36px;font-size:14px;font-style:normal;font-weight:500;border-radius:6px;border:1px solid #d6d8dc;background:#fff;transition:all .2s ease}.qbs-table .qbs-table-search-container .input:hover{outline:none;border:1px solid #d6d8dc;background:#fff}.qbs-table .qbs-table-search-container .input:focus{outline:none;border:1px solid #222;background:#fff;transition:all .2s ease}.qbs-table .qbs-table-search-container .search-button{position:absolute;left:1px;top:7px;display:flex;color:#222;background-color:transparent}.qbs-table .qbs-table-search-container .search-button .icon{width:20px;height:20px}.qbs-table .qbs-table-search-container .close-button{position:absolute;display:flex;right:31px;bottom:5px;color:grey;background-color:#fff}.qbs-table .qbs-table-search-container .close-button .icon{width:20px;height:20px}.qbs-table .popup-content{display:none;position:absolute;background-color:#f9f9f9;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);padding:12px 16px;z-index:1}.qbs-table .show{display:block!important}.qbs-table[data-theme=dark],.rs-table-cell-content[data-theme=dark]{background-color:#333;color:#fff}.qbs-table-menu-dropdown{position:relative;display:flex;width:100%;height:36px;align-items:center;justify-content:center}.qbs-table-dropbtn{background-color:transparent;color:#000;font-size:16px;border:none;cursor:pointer}.qbs-table-qbs-table-menu-dropdown-content{position:absolute;min-width:75px;z-index:999;right:4px;margin-bottom:0;margin-top:0;top:3px;display:flex;box-sizing:border-box;height:28px;border-radius:8px;border:1px solid #d6d8dc;background:#fff;box-shadow:0 2px 4px 0 rgba(58,58,58,.09);align-items:center;justify-content:flex-end;gap:12px;padding:4px}.qbs-table-qbs-table-menu-dropdown-content a{padding:0!important;text-decoration:none;display:block;font-size:14px;font-style:normal;font-weight:500;color:#212121;width:auto;cursor:pointer;transition:all .2s ease;height:18px}.qbs-table-qbs-table-menu-dropdown-content a svg{width:18px;height:18px}.qbs-table-qbs-table-menu-dropdown-content button.qbs-table-dropbtn{margin-right:8px;margin-top:2px}.qbs-table-qbs-table-menu-dropdown-content a:hover{color:#e76458;background:#f4f4f4;transition:all .2s ease}.qbs-table-tooltip{position:relative;display:contents;cursor:pointer}.qbs-table-tooltip .tooltiptext{visibility:hidden;background-color:#000;color:#fff;text-align:center;padding:6px;border-radius:4px;position:absolute;z-index:9999;opacity:0;transition:opacity .3s;font-size:12px;font-style:normal;font-weight:400;line-height:16px;width:100px}.qbs-table-tooltip.up .tooltiptext{bottom:125%;left:0}.qbs-table-tooltip.down .tooltiptext{top:125%;right:0;left:auto}.qbs-table-tooltip:hover .tooltiptext{visibility:visible;opacity:1}.qbs-table-tooltip .tooltiptext:after{content:"";position:absolute;border-width:5px;border-style:solid}.qbs-table-tooltip.up .tooltiptext:after{top:100%;left:50%;margin-left:-5px;border-color:#000 transparent transparent}.qbs-table-tooltip.down .tooltiptext:after{bottom:100%;left:50%;margin-left:-5px;border-color:transparent transparent #000}.rs-table-row{overflow:visible!important}.qbs-table-toolbar-sub-container{display:flex;gap:12px;padding:10px 12px;border-radius:4px 4px 0 0;border:1px solid #d6d8dc;background:#fff;border-bottom:unset}.qbs-table-toolbar-sub-container .rows-count{font-size:14px;font-style:normal;font-weight:500;line-height:20px;color:#222}.qbs-table-toolbar-sub-container.selected-row{background:rgba(231,100,88,.08)}.qbs-table-toolbar-sub-container-start{display:flex;gap:10px;align-items:center}.qbs-table-column-popup{position:fixed;padding:8px;z-index:999;right:10px;border-radius:8px;background:#fff;box-shadow:0 8px 20px 0 rgba(0,0,0,.15);min-width:272px;gap:4px;display:flex;flex-direction:column;max-height:500px}.qbs-table-popup-container{max-width:400px;overflow-y:auto}.qbs-table-container{padding:8px 4px;white-space:nowrap;width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px}.qbs-table-columns-container{display:flex;flex-direction:row-reverse}.qbs-table-columns-label{display:flex;gap:10px}.qbs-table-columns-drag-icon{cursor:grab;margin-right:0}.qbs-table-column{flex:1}.rs-table-cell-header .rs-table-cell-content{padding:8px;border-radius:0;border-right:0;background:#f4f4f4;font-size:14px;font-style:normal;font-weight:500;line-height:20px;color:#222}.qbs-table .qbs-table-border-wrap .rs-table .rs-table-cell:hover~.rs-table-column-resize-spanner,.qbs-table .qbs-table-border-wrap .rs-table .rs-table-cell~.rs-table-column-resize-spanner:hover{background-color:#e76458}.qbs-table .qbs-table-border-wrap .rs-table .rs-table-cell:hover~.rs-table-column-resize-spanner:before,.qbs-table .qbs-table-border-wrap .rs-table .rs-table-cell~.rs-table-column-resize-spanner:hover:before{border-color:transparent #e76458 transparent transparent}.qbs-table .qbs-table-border-wrap .rs-table .rs-table-cell:hover~.rs-table-column-resize-spanner:after,.qbs-table .qbs-table-border-wrap .rs-table .rs-table-cell~.rs-table-column-resize-spanner:hover:after{border-color:transparent transparent transparent #e76458}.qbs-table-checkbox{position:relative;display:flex;align-items:center;justify-content:center}.qbs-table-checkbox .qbs-table-checkbox-input{opacity:0}.qbs-table-checkbox .qbs-table-checkbox-input~label{position:absolute;border-radius:3px;border:1px solid #999696;width:20px;height:20px;top:7px;transition:all .2s ease;cursor:pointer}.qbs-table-checkbox .qbs-table-checkbox-input~label svg{opacity:0;transition:all .2s ease;position:absolute;left:5px;top:5px;width:9px;height:9px}.qbs-table-checkbox .qbs-table-checkbox-input:checked~label{transition:all .2s ease;border-radius:3px;background:#e76458;border-color:#e76458}.qbs-table-checkbox .qbs-table-checkbox-input:checked~label svg{opacity:1;transition:all .2s ease}.qbs-checkbox-border-none .rs-table-cell-content{border-right:unset}.qbs-table-popup-item{display:flex;flex-direction:column;gap:4px}.qbs-table-popup-item .qbs-table-popup-label{padding:4px;font-size:12px;font-style:normal;font-weight:600;line-height:16px;color:#585858}.qbs-table-popup-item .qbs-table-popup-value{padding:8px;font-size:14px;font-style:normal;font-weight:500;line-height:20px;color:#222}.qbs-table-divider{width:100%;background:#d6d8dc;display:flex;min-height:1px}.qbs-table-checkbox.qbs-table-custom-checkbox .qbs-table-checkbox-input~label{top:-2px}.qbs-table-container .qbs-table-popup-value{padding:0;flex:1;margin-left:8px;transition:all .2s ease}.qbs-table-container:hover .qbs-table-popup-label,.qbs-table-container:hover .qbs-table-popup-value{transition:all .2s ease;color:#e76458}.qbs-table-container .qbs-table-popup-label{padding:0;flex:1;margin-left:8px;transition:all .2s ease}.qbs-table-reset-link{padding:8px;font-size:14px;font-style:normal;font-weight:500;line-height:20px;color:#c63a3a}.qbs-table-reset-link:hover{color:#c63a3a;text-decoration:none}.selected-row-action{display:flex;gap:10px}.selected-row-action .btn{background-color:transparent;font-weight:600;padding:4px}.qbs-table-row-link{cursor:pointer}.qbs-table-row-link,.qbs-table-row-link:hover{text-decoration:none}.rs-table-column-group-header-content{text-align:center}.rs-table-cell-content{vertical-align:center!important;display:table-cell}.row-status:hover .row-status-tooltip{display:block}.row-status-tooltip{display:none;position:fixed;width:auto;height:auto;max-width:300px;max-height:200px;padding:10px;border-radius:8px;border:1px solid #d6d8dc;background:#fff;box-shadow:0 2px 4px 0 rgba(58,58,58,.15)}.row-status-tooltip.bottom-position{top:100%}.row-status-tooltip.top-position{bottom:100%}.dots-container{display:flex;padding:10px}.dot{height:20px;width:20px;margin-right:10px;border-radius:10px;background-color:#b3d4fc;-webkit-animation:pulse 1.5s ease-in-out infinite;animation:pulse 1.5s ease-in-out infinite}.dot:last-child{margin-right:0}.dot:first-child{-webkit-animation-delay:-.3s;animation-delay:-.3s}.dot:nth-child(2){-webkit-animation-delay:-.1s;animation-delay:-.1s}.dot:nth-child(3){-webkit-animation-delay:.1s;animation-delay:.1s}@-webkit-keyframes pulse{0%{-webkit-transform:scale(.8);transform:scale(.8);background-color:#b3d4fc;box-shadow:0 0 0 0 rgba(178,212,252,.7)}50%{-webkit-transform:scale(1.2);transform:scale(1.2);background-color:#6793fb;box-shadow:0 0 0 10px rgba(178,212,252,0)}to{-webkit-transform:scale(.8);transform:scale(.8);background-color:#b3d4fc;box-shadow:0 0 0 0 rgba(178,212,252,.7)}}@keyframes pulse{0%{-webkit-transform:scale(.8);transform:scale(.8);background-color:#b3d4fc;box-shadow:0 0 0 0 rgba(178,212,252,.7)}50%{-webkit-transform:scale(1.2);transform:scale(1.2);background-color:#6793fb;box-shadow:0 0 0 10px rgba(178,212,252,0)}to{-webkit-transform:scale(.8);transform:scale(.8);background-color:#b3d4fc;box-shadow:0 0 0 0 rgba(178,212,252,.7)}}.skeleton-table{width:100%;padding:10px}.skeleton-row{display:flex;margin-bottom:10px}.skeleton-cell{flex:1;height:10px;background:#d9dbdd;border-radius:4px;width:50px;margin-right:10px!important;-webkit-animation:loading 1.5s infinite;animation:loading 1.5s infinite}.skeleton-row:last-child .skeleton-cell{margin-right:0}@-webkit-keyframes loading{0%{background-color:#e7ecf4}50%{background-color:#d9dbdd}to{background-color:#e7ecf4}}@keyframes loading{0%{background-color:#e7ecf4}50%{background-color:#d9dbdd}to{background-color:#e7ecf4}}.skeleton-divider{height:5px;margin:10px}
2
2
  /*# sourceMappingURL=qbs-react-grid.min.css.map */
package/dist/css/qbs-react-grid.min.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["qbs-react-grid.css"],"names":[],"mappings":"AAAA,8BACE,GACE,4BAA6B,AACrB,mBAAqB,CAC9B,AACD,GACE,gCAAkC,AAC1B,uBAA0B,CACnC,CACF,AACD,sBACE,GACE,4BAA6B,AACrB,mBAAqB,CAC9B,AACD,GACE,gCAAkC,AAC1B,uBAA0B,CACnC,CACF,AACD,UACE,kBAAmB,AACnB,gBAAiB,AACjB,gBAAmB,AACnB,qBAA0B,CAC3B,AACD,0BACE,iBAAkB,AAClB,yBAA0B,AAC1B,sBAAuB,AACvB,qBAAsB,AACtB,gBAAkB,CACnB,AACD,mBACE,qBAAuB,CACxB,AACD,cACE,gBAAiB,AACjB,kBAAmB,AACnB,WAAY,AACZ,MAAO,AACP,gBAAiB,AACjB,4BAA8B,CAC/B,AAOD,iOACE,eAAiB,CAClB,AAID,yDACE,kBAAoB,CACrB,AACD,iDACE,qCAA0C,AAC1C,SAAW,CACZ,AACD,6BACE,UAAW,AACX,iBAAmB,CACpB,AACD,uBACE,UAAW,AACX,iBAAmB,CACpB,AACD,6BACE,kBAAoB,CACrB,AACD,2BACE,kBAAmB,AACnB,gBAAiB,AACjB,SAAW,CACZ,AACD,oBACE,WAAY,AACZ,kBAAmB,AACnB,QAAS,AACT,kBAAmB,AACnB,iBAAkB,AAClB,gBAAkB,CACnB,AACD,0BACE,aAAe,CAChB,AACD,+BACE,UAAY,CACb,AACD,eACE,YAAa,AACb,6BAA8B,AAC9B,cAAe,AACf,gBAAiB,AACjB,kBAAmB,AACnB,mBAAoB,AACpB,gBAAiB,AACjB,gBAAiB,AACjB,qBAAuB,CACxB,AACD,qBACE,mBAAqB,CACtB,AACD,qBACE,aAAe,CAChB,AACD,qBACE,iBAAmB,CACpB,AACD,qBACE,mBAAoB,AACpB,qBAAuB,CACxB,AACD,uBACE,YAAa,AACb,sBAAuB,AACvB,sBAA0B,AAC1B,WAAY,AACZ,eAAgB,AAChB,kBAAmB,AACnB,gBAAiB,AACjB,iBAAkB,AAClB,gBAAiB,AACjB,mBAAoB,AACpB,uBAAwB,AACxB,2BAA4B,AAC5B,0BAA2B,AAC3B,UAAY,CACb,AACD,+BACE,cAAgB,CACjB,AACD,mCACE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AACV,QAAS,AACT,UAAW,AACX,UAAY,CACb,AACD,4DACE,wBAA0B,AAC1B,kBAAmB,AACnB,mBAAoB,AACpB,oBAAsB,CACvB,AACD,gEACE,UAAW,AACX,uBAA0B,CAC3B,AACD,iDACE,kBAAoB,CACrB,AACD,sBACE,aAAc,AACd,sBAAuB,AACvB,OAAS,CACV,AACD,6CACE,YAAa,AACb,eAAgB,AAChB,kBAAmB,AACnB,gBAAiB,AACjB,iBAAkB,AAClB,aAAe,CAChB,AACD,6CACE,YAAa,AACb,eAAgB,AAChB,kBAAmB,AACnB,gBAAiB,AACjB,iBAAkB,AAClB,UAAY,CACb,AACD,mBACE,WAAY,AACZ,mBAAoB,AACpB,aAAc,AACd,cAAgB,CACjB,AACD,8EACE,QAAU,CACX,AACD,4CACE,UAAW,AACX,OAAQ,AACR,gBAAiB,AACjB,uBAA0B,CAC3B,AACD,oGAEE,wBAA0B,AAC1B,aAAe,CAChB,AACD,4CACE,UAAW,AACX,OAAQ,AACR,gBAAiB,AACjB,uBAA0B,CAC3B,AACD,sBACE,YAAa,AACb,eAAgB,AAChB,kBAAmB,AACnB,gBAAiB,AACjB,iBAAkB,AAClB,aAAe,CAChB,AACD,4BACE,cAAe,AACf,oBAAsB,CACvB,AACD,qBACE,aAAc,AACd,QAAU,CACX,AACD,0BACE,6BAA8B,AAC9B,gBAAiB,AACjB,WAAa,CACd,AACD,oBAEE,cAAgB,CACjB,AACD,8CAHE,oBAAsB,CAKvB,AACD,sCACE,iBAAmB,CACpB,AACD,uBACE,gCAAkC,AAClC,kBAAoB,CACrB,AACD,sCACE,aAAe,CAChB,AACD,oBACE,aAAc,AACd,eAAgB,AAChB,WAAY,AACZ,YAAa,AACb,gBAAiB,AACjB,iBAAkB,AAClB,aAAc,AACd,kBAAmB,AACnB,yBAA0B,AAC1B,gBAAiB,AACjB,yCAAmD,CACpD,AACD,oCACE,QAAU,CACX,AACD,iCACE,WAAa,CACd,AACD,gBACE,aAAc,AACd,YAAc,CACf,AACD,KACE,YAAa,AACb,WAAY,AACZ,kBAAmB,AACnB,mBAAoB,AACpB,yBAA0B,AAC1B,kDAAmD,AAC3C,yCAA2C,CACpD,AACD,gBACE,cAAgB,CACjB,AACD,iBACE,6BAA+B,AACvB,oBAAuB,CAChC,AACD,kBACE,6BAA+B,AACvB,oBAAuB,CAChC,AACD,kBACE,4BAA8B,AACtB,mBAAsB,CAC/B,AACD,yBACE,GACE,4BAA8B,AACtB,oBAAsB,AAC9B,yBAA0B,AAC1B,uCAA6C,CAC9C,AACD,IACE,6BAA8B,AACtB,qBAAsB,AAC9B,yBAA0B,AAC1B,yCAA8C,CAC/C,AACD,GACE,4BAA8B,AACtB,oBAAsB,AAC9B,yBAA0B,AAC1B,uCAA6C,CAC9C,CACF,AACD,iBACE,GACE,4BAA8B,AACtB,oBAAsB,AAC9B,yBAA0B,AAC1B,uCAA6C,CAC9C,AACD,IACE,6BAA8B,AACtB,qBAAsB,AAC9B,yBAA0B,AAC1B,yCAA8C,CAC/C,AACD,GACE,4BAA8B,AACtB,oBAAsB,AAC9B,yBAA0B,AAC1B,uCAA6C,CAC9C,CACF,AACD,gBACE,WAAY,AACZ,YAAc,CACf,AACD,cACE,aAAc,AACd,kBAAoB,CACrB,AACD,eACE,OAAQ,AACR,YAAa,AAEb,mBAAoB,AACpB,kBAAmB,AACnB,WAAY,AACZ,4BAA8B,AAC9B,wCAAyC,AACjC,+BAAiC,CAC1C,AACD,wCACE,cAAgB,CACjB,AACD,2BACE,GACE,wBAA0B,CAC3B,AACD,IACE,wBAA0B,CAC3B,AACD,GACE,wBAA0B,CAC3B,CACF,AACD,mBACE,GACE,wBAA0B,CAC3B,AACD,IACE,wBAA0B,CAC3B,AACD,GACE,wBAA0B,CAC3B,CACF,AACD,kBACE,WAAY,AACZ,WAAa,CACd","file":"qbs-react-grid.min.css","sourcesContent":["@-webkit-keyframes loaderSpin {\n from {\n -webkit-transform: rotate(0);\n transform: rotate(0);\n }\n to {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n@keyframes loaderSpin {\n from {\n -webkit-transform: rotate(0);\n transform: rotate(0);\n }\n to {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n.rs-table {\n position: relative;\n overflow: hidden;\n border-radius: 0px;\n background-color: #ffffff;\n}\n.rs-table-column-resizing {\n cursor: ew-resize;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.rs-table-bordered {\n border: 1px solid #eee;\n}\n.rs-table-row {\n overflow: hidden;\n position: absolute;\n width: 100%;\n top: 0;\n transition: none;\n border-bottom: 1px solid #eee;\n}\n.rs-table-hover .rs-table-body-row-wrapper .rs-table-row:hover {\n background: #fff;\n}\n.rs-table-hover .rs-table-body-row-wrapper .rs-table-row:hover .rs-table-cell-group {\n background: #fff;\n}\n.rs-table-hover .rs-table-body-row-wrapper .rs-table-row:hover .rs-table-cell {\n background: #fff;\n}\n.rs-table-row-header {\n background: #f4f4f4;\n}\n.rs-table-row-header .rs-table-cell {\n background: #f4f4f4;\n}\n.rs-table-row-header .rs-table-cell-group-shadow {\n box-shadow: 0 2px 3px rgba(0, 0, 0, 0.28);\n z-index: 5;\n}\n.rs-table-header-row-wrapper {\n z-index: 2;\n position: relative;\n}\n.rs-table-affix-header {\n z-index: 3;\n visibility: hidden;\n}\n.rs-table-affix-header.fixed {\n visibility: visible;\n}\n.rs-table-body-row-wrapper {\n position: relative;\n overflow: hidden;\n z-index: 0;\n}\n.rs-table-body-info {\n width: 100%;\n text-align: center;\n top: 50%;\n position: absolute;\n margin-top: -20px;\n line-height: 40px;\n}\n.rs-table-body-info .icon {\n margin: 0 10px;\n}\n.rs-table-body-info-wheel-area {\n width: 100%;\n}\n.rs-table-cell {\n height: 36px;\n border-bottom: 1px solid #eee;\n display: block;\n overflow: hidden;\n position: absolute;\n white-space: normal;\n background: #fff;\n transition: none;\n box-sizing: border-box;\n}\n.rs-table-cell.first {\n border-left-width: 0;\n}\n.rs-table-cell-wrap1 {\n display: table;\n}\n.rs-table-cell-wrap2 {\n display: table-row;\n}\n.rs-table-cell-wrap3 {\n display: table-cell;\n vertical-align: middle;\n}\n.rs-table-cell-content {\n padding: 8px;\n box-sizing: border-box;\n background-color: #ffffff;\n color: #222;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n -ms-text-overflow: ellipsis;\n -o-text-overflow: ellipsis;\n width: 100%;\n}\n.rs-table-cell-header-sortable {\n cursor: pointer;\n}\n.rs-table-cell-header-sort-wrapper {\n display: inline-block;\n}\n.rs-table-cell-full-text:hover {\n overflow: visible;\n z-index: 2 !important;\n width: auto !important;\n box-shadow: inset #3871dc 0px 0px 2px !important;\n}\n.rs-table-cell-full-text:hover .rs-table-cell-content {\n width: auto !important;\n}\n.rs-table-column-resize-spanner {\n height: 36px;\n width: 2px;\n z-index: 3;\n position: absolute;\n cursor: ew-resize !important;\n outline: none;\n}\n.rs-table-column-resize-spanner:hover {\n background-color: #E76458;\n}\n.rs-table-cell-group-fixed-left {\n position: absolute;\n z-index: 4;\n background: #fff;\n}\n.rs-table-cell-group-fixed-right {\n position: absolute;\n z-index: 4;\n background: #fff;\n}\n.rs-table-cell-group-left-shadow {\n box-shadow: 3px 0px 5px rgba(9, 9, 9, 0.08);\n}\n.rs-table-cell-group-shadow,\n.rs-table-cell-group-right-shadow {\n box-shadow: -3px 0px 5px rgba(9, 9, 9, 0.08);\n}\n.rs-table-mouse-area {\n display: none;\n background: #E76458;\n left: -1px;\n top: 0;\n position: absolute;\n width: 2px;\n z-index: 6;\n}\n.rs-table-mouse-area input {\n display: none;\n}\n.rs-table-mouse-area span {\n background: #E76458;\n}\n.rs-table-cell-bordered .rs-table-cell {\n border-right: 1px solid #eee;\n}\n.rs-table-word-wrap .rs-table-cell-content {\n white-space: normal;\n}\n.rs-table-row-expanded {\n position: absolute;\n height: 46px;\n bottom: 0;\n width: 100%;\n z-index: 4;\n border-top: 1px solid #eee;\n padding: 10px;\n background: #f5f5f5;\n}\n.rs-table-loader-wrapper {\n visibility: hidden;\n position: absolute;\n height: 100%;\n width: 100%;\n background-color: rgba(255, 255, 255, 0.9);\n}\n.rs-table-loader {\n width: 100%;\n text-align: center;\n top: 50%;\n position: absolute;\n margin-top: -20px;\n line-height: 40px;\n}\n.rs-table-loader-icon {\n width: 18px;\n height: 18px;\n display: inline-block;\n position: relative;\n margin-right: 12px;\n padding-top: 3px;\n}\n.rs-table-loader-icon::before,\n.rs-table-loader-icon::after {\n width: 18px;\n height: 18px;\n}\n.rs-table-loader-icon::before,\n.rs-table-loader-icon::after {\n content: \"\";\n position: absolute;\n left: 0;\n right: 0;\n display: block;\n border-radius: 50%;\n}\n.rs-table-loader-icon::before {\n border: 3px solid rgba(247, 247, 250, 0.8);\n}\n.rs-table-loader-icon::after {\n border-width: 3px;\n border-style: solid;\n border-color: #a6a6a6 transparent transparent;\n -webkit-animation: loaderSpin 0.6s infinite linear;\n animation: loaderSpin 0.6s infinite linear;\n}\n.rs-table-loading .rs-table-loader-wrapper {\n visibility: visible;\n}\n.rs-table-cell-expand-icon {\n cursor: pointer;\n outline: none;\n}\n.rs-table-cell-expand-wrapper {\n margin-right: 10px;\n display: inline-block;\n cursor: pointer;\n}\n.rs-table-scrollbar {\n background: rgba(45, 45, 45, 0.05);\n position: absolute;\n}\n.rs-table-scrollbar-active {\n background: rgba(45, 45, 45, 0.1);\n}\n.rs-table-scrollbar-hide {\n display: none;\n}\n.rs-table-scrollbar-handle {\n position: absolute;\n background: rgba(45, 45, 45, 0.5);\n border-radius: 4px;\n}\n.rs-table-scrollbar-horizontal {\n width: 100%;\n height: 5px;\n bottom: 2px;\n}\n.rs-table-scrollbar-horizontal.fixed {\n position: fixed;\n}\n.rs-table-scrollbar-horizontal .rs-table-scrollbar-handle {\n height: 8px;\n left: 0px;\n top: 1px;\n}\n.rs-table-scrollbar-horizontal .rs-table-scrollbar-pressed,\n.rs-table-scrollbar-horizontal:hover {\n height: 5px;\n box-shadow: 1px 1px 2px #ddd inset;\n}\n.rs-table-scrollbar-horizontal .rs-table-scrollbar-pressed .rs-table-scrollbar-handle,\n.rs-table-scrollbar-horizontal:hover .rs-table-scrollbar-handle {\n top: 2px;\n height: 5px;\n}\n.rs-table-scrollbar-vertical {\n top: 0;\n right: 0px;\n width: 5px;\n bottom: 2px;\n}\n.rs-table-scrollbar-vertical .rs-table-scrollbar-handle {\n min-height: 20px;\n width: 5px;\n top: 0px;\n left: 1px;\n}\n.rs-table-scrollbar-vertical .rs-table-scrollbar-pressed,\n.rs-table-scrollbar-vertical:hover {\n width: 5px;\n box-shadow: 1px 1px 2px #ddd inset;\n}\n.rs-table-scrollbar-vertical .rs-table-scrollbar-pressed .rs-table-scrollbar-handle,\n.rs-table-scrollbar-vertical:hover .rs-table-scrollbar-handle {\n left: 2px;\n width: 5px;\n}\n.rs-table-column-group {\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n width: 100%;\n}\n.rs-table-column-group-header {\n border-bottom: 1px solid #eee;\n position: absolute;\n width: 100%;\n}\n.rs-table-column-group-header-content {\n display: table-cell;\n padding: 8px;\n}\n.rs-table-column-group-cell {\n position: absolute;\n border-right: 1px solid #eee;\n}\n.qbs-table-custom-pagination {\n display: flex;\n justify-content: space-between;\n padding: 8px 12px;\n min-height: 40px;\n align-items: center;\n border-radius: 0 0 4px 4px;\n border-top: 1px solid #d6d8dc;\n background: #fff;\n}\n.qbs-table-custom-pagination-header {\n border-bottom: 1px solid #eee;\n position: absolute;\n width: 100%;\n}\n.qbs-table-custom-pagination-header-content {\n display: table-cell;\n padding: 8px;\n}\n.qbs-table-custom-pagination .qbs-table-pagination-dropdown {\n width: auto;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px;\n border-radius: 6px;\n border: 1px solid #d6d8dc;\n background: #fff;\n}\n.qbs-table-custom-pagination .qbs-table-icon-container {\n padding: 0;\n cursor: pointer;\n display: flex;\n justify-items: center;\n align-items: center;\n color: black;\n background-color: transparent;\n width: 24px;\n height: 24px;\n border-radius: 4px;\n border: 1px solid #999696;\n}\n.qbs-table-custom-pagination .qbs-table-icon-container:hover {\n color: blue;\n}\n.qbs-table-custom-pagination .qbs-table-icon-container:disabled {\n color: grey;\n cursor: not-allowed;\n}\n.qbs-table-custom-pagination .qbs-table-icon-container svg {\n width: 16px;\n height: 16px;\n margin: 0 auto;\n}\n.qbs-table-custom-pagination .qbs-table-pagination-right-block {\n display: flex;\n align-items: center;\n gap: 12px;\n}\n.qbs-table-custom-pagination .qbs-table-pagination-right-block .block-container {\n display: flex;\n align-items: center;\n gap: 12px;\n}\n.qbs-table-custom-pagination .qbs-table-pagination-right-block .block-container .block-item {\n margin: 0;\n display: flex;\n cursor: pointer;\n align-items: center;\n justify-content: center;\n height: 24px;\n width: 24px;\n padding: 0;\n border-radius: 6px;\n font-size: 13px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px;\n border: 1px solid transparent;\n transition: all 0.2s ease;\n}\n.qbs-table-custom-pagination .qbs-table-pagination-right-block .block-container .block-item:hover {\n border-color: #e76458;\n color: #e76458;\n transition: all 0.2s ease;\n}\n.qbs-table-custom-pagination .qbs-table-pagination-right-block .block-container .block-item:active {\n border-color: #e76458;\n color: #e76458;\n transition: all 0.2s ease;\n}\n.qbs-table-custom-pagination .qbs-table-pagination-right-block .block-container .selected {\n color: #e76458;\n border: 1px solid #e76458;\n transition: all 0.2s ease;\n}\n.qbs-table-pagination-flexBox {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 12px;\n}\n.qbs-table-pagination-flexBox .qbs-table-pagination-text {\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px;\n color: #313131;\n}\n.qbs-table-custom-pagination .qbs-table-pagination-dropdown:focus {\n outline: none;\n}\n.qbs-table .qbs-table-toolbar-container {\n display: flex;\n flex-direction: column;\n gap: 12px;\n}\n.qbs-table .qbs-table-border-wrap {\n border-radius: 0 0 4px 4px;\n border: 1px solid #d6d8dc;\n background: #fff;\n}\n.qbs-table .qbs-table-toolbar {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n.qbs-table .qbs-table-toolbar .end-container {\n display: flex;\n gap: 10px;\n align-items: center;\n}\n.qbs-table .qbs-table-toolbar .end-container .rows-count {\n padding: 0px 10px;\n}\n.qbs-table .qbs-table-toolbar .start-container {\n display: flex;\n gap: 10px;\n}\n.qbs-table .qbs-table-toolbar .qbs-table-primary-filter {\n display: flex;\n}\n.qbs-table .sub-qbs-table-toolbar {\n display: flex;\n gap: 10px;\n}\n.qbs-table .qbs-table-search-container {\n position: relative;\n align-items: center;\n}\n.qbs-table .qbs-table-search-container .input {\n height: 36px;\n border-radius: 4px;\n min-width: 280px;\n padding: 0 8px;\n padding-left: 36px !important;\n line-height: 36px;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n border-radius: 6px;\n border: 1px solid #d6d8dc;\n background: #fff;\n transition: all 0.2s ease;\n}\n.qbs-table .qbs-table-search-container .input:hover {\n outline: none;\n border: 1px solid #d6d8dc;\n background: #fff;\n}\n.qbs-table .qbs-table-search-container .input:focus {\n outline: none;\n border: 1px solid #222;\n background: #fff;\n transition: all 0.2s ease;\n}\n.qbs-table .qbs-table-search-container .search-button {\n position: absolute;\n left: 1px;\n top: 7px;\n display: flex;\n color: #222;\n background-color: transparent;\n}\n.qbs-table .qbs-table-search-container .search-button .icon {\n width: 20px;\n height: 20px;\n}\n.qbs-table .qbs-table-search-container .close-button {\n position: absolute;\n display: flex;\n right: 31px;\n bottom: 5px;\n color: grey;\n background-color: white;\n}\n.qbs-table .qbs-table-search-container .close-button .icon {\n width: 20px;\n height: 20px;\n}\n.qbs-table .popup-content {\n display: none;\n position: absolute;\n background-color: #f9f9f9;\n box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);\n padding: 12px 16px;\n z-index: 1;\n}\n.qbs-table .show {\n display: block !important;\n}\n.qbs-table[data-theme='dark'] {\n background-color: #333333;\n color: #ffffff;\n}\n.rs-table-cell-content[data-theme='dark'] {\n background-color: #333333;\n color: #ffffff;\n}\n/* Dropdown container */\n.qbs-table-menu-dropdown {\n position: relative;\n display: flex;\n width: 100%;\n height: 36px;\n align-items: center;\n justify-content: center;\n}\n/* Button to trigger the qbs-table-menu-dropdown */\n.qbs-table-dropbtn {\n background-color: transparent;\n color: black;\n font-size: 16px;\n border: none;\n cursor: pointer;\n}\n/* Dropdown content (hidden by default) */\n.qbs-table-qbs-table-menu-dropdown-content {\n position: absolute;\n min-width: 75px;\n z-index: 999;\n right: 4px;\n margin-bottom: 0;\n margin-top: 0;\n top: 3px;\n display: flex;\n box-sizing: border-box;\n height: 28px;\n border-radius: 8px;\n border: 1px solid #d6d8dc;\n background: #fff;\n box-shadow: 0px 2px 4px 0px rgba(58, 58, 58, 0.09);\n align-items: center;\n justify-content: flex-end;\n gap: 12px;\n padding: 4px;\n}\n/* Dropdown content items */\n.qbs-table-qbs-table-menu-dropdown-content a {\n padding: 0 !important;\n text-decoration: none;\n display: block;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n color: #212121;\n width: auto;\n cursor: pointer;\n transition: all 0.2s ease;\n height: 18px;\n}\n.qbs-table-qbs-table-menu-dropdown-content a svg {\n width: 18px;\n height: 18px;\n}\n.qbs-table-qbs-table-menu-dropdown-content button.qbs-table-dropbtn {\n margin-right: 8px;\n margin-top: 2px;\n}\n.qbs-table-qbs-table-menu-dropdown-content a:hover {\n color: #e76458;\n background: #f4f4f4;\n transition: all 0.2s ease;\n}\n/* Tooltip container */\n.qbs-table-tooltip {\n position: relative;\n display: contents;\n cursor: pointer;\n}\n.qbs-table-tooltip .tooltiptext {\n visibility: hidden;\n background-color: #000;\n color: #fff;\n text-align: center;\n padding: 6px;\n border-radius: 4px;\n position: absolute;\n z-index: 9999;\n opacity: 0;\n transition: opacity 0.3s;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n width: 100px;\n}\n.qbs-table-tooltip.up .tooltiptext {\n bottom: 125%;\n left: 0%;\n}\n.qbs-table-tooltip.down .tooltiptext {\n top: 125%;\n right: 0px;\n left: auto;\n}\n.qbs-table-tooltip:hover .tooltiptext {\n visibility: visible;\n opacity: 1;\n}\n.qbs-table-tooltip .tooltiptext::after {\n content: '';\n position: absolute;\n border-width: 5px;\n border-style: solid;\n}\n.qbs-table-tooltip.up .tooltiptext::after {\n top: 100%;\n left: 50%;\n margin-left: -5px;\n border-color: #000 transparent transparent transparent;\n}\n.qbs-table-tooltip.down .tooltiptext::after {\n bottom: 100%;\n left: 50%;\n margin-left: -5px;\n border-color: transparent transparent #000 transparent;\n}\n.rs-table-row {\n overflow: visible !important;\n}\n.qbs-table-toolbar-sub-container {\n display: flex;\n gap: 12px;\n padding: 10px 12px;\n border-radius: 4px 4px 0 0;\n border: 1px solid #d6d8dc;\n background: #fff;\n border-bottom: unset;\n}\n.qbs-table-toolbar-sub-container .rows-count {\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px;\n color: #222;\n}\n.qbs-table-toolbar-sub-container.selected-row {\n background: rgba(231, 100, 88, 0.08);\n}\n.qbs-table-toolbar-sub-container-start {\n display: flex;\n gap: 10px;\n align-items: center;\n}\n.qbs-table-column-popup {\n position: fixed;\n padding: 8px;\n z-index: 999;\n right: 10px;\n border-radius: 8px;\n background: #fff;\n box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);\n min-width: 272px;\n gap: 4px;\n display: flex;\n flex-direction: column;\n max-height: 500px;\n}\n.qbs-table-popup-container {\n max-width: 400px;\n overflow-y: auto;\n}\n.qbs-table-container {\n padding: 8px 4px;\n white-space: nowrap;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 8px;\n}\n.qbs-table-columns-container {\n display: flex;\n flex-direction: row-reverse;\n}\n.qbs-table-columns-label {\n display: flex;\n gap: 10px;\n}\n.qbs-table-columns-drag-icon {\n cursor: grab;\n margin-right: 0;\n}\n.qbs-table-column {\n flex: 1;\n}\n.rs-table-cell-header .rs-table-cell-content {\n padding: 8px;\n border-radius: 0px;\n border-right: 0px;\n background: #f4f4f4;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px;\n color: #222;\n}\n.qbs-table .qbs-table-border-wrap .rs-table .rs-table-cell:hover ~ .rs-table-column-resize-spanner,\n.qbs-table .qbs-table-border-wrap .rs-table .rs-table-cell ~ .rs-table-column-resize-spanner:hover {\n background-color: #e76458;\n}\n.qbs-table .qbs-table-border-wrap .rs-table .rs-table-cell:hover ~ .rs-table-column-resize-spanner:before,\n.qbs-table .qbs-table-border-wrap .rs-table .rs-table-cell ~ .rs-table-column-resize-spanner:hover:before {\n border-color: transparent #e76458 transparent transparent;\n}\n.qbs-table .qbs-table-border-wrap .rs-table .rs-table-cell:hover ~ .rs-table-column-resize-spanner:after,\n.qbs-table .qbs-table-border-wrap .rs-table .rs-table-cell ~ .rs-table-column-resize-spanner:hover:after {\n border-color: transparent transparent transparent #e76458;\n}\n.qbs-table-checkbox {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.qbs-table-checkbox .qbs-table-checkbox-input {\n opacity: 0;\n}\n.qbs-table-checkbox .qbs-table-checkbox-input ~ label {\n position: absolute;\n border-radius: 3px;\n border: 1px solid #999696;\n width: 20px;\n height: 20px;\n top: 7px;\n transition: all 0.2s ease;\n cursor: pointer;\n}\n.qbs-table-checkbox .qbs-table-checkbox-input ~ label svg {\n opacity: 0;\n transition: all 0.2s ease;\n position: absolute;\n left: 5px;\n top: 5px;\n width: 9px;\n height: 9px;\n}\n.qbs-table-checkbox .qbs-table-checkbox-input:checked ~ label {\n transition: all 0.2s ease;\n border-radius: 3px;\n background: #e76458;\n border-color: #e76458;\n}\n.qbs-table-checkbox .qbs-table-checkbox-input:checked ~ label svg {\n opacity: 1;\n transition: all 0.2s ease;\n}\n.qbs-checkbox-border-none .rs-table-cell-content {\n border-right: unset;\n}\n.qbs-table-popup-item {\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n.qbs-table-popup-item .qbs-table-popup-label {\n padding: 4px;\n font-size: 12px;\n font-style: normal;\n font-weight: 600;\n line-height: 16px;\n color: #585858;\n}\n.qbs-table-popup-item .qbs-table-popup-value {\n padding: 8px;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px;\n color: #222;\n}\n.qbs-table-divider {\n width: 100%;\n background: #d6d8dc;\n display: flex;\n min-height: 1px;\n}\n.qbs-table-checkbox.qbs-table-custom-checkbox .qbs-table-checkbox-input ~ label {\n top: -2px;\n}\n.qbs-table-container .qbs-table-popup-value {\n padding: 0;\n flex: 1;\n margin-left: 8px;\n transition: all 0.2s ease;\n}\n.qbs-table-container:hover .qbs-table-popup-value,\n.qbs-table-container:hover .qbs-table-popup-label {\n transition: all 0.2s ease;\n color: #e76458;\n}\n.qbs-table-container .qbs-table-popup-label {\n padding: 0;\n flex: 1;\n margin-left: 8px;\n transition: all 0.2s ease;\n}\n.qbs-table-reset-link {\n padding: 8px;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px;\n color: #c63a3a;\n}\n.qbs-table-reset-link:hover {\n color: #c63a3a;\n text-decoration: none;\n}\n.selected-row-action {\n display: flex;\n gap: 10px;\n}\n.selected-row-action .btn {\n background-color: transparent;\n font-weight: 600;\n padding: 4px;\n}\n.qbs-table-row-link {\n text-decoration: none;\n cursor: pointer;\n}\n.qbs-table-row-link:hover {\n text-decoration: none;\n}\n.rs-table-column-group-header-content {\n text-align: center;\n}\n.rs-table-cell-content {\n vertical-align: center !important;\n display: table-cell;\n}\n.row-status:hover .row-status-tooltip {\n display: block;\n}\n.row-status-tooltip {\n display: none;\n position: fixed;\n width: auto;\n height: auto;\n max-width: 300px;\n max-height: 200px;\n padding: 10px;\n border-radius: 8px;\n border: 1px solid #d6d8dc;\n background: #fff;\n box-shadow: 0px 2px 4px 0px rgba(58, 58, 58, 0.15);\n}\n.row-status-tooltip.bottom-position {\n top: 100%;\n}\n.row-status-tooltip.top-position {\n bottom: 100%;\n}\n.dots-container {\n display: flex;\n padding: 10px;\n}\n.dot {\n height: 20px;\n width: 20px;\n margin-right: 10px;\n border-radius: 10px;\n background-color: #b3d4fc;\n -webkit-animation: pulse 1.5s infinite ease-in-out;\n animation: pulse 1.5s infinite ease-in-out;\n}\n.dot:last-child {\n margin-right: 0;\n}\n.dot:nth-child(1) {\n -webkit-animation-delay: -0.3s;\n animation-delay: -0.3s;\n}\n.dot:nth-child(2) {\n -webkit-animation-delay: -0.1s;\n animation-delay: -0.1s;\n}\n.dot:nth-child(3) {\n -webkit-animation-delay: 0.1s;\n animation-delay: 0.1s;\n}\n@-webkit-keyframes pulse {\n 0% {\n -webkit-transform: scale(0.8);\n transform: scale(0.8);\n background-color: #b3d4fc;\n box-shadow: 0 0 0 0 rgba(178, 212, 252, 0.7);\n }\n 50% {\n -webkit-transform: scale(1.2);\n transform: scale(1.2);\n background-color: #6793fb;\n box-shadow: 0 0 0 10px rgba(178, 212, 252, 0);\n }\n 100% {\n -webkit-transform: scale(0.8);\n transform: scale(0.8);\n background-color: #b3d4fc;\n box-shadow: 0 0 0 0 rgba(178, 212, 252, 0.7);\n }\n}\n@keyframes pulse {\n 0% {\n -webkit-transform: scale(0.8);\n transform: scale(0.8);\n background-color: #b3d4fc;\n box-shadow: 0 0 0 0 rgba(178, 212, 252, 0.7);\n }\n 50% {\n -webkit-transform: scale(1.2);\n transform: scale(1.2);\n background-color: #6793fb;\n box-shadow: 0 0 0 10px rgba(178, 212, 252, 0);\n }\n 100% {\n -webkit-transform: scale(0.8);\n transform: scale(0.8);\n background-color: #b3d4fc;\n box-shadow: 0 0 0 0 rgba(178, 212, 252, 0.7);\n }\n}\n.skeleton-table {\n width: 100%;\n padding: 10px;\n}\n.skeleton-row {\n display: flex;\n margin-bottom: 10px;\n}\n.skeleton-cell {\n flex: 1;\n height: 10px;\n /* Adjust as needed */\n background: #d9dbdd;\n border-radius: 4px;\n width: 50px;\n margin-right: 10px !important;\n -webkit-animation: loading 1.5s infinite;\n animation: loading 1.5s infinite;\n}\n.skeleton-row:last-child .skeleton-cell {\n margin-right: 0;\n}\n@-webkit-keyframes loading {\n 0% {\n background-color: #e7ecf4;\n }\n 50% {\n background-color: #d9dbdd;\n }\n 100% {\n background-color: #e7ecf4;\n }\n}\n@keyframes loading {\n 0% {\n background-color: #e7ecf4;\n }\n 50% {\n background-color: #d9dbdd;\n }\n 100% {\n background-color: #e7ecf4;\n }\n}\n.skeleton-divider {\n height: 5px;\n margin: 10px;\n}\n\n/*# sourceMappingURL=index.css.map */\n"]}
1
+ {"version":3,"sources":["qbs-react-grid.css"],"names":[],"mappings":"AAAA,8BACE,GACE,4BAA6B,AACrB,mBAAqB,CAC9B,AACD,GACE,gCAAkC,AAC1B,uBAA0B,CACnC,CACF,AACD,sBACE,GACE,4BAA6B,AACrB,mBAAqB,CAC9B,AACD,GACE,gCAAkC,AAC1B,uBAA0B,CACnC,CACF,AACD,UACE,kBAAmB,AACnB,gBAAiB,AACjB,gBAAmB,AACnB,qBAA0B,CAC3B,AACD,0BACE,iBAAkB,AAClB,yBAA0B,AAC1B,sBAAuB,AACvB,qBAAsB,AACtB,gBAAkB,CACnB,AACD,mBACE,qBAAuB,CACxB,AACD,cACE,gBAAiB,AACjB,kBAAmB,AACnB,WAAY,AACZ,MAAO,AACP,gBAAiB,AACjB,4BAA8B,CAC/B,AAOD,iOACE,eAAiB,CAClB,AAID,yDACE,kBAAoB,CACrB,AACD,iDACE,qCAA0C,AAC1C,SAAW,CACZ,AACD,6BACE,UAAW,AACX,iBAAmB,CACpB,AACD,uBACE,UAAW,AACX,iBAAmB,CACpB,AACD,6BACE,kBAAoB,CACrB,AACD,2BACE,kBAAmB,AACnB,gBAAiB,AACjB,SAAW,CACZ,AACD,oBACE,WAAY,AACZ,kBAAmB,AACnB,QAAS,AACT,kBAAmB,AACnB,iBAAkB,AAClB,gBAAkB,CACnB,AACD,0BACE,aAAe,CAChB,AACD,+BACE,UAAY,CACb,AACD,eACE,YAAa,AACb,6BAA8B,AAC9B,cAAe,AACf,gBAAiB,AACjB,kBAAmB,AACnB,mBAAoB,AACpB,gBAAiB,AACjB,gBAAiB,AACjB,qBAAuB,CACxB,AACD,qBACE,mBAAqB,CACtB,AACD,qBACE,aAAe,CAChB,AACD,qBACE,iBAAmB,CACpB,AACD,qBACE,mBAAoB,AACpB,qBAAuB,CACxB,AACD,uBACE,YAAa,AACb,sBAAuB,AACvB,sBAA0B,AAC1B,WAAY,AACZ,eAAgB,AAChB,kBAAmB,AACnB,gBAAiB,AACjB,iBAAkB,AAClB,gBAAiB,AACjB,mBAAoB,AACpB,uBAAwB,AACxB,2BAA4B,AAC5B,0BAA2B,AAC3B,UAAY,CACb,AACD,+BACE,cAAgB,CACjB,AACD,mCACE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ACnB,SAAU,AACV,QAAS,AACT,UAAW,AACX,UAAY,CACb,AACD,4DACE,wBAA0B,AAC1B,kBAAmB,AACnB,mBAAoB,AACpB,oBAAsB,CACvB,AACD,gEACE,UAAW,AACX,uBAA0B,CAC3B,AACD,iDACE,kBAAoB,CACrB,AACD,sBACE,aAAc,AACd,sBAAuB,AACvB,OAAS,CACV,AACD,6CACE,YAAa,AACb,eAAgB,AAChB,kBAAmB,AACnB,gBAAiB,AACjB,iBAAkB,AAClB,aAAe,CAChB,AACD,6CACE,YAAa,AACb,eAAgB,AAChB,kBAAmB,AACnB,gBAAiB,AACjB,iBAAkB,AAClB,UAAY,CACb,AACD,mBACE,WAAY,AACZ,mBAAoB,AACpB,aAAc,AACd,cAAgB,CACjB,AACD,8EACE,QAAU,CACX,AACD,4CACE,UAAW,AACX,OAAQ,AACR,gBAAiB,AACjB,uBAA0B,CAC3B,AACD,oGAEE,wBAA0B,AAC1B,aAAe,CAChB,AACD,4CACE,UAAW,AACX,OAAQ,AACR,gBAAiB,AACjB,uBAA0B,CAC3B,AACD,sBACE,YAAa,AACb,eAAgB,AAChB,kBAAmB,AACnB,gBAAiB,AACjB,iBAAkB,AAClB,aAAe,CAChB,AACD,4BACE,cAAe,AACf,oBAAsB,CACvB,AACD,qBACE,aAAc,AACd,QAAU,CACX,AACD,0BACE,6BAA8B,AAC9B,gBAAiB,AACjB,WAAa,CACd,AACD,oBAEE,cAAgB,CACjB,AACD,8CAHE,oBAAsB,CAKvB,AACD,sCACE,iBAAmB,CACpB,AACD,uBACE,gCAAkC,AAClC,kBAAoB,CACrB,AACD,sCACE,aAAe,CAChB,AACD,oBACE,aAAc,AACd,eAAgB,AAChB,WAAY,AACZ,YAAa,AACb,gBAAiB,AACjB,iBAAkB,AAClB,aAAc,AACd,kBAAmB,AACnB,yBAA0B,AAC1B,gBAAiB,AACjB,yCAAmD,CACpD,AACD,oCACE,QAAU,CACX,AACD,iCACE,WAAa,CACd,AACD,gBACE,aAAc,AACd,YAAc,CACf,AACD,KACE,YAAa,AACb,WAAY,AACZ,kBAAmB,AACnB,mBAAoB,AACpB,yBAA0B,AAC1B,kDAAmD,AAC3C,yCAA2C,CACpD,AACD,gBACE,cAAgB,CACjB,AACD,iBACE,6BAA+B,AACvB,oBAAuB,CAChC,AACD,kBACE,6BAA+B,AACvB,oBAAuB,CAChC,AACD,kBACE,4BAA8B,AACtB,mBAAsB,CAC/B,AACD,yBACE,GACE,4BAA8B,AACtB,oBAAsB,AAC9B,yBAA0B,AAC1B,uCAA6C,CAC9C,AACD,IACE,6BAA8B,AACtB,qBAAsB,AAC9B,yBAA0B,AAC1B,yCAA8C,CAC/C,AACD,GACE,4BAA8B,AACtB,oBAAsB,AAC9B,yBAA0B,AAC1B,uCAA6C,CAC9C,CACF,AACD,iBACE,GACE,4BAA8B,AACtB,oBAAsB,AAC9B,yBAA0B,AAC1B,uCAA6C,CAC9C,AACD,IACE,6BAA8B,AACtB,qBAAsB,AAC9B,yBAA0B,AAC1B,yCAA8C,CAC/C,AACD,GACE,4BAA8B,AACtB,oBAAsB,AAC9B,yBAA0B,AAC1B,uCAA6C,CAC9C,CACF,AACD,gBACE,WAAY,AACZ,YAAc,CACf,AACD,cACE,aAAc,AACd,kBAAoB,CACrB,AACD,eACE,OAAQ,AACR,YAAa,AAEb,mBAAoB,AACpB,kBAAmB,AACnB,WAAY,AACZ,4BAA8B,AAC9B,wCAAyC,AACjC,+BAAiC,CAC1C,AACD,wCACE,cAAgB,CACjB,AACD,2BACE,GACE,wBAA0B,CAC3B,AACD,IACE,wBAA0B,CAC3B,AACD,GACE,wBAA0B,CAC3B,CACF,AACD,mBACE,GACE,wBAA0B,CAC3B,AACD,IACE,wBAA0B,CAC3B,AACD,GACE,wBAA0B,CAC3B,CACF,AACD,kBACE,WAAY,AACZ,WAAa,CACd","file":"qbs-react-grid.min.css","sourcesContent":["@-webkit-keyframes loaderSpin {\n from {\n -webkit-transform: rotate(0);\n transform: rotate(0);\n }\n to {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n@keyframes loaderSpin {\n from {\n -webkit-transform: rotate(0);\n transform: rotate(0);\n }\n to {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n.rs-table {\n position: relative;\n overflow: hidden;\n border-radius: 0px;\n background-color: #ffffff;\n}\n.rs-table-column-resizing {\n cursor: ew-resize;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.rs-table-bordered {\n border: 1px solid #eee;\n}\n.rs-table-row {\n overflow: hidden;\n position: absolute;\n width: 100%;\n top: 0;\n transition: none;\n border-bottom: 1px solid #eee;\n}\n.rs-table-hover .rs-table-body-row-wrapper .rs-table-row:hover {\n background: #fff;\n}\n.rs-table-hover .rs-table-body-row-wrapper .rs-table-row:hover .rs-table-cell-group {\n background: #fff;\n}\n.rs-table-hover .rs-table-body-row-wrapper .rs-table-row:hover .rs-table-cell {\n background: #fff;\n}\n.rs-table-row-header {\n background: #f4f4f4;\n}\n.rs-table-row-header .rs-table-cell {\n background: #f4f4f4;\n}\n.rs-table-row-header .rs-table-cell-group-shadow {\n box-shadow: 0 2px 3px rgba(0, 0, 0, 0.28);\n z-index: 5;\n}\n.rs-table-header-row-wrapper {\n z-index: 2;\n position: relative;\n}\n.rs-table-affix-header {\n z-index: 3;\n visibility: hidden;\n}\n.rs-table-affix-header.fixed {\n visibility: visible;\n}\n.rs-table-body-row-wrapper {\n position: relative;\n overflow: hidden;\n z-index: 0;\n}\n.rs-table-body-info {\n width: 100%;\n text-align: center;\n top: 50%;\n position: absolute;\n margin-top: -20px;\n line-height: 40px;\n}\n.rs-table-body-info .icon {\n margin: 0 10px;\n}\n.rs-table-body-info-wheel-area {\n width: 100%;\n}\n.rs-table-cell {\n height: 36px;\n border-bottom: 1px solid #eee;\n display: block;\n overflow: hidden;\n position: absolute;\n white-space: normal;\n background: #fff;\n transition: none;\n box-sizing: border-box;\n}\n.rs-table-cell.first {\n border-left-width: 0;\n}\n.rs-table-cell-wrap1 {\n display: table;\n}\n.rs-table-cell-wrap2 {\n display: table-row;\n}\n.rs-table-cell-wrap3 {\n display: table-cell;\n vertical-align: middle;\n}\n.rs-table-cell-content {\n padding: 8px;\n box-sizing: border-box;\n background-color: #ffffff;\n color: #222;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n -ms-text-overflow: ellipsis;\n -o-text-overflow: ellipsis;\n width: 100%;\n}\n.rs-table-cell-header-sortable {\n cursor: pointer;\n}\n.rs-table-cell-header-sort-wrapper {\n display: inline-block;\n}\n.rs-table-cell-full-text:hover {\n overflow: visible;\n z-index: 2 !important;\n width: auto !important;\n box-shadow: inset #3871dc 0px 0px 2px !important;\n}\n.rs-table-cell-full-text:hover .rs-table-cell-content {\n width: auto !important;\n}\n.rs-table-column-resize-spanner {\n height: 36px;\n width: 2px;\n z-index: 3;\n position: absolute;\n cursor: ew-resize !important;\n outline: none;\n}\n.rs-table-column-resize-spanner:hover {\n background-color: #E76458;\n}\n.rs-table-cell-group-fixed-left {\n position: absolute;\n z-index: 4;\n background: #fff;\n}\n.rs-table-cell-group-fixed-right {\n position: absolute;\n z-index: 4;\n background: #fff;\n}\n.rs-table-cell-group-left-shadow {\n box-shadow: 3px 0px 5px rgba(9, 9, 9, 0.08);\n}\n.rs-table-cell-group-shadow,\n.rs-table-cell-group-right-shadow {\n box-shadow: -3px 0px 5px rgba(9, 9, 9, 0.08);\n}\n.rs-table-mouse-area {\n display: none;\n background: #E76458;\n left: -1px;\n top: 0;\n position: absolute;\n width: 2px;\n z-index: 6;\n}\n.rs-table-mouse-area input {\n display: none;\n}\n.rs-table-mouse-area span {\n background: #E76458;\n}\n.rs-table-cell-bordered .rs-table-cell {\n border-right: 1px solid #eee;\n}\n.rs-table-word-wrap .rs-table-cell-content {\n white-space: normal;\n}\n.rs-table-row-expanded {\n position: absolute;\n height: 46px;\n bottom: 0;\n width: 100%;\n z-index: 4;\n border-top: 1px solid #eee;\n padding: 10px;\n background: #f5f5f5;\n}\n.rs-table-loader-wrapper {\n visibility: hidden;\n position: absolute;\n height: 100%;\n width: 100%;\n background-color: rgba(255, 255, 255, 0.9);\n}\n.rs-table-loader {\n width: 100%;\n text-align: center;\n top: 50%;\n position: absolute;\n margin-top: -20px;\n line-height: 40px;\n}\n.rs-table-loader-icon {\n width: 18px;\n height: 18px;\n display: inline-block;\n position: relative;\n margin-right: 12px;\n padding-top: 3px;\n}\n.rs-table-loader-icon::before,\n.rs-table-loader-icon::after {\n width: 18px;\n height: 18px;\n}\n.rs-table-loader-icon::before,\n.rs-table-loader-icon::after {\n content: \"\";\n position: absolute;\n left: 0;\n right: 0;\n display: block;\n border-radius: 50%;\n}\n.rs-table-loader-icon::before {\n border: 3px solid rgba(247, 247, 250, 0.8);\n}\n.rs-table-loader-icon::after {\n border-width: 3px;\n border-style: solid;\n border-color: #a6a6a6 transparent transparent;\n -webkit-animation: loaderSpin 0.6s infinite linear;\n animation: loaderSpin 0.6s infinite linear;\n}\n.rs-table-loading .rs-table-loader-wrapper {\n visibility: visible;\n}\n.rs-table-cell-expand-icon {\n cursor: pointer;\n outline: none;\n}\n.rs-table-cell-expand-wrapper {\n margin-right: 10px;\n display: inline-block;\n cursor: pointer;\n}\n.rs-table-scrollbar {\n background: rgba(45, 45, 45, 0.05);\n position: absolute;\n}\n.rs-table-scrollbar-active {\n background: rgba(45, 45, 45, 0.1);\n}\n.rs-table-scrollbar-hide {\n display: none;\n}\n.rs-table-scrollbar-handle {\n position: absolute;\n background: rgba(45, 45, 45, 0.5);\n border-radius: 4px;\n}\n.rs-table-scrollbar-horizontal {\n width: 100%;\n height: 5px;\n bottom: 2px;\n}\n.rs-table-scrollbar-horizontal.fixed {\n position: fixed;\n}\n.rs-table-scrollbar-horizontal .rs-table-scrollbar-handle {\n height: 8px;\n left: 0px;\n top: 1px;\n}\n.rs-table-scrollbar-horizontal .rs-table-scrollbar-pressed,\n.rs-table-scrollbar-horizontal:hover {\n height: 5px;\n box-shadow: 1px 1px 2px #ddd inset;\n}\n.rs-table-scrollbar-horizontal .rs-table-scrollbar-pressed .rs-table-scrollbar-handle,\n.rs-table-scrollbar-horizontal:hover .rs-table-scrollbar-handle {\n top: 2px;\n height: 5px;\n}\n.rs-table-scrollbar-vertical {\n top: 0;\n right: 0px;\n width: 5px;\n bottom: 2px;\n}\n.rs-table-scrollbar-vertical .rs-table-scrollbar-handle {\n min-height: 20px;\n width: 5px;\n top: 0px;\n left: 1px;\n}\n.rs-table-scrollbar-vertical .rs-table-scrollbar-pressed,\n.rs-table-scrollbar-vertical:hover {\n width: 5px;\n box-shadow: 1px 1px 2px #ddd inset;\n}\n.rs-table-scrollbar-vertical .rs-table-scrollbar-pressed .rs-table-scrollbar-handle,\n.rs-table-scrollbar-vertical:hover .rs-table-scrollbar-handle {\n left: 2px;\n width: 5px;\n}\n.rs-table-column-group {\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n width: 100%;\n}\n.rs-table-column-group-header {\n border-bottom: 1px solid #eee;\n position: absolute;\n width: 100%;\n}\n.rs-table-column-group-header-content {\n display: table-cell;\n padding: 8px;\n}\n.rs-table-column-group-cell {\n position: absolute;\n border-right: 1px solid #eee;\n}\n.qbs-table-custom-pagination {\n display: flex;\n justify-content: space-between;\n padding: 8px 12px;\n min-height: 40px;\n align-items: center;\n border-radius: 0 0 4px 4px;\n border-top: 1px solid #d6d8dc;\n background: #fff;\n}\n.qbs-table-custom-pagination-header {\n border-bottom: 1px solid #eee;\n position: absolute;\n width: 100%;\n}\n.qbs-table-custom-pagination-header-content {\n display: table-cell;\n padding: 8px;\n}\n.qbs-table-custom-pagination .qbs-table-pagination-dropdown {\n width: auto;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px;\n border-radius: 6px;\n border: 1px solid #d6d8dc;\n background: #fff;\n}\n.qbs-table-custom-pagination .qbs-table-icon-container {\n padding: 0;\n cursor: pointer;\n display: flex;\n justify-items: center;\n align-items: center;\n color: black;\n background-color: transparent;\n width: 24px;\n height: 24px;\n border-radius: 4px;\n border: 1px solid #999696;\n}\n.qbs-table-custom-pagination .qbs-table-icon-container:hover {\n color: blue;\n}\n.qbs-table-custom-pagination .qbs-table-icon-container:disabled {\n color: grey;\n cursor: not-allowed;\n}\n.qbs-table-custom-pagination .qbs-table-icon-container svg {\n width: 16px;\n height: 16px;\n margin: 0 auto;\n}\n.qbs-table-custom-pagination .qbs-table-pagination-right-block {\n display: flex;\n align-items: center;\n gap: 12px;\n}\n.qbs-table-custom-pagination .qbs-table-pagination-right-block .block-container {\n display: flex;\n align-items: center;\n gap: 12px;\n}\n.qbs-table-custom-pagination .qbs-table-pagination-right-block .block-container .block-item {\n margin: 0;\n display: flex;\n cursor: pointer;\n align-items: center;\n justify-content: center;\n height: 24px;\n width: 24px;\n padding: 0;\n border-radius: 6px;\n font-size: 13px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px;\n border: 1px solid transparent;\n transition: all 0.2s ease;\n}\n.qbs-table-custom-pagination .qbs-table-pagination-right-block .block-container .block-item:hover {\n border-color: #e76458;\n color: #e76458;\n transition: all 0.2s ease;\n}\n.qbs-table-custom-pagination .qbs-table-pagination-right-block .block-container .block-item:active {\n border-color: #e76458;\n color: #e76458;\n transition: all 0.2s ease;\n}\n.qbs-table-custom-pagination .qbs-table-pagination-right-block .block-container .selected {\n color: #e76458;\n border: 1px solid #e76458;\n transition: all 0.2s ease;\n}\n.qbs-table-pagination-flexBox {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 12px;\n}\n.qbs-table-pagination-flexBox .qbs-table-pagination-text {\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px;\n color: #313131;\n}\n.qbs-table-custom-pagination .qbs-table-pagination-dropdown:focus {\n outline: none;\n}\n.qbs-table .qbs-table-toolbar-container {\n display: flex;\n flex-direction: column;\n gap: 12px;\n}\n.qbs-table .qbs-table-border-wrap {\n border-radius: 0 0 4px 4px;\n border: 1px solid #d6d8dc;\n background: #fff;\n}\n.qbs-table .qbs-table-toolbar {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n.qbs-table .qbs-table-toolbar .end-container {\n display: flex;\n gap: 10px;\n align-items: center;\n}\n.qbs-table .qbs-table-toolbar .end-container .rows-count {\n padding: 0px 10px;\n}\n.qbs-table .qbs-table-toolbar .start-container {\n display: flex;\n gap: 10px;\n}\n.qbs-table .qbs-table-toolbar .qbs-table-primary-filter {\n display: flex;\n gap: 12px;\n}\n.qbs-table .sub-qbs-table-toolbar {\n display: flex;\n gap: 10px;\n}\n.qbs-table .qbs-table-search-container {\n position: relative;\n align-items: center;\n}\n.qbs-table .qbs-table-search-container .input {\n height: 36px;\n border-radius: 4px;\n min-width: 280px;\n padding: 0 8px;\n padding-left: 36px !important;\n line-height: 36px;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n border-radius: 6px;\n border: 1px solid #d6d8dc;\n background: #fff;\n transition: all 0.2s ease;\n}\n.qbs-table .qbs-table-search-container .input:hover {\n outline: none;\n border: 1px solid #d6d8dc;\n background: #fff;\n}\n.qbs-table .qbs-table-search-container .input:focus {\n outline: none;\n border: 1px solid #222;\n background: #fff;\n transition: all 0.2s ease;\n}\n.qbs-table .qbs-table-search-container .search-button {\n position: absolute;\n left: 1px;\n top: 7px;\n display: flex;\n color: #222;\n background-color: transparent;\n}\n.qbs-table .qbs-table-search-container .search-button .icon {\n width: 20px;\n height: 20px;\n}\n.qbs-table .qbs-table-search-container .close-button {\n position: absolute;\n display: flex;\n right: 31px;\n bottom: 5px;\n color: grey;\n background-color: white;\n}\n.qbs-table .qbs-table-search-container .close-button .icon {\n width: 20px;\n height: 20px;\n}\n.qbs-table .popup-content {\n display: none;\n position: absolute;\n background-color: #f9f9f9;\n box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);\n padding: 12px 16px;\n z-index: 1;\n}\n.qbs-table .show {\n display: block !important;\n}\n.qbs-table[data-theme='dark'] {\n background-color: #333333;\n color: #ffffff;\n}\n.rs-table-cell-content[data-theme='dark'] {\n background-color: #333333;\n color: #ffffff;\n}\n/* Dropdown container */\n.qbs-table-menu-dropdown {\n position: relative;\n display: flex;\n width: 100%;\n height: 36px;\n align-items: center;\n justify-content: center;\n}\n/* Button to trigger the qbs-table-menu-dropdown */\n.qbs-table-dropbtn {\n background-color: transparent;\n color: black;\n font-size: 16px;\n border: none;\n cursor: pointer;\n}\n/* Dropdown content (hidden by default) */\n.qbs-table-qbs-table-menu-dropdown-content {\n position: absolute;\n min-width: 75px;\n z-index: 999;\n right: 4px;\n margin-bottom: 0;\n margin-top: 0;\n top: 3px;\n display: flex;\n box-sizing: border-box;\n height: 28px;\n border-radius: 8px;\n border: 1px solid #d6d8dc;\n background: #fff;\n box-shadow: 0px 2px 4px 0px rgba(58, 58, 58, 0.09);\n align-items: center;\n justify-content: flex-end;\n gap: 12px;\n padding: 4px;\n}\n/* Dropdown content items */\n.qbs-table-qbs-table-menu-dropdown-content a {\n padding: 0 !important;\n text-decoration: none;\n display: block;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n color: #212121;\n width: auto;\n cursor: pointer;\n transition: all 0.2s ease;\n height: 18px;\n}\n.qbs-table-qbs-table-menu-dropdown-content a svg {\n width: 18px;\n height: 18px;\n}\n.qbs-table-qbs-table-menu-dropdown-content button.qbs-table-dropbtn {\n margin-right: 8px;\n margin-top: 2px;\n}\n.qbs-table-qbs-table-menu-dropdown-content a:hover {\n color: #e76458;\n background: #f4f4f4;\n transition: all 0.2s ease;\n}\n/* Tooltip container */\n.qbs-table-tooltip {\n position: relative;\n display: contents;\n cursor: pointer;\n}\n.qbs-table-tooltip .tooltiptext {\n visibility: hidden;\n background-color: #000;\n color: #fff;\n text-align: center;\n padding: 6px;\n border-radius: 4px;\n position: absolute;\n z-index: 9999;\n opacity: 0;\n transition: opacity 0.3s;\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n width: 100px;\n}\n.qbs-table-tooltip.up .tooltiptext {\n bottom: 125%;\n left: 0%;\n}\n.qbs-table-tooltip.down .tooltiptext {\n top: 125%;\n right: 0px;\n left: auto;\n}\n.qbs-table-tooltip:hover .tooltiptext {\n visibility: visible;\n opacity: 1;\n}\n.qbs-table-tooltip .tooltiptext::after {\n content: '';\n position: absolute;\n border-width: 5px;\n border-style: solid;\n}\n.qbs-table-tooltip.up .tooltiptext::after {\n top: 100%;\n left: 50%;\n margin-left: -5px;\n border-color: #000 transparent transparent transparent;\n}\n.qbs-table-tooltip.down .tooltiptext::after {\n bottom: 100%;\n left: 50%;\n margin-left: -5px;\n border-color: transparent transparent #000 transparent;\n}\n.rs-table-row {\n overflow: visible !important;\n}\n.qbs-table-toolbar-sub-container {\n display: flex;\n gap: 12px;\n padding: 10px 12px;\n border-radius: 4px 4px 0 0;\n border: 1px solid #d6d8dc;\n background: #fff;\n border-bottom: unset;\n}\n.qbs-table-toolbar-sub-container .rows-count {\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px;\n color: #222;\n}\n.qbs-table-toolbar-sub-container.selected-row {\n background: rgba(231, 100, 88, 0.08);\n}\n.qbs-table-toolbar-sub-container-start {\n display: flex;\n gap: 10px;\n align-items: center;\n}\n.qbs-table-column-popup {\n position: fixed;\n padding: 8px;\n z-index: 999;\n right: 10px;\n border-radius: 8px;\n background: #fff;\n box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);\n min-width: 272px;\n gap: 4px;\n display: flex;\n flex-direction: column;\n max-height: 500px;\n}\n.qbs-table-popup-container {\n max-width: 400px;\n overflow-y: auto;\n}\n.qbs-table-container {\n padding: 8px 4px;\n white-space: nowrap;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 8px;\n}\n.qbs-table-columns-container {\n display: flex;\n flex-direction: row-reverse;\n}\n.qbs-table-columns-label {\n display: flex;\n gap: 10px;\n}\n.qbs-table-columns-drag-icon {\n cursor: grab;\n margin-right: 0;\n}\n.qbs-table-column {\n flex: 1;\n}\n.rs-table-cell-header .rs-table-cell-content {\n padding: 8px;\n border-radius: 0px;\n border-right: 0px;\n background: #f4f4f4;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px;\n color: #222;\n}\n.qbs-table .qbs-table-border-wrap .rs-table .rs-table-cell:hover ~ .rs-table-column-resize-spanner,\n.qbs-table .qbs-table-border-wrap .rs-table .rs-table-cell ~ .rs-table-column-resize-spanner:hover {\n background-color: #e76458;\n}\n.qbs-table .qbs-table-border-wrap .rs-table .rs-table-cell:hover ~ .rs-table-column-resize-spanner:before,\n.qbs-table .qbs-table-border-wrap .rs-table .rs-table-cell ~ .rs-table-column-resize-spanner:hover:before {\n border-color: transparent #e76458 transparent transparent;\n}\n.qbs-table .qbs-table-border-wrap .rs-table .rs-table-cell:hover ~ .rs-table-column-resize-spanner:after,\n.qbs-table .qbs-table-border-wrap .rs-table .rs-table-cell ~ .rs-table-column-resize-spanner:hover:after {\n border-color: transparent transparent transparent #e76458;\n}\n.qbs-table-checkbox {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.qbs-table-checkbox .qbs-table-checkbox-input {\n opacity: 0;\n}\n.qbs-table-checkbox .qbs-table-checkbox-input ~ label {\n position: absolute;\n border-radius: 3px;\n border: 1px solid #999696;\n width: 20px;\n height: 20px;\n top: 7px;\n transition: all 0.2s ease;\n cursor: pointer;\n}\n.qbs-table-checkbox .qbs-table-checkbox-input ~ label svg {\n opacity: 0;\n transition: all 0.2s ease;\n position: absolute;\n left: 5px;\n top: 5px;\n width: 9px;\n height: 9px;\n}\n.qbs-table-checkbox .qbs-table-checkbox-input:checked ~ label {\n transition: all 0.2s ease;\n border-radius: 3px;\n background: #e76458;\n border-color: #e76458;\n}\n.qbs-table-checkbox .qbs-table-checkbox-input:checked ~ label svg {\n opacity: 1;\n transition: all 0.2s ease;\n}\n.qbs-checkbox-border-none .rs-table-cell-content {\n border-right: unset;\n}\n.qbs-table-popup-item {\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n.qbs-table-popup-item .qbs-table-popup-label {\n padding: 4px;\n font-size: 12px;\n font-style: normal;\n font-weight: 600;\n line-height: 16px;\n color: #585858;\n}\n.qbs-table-popup-item .qbs-table-popup-value {\n padding: 8px;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px;\n color: #222;\n}\n.qbs-table-divider {\n width: 100%;\n background: #d6d8dc;\n display: flex;\n min-height: 1px;\n}\n.qbs-table-checkbox.qbs-table-custom-checkbox .qbs-table-checkbox-input ~ label {\n top: -2px;\n}\n.qbs-table-container .qbs-table-popup-value {\n padding: 0;\n flex: 1;\n margin-left: 8px;\n transition: all 0.2s ease;\n}\n.qbs-table-container:hover .qbs-table-popup-value,\n.qbs-table-container:hover .qbs-table-popup-label {\n transition: all 0.2s ease;\n color: #e76458;\n}\n.qbs-table-container .qbs-table-popup-label {\n padding: 0;\n flex: 1;\n margin-left: 8px;\n transition: all 0.2s ease;\n}\n.qbs-table-reset-link {\n padding: 8px;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px;\n color: #c63a3a;\n}\n.qbs-table-reset-link:hover {\n color: #c63a3a;\n text-decoration: none;\n}\n.selected-row-action {\n display: flex;\n gap: 10px;\n}\n.selected-row-action .btn {\n background-color: transparent;\n font-weight: 600;\n padding: 4px;\n}\n.qbs-table-row-link {\n text-decoration: none;\n cursor: pointer;\n}\n.qbs-table-row-link:hover {\n text-decoration: none;\n}\n.rs-table-column-group-header-content {\n text-align: center;\n}\n.rs-table-cell-content {\n vertical-align: center !important;\n display: table-cell;\n}\n.row-status:hover .row-status-tooltip {\n display: block;\n}\n.row-status-tooltip {\n display: none;\n position: fixed;\n width: auto;\n height: auto;\n max-width: 300px;\n max-height: 200px;\n padding: 10px;\n border-radius: 8px;\n border: 1px solid #d6d8dc;\n background: #fff;\n box-shadow: 0px 2px 4px 0px rgba(58, 58, 58, 0.15);\n}\n.row-status-tooltip.bottom-position {\n top: 100%;\n}\n.row-status-tooltip.top-position {\n bottom: 100%;\n}\n.dots-container {\n display: flex;\n padding: 10px;\n}\n.dot {\n height: 20px;\n width: 20px;\n margin-right: 10px;\n border-radius: 10px;\n background-color: #b3d4fc;\n -webkit-animation: pulse 1.5s infinite ease-in-out;\n animation: pulse 1.5s infinite ease-in-out;\n}\n.dot:last-child {\n margin-right: 0;\n}\n.dot:nth-child(1) {\n -webkit-animation-delay: -0.3s;\n animation-delay: -0.3s;\n}\n.dot:nth-child(2) {\n -webkit-animation-delay: -0.1s;\n animation-delay: -0.1s;\n}\n.dot:nth-child(3) {\n -webkit-animation-delay: 0.1s;\n animation-delay: 0.1s;\n}\n@-webkit-keyframes pulse {\n 0% {\n -webkit-transform: scale(0.8);\n transform: scale(0.8);\n background-color: #b3d4fc;\n box-shadow: 0 0 0 0 rgba(178, 212, 252, 0.7);\n }\n 50% {\n -webkit-transform: scale(1.2);\n transform: scale(1.2);\n background-color: #6793fb;\n box-shadow: 0 0 0 10px rgba(178, 212, 252, 0);\n }\n 100% {\n -webkit-transform: scale(0.8);\n transform: scale(0.8);\n background-color: #b3d4fc;\n box-shadow: 0 0 0 0 rgba(178, 212, 252, 0.7);\n }\n}\n@keyframes pulse {\n 0% {\n -webkit-transform: scale(0.8);\n transform: scale(0.8);\n background-color: #b3d4fc;\n box-shadow: 0 0 0 0 rgba(178, 212, 252, 0.7);\n }\n 50% {\n -webkit-transform: scale(1.2);\n transform: scale(1.2);\n background-color: #6793fb;\n box-shadow: 0 0 0 10px rgba(178, 212, 252, 0);\n }\n 100% {\n -webkit-transform: scale(0.8);\n transform: scale(0.8);\n background-color: #b3d4fc;\n box-shadow: 0 0 0 0 rgba(178, 212, 252, 0.7);\n }\n}\n.skeleton-table {\n width: 100%;\n padding: 10px;\n}\n.skeleton-row {\n display: flex;\n margin-bottom: 10px;\n}\n.skeleton-cell {\n flex: 1;\n height: 10px;\n /* Adjust as needed */\n background: #d9dbdd;\n border-radius: 4px;\n width: 50px;\n margin-right: 10px !important;\n -webkit-animation: loading 1.5s infinite;\n animation: loading 1.5s infinite;\n}\n.skeleton-row:last-child .skeleton-cell {\n margin-right: 0;\n}\n@-webkit-keyframes loading {\n 0% {\n background-color: #e7ecf4;\n }\n 50% {\n background-color: #d9dbdd;\n }\n 100% {\n background-color: #e7ecf4;\n }\n}\n@keyframes loading {\n 0% {\n background-color: #e7ecf4;\n }\n 50% {\n background-color: #d9dbdd;\n }\n 100% {\n background-color: #e7ecf4;\n }\n}\n.skeleton-divider {\n height: 5px;\n margin: 10px;\n}\n\n/*# sourceMappingURL=index.css.map */\n"]}
package/es/Table.d.ts CHANGED
@@ -130,10 +130,7 @@ export interface TableProps<Row, Key> extends Omit<StandardProps, 'onScroll'> {
130
130
  x: number;
131
131
  y: number;
132
132
  }) => void) => void;
133
- /**
134
- * A ref attached to the table body element
135
- * @deprecated use `ref` instead (see `ref.current.body`)
136
- **/
133
+ tableBodyRef: React.RefObject<HTMLDivElement>;
137
134
  bodyRef?: (ref: HTMLElement) => void;
138
135
  }
139
136
  export interface TableInstance<Row, Key> extends React.FunctionComponent<TableProps<Row, Key>> {
package/es/Table.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import _extends from "@babel/runtime/helpers/esm/extends";
2
2
  import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
3
- var _excluded = ["affixHeader", "children", "classPrefix", "className", "data", "defaultSortType", "width", "expandedRowKeys", "defaultExpandAllRows", "defaultExpandedRowKeys", "style", "id", "isTree", "hover", "bordered", "cellBordered", "wordWrap", "loading", "locale", "showHeader", "pagination", "paginationProps", "sortColumn", "rowHeight", "sortType", "headerHeight", "minHeight", "height", "autoHeight", "fillHeight", "rtl", "translate3d", "rowKey", "virtualized", "rowClassName", "rowExpandedHeight", "disabledScroll", "affixHorizontalScrollbar", "loadAnimation", "shouldUpdateScroll", "renderRow", "renderRowExpanded", "renderLoading", "renderEmpty", "onSortColumn", "onScroll", "renderTreeToggle", "onRowClick", "onRowContextMenu", "onExpandChange", "onTouchStart", "onTouchMove", "onTouchEnd", "dataTheme", "tableBodyHeight", "columns"],
3
+ var _excluded = ["affixHeader", "children", "classPrefix", "className", "data", "defaultSortType", "width", "expandedRowKeys", "defaultExpandAllRows", "defaultExpandedRowKeys", "style", "id", "isTree", "hover", "bordered", "cellBordered", "wordWrap", "loading", "locale", "showHeader", "pagination", "paginationProps", "sortColumn", "rowHeight", "sortType", "headerHeight", "minHeight", "height", "autoHeight", "fillHeight", "rtl", "translate3d", "rowKey", "virtualized", "rowClassName", "rowExpandedHeight", "disabledScroll", "affixHorizontalScrollbar", "loadAnimation", "shouldUpdateScroll", "renderRow", "renderRowExpanded", "renderLoading", "renderEmpty", "onSortColumn", "onScroll", "renderTreeToggle", "onRowClick", "onRowContextMenu", "onExpandChange", "onTouchStart", "onTouchMove", "onTouchEnd", "dataTheme", "tableBodyHeight", "columns", "tableBodyRef"],
4
4
  _excluded2 = ["depth", "rowIndex"],
5
5
  _excluded3 = ["cellHeight"];
6
6
  import { getTranslateDOMPositionXY } from 'dom-lib/translateDOMPositionXY';
@@ -114,6 +114,7 @@ var Table = /*#__PURE__*/React.forwardRef(function (props, ref) {
114
114
  dataTheme = props.dataTheme,
115
115
  tableBodyHeight = props.tableBodyHeight,
116
116
  columns = props.columns,
117
+ tableBodyRef = props.tableBodyRef,
117
118
  rest = _objectWithoutPropertiesLoose(props, _excluded);
118
119
  var _useClassNames = useClassNames(classPrefix, typeof classPrefix !== 'undefined'),
119
120
  withClassPrefix = _useClassNames.withClassPrefix,
@@ -177,7 +178,7 @@ var Table = /*#__PURE__*/React.forwardRef(function (props, ref) {
177
178
  var tableHeaderRef = useRef(null);
178
179
  var affixHeaderWrapperRef = useRef(null);
179
180
  var headerWrapperRef = useRef(null);
180
- var tableBodyRef = useRef(null);
181
+ // const tableBodyRef = useRef<HTMLDivElement>(null);
181
182
  var wheelWrapperRef = useRef(null);
182
183
  var scrollbarXRef = useRef(null);
183
184
  var scrollbarYRef = useRef(null);
package/es/less/qbs-table.less CHANGED
@@ -29,6 +29,7 @@
29
29
  }
30
30
  .qbs-table-primary-filter {
31
31
  display: flex;
32
+ gap: 12px;
32
33
  }
33
34
  }
34
35
  .sub-qbs-table-toolbar {
package/es/qbsTable/CustomTableCell.js CHANGED
@@ -4,11 +4,11 @@ var _excluded = ["rowData", "onChange", "checkedKeys", "dataKey", "dataTheme"],
4
4
  _excluded2 = ["rowData", "dataKey", "expandedRowKeys", "onChange"],
5
5
  _excluded3 = ["rowData", "renderCell", "toolTip", "dataKey", "onChange", "rowClick", "type", "path", "link"],
6
6
  _excluded4 = ["rowData", "getToolTip", "dataKey", "onChange", "rowClick", "getIcon", "path", "link"];
7
- import React, { useState, useRef } from 'react';
7
+ import React, { useRef, useState } from 'react';
8
+ import { Link } from 'react-router-dom';
8
9
  import Cell from '../Cell';
9
10
  import { handleCellFormat } from './utilities/handleFormatCell';
10
11
  import MenuDropDown from './utilities/menuDropDown';
11
- import { Link } from 'react-router-dom';
12
12
  var CHECKBOX_LINE_HEIGHT = '36px';
13
13
  export var CheckCell = /*#__PURE__*/React.memo(function (_ref) {
14
14
  var rowData = _ref.rowData,
@@ -51,8 +51,10 @@ export var ActionCell = /*#__PURE__*/React.memo(function (_ref2) {
51
51
  var rowData = _ref2.rowData,
52
52
  handleMenuActions = _ref2.handleMenuActions,
53
53
  dataTheme = _ref2.dataTheme,
54
- actionProps = _ref2.actionProps;
54
+ actionProps = _ref2.actionProps,
55
+ tableBodyRef = _ref2.tableBodyRef;
55
56
  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(MenuDropDown, {
57
+ tableBodyRef: tableBodyRef,
56
58
  actionDropDown: actionProps,
57
59
  rowData: rowData,
58
60
  dataTheme: dataTheme,
package/es/qbsTable/QbsTable.js CHANGED
@@ -98,6 +98,7 @@ var QbsTable = function QbsTable(_ref) {
98
98
  isOpen = _useState4[0],
99
99
  setIsOpen = _useState4[1];
100
100
  var prevColumns = useRef();
101
+ var tableBodyRef = useRef(null);
101
102
  var handleSortColumn = useCallback(function (sortColumn, sortType) {
102
103
  setLoading(true);
103
104
  setTimeout(function () {
@@ -389,6 +390,7 @@ var QbsTable = function QbsTable(_ref) {
389
390
  }, /*#__PURE__*/React.createElement(Table, {
390
391
  height: height,
391
392
  data: data,
393
+ tableBodyRef: tableBodyRef,
392
394
  dataTheme: dataTheme,
393
395
  wordWrap: wordWrap,
394
396
  sortColumn: sortColumn,
@@ -514,6 +516,7 @@ var QbsTable = function QbsTable(_ref) {
514
516
  handleResetColumns: handleResetColumns,
515
517
  handleColumnToggle: handleColumnToggle
516
518
  })), /*#__PURE__*/React.createElement(ActionCell, {
519
+ tableBodyRef: tableBodyRef,
517
520
  actionProps: actionProps,
518
521
  className: classes.cellClass + " " + classes.actionCellClass,
519
522
  handleMenuActions: handleMenuActions,
package/es/qbsTable/Toolbar.js CHANGED
@@ -56,18 +56,18 @@ var ToolBar = function ToolBar(_ref) {
56
56
  display: 'flex',
57
57
  justifyContent: 'flex-end'
58
58
  }
59
+ }, /*#__PURE__*/React.createElement("div", {
60
+ className: "qbs-table-primary-filter"
59
61
  }, search && /*#__PURE__*/React.createElement(SearchInput, {
60
62
  placeholder: "Search",
61
63
  handleChange: handleChange,
62
64
  handleSearch: handleSearch,
63
65
  searchValue: searchParam
64
- }), /*#__PURE__*/React.createElement("div", {
65
- className: "qbs-table-primary-filter"
66
- }, primaryFilter)), /*#__PURE__*/React.createElement("div", {
66
+ }), primaryFilter)), /*#__PURE__*/React.createElement("div", {
67
67
  className: "end-container"
68
68
  }, tableHeaderActions)), advancefilter && /*#__PURE__*/React.createElement("div", {
69
69
  className: "sub-qbs-table-toolbar"
70
- }, advancefilter), /*#__PURE__*/React.createElement("div", {
70
+ }, advancefilter), (pagination || checkedKeys && (checkedKeys === null || checkedKeys === void 0 ? void 0 : checkedKeys.length) > 0) && /*#__PURE__*/React.createElement("div", {
71
71
  className: "qbs-table-toolbar-sub-container " + (checkedKeys && (checkedKeys === null || checkedKeys === void 0 ? void 0 : checkedKeys.length) > 0 ? 'selected-row' : '')
72
72
  }, checkedKeys && (checkedKeys === null || checkedKeys === void 0 ? void 0 : checkedKeys.length) > 0 ? /*#__PURE__*/React.createElement("div", {
73
73
  className: "qbs-table-toolbar-sub-container-start"
package/es/qbsTable/utilities/ToolTip.js CHANGED
@@ -1,33 +1,28 @@
1
- import React, { useState, useRef } from 'react';
1
+ import React, { useRef, useState } from 'react';
2
2
  var TooltipComponent = function TooltipComponent(_ref) {
3
3
  var title = _ref.title,
4
- children = _ref.children;
4
+ children = _ref.children,
5
+ tableBodyRef = _ref.tableBodyRef;
5
6
  var _useState = useState('bottom-position'),
6
7
  dropdownPosition = _useState[0],
7
8
  setDropdownPosition = _useState[1];
8
9
  var dropRef = useRef(null);
9
10
  var menuButtonRef = useRef(null);
10
11
  var adjustDropdownPosition = function adjustDropdownPosition() {
11
- if (menuButtonRef.current && dropRef.current) {
12
- var _menuButtonRef$curren;
12
+ if (menuButtonRef.current && tableBodyRef !== null && tableBodyRef !== void 0 && tableBodyRef.current) {
13
+ var _menuButtonRef$curren, _tableBodyRef$current, _tableBodyRef$current2;
13
14
  var inputBoxRect = (_menuButtonRef$curren = menuButtonRef.current) === null || _menuButtonRef$curren === void 0 ? void 0 : _menuButtonRef$curren.getBoundingClientRect();
14
- var viewportHeight = window.innerHeight;
15
- var spaceAbove = inputBoxRect.top;
16
- var spaceBelow = viewportHeight - inputBoxRect.bottom;
17
- console.log(spaceAbove, spaceBelow);
15
+ var viewportHeight = (_tableBodyRef$current = tableBodyRef === null || tableBodyRef === void 0 ? void 0 : (_tableBodyRef$current2 = tableBodyRef.current) === null || _tableBodyRef$current2 === void 0 ? void 0 : _tableBodyRef$current2.offsetHeight) != null ? _tableBodyRef$current : window.innerHeight;
16
+ var tableRect = tableBodyRef.current.getBoundingClientRect();
17
+
18
+ // Calculate positions relative to the table
19
+ var spaceAbove = inputBoxRect.top - tableRect.top;
20
+ var spaceBelow = tableRect.bottom - inputBoxRect.bottom;
21
+ console.log(viewportHeight, spaceAbove, spaceBelow);
18
22
  if (spaceAbove > spaceBelow) {
19
- if (spaceAbove > 90 && spaceBelow < 120) {
20
- setDropdownPosition('top-position');
21
- } else {
22
- setDropdownPosition('bottom-position');
23
- }
23
+ setDropdownPosition('top-position');
24
24
  } else {
25
- var diff = spaceBelow - spaceAbove;
26
- if (spaceAbove > 90 && spaceBelow > 90 && diff < 90) {
27
- setDropdownPosition('top-position');
28
- } else {
29
- setDropdownPosition('bottom-position');
30
- }
25
+ setDropdownPosition('bottom-position');
31
26
  }
32
27
  }
33
28
  };
package/es/qbsTable/utilities/menuDropDown.d.ts CHANGED
@@ -5,6 +5,7 @@ type Props = {
5
5
  handleMenuActions?: (slug: ActionProps, rowData?: any) => void;
6
6
  rowData?: any;
7
7
  dataTheme?: string;
8
+ tableBodyRef: React.RefObject<HTMLDivElement>;
8
9
  };
9
10
  declare const MenuDropDown: React.FC<Props>;
10
11
  export default MenuDropDown;
package/es/qbsTable/utilities/menuDropDown.js CHANGED
@@ -5,7 +5,8 @@ import TooltipComponent from './ToolTip';
5
5
  var MenuDropDown = function MenuDropDown(_ref) {
6
6
  var actionDropDown = _ref.actionDropDown,
7
7
  handleMenuActions = _ref.handleMenuActions,
8
- rowData = _ref.rowData;
8
+ rowData = _ref.rowData,
9
+ tableBodyRef = _ref.tableBodyRef;
9
10
  var _useState = useState(false),
10
11
  openMenu = _useState[0],
11
12
  setOpenMenu = _useState[1];
@@ -56,7 +57,8 @@ var MenuDropDown = function MenuDropDown(_ref) {
56
57
  }, /*#__PURE__*/React.createElement("div", {
57
58
  className: "qbs-table-tooltip"
58
59
  }, /*#__PURE__*/React.createElement(TooltipComponent, {
59
- title: item.toolTip
60
+ title: item.toolTip,
61
+ tableBodyRef: tableBodyRef
60
62
  }, /*#__PURE__*/React.createElement("span", null, item.icon))))));
61
63
  }), /*#__PURE__*/React.createElement("button", {
62
64
  className: "qbs-table-dropbtn",
package/es/utils/getTotalByColumns.js CHANGED
@@ -1,5 +1,5 @@
1
- import React from 'react';
2
1
  import isPlainObject from 'lodash/isPlainObject';
2
+ import React from 'react';
3
3
  import getColumnProps from './getColumnProps';
4
4
  function getTotalByColumns(columns) {
5
5
  var totalFlexGrow = 0;
package/lib/Table.d.ts CHANGED
@@ -130,10 +130,7 @@ export interface TableProps<Row, Key> extends Omit<StandardProps, 'onScroll'> {
130
130
  x: number;
131
131
  y: number;
132
132
  }) => void) => void;
133
- /**
134
- * A ref attached to the table body element
135
- * @deprecated use `ref` instead (see `ref.current.body`)
136
- **/
133
+ tableBodyRef: React.RefObject<HTMLDivElement>;
137
134
  bodyRef?: (ref: HTMLElement) => void;
138
135
  }
139
136
  export interface TableInstance<Row, Key> extends React.FunctionComponent<TableProps<Row, Key>> {
package/lib/Table.js CHANGED
@@ -20,7 +20,7 @@ var _Row = _interopRequireDefault(require("./Row"));
20
20
  var _Scrollbar = _interopRequireDefault(require("./Scrollbar"));
21
21
  var _TableContext = _interopRequireDefault(require("./TableContext"));
22
22
  var _utils = require("./utils");
23
- var _excluded = ["affixHeader", "children", "classPrefix", "className", "data", "defaultSortType", "width", "expandedRowKeys", "defaultExpandAllRows", "defaultExpandedRowKeys", "style", "id", "isTree", "hover", "bordered", "cellBordered", "wordWrap", "loading", "locale", "showHeader", "pagination", "paginationProps", "sortColumn", "rowHeight", "sortType", "headerHeight", "minHeight", "height", "autoHeight", "fillHeight", "rtl", "translate3d", "rowKey", "virtualized", "rowClassName", "rowExpandedHeight", "disabledScroll", "affixHorizontalScrollbar", "loadAnimation", "shouldUpdateScroll", "renderRow", "renderRowExpanded", "renderLoading", "renderEmpty", "onSortColumn", "onScroll", "renderTreeToggle", "onRowClick", "onRowContextMenu", "onExpandChange", "onTouchStart", "onTouchMove", "onTouchEnd", "dataTheme", "tableBodyHeight", "columns"],
23
+ var _excluded = ["affixHeader", "children", "classPrefix", "className", "data", "defaultSortType", "width", "expandedRowKeys", "defaultExpandAllRows", "defaultExpandedRowKeys", "style", "id", "isTree", "hover", "bordered", "cellBordered", "wordWrap", "loading", "locale", "showHeader", "pagination", "paginationProps", "sortColumn", "rowHeight", "sortType", "headerHeight", "minHeight", "height", "autoHeight", "fillHeight", "rtl", "translate3d", "rowKey", "virtualized", "rowClassName", "rowExpandedHeight", "disabledScroll", "affixHorizontalScrollbar", "loadAnimation", "shouldUpdateScroll", "renderRow", "renderRowExpanded", "renderLoading", "renderEmpty", "onSortColumn", "onScroll", "renderTreeToggle", "onRowClick", "onRowContextMenu", "onExpandChange", "onTouchStart", "onTouchMove", "onTouchEnd", "dataTheme", "tableBodyHeight", "columns", "tableBodyRef"],
24
24
  _excluded2 = ["depth", "rowIndex"],
25
25
  _excluded3 = ["cellHeight"];
26
26
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -121,6 +121,7 @@ var Table = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
121
121
  dataTheme = props.dataTheme,
122
122
  tableBodyHeight = props.tableBodyHeight,
123
123
  columns = props.columns,
124
+ tableBodyRef = props.tableBodyRef,
124
125
  rest = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
125
126
  var _useClassNames = (0, _utils.useClassNames)(classPrefix, typeof classPrefix !== 'undefined'),
126
127
  withClassPrefix = _useClassNames.withClassPrefix,
@@ -184,7 +185,7 @@ var Table = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
184
185
  var tableHeaderRef = (0, _react.useRef)(null);
185
186
  var affixHeaderWrapperRef = (0, _react.useRef)(null);
186
187
  var headerWrapperRef = (0, _react.useRef)(null);
187
- var tableBodyRef = (0, _react.useRef)(null);
188
+ // const tableBodyRef = useRef<HTMLDivElement>(null);
188
189
  var wheelWrapperRef = (0, _react.useRef)(null);
189
190
  var scrollbarXRef = (0, _react.useRef)(null);
190
191
  var scrollbarYRef = (0, _react.useRef)(null);
package/lib/less/qbs-table.less CHANGED
@@ -29,6 +29,7 @@
29
29
  }
30
30
  .qbs-table-primary-filter {
31
31
  display: flex;
32
+ gap: 12px;
32
33
  }
33
34
  }
34
35
  .sub-qbs-table-toolbar {
package/lib/qbsTable/CustomTableCell.js CHANGED
@@ -6,10 +6,10 @@ exports.ExpandCell = exports.CustomTableCell = exports.CustomRowStatus = exports
6
6
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
7
7
  var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
8
8
  var _react = _interopRequireWildcard(require("react"));
9
+ var _reactRouterDom = require("react-router-dom");
9
10
  var _Cell = _interopRequireDefault(require("../Cell"));
10
11
  var _handleFormatCell = require("./utilities/handleFormatCell");
11
12
  var _menuDropDown = _interopRequireDefault(require("./utilities/menuDropDown"));
12
- var _reactRouterDom = require("react-router-dom");
13
13
  var _excluded = ["rowData", "onChange", "checkedKeys", "dataKey", "dataTheme"],
14
14
  _excluded2 = ["rowData", "dataKey", "expandedRowKeys", "onChange"],
15
15
  _excluded3 = ["rowData", "renderCell", "toolTip", "dataKey", "onChange", "rowClick", "type", "path", "link"],
@@ -59,8 +59,10 @@ var ActionCell = /*#__PURE__*/_react["default"].memo(function (_ref2) {
59
59
  var rowData = _ref2.rowData,
60
60
  handleMenuActions = _ref2.handleMenuActions,
61
61
  dataTheme = _ref2.dataTheme,
62
- actionProps = _ref2.actionProps;
62
+ actionProps = _ref2.actionProps,
63
+ tableBodyRef = _ref2.tableBodyRef;
63
64
  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_menuDropDown["default"], {
65
+ tableBodyRef: tableBodyRef,
64
66
  actionDropDown: actionProps,
65
67
  rowData: rowData,
66
68
  dataTheme: dataTheme,
package/lib/qbsTable/QbsTable.js CHANGED
@@ -104,6 +104,7 @@ var QbsTable = function QbsTable(_ref) {
104
104
  isOpen = _useState4[0],
105
105
  setIsOpen = _useState4[1];
106
106
  var prevColumns = (0, _react.useRef)();
107
+ var tableBodyRef = (0, _react.useRef)(null);
107
108
  var handleSortColumn = (0, _react.useCallback)(function (sortColumn, sortType) {
108
109
  setLoading(true);
109
110
  setTimeout(function () {
@@ -395,6 +396,7 @@ var QbsTable = function QbsTable(_ref) {
395
396
  }, /*#__PURE__*/_react["default"].createElement(_Table["default"], {
396
397
  height: height,
397
398
  data: data,
399
+ tableBodyRef: tableBodyRef,
398
400
  dataTheme: dataTheme,
399
401
  wordWrap: wordWrap,
400
402
  sortColumn: sortColumn,
@@ -520,6 +522,7 @@ var QbsTable = function QbsTable(_ref) {
520
522
  handleResetColumns: handleResetColumns,
521
523
  handleColumnToggle: handleColumnToggle
522
524
  })), /*#__PURE__*/_react["default"].createElement(_CustomTableCell.ActionCell, {
525
+ tableBodyRef: tableBodyRef,
523
526
  actionProps: actionProps,
524
527
  className: classes.cellClass + " " + classes.actionCellClass,
525
528
  handleMenuActions: handleMenuActions,
package/lib/qbsTable/Toolbar.js CHANGED
@@ -63,18 +63,18 @@ var ToolBar = function ToolBar(_ref) {
63
63
  display: 'flex',
64
64
  justifyContent: 'flex-end'
65
65
  }
66
+ }, /*#__PURE__*/_react["default"].createElement("div", {
67
+ className: "qbs-table-primary-filter"
66
68
  }, search && /*#__PURE__*/_react["default"].createElement(_SearchInput["default"], {
67
69
  placeholder: "Search",
68
70
  handleChange: handleChange,
69
71
  handleSearch: handleSearch,
70
72
  searchValue: searchParam
71
- }), /*#__PURE__*/_react["default"].createElement("div", {
72
- className: "qbs-table-primary-filter"
73
- }, primaryFilter)), /*#__PURE__*/_react["default"].createElement("div", {
73
+ }), primaryFilter)), /*#__PURE__*/_react["default"].createElement("div", {
74
74
  className: "end-container"
75
75
  }, tableHeaderActions)), advancefilter && /*#__PURE__*/_react["default"].createElement("div", {
76
76
  className: "sub-qbs-table-toolbar"
77
- }, advancefilter), /*#__PURE__*/_react["default"].createElement("div", {
77
+ }, advancefilter), (pagination || checkedKeys && (checkedKeys === null || checkedKeys === void 0 ? void 0 : checkedKeys.length) > 0) && /*#__PURE__*/_react["default"].createElement("div", {
78
78
  className: "qbs-table-toolbar-sub-container " + (checkedKeys && (checkedKeys === null || checkedKeys === void 0 ? void 0 : checkedKeys.length) > 0 ? 'selected-row' : '')
79
79
  }, checkedKeys && (checkedKeys === null || checkedKeys === void 0 ? void 0 : checkedKeys.length) > 0 ? /*#__PURE__*/_react["default"].createElement("div", {
80
80
  className: "qbs-table-toolbar-sub-container-start"
package/lib/qbsTable/utilities/ToolTip.js CHANGED
@@ -7,33 +7,28 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
7
7
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
8
8
  var TooltipComponent = function TooltipComponent(_ref) {
9
9
  var title = _ref.title,
10
- children = _ref.children;
10
+ children = _ref.children,
11
+ tableBodyRef = _ref.tableBodyRef;
11
12
  var _useState = (0, _react.useState)('bottom-position'),
12
13
  dropdownPosition = _useState[0],
13
14
  setDropdownPosition = _useState[1];
14
15
  var dropRef = (0, _react.useRef)(null);
15
16
  var menuButtonRef = (0, _react.useRef)(null);
16
17
  var adjustDropdownPosition = function adjustDropdownPosition() {
17
- if (menuButtonRef.current && dropRef.current) {
18
- var _menuButtonRef$curren;
18
+ if (menuButtonRef.current && tableBodyRef !== null && tableBodyRef !== void 0 && tableBodyRef.current) {
19
+ var _menuButtonRef$curren, _tableBodyRef$current, _tableBodyRef$current2;
19
20
  var inputBoxRect = (_menuButtonRef$curren = menuButtonRef.current) === null || _menuButtonRef$curren === void 0 ? void 0 : _menuButtonRef$curren.getBoundingClientRect();
20
- var viewportHeight = window.innerHeight;
21
- var spaceAbove = inputBoxRect.top;
22
- var spaceBelow = viewportHeight - inputBoxRect.bottom;
23
- console.log(spaceAbove, spaceBelow);
21
+ var viewportHeight = (_tableBodyRef$current = tableBodyRef === null || tableBodyRef === void 0 ? void 0 : (_tableBodyRef$current2 = tableBodyRef.current) === null || _tableBodyRef$current2 === void 0 ? void 0 : _tableBodyRef$current2.offsetHeight) != null ? _tableBodyRef$current : window.innerHeight;
22
+ var tableRect = tableBodyRef.current.getBoundingClientRect();
23
+
24
+ // Calculate positions relative to the table
25
+ var spaceAbove = inputBoxRect.top - tableRect.top;
26
+ var spaceBelow = tableRect.bottom - inputBoxRect.bottom;
27
+ console.log(viewportHeight, spaceAbove, spaceBelow);
24
28
  if (spaceAbove > spaceBelow) {
25
- if (spaceAbove > 90 && spaceBelow < 120) {
26
- setDropdownPosition('top-position');
27
- } else {
28
- setDropdownPosition('bottom-position');
29
- }
29
+ setDropdownPosition('top-position');
30
30
  } else {
31
- var diff = spaceBelow - spaceAbove;
32
- if (spaceAbove > 90 && spaceBelow > 90 && diff < 90) {
33
- setDropdownPosition('top-position');
34
- } else {
35
- setDropdownPosition('bottom-position');
36
- }
31
+ setDropdownPosition('bottom-position');
37
32
  }
38
33
  }
39
34
  };
package/lib/qbsTable/utilities/menuDropDown.d.ts CHANGED
@@ -5,6 +5,7 @@ type Props = {
5
5
  handleMenuActions?: (slug: ActionProps, rowData?: any) => void;
6
6
  rowData?: any;
7
7
  dataTheme?: string;
8
+ tableBodyRef: React.RefObject<HTMLDivElement>;
8
9
  };
9
10
  declare const MenuDropDown: React.FC<Props>;
10
11
  export default MenuDropDown;
package/lib/qbsTable/utilities/menuDropDown.js CHANGED
@@ -11,7 +11,8 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
11
11
  var MenuDropDown = function MenuDropDown(_ref) {
12
12
  var actionDropDown = _ref.actionDropDown,
13
13
  handleMenuActions = _ref.handleMenuActions,
14
- rowData = _ref.rowData;
14
+ rowData = _ref.rowData,
15
+ tableBodyRef = _ref.tableBodyRef;
15
16
  var _useState = (0, _react.useState)(false),
16
17
  openMenu = _useState[0],
17
18
  setOpenMenu = _useState[1];
@@ -62,7 +63,8 @@ var MenuDropDown = function MenuDropDown(_ref) {
62
63
  }, /*#__PURE__*/_react["default"].createElement("div", {
63
64
  className: "qbs-table-tooltip"
64
65
  }, /*#__PURE__*/_react["default"].createElement(_ToolTip["default"], {
65
- title: item.toolTip
66
+ title: item.toolTip,
67
+ tableBodyRef: tableBodyRef
66
68
  }, /*#__PURE__*/_react["default"].createElement("span", null, item.icon))))));
67
69
  }), /*#__PURE__*/_react["default"].createElement("button", {
68
70
  className: "qbs-table-dropbtn",
package/lib/utils/getTotalByColumns.js CHANGED
@@ -3,8 +3,8 @@
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
4
  exports.__esModule = true;
5
5
  exports["default"] = void 0;
6
- var _react = _interopRequireDefault(require("react"));
7
6
  var _isPlainObject = _interopRequireDefault(require("lodash/isPlainObject"));
7
+ var _react = _interopRequireDefault(require("react"));
8
8
  var _getColumnProps2 = _interopRequireDefault(require("./getColumnProps"));
9
9
  function getTotalByColumns(columns) {
10
10
  var totalFlexGrow = 0;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "qbs-react-grid",
3
- "version": "1.1.33",
3
+ "version": "1.1.35",
4
4
  "description": "A React table component",
5
5
  "main": "lib/index.js",
6
6
  "typings": "lib/index.d.ts",
@@ -53,7 +53,6 @@
53
53
  "react-dom": "^18.2.0",
54
54
  "rsuite": "^5.21.0",
55
55
  "react-router-dom": "^6.21.0"
56
-
57
56
  },
58
57
  "devDependencies": {
59
58
  "@babel/cli": "^7.12.8",
package/src/Table.tsx CHANGED
@@ -265,11 +265,7 @@ export interface TableProps<Row, Key> extends Omit<StandardProps, 'onScroll'> {
265
265
  * @deprecated use `shouldUpdateScroll` instead
266
266
  **/
267
267
  onDataUpdated?: (nextData: Row[], scrollTo: (coord: { x: number; y: number }) => void) => void;
268
-
269
- /**
270
- * A ref attached to the table body element
271
- * @deprecated use `ref` instead (see `ref.current.body`)
272
- **/
268
+ tableBodyRef: React.RefObject<HTMLDivElement>;
273
269
  bodyRef?: (ref: HTMLElement) => void;
274
270
  }
275
271
 
@@ -342,6 +338,7 @@ const Table = React.forwardRef(<Row extends RowDataType, Key>(props: TableProps<
342
338
  dataTheme,
343
339
  tableBodyHeight,
344
340
  columns,
341
+ tableBodyRef,
345
342
  ...rest
346
343
  } = props;
347
344
 
@@ -408,7 +405,7 @@ const Table = React.forwardRef(<Row extends RowDataType, Key>(props: TableProps<
408
405
  const tableHeaderRef = useRef<HTMLDivElement>(null);
409
406
  const affixHeaderWrapperRef = useRef<HTMLDivElement>(null);
410
407
  const headerWrapperRef = useRef<HTMLDivElement>(null);
411
- const tableBodyRef = useRef<HTMLDivElement>(null);
408
+ // const tableBodyRef = useRef<HTMLDivElement>(null);
412
409
  const wheelWrapperRef = useRef<HTMLDivElement>(null);
413
410
  const scrollbarXRef = useRef<ScrollbarInstance>(null);
414
411
  const scrollbarYRef = useRef<ScrollbarInstance>(null);
package/src/less/qbs-table.less CHANGED
@@ -29,6 +29,7 @@
29
29
  }
30
30
  .qbs-table-primary-filter {
31
31
  display: flex;
32
+ gap: 12px;
32
33
  }
33
34
  }
34
35
  .sub-qbs-table-toolbar {
package/src/qbsTable/CustomTableCell.tsx CHANGED
@@ -1,9 +1,10 @@
1
- import React, { useState, useRef } from 'react';
1
+ import React, { useRef, useState } from 'react';
2
+ import { Link } from 'react-router-dom';
2
3
 
3
4
  import Cell from '../Cell';
4
5
  import { handleCellFormat } from './utilities/handleFormatCell';
5
6
  import MenuDropDown from './utilities/menuDropDown';
6
- import { Link } from 'react-router-dom';
7
+
7
8
  const CHECKBOX_LINE_HEIGHT = '36px';
8
9
  export const CheckCell: React.FC<any> = React.memo(
9
10
  ({ rowData, onChange, checkedKeys, dataKey, dataTheme, ...props }) => (
@@ -36,16 +37,19 @@ export const CheckCell: React.FC<any> = React.memo(
36
37
  )
37
38
  );
38
39
  export const ActionCell: React.FC<any> = React.memo(
39
- ({ rowData, handleMenuActions, dataTheme, actionProps }) => (
40
- <div>
41
- <MenuDropDown
42
- actionDropDown={actionProps}
43
- rowData={rowData}
44
- dataTheme={dataTheme}
45
- handleMenuActions={handleMenuActions}
46
- />
47
- </div>
48
- )
40
+ ({ rowData, handleMenuActions, dataTheme, actionProps, tableBodyRef }) => {
41
+ return (
42
+ <div>
43
+ <MenuDropDown
44
+ tableBodyRef={tableBodyRef}
45
+ actionDropDown={actionProps}
46
+ rowData={rowData}
47
+ dataTheme={dataTheme}
48
+ handleMenuActions={handleMenuActions}
49
+ />
50
+ </div>
51
+ );
52
+ }
49
53
  );
50
54
  export const ExpandCell: React.FC<any> = React.memo(
51
55
  ({ rowData, dataKey, expandedRowKeys, onChange, ...props }) => (
package/src/qbsTable/QbsTable.tsx CHANGED
@@ -80,6 +80,7 @@ const QbsTable: React.FC<QbsTableProps> = ({
80
80
  const dataTheme = useMemo(() => localStorage.getItem('theme') ?? theme, [theme]);
81
81
  const [isOpen, setIsOpen] = useState(false);
82
82
  const prevColumns = useRef<any | null>();
83
+ const tableBodyRef = useRef<HTMLDivElement>(null);
83
84
 
84
85
  const handleSortColumn = useCallback(
85
86
  (sortColumn: any, sortType: any) => {
@@ -424,6 +425,7 @@ const QbsTable: React.FC<QbsTableProps> = ({
424
425
  <Table
425
426
  height={height}
426
427
  data={data}
428
+ tableBodyRef={tableBodyRef}
427
429
  dataTheme={dataTheme}
428
430
  wordWrap={wordWrap}
429
431
  sortColumn={sortColumn}
@@ -572,6 +574,7 @@ const QbsTable: React.FC<QbsTableProps> = ({
572
574
  )}
573
575
  </HeaderCell>
574
576
  <ActionCell
577
+ tableBodyRef={tableBodyRef}
575
578
  actionProps={actionProps}
576
579
  className={`${classes.cellClass} ${classes.actionCellClass}`}
577
580
  handleMenuActions={handleMenuActions}
package/src/qbsTable/Toolbar.tsx CHANGED
@@ -57,62 +57,66 @@ const ToolBar: React.FC<QbsTableToolbarProps> = ({
57
57
  <div className="qbs-table-toolbar-container">
58
58
  <div className={`qbs-table-toolbar ${className}`}>
59
59
  <div className="start-container" style={{ display: 'flex', justifyContent: 'flex-end' }}>
60
- {search && (
61
- <SearchInput
62
- placeholder="Search"
63
- handleChange={handleChange}
64
- handleSearch={handleSearch}
65
- searchValue={searchParam}
66
- />
67
- )}
68
- <div className="qbs-table-primary-filter">{primaryFilter}</div>
60
+ <div className="qbs-table-primary-filter">
61
+ {search && (
62
+ <SearchInput
63
+ placeholder="Search"
64
+ handleChange={handleChange}
65
+ handleSearch={handleSearch}
66
+ searchValue={searchParam}
67
+ />
68
+ )}
69
+ {primaryFilter}
70
+ </div>
69
71
  </div>
70
72
 
71
73
  <div className="end-container">{tableHeaderActions}</div>
72
74
  </div>
73
75
  {advancefilter && <div className="sub-qbs-table-toolbar">{advancefilter}</div>}
74
- <div
75
- className={`qbs-table-toolbar-sub-container ${
76
- checkedKeys && checkedKeys?.length > 0 ? 'selected-row' : ''
77
- }`}
78
- >
79
- {checkedKeys && checkedKeys?.length > 0 ? (
80
- <div className="qbs-table-toolbar-sub-container-start">
81
- <div className="selected-row">{`Selected Items(${checkedKeys?.length}) `}</div>
82
- <div className="selected-row-action">
83
- <button className="btn" onClick={() => onSelect?.([])}>
84
- Clear
85
- </button>
86
- {selectedRowActions?.map((actions, index: number) => (
87
- <>
88
- {handleHide(actions) && (
89
- <button
90
- key={index.toString()}
91
- className="btn"
92
- disabled={actions.disabled}
93
- onClick={() => actions?.action(checkedKeys)}
94
- >
95
- {actions.actionTitle}
96
- </button>
76
+ {(pagination || (checkedKeys && checkedKeys?.length > 0)) && (
77
+ <div
78
+ className={`qbs-table-toolbar-sub-container ${
79
+ checkedKeys && checkedKeys?.length > 0 ? 'selected-row' : ''
80
+ }`}
81
+ >
82
+ {checkedKeys && checkedKeys?.length > 0 ? (
83
+ <div className="qbs-table-toolbar-sub-container-start">
84
+ <div className="selected-row">{`Selected Items(${checkedKeys?.length}) `}</div>
85
+ <div className="selected-row-action">
86
+ <button className="btn" onClick={() => onSelect?.([])}>
87
+ Clear
88
+ </button>
89
+ {selectedRowActions?.map((actions, index: number) => (
90
+ <>
91
+ {handleHide(actions) && (
92
+ <button
93
+ key={index.toString()}
94
+ className="btn"
95
+ disabled={actions.disabled}
96
+ onClick={() => actions?.action(checkedKeys)}
97
+ >
98
+ {actions.actionTitle}
99
+ </button>
100
+ )}
101
+ </>
102
+ ))}
103
+ </div>
104
+ </div>
105
+ ) : (
106
+ <div>
107
+ {pagination && paginationProps && dataLength > 0 && (
108
+ <div className="rows-count">
109
+ {getRowDisplayRange(
110
+ paginationProps.total ?? 0,
111
+ paginationProps.rowsPerPage ?? 0,
112
+ paginationProps.currentPage ?? 0
97
113
  )}
98
- </>
99
- ))}
114
+ </div>
115
+ )}
100
116
  </div>
101
- </div>
102
- ) : (
103
- <div>
104
- {pagination && paginationProps && dataLength > 0 && (
105
- <div className="rows-count">
106
- {getRowDisplayRange(
107
- paginationProps.total ?? 0,
108
- paginationProps.rowsPerPage ?? 0,
109
- paginationProps.currentPage ?? 0
110
- )}
111
- </div>
112
- )}
113
- </div>
114
- )}
115
- </div>
117
+ )}
118
+ </div>
119
+ )}
116
120
  </div>
117
121
  );
118
122
  };
package/src/qbsTable/utilities/ToolTip.tsx CHANGED
@@ -1,30 +1,24 @@
1
- import React, { useState, useRef } from 'react';
1
+ import React, { useRef, useState } from 'react';
2
2
 
3
- const TooltipComponent: React.FC<any> = ({ title, children }) => {
3
+ const TooltipComponent: React.FC<any> = ({ title, children, tableBodyRef }) => {
4
4
  const [dropdownPosition, setDropdownPosition] = useState('bottom-position');
5
5
  const dropRef = useRef(null);
6
6
  const menuButtonRef = useRef<HTMLElement>(null);
7
7
  const adjustDropdownPosition = () => {
8
- if (menuButtonRef.current && dropRef.current) {
8
+ if (menuButtonRef.current && tableBodyRef?.current) {
9
9
  const inputBoxRect = menuButtonRef.current?.getBoundingClientRect();
10
- const viewportHeight = window.innerHeight;
10
+ const viewportHeight = tableBodyRef?.current?.offsetHeight ?? window.innerHeight;
11
+ const tableRect = tableBodyRef.current.getBoundingClientRect();
11
12
 
12
- const spaceAbove = inputBoxRect.top;
13
- const spaceBelow = viewportHeight - inputBoxRect.bottom;
14
- console.log(spaceAbove, spaceBelow);
13
+ // Calculate positions relative to the table
14
+ const spaceAbove = inputBoxRect.top - tableRect.top;
15
+ const spaceBelow = tableRect.bottom - inputBoxRect.bottom;
16
+
17
+ console.log(viewportHeight, spaceAbove, spaceBelow);
15
18
  if (spaceAbove > spaceBelow) {
16
- if (spaceAbove > 90 && spaceBelow < 120) {
17
- setDropdownPosition('top-position');
18
- } else {
19
- setDropdownPosition('bottom-position');
20
- }
19
+ setDropdownPosition('top-position');
21
20
  } else {
22
- const diff: number = spaceBelow - spaceAbove;
23
- if (spaceAbove > 90 && spaceBelow > 90 && diff < 90) {
24
- setDropdownPosition('top-position');
25
- } else {
26
- setDropdownPosition('bottom-position');
27
- }
21
+ setDropdownPosition('bottom-position');
28
22
  }
29
23
  }
30
24
  };
package/src/qbsTable/utilities/menuDropDown.tsx CHANGED
@@ -10,9 +10,15 @@ type Props = {
10
10
  handleMenuActions?: (slug: ActionProps, rowData?: any) => void;
11
11
  rowData?: any;
12
12
  dataTheme?: string;
13
+ tableBodyRef: React.RefObject<HTMLDivElement>;
13
14
  };
14
15
 
15
- const MenuDropDown: React.FC<Props> = ({ actionDropDown, handleMenuActions, rowData }) => {
16
+ const MenuDropDown: React.FC<Props> = ({
17
+ actionDropDown,
18
+ handleMenuActions,
19
+ rowData,
20
+ tableBodyRef
21
+ }) => {
16
22
  const [openMenu, setOpenMenu] = useState(false);
17
23
  const menuButtonRef = useRef<HTMLButtonElement | null>(null);
18
24
  const menuRef = useRef<HTMLDivElement | null>(null);
@@ -41,7 +47,6 @@ const MenuDropDown: React.FC<Props> = ({ actionDropDown, handleMenuActions, rowD
41
47
  setOpenMenu(false);
42
48
  };
43
49
 
44
-
45
50
  return (
46
51
  <div className="qbs-table-menu-dropdown" ref={menuRef}>
47
52
  <button className="qbs-table-dropbtn" onClick={toggleMenu} ref={menuButtonRef}>
@@ -63,7 +68,7 @@ const MenuDropDown: React.FC<Props> = ({ actionDropDown, handleMenuActions, rowD
63
68
  >
64
69
  <div className={'relative'}>
65
70
  <div className="qbs-table-tooltip">
66
- <TooltipComponent title={item.toolTip}>
71
+ <TooltipComponent title={item.toolTip} tableBodyRef={tableBodyRef}>
67
72
  <span>{item.icon}</span>
68
73
  </TooltipComponent>
69
74
  </div>
package/src/utils/getTotalByColumns.ts CHANGED
@@ -1,5 +1,6 @@
1
- import React from 'react';
2
1
  import isPlainObject from 'lodash/isPlainObject';
2
+ import React from 'react';
3
+
3
4
  import getColumnProps, { Column } from './getColumnProps';
4
5
 
5
6
  function getTotalByColumns(columns: Column | React.ReactNode[]) {