qbs-react-grid 1.1.16 → 1.1.17

package/dist/css/qbs-react-grid.css

@@ -901,5 +901,27 @@
   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: 0px 2px 4px 0px rgba(58, 58, 58, 0.15);
+}
+.row-status-tooltip.bottom-position {
+  top: 100%;
+}
+.row-status-tooltip.top-position {
+  bottom: 100%;
+}
 
 /*# sourceMappingURL=index.css.map */

package/dist/css/qbs-react-grid.min.css

@@ -1,2 +1,2 @@
-@-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: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,.15);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;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}
+@-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: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,.15);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;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%}
 /*# sourceMappingURL=qbs-react-grid.min.css.map */

package/dist/css/qbs-react-grid.min.css.map

@@ -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","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: 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.15);\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;\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\n/*# sourceMappingURL=index.css.map */\n"]}
+{"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","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: 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.15);\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;\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\n/*# sourceMappingURL=index.css.map */\n"]}

package/es/Row.d.ts

@@ -9,6 +9,9 @@ export interface RowProps extends StandardProps {
     rowRef?: any;
     rowSpan?: number;
     index?: number;
+    dataLength?: number;
+    handleParentCallBack?: (index: number) => void;
+    zIndexValue?: number;
 }
 declare const Row: React.ForwardRefExoticComponent<RowProps & React.RefAttributes<HTMLDivElement>>;
 export default Row;

package/es/Row.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["classPrefix", "height", "headerHeight", "className", "width", "top", "style", "isHeaderRow", "rowRef", "children", "rowSpan", "index"];
+var _excluded = ["classPrefix", "height", "headerHeight", "className", "width", "top", "style", "isHeaderRow", "rowRef", "children", "rowSpan", "index", "dataLength", "handleParentCallBack", "zIndexValue"];
 import React, { useContext } from 'react';
 import { mergeRefs, useClassNames } from './utils';
 import TableContext from './TableContext';
@@ -21,6 +21,9 @@ var Row = /*#__PURE__*/React.forwardRef(function (props, ref) {
     children = props.children,
     rowSpan = props.rowSpan,
     index = props.index,
+    dataLength = props.dataLength,
+    handleParentCallBack = props.handleParentCallBack,
+    zIndexValue = props.zIndexValue,
     rest = _objectWithoutPropertiesLoose(props, _excluded);
   var _useContext = useContext(TableContext),
     translateDOMPositionXY = _useContext.translateDOMPositionXY;
@@ -36,15 +39,17 @@ var Row = /*#__PURE__*/React.forwardRef(function (props, ref) {
     height: isHeaderRow ? headerHeight : height
   }, style);
   var INDEX = index;
-  var styleIndex = 200 - INDEX;
   translateDOMPositionXY === null || translateDOMPositionXY === void 0 ? void 0 : translateDOMPositionXY(styles, 0, top);
   return /*#__PURE__*/React.createElement("div", _extends({
     role: "row"
   }, rest, {
     ref: mergeRefs(rowRef, ref),
+    onMouseEnter: function onMouseEnter() {
+      return handleParentCallBack === null || handleParentCallBack === void 0 ? void 0 : handleParentCallBack(INDEX);
+    },
     className: classes,
     style: _extends({}, styles, {
-      zIndex: styleIndex
+      zIndex: zIndexValue
     })
   }), children);
 });

package/es/Table.js

@@ -614,11 +614,20 @@ var Table = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }
     return scrollbars;
   };
+  var _useState2 = useState(Array(data === null || data === void 0 ? void 0 : data.length).fill(1)),
+    rowZIndices = _useState2[0],
+    setRowZIndices = _useState2[1];
+  var handleParentCallBack = function handleParentCallBack(index) {
+    setRowZIndices(function (currentZIndices) {
+      return currentZIndices.map(function (_, idx) {
+        return idx === index ? 10 : 1;
+      });
+    });
+  };
   var renderTableBody = function renderTableBody(bodyCells, rowWidth) {
     var _visibleRows$current;
     var height = getTableHeight();
     var bodyHeight = height - headerHeight;
-    console.log(bodyHeight, height);
     var bodyStyles = {
       top: headerHeight,
       height: bodyHeight,
@@ -673,7 +682,10 @@ var Table = /*#__PURE__*/React.forwardRef(function (props, ref) {
             depth: _rowData[TREE_DEPTH],
             height: nextRowHeight,
             cellHeight: cellHeight,
-            index: index
+            index: index,
+            dataLength: data === null || data === void 0 ? void 0 : data.length,
+            handleParentCallBack: handleParentCallBack,
+            zIndexValue: rowZIndices[index]
           };
           _top += nextRowHeight;
           if (virtualized && !wordWrap) {

package/es/less/qbs-table.less

@@ -504,3 +504,27 @@
   vertical-align: center !important;
   display: table-cell;
 }
+.row-status:hover .row-status-tooltip {
+  display: block;
+}
+.row-status-tooltip {
+  display: none;
+  // bottom: 40px;
+  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: 0px 2px 4px 0px rgba(58, 58, 58, 0.15);
+}
+.row-status-tooltip.bottom-position {
+  top: 100%;
+}
+
+.row-status-tooltip.top-position {
+  bottom: 100%;
+}

package/es/qbsTable/CustomTableCell.d.ts

@@ -3,3 +3,4 @@ export declare const CheckCell: React.FC<any>;
 export declare const ActionCell: React.FC<any>;
 export declare const ExpandCell: React.FC<any>;
 export declare const CustomTableCell: React.FC<any>;
+export declare const CustomRowStatus: React.FC<any>;

package/es/qbsTable/CustomTableCell.js

@@ -2,8 +2,9 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["rowData", "onChange", "checkedKeys", "dataKey", "dataTheme"],
   _excluded2 = ["rowData", "dataKey", "expandedRowKeys", "onChange"],
-  _excluded3 = ["rowData", "renderCell", "toolTip", "dataKey", "onChange", "rowClick", "type", "path", "link"];
-import React from 'react';
+  _excluded3 = ["rowData", "renderCell", "toolTip", "dataKey", "onChange", "rowClick", "type", "path", "link"],
+  _excluded4 = ["rowData", "toolTip", "dataKey", "onChange", "rowClick", "getIcon", "path", "link"];
+import React, { useState, useRef } from 'react';
 import Cell from '../Cell';
 import { handleCellFormat } from './utilities/handleFormatCell';
 import MenuDropDown from './utilities/menuDropDown';
@@ -95,4 +96,72 @@ export var CustomTableCell = /*#__PURE__*/React.memo(function (_ref4) {
     to: (_path = path === null || path === void 0 ? void 0 : path(rowData)) != null ? _path : '',
     className: "qbs-table-row-link"
   }, renderCell ? (_renderCell2 = renderCell(rowData)) === null || _renderCell2 === void 0 ? void 0 : _renderCell2.cell : handleCellFormat(rowData[dataKey], type)) : /*#__PURE__*/React.createElement(React.Fragment, null, renderCell ? (_renderCell3 = renderCell(rowData)) === null || _renderCell3 === void 0 ? void 0 : _renderCell3.cell : handleCellFormat(rowData[dataKey], type))));
+});
+export var CustomRowStatus = /*#__PURE__*/React.memo(function (_ref5) {
+  var _path2;
+  var rowData = _ref5.rowData,
+    toolTip = _ref5.toolTip,
+    dataKey = _ref5.dataKey,
+    onChange = _ref5.onChange,
+    rowClick = _ref5.rowClick,
+    getIcon = _ref5.getIcon,
+    path = _ref5.path,
+    link = _ref5.link,
+    props = _objectWithoutPropertiesLoose(_ref5, _excluded4);
+  var _useState = useState('bottom-position'),
+    dropdownPosition = _useState[0],
+    setDropdownPosition = _useState[1];
+  var dropRef = useRef(null);
+  var menuButtonRef = useRef(null);
+  var adjustDropdownPosition = function adjustDropdownPosition() {
+    if (menuButtonRef.current && dropRef.current) {
+      var _menuButtonRef$curren;
+      var inputBoxRect = (_menuButtonRef$curren = menuButtonRef.current) === null || _menuButtonRef$curren === void 0 ? void 0 : _menuButtonRef$curren.getBoundingClientRect();
+      var viewportHeight = window.innerHeight;
+      var spaceAbove = inputBoxRect.top;
+      var spaceBelow = viewportHeight - inputBoxRect.bottom;
+      if (spaceAbove > spaceBelow) {
+        setDropdownPosition('top-position');
+      } else {
+        setDropdownPosition('bottom-position');
+      }
+    }
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Cell, _extends({}, props, {
+    dataKey: dataKey,
+    style: {
+      padding: 0,
+      display: 'flex',
+      justifyContent: 'center',
+      alignItems: 'center'
+    },
+    onMouseEnter: function onMouseEnter() {
+      return adjustDropdownPosition();
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "row-status"
+  }, !path ? /*#__PURE__*/React.createElement("span", {
+    ref: menuButtonRef,
+    style: {
+      height: 24,
+      width: 24,
+      display: 'flex'
+    },
+    onClick: function onClick() {
+      return rowClick === null || rowClick === void 0 ? void 0 : rowClick(rowData);
+    }
+  }, getIcon === null || getIcon === void 0 ? void 0 : getIcon(rowData)) : /*#__PURE__*/React.createElement(Link, {
+    style: {
+      height: 24,
+      width: 24
+    },
+    to: (_path2 = path === null || path === void 0 ? void 0 : path(rowData)) != null ? _path2 : '',
+    className: "qbs-table-row-link"
+  }, getIcon === null || getIcon === void 0 ? void 0 : getIcon(rowData)), /*#__PURE__*/React.createElement("div", {
+    ref: dropRef,
+    className: "row-status-tooltip " + dropdownPosition,
+    style: {
+      position: 'fixed'
+    }
+  }, toolTip))));
 });

package/es/qbsTable/QbsTable.js

@@ -6,7 +6,7 @@ import ColumnGroup from '../ColumnGroup';
 import HeaderCell from '../HeaderCell';
 import Pagination from '../Pagination';
 import Table from '../Table';
-import { ActionCell, CheckCell, CustomTableCell, ExpandCell } from './CustomTableCell';
+import { ActionCell, CheckCell, CustomTableCell, ExpandCell, CustomRowStatus } from './CustomTableCell';
 import ToolBar from './Toolbar';
 import ColumToggle from './utilities/ColumShowHide';
 import debounce from './utilities/debounce';
@@ -16,6 +16,7 @@ import '../../dist/css/qbs-react-grid.css';
 var CHECKBOX_LINE_HEIGHT = '36px';
 var COLUMN_WIDTH = 250;
 var QbsTable = function QbsTable(_ref) {
+  var _Object$keys;
   var handleColumnSort = _ref.handleColumnSort,
     data = _ref.data,
     propColumn = _ref.columns,
@@ -75,7 +76,8 @@ var QbsTable = function QbsTable(_ref) {
     selectedRows = _ref.selectedRows,
     _ref$headerHeight = _ref.headerHeight,
     headerHeight = _ref$headerHeight === void 0 ? 40 : _ref$headerHeight,
-    tableBodyHeight = _ref.tableBodyHeight;
+    tableBodyHeight = _ref.tableBodyHeight,
+    customRowStatus = _ref.customRowStatus;
   var _useState = useState(false),
     loading = _useState[0],
     setLoading = _useState[1];
@@ -462,6 +464,20 @@ var QbsTable = function QbsTable(_ref) {
     className: "" + classes.tableCheckBoxClass,
     onChange: handleCheck,
     dataTheme: dataTheme
+  })), customRowStatus && ((_Object$keys = Object.keys(customRowStatus)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.length) > 0 && /*#__PURE__*/React.createElement(Column, {
+    width: 50,
+    align: "center",
+    fixed: "left"
+  }, /*#__PURE__*/React.createElement(HeaderCell, {
+    verticalAlign: findGrouped() ? 'middle' : undefined,
+    className: " " + classes.headerlClass
+  }, ' '), /*#__PURE__*/React.createElement(CustomRowStatus, {
+    getIcon: customRowStatus.getIcon,
+    dataKey: customRowStatus.field,
+    rowClick: customRowStatus.onClick,
+    path: customRowStatus.getPath,
+    link: customRowStatus.link,
+    toolTip: customRowStatus.toolTip
   })), columnsRendered, !actionProps || (actionProps === null || actionProps === void 0 ? void 0 : actionProps.length) === 0 && columnToggle && /*#__PURE__*/React.createElement(Column, {
     width: 40,
     fixed: "right"

package/es/qbsTable/commontypes.d.ts

@@ -98,6 +98,15 @@ export interface QbsTableProps {
     handleResetColumns?: () => void;
     headerHeight?: number;
     tableBodyHeight?: string;
+    customRowStatus?: {
+        getIcon?: (data: any) => ReactElement;
+        onClick?: (rowData: any) => void;
+        hidden?: boolean;
+        toolTip?: string | ReactElement;
+        link?: boolean;
+        field?: boolean;
+        getPath?: (data: any) => string;
+    };
 }
 export interface QbsTableToolbarProps {
     title?: string;

package/es/qbsTable/utilities/ToolTip.js

@@ -1,26 +1,38 @@
-import React, { useEffect, useState } from 'react';
+import React, { useState, useRef } from 'react';
 var TooltipComponent = function TooltipComponent(_ref) {
   var title = _ref.title,
     children = _ref.children;
-  var _useState = useState(0),
-    scrollY = _useState[0],
-    setScrollY = _useState[1];
-  var _useState2 = useState(true),
-    isScrollingUp = _useState2[0],
-    setIsScrollingUp = _useState2[1];
-  var handleScroll = function handleScroll() {
-    setIsScrollingUp(window.scrollY < scrollY);
-    setScrollY(window.scrollY);
+  var _useState = useState('bottom-position'),
+    dropdownPosition = _useState[0],
+    setDropdownPosition = _useState[1];
+  var dropRef = useRef(null);
+  var menuButtonRef = useRef(null);
+  var adjustDropdownPosition = function adjustDropdownPosition() {
+    if (menuButtonRef.current && dropRef.current) {
+      var _menuButtonRef$curren;
+      var inputBoxRect = (_menuButtonRef$curren = menuButtonRef.current) === null || _menuButtonRef$curren === void 0 ? void 0 : _menuButtonRef$curren.getBoundingClientRect();
+      var viewportHeight = window.innerHeight;
+      var spaceAbove = inputBoxRect.top;
+      var spaceBelow = viewportHeight - inputBoxRect.bottom;
+      if (spaceAbove > spaceBelow) {
+        setDropdownPosition('top-position');
+      } else {
+        setDropdownPosition('bottom-position');
+      }
+    }
   };
-  useEffect(function () {
-    window.addEventListener('scroll', handleScroll);
-    return function () {
-      window.removeEventListener('scroll', handleScroll);
-    };
-  }, [scrollY]);
   return /*#__PURE__*/React.createElement("div", {
-    className: "qbs-table-tooltip " + (!isScrollingUp ? 'up' : 'down')
-  }, /*#__PURE__*/React.createElement("span", null, children), /*#__PURE__*/React.createElement("span", {
+    className: "qbs-table-tooltip " + (dropdownPosition == 'bottom-position' ? 'down' : 'up') + " "
+  }, /*#__PURE__*/React.createElement("span", {
+    ref: menuButtonRef,
+    style: {
+      display: 'flex'
+    },
+    onMouseEnter: function onMouseEnter() {
+      return adjustDropdownPosition();
+    }
+  }, children), /*#__PURE__*/React.createElement("span", {
+    ref: dropRef,
     className: "tooltiptext"
   }, title));
 };

package/lib/Row.d.ts

@@ -9,6 +9,9 @@ export interface RowProps extends StandardProps {
     rowRef?: any;
     rowSpan?: number;
     index?: number;
+    dataLength?: number;
+    handleParentCallBack?: (index: number) => void;
+    zIndexValue?: number;
 }
 declare const Row: React.ForwardRefExoticComponent<RowProps & React.RefAttributes<HTMLDivElement>>;
 export default Row;

package/lib/Row.js

@@ -9,7 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _utils = require("./utils");
 var _TableContext = _interopRequireDefault(require("./TableContext"));
 var _constants = require("./constants");
-var _excluded = ["classPrefix", "height", "headerHeight", "className", "width", "top", "style", "isHeaderRow", "rowRef", "children", "rowSpan", "index"];
+var _excluded = ["classPrefix", "height", "headerHeight", "className", "width", "top", "style", "isHeaderRow", "rowRef", "children", "rowSpan", "index", "dataLength", "handleParentCallBack", "zIndexValue"];
 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); }
 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; }
 var Row = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
@@ -28,6 +28,9 @@ var Row = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
     children = props.children,
     rowSpan = props.rowSpan,
     index = props.index,
+    dataLength = props.dataLength,
+    handleParentCallBack = props.handleParentCallBack,
+    zIndexValue = props.zIndexValue,
     rest = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
   var _useContext = (0, _react.useContext)(_TableContext["default"]),
     translateDOMPositionXY = _useContext.translateDOMPositionXY;
@@ -43,15 +46,17 @@ var Row = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
     height: isHeaderRow ? headerHeight : height
   }, style);
   var INDEX = index;
-  var styleIndex = 200 - INDEX;
   translateDOMPositionXY === null || translateDOMPositionXY === void 0 ? void 0 : translateDOMPositionXY(styles, 0, top);
   return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
     role: "row"
   }, rest, {
     ref: (0, _utils.mergeRefs)(rowRef, ref),
+    onMouseEnter: function onMouseEnter() {
+      return handleParentCallBack === null || handleParentCallBack === void 0 ? void 0 : handleParentCallBack(INDEX);
+    },
     className: classes,
     style: (0, _extends2["default"])({}, styles, {
-      zIndex: styleIndex
+      zIndex: zIndexValue
     })
   }), children);
 });

package/lib/Table.js

@@ -621,11 +621,20 @@ var Table = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
     }
     return scrollbars;
   };
+  var _useState2 = (0, _react.useState)(Array(data === null || data === void 0 ? void 0 : data.length).fill(1)),
+    rowZIndices = _useState2[0],
+    setRowZIndices = _useState2[1];
+  var handleParentCallBack = function handleParentCallBack(index) {
+    setRowZIndices(function (currentZIndices) {
+      return currentZIndices.map(function (_, idx) {
+        return idx === index ? 10 : 1;
+      });
+    });
+  };
   var renderTableBody = function renderTableBody(bodyCells, rowWidth) {
     var _visibleRows$current;
     var height = getTableHeight();
     var bodyHeight = height - headerHeight;
-    console.log(bodyHeight, height);
     var bodyStyles = {
       top: headerHeight,
       height: bodyHeight,
@@ -680,7 +689,10 @@ var Table = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
             depth: _rowData[_constants.TREE_DEPTH],
             height: nextRowHeight,
             cellHeight: cellHeight,
-            index: index
+            index: index,
+            dataLength: data === null || data === void 0 ? void 0 : data.length,
+            handleParentCallBack: handleParentCallBack,
+            zIndexValue: rowZIndices[index]
           };
           _top += nextRowHeight;
           if (virtualized && !wordWrap) {

package/lib/less/qbs-table.less

@@ -504,3 +504,27 @@
   vertical-align: center !important;
   display: table-cell;
 }
+.row-status:hover .row-status-tooltip {
+  display: block;
+}
+.row-status-tooltip {
+  display: none;
+  // bottom: 40px;
+  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: 0px 2px 4px 0px rgba(58, 58, 58, 0.15);
+}
+.row-status-tooltip.bottom-position {
+  top: 100%;
+}
+
+.row-status-tooltip.top-position {
+  bottom: 100%;
+}

package/lib/qbsTable/CustomTableCell.d.ts

@@ -3,3 +3,4 @@ export declare const CheckCell: React.FC<any>;
 export declare const ActionCell: React.FC<any>;
 export declare const ExpandCell: React.FC<any>;
 export declare const CustomTableCell: React.FC<any>;
+export declare const CustomRowStatus: React.FC<any>;

package/lib/qbsTable/CustomTableCell.js

@@ -2,17 +2,20 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.ExpandCell = exports.CustomTableCell = exports.CheckCell = exports.ActionCell = void 0;
+exports.ExpandCell = exports.CustomTableCell = exports.CustomRowStatus = exports.CheckCell = exports.ActionCell = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _Cell = _interopRequireDefault(require("../Cell"));
 var _handleFormatCell = require("./utilities/handleFormatCell");
 var _menuDropDown = _interopRequireDefault(require("./utilities/menuDropDown"));
 var _reactRouterDom = require("react-router-dom");
 var _excluded = ["rowData", "onChange", "checkedKeys", "dataKey", "dataTheme"],
   _excluded2 = ["rowData", "dataKey", "expandedRowKeys", "onChange"],
-  _excluded3 = ["rowData", "renderCell", "toolTip", "dataKey", "onChange", "rowClick", "type", "path", "link"];
+  _excluded3 = ["rowData", "renderCell", "toolTip", "dataKey", "onChange", "rowClick", "type", "path", "link"],
+  _excluded4 = ["rowData", "toolTip", "dataKey", "onChange", "rowClick", "getIcon", "path", "link"];
+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); }
+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; }
 var CHECKBOX_LINE_HEIGHT = '36px';
 var CheckCell = /*#__PURE__*/_react["default"].memo(function (_ref) {
   var rowData = _ref.rowData,
@@ -104,4 +107,73 @@ var CustomTableCell = /*#__PURE__*/_react["default"].memo(function (_ref4) {
     className: "qbs-table-row-link"
   }, renderCell ? (_renderCell2 = renderCell(rowData)) === null || _renderCell2 === void 0 ? void 0 : _renderCell2.cell : (0, _handleFormatCell.handleCellFormat)(rowData[dataKey], type)) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, renderCell ? (_renderCell3 = renderCell(rowData)) === null || _renderCell3 === void 0 ? void 0 : _renderCell3.cell : (0, _handleFormatCell.handleCellFormat)(rowData[dataKey], type))));
 });
-exports.CustomTableCell = CustomTableCell;
+exports.CustomTableCell = CustomTableCell;
+var CustomRowStatus = /*#__PURE__*/_react["default"].memo(function (_ref5) {
+  var _path2;
+  var rowData = _ref5.rowData,
+    toolTip = _ref5.toolTip,
+    dataKey = _ref5.dataKey,
+    onChange = _ref5.onChange,
+    rowClick = _ref5.rowClick,
+    getIcon = _ref5.getIcon,
+    path = _ref5.path,
+    link = _ref5.link,
+    props = (0, _objectWithoutPropertiesLoose2["default"])(_ref5, _excluded4);
+  var _useState = (0, _react.useState)('bottom-position'),
+    dropdownPosition = _useState[0],
+    setDropdownPosition = _useState[1];
+  var dropRef = (0, _react.useRef)(null);
+  var menuButtonRef = (0, _react.useRef)(null);
+  var adjustDropdownPosition = function adjustDropdownPosition() {
+    if (menuButtonRef.current && dropRef.current) {
+      var _menuButtonRef$curren;
+      var inputBoxRect = (_menuButtonRef$curren = menuButtonRef.current) === null || _menuButtonRef$curren === void 0 ? void 0 : _menuButtonRef$curren.getBoundingClientRect();
+      var viewportHeight = window.innerHeight;
+      var spaceAbove = inputBoxRect.top;
+      var spaceBelow = viewportHeight - inputBoxRect.bottom;
+      if (spaceAbove > spaceBelow) {
+        setDropdownPosition('top-position');
+      } else {
+        setDropdownPosition('bottom-position');
+      }
+    }
+  };
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Cell["default"], (0, _extends2["default"])({}, props, {
+    dataKey: dataKey,
+    style: {
+      padding: 0,
+      display: 'flex',
+      justifyContent: 'center',
+      alignItems: 'center'
+    },
+    onMouseEnter: function onMouseEnter() {
+      return adjustDropdownPosition();
+    }
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "row-status"
+  }, !path ? /*#__PURE__*/_react["default"].createElement("span", {
+    ref: menuButtonRef,
+    style: {
+      height: 24,
+      width: 24,
+      display: 'flex'
+    },
+    onClick: function onClick() {
+      return rowClick === null || rowClick === void 0 ? void 0 : rowClick(rowData);
+    }
+  }, getIcon === null || getIcon === void 0 ? void 0 : getIcon(rowData)) : /*#__PURE__*/_react["default"].createElement(_reactRouterDom.Link, {
+    style: {
+      height: 24,
+      width: 24
+    },
+    to: (_path2 = path === null || path === void 0 ? void 0 : path(rowData)) != null ? _path2 : '',
+    className: "qbs-table-row-link"
+  }, getIcon === null || getIcon === void 0 ? void 0 : getIcon(rowData)), /*#__PURE__*/_react["default"].createElement("div", {
+    ref: dropRef,
+    className: "row-status-tooltip " + dropdownPosition,
+    style: {
+      position: 'fixed'
+    }
+  }, toolTip))));
+});
+exports.CustomRowStatus = CustomRowStatus;

package/lib/qbsTable/QbsTable.js

@@ -23,6 +23,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 var CHECKBOX_LINE_HEIGHT = '36px';
 var COLUMN_WIDTH = 250;
 var QbsTable = function QbsTable(_ref) {
+  var _Object$keys;
   var handleColumnSort = _ref.handleColumnSort,
     data = _ref.data,
     propColumn = _ref.columns,
@@ -82,7 +83,8 @@ var QbsTable = function QbsTable(_ref) {
     selectedRows = _ref.selectedRows,
     _ref$headerHeight = _ref.headerHeight,
     headerHeight = _ref$headerHeight === void 0 ? 40 : _ref$headerHeight,
-    tableBodyHeight = _ref.tableBodyHeight;
+    tableBodyHeight = _ref.tableBodyHeight,
+    customRowStatus = _ref.customRowStatus;
   var _useState = (0, _react.useState)(false),
     loading = _useState[0],
     setLoading = _useState[1];
@@ -469,6 +471,20 @@ var QbsTable = function QbsTable(_ref) {
     className: "" + classes.tableCheckBoxClass,
     onChange: handleCheck,
     dataTheme: dataTheme
+  })), customRowStatus && ((_Object$keys = Object.keys(customRowStatus)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.length) > 0 && /*#__PURE__*/_react["default"].createElement(_Column["default"], {
+    width: 50,
+    align: "center",
+    fixed: "left"
+  }, /*#__PURE__*/_react["default"].createElement(_HeaderCell["default"], {
+    verticalAlign: findGrouped() ? 'middle' : undefined,
+    className: " " + classes.headerlClass
+  }, ' '), /*#__PURE__*/_react["default"].createElement(_CustomTableCell.CustomRowStatus, {
+    getIcon: customRowStatus.getIcon,
+    dataKey: customRowStatus.field,
+    rowClick: customRowStatus.onClick,
+    path: customRowStatus.getPath,
+    link: customRowStatus.link,
+    toolTip: customRowStatus.toolTip
   })), columnsRendered, !actionProps || (actionProps === null || actionProps === void 0 ? void 0 : actionProps.length) === 0 && columnToggle && /*#__PURE__*/_react["default"].createElement(_Column["default"], {
     width: 40,
     fixed: "right"

package/lib/qbsTable/commontypes.d.ts

@@ -98,6 +98,15 @@ export interface QbsTableProps {
     handleResetColumns?: () => void;
     headerHeight?: number;
     tableBodyHeight?: string;
+    customRowStatus?: {
+        getIcon?: (data: any) => ReactElement;
+        onClick?: (rowData: any) => void;
+        hidden?: boolean;
+        toolTip?: string | ReactElement;
+        link?: boolean;
+        field?: boolean;
+        getPath?: (data: any) => string;
+    };
 }
 export interface QbsTableToolbarProps {
     title?: string;

package/lib/qbsTable/utilities/ToolTip.js

@@ -8,25 +8,37 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 var TooltipComponent = function TooltipComponent(_ref) {
   var title = _ref.title,
     children = _ref.children;
-  var _useState = (0, _react.useState)(0),
-    scrollY = _useState[0],
-    setScrollY = _useState[1];
-  var _useState2 = (0, _react.useState)(true),
-    isScrollingUp = _useState2[0],
-    setIsScrollingUp = _useState2[1];
-  var handleScroll = function handleScroll() {
-    setIsScrollingUp(window.scrollY < scrollY);
-    setScrollY(window.scrollY);
+  var _useState = (0, _react.useState)('bottom-position'),
+    dropdownPosition = _useState[0],
+    setDropdownPosition = _useState[1];
+  var dropRef = (0, _react.useRef)(null);
+  var menuButtonRef = (0, _react.useRef)(null);
+  var adjustDropdownPosition = function adjustDropdownPosition() {
+    if (menuButtonRef.current && dropRef.current) {
+      var _menuButtonRef$curren;
+      var inputBoxRect = (_menuButtonRef$curren = menuButtonRef.current) === null || _menuButtonRef$curren === void 0 ? void 0 : _menuButtonRef$curren.getBoundingClientRect();
+      var viewportHeight = window.innerHeight;
+      var spaceAbove = inputBoxRect.top;
+      var spaceBelow = viewportHeight - inputBoxRect.bottom;
+      if (spaceAbove > spaceBelow) {
+        setDropdownPosition('top-position');
+      } else {
+        setDropdownPosition('bottom-position');
+      }
+    }
   };
-  (0, _react.useEffect)(function () {
-    window.addEventListener('scroll', handleScroll);
-    return function () {
-      window.removeEventListener('scroll', handleScroll);
-    };
-  }, [scrollY]);
   return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "qbs-table-tooltip " + (!isScrollingUp ? 'up' : 'down')
-  }, /*#__PURE__*/_react["default"].createElement("span", null, children), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "qbs-table-tooltip " + (dropdownPosition == 'bottom-position' ? 'down' : 'up') + " "
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    ref: menuButtonRef,
+    style: {
+      display: 'flex'
+    },
+    onMouseEnter: function onMouseEnter() {
+      return adjustDropdownPosition();
+    }
+  }, children), /*#__PURE__*/_react["default"].createElement("span", {
+    ref: dropRef,
     className: "tooltiptext"
   }, title));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "qbs-react-grid",
-  "version": "1.1.16",
+  "version": "1.1.17",
   "description": "A React table component",
   "main": "lib/index.js",
   "typings": "lib/index.d.ts",

package/src/Row.tsx

@@ -13,6 +13,9 @@ export interface RowProps extends StandardProps {
   rowRef?: any;
   rowSpan?: number;
   index?: number;
+  dataLength?: number;
+  handleParentCallBack?: (index: number) => void;
+  zIndexValue?: number;
 }
 
 const Row = React.forwardRef((props: RowProps, ref: React.Ref<HTMLDivElement>) => {
@@ -29,6 +32,9 @@ const Row = React.forwardRef((props: RowProps, ref: React.Ref<HTMLDivElement>) =
     children,
     rowSpan,
     index,
+    dataLength,
+    handleParentCallBack,
+    zIndexValue,
     ...rest
   } = props;
 
@@ -42,7 +48,6 @@ const Row = React.forwardRef((props: RowProps, ref: React.Ref<HTMLDivElement>) =
     ...style
   };
   const INDEX = index as number;
-  const styleIndex = 200 - INDEX;
   translateDOMPositionXY?.(styles as CSSStyleDeclaration, 0, top);
 
   return (
@@ -50,8 +55,9 @@ const Row = React.forwardRef((props: RowProps, ref: React.Ref<HTMLDivElement>) =
       role="row"
       {...rest}
       ref={mergeRefs(rowRef, ref)}
+      onMouseEnter={() => handleParentCallBack?.(INDEX)}
       className={classes}
-      style={{ ...styles, zIndex: styleIndex }}
+      style={{ ...styles, zIndex: zIndexValue }}
     >
       {children}
     </div>

package/src/Table.tsx

@@ -724,7 +724,6 @@ const Table = React.forwardRef(<Row extends RowDataType, Key>(props: TableProps<
         </>
       );
     }
-
     return (
       <Row {...restRowProps} data-depth={depth} style={rowStyles}>
         {renderRowProp ? renderRowProp(rowNode, rowData) : rowNode}
@@ -945,11 +944,14 @@ const Table = React.forwardRef(<Row extends RowDataType, Key>(props: TableProps<
 
     return scrollbars;
   };
+  const [rowZIndices, setRowZIndices] = useState(Array(data?.length).fill(1));
 
+  const handleParentCallBack = (index: number) => {
+    setRowZIndices(currentZIndices => currentZIndices.map((_, idx) => (idx === index ? 10 : 1)));
+  };
   const renderTableBody = (bodyCells: any[], rowWidth: number) => {
     const height = getTableHeight();
     const bodyHeight = height - headerHeight;
-    console.log(bodyHeight, height);
     const bodyStyles = {
       top: headerHeight,
       height: bodyHeight,
@@ -1016,7 +1018,10 @@ const Table = React.forwardRef(<Row extends RowDataType, Key>(props: TableProps<
             depth: rowData[TREE_DEPTH],
             height: nextRowHeight,
             cellHeight,
-            index: index
+            index: index,
+            dataLength: data?.length,
+            handleParentCallBack: handleParentCallBack,
+            zIndexValue: rowZIndices[index]
           };
 
           top += nextRowHeight;

package/src/less/qbs-table.less

@@ -504,3 +504,27 @@
   vertical-align: center !important;
   display: table-cell;
 }
+.row-status:hover .row-status-tooltip {
+  display: block;
+}
+.row-status-tooltip {
+  display: none;
+  // bottom: 40px;
+  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: 0px 2px 4px 0px rgba(58, 58, 58, 0.15);
+}
+.row-status-tooltip.bottom-position {
+  top: 100%;
+}
+
+.row-status-tooltip.top-position {
+  bottom: 100%;
+}

package/src/qbsTable/CustomTableCell.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useState, useRef } from 'react';
 
 import Cell from '../Cell';
 import { handleCellFormat } from './utilities/handleFormatCell';
@@ -81,3 +81,62 @@ export const CustomTableCell: React.FC<any> = React.memo(
     );
   }
 );
+export const CustomRowStatus: React.FC<any> = React.memo(
+  ({ rowData, toolTip, dataKey, onChange, rowClick, getIcon, path, link, ...props }) => {
+    const [dropdownPosition, setDropdownPosition] = useState('bottom-position');
+    const dropRef = useRef(null);
+    const menuButtonRef = useRef<HTMLElement>(null);
+    const adjustDropdownPosition = () => {
+      if (menuButtonRef.current && dropRef.current) {
+        const inputBoxRect = menuButtonRef.current?.getBoundingClientRect();
+        const viewportHeight = window.innerHeight;
+
+        const spaceAbove = inputBoxRect.top;
+        const spaceBelow = viewportHeight - inputBoxRect.bottom;
+        if (spaceAbove > spaceBelow) {
+          setDropdownPosition('top-position');
+        } else {
+          setDropdownPosition('bottom-position');
+        }
+      }
+    };
+
+    return (
+      <>
+        <Cell
+          {...props}
+          dataKey={dataKey}
+          style={{ padding: 0, display: 'flex', justifyContent: 'center', alignItems: 'center' }}
+          onMouseEnter={() => adjustDropdownPosition()}
+        >
+          <div className="row-status">
+            {!path ? (
+              <span
+                ref={menuButtonRef}
+                style={{ height: 24, width: 24, display: 'flex' }}
+                onClick={() => rowClick?.(rowData)}
+              >
+                {getIcon?.(rowData)}
+              </span>
+            ) : (
+              <Link
+                style={{ height: 24, width: 24 }}
+                to={path?.(rowData) ?? ''}
+                className="qbs-table-row-link"
+              >
+                {getIcon?.(rowData)}
+              </Link>
+            )}
+            <div
+              ref={dropRef}
+              className={`row-status-tooltip ${dropdownPosition}`}
+              style={{ position: 'fixed' }}
+            >
+              {toolTip}
+            </div>
+          </div>
+        </Cell>
+      </>
+    );
+  }
+);

package/src/qbsTable/QbsTable.tsx

@@ -7,7 +7,13 @@ import HeaderCell from '../HeaderCell';
 import Pagination from '../Pagination';
 import Table from '../Table';
 import { QbsColumnProps, QbsTableProps } from './commontypes';
-import { ActionCell, CheckCell, CustomTableCell, ExpandCell } from './CustomTableCell';
+import {
+  ActionCell,
+  CheckCell,
+  CustomTableCell,
+  ExpandCell,
+  CustomRowStatus
+} from './CustomTableCell';
 import ToolBar from './Toolbar';
 import ColumToggle from './utilities/ColumShowHide';
 import debounce from './utilities/debounce';
@@ -63,7 +69,8 @@ const QbsTable: React.FC<QbsTableProps> = ({
   handleResetColumns,
   selectedRows,
   headerHeight = 40,
-  tableBodyHeight
+  tableBodyHeight,
+  customRowStatus
 }) => {
   const [loading, setLoading] = useState(false);
   const [columns, setColumns] = useState(propColumn);
@@ -499,6 +506,24 @@ const QbsTable: React.FC<QbsTableProps> = ({
               />
             </Column>
           )}
+          {customRowStatus && Object.keys(customRowStatus)?.length > 0 && (
+            <Column width={50} align="center" fixed="left">
+              <HeaderCell
+                verticalAlign={findGrouped() ? 'middle' : undefined}
+                className={` ${classes.headerlClass}`}
+              >
+                {' '}
+              </HeaderCell>
+              <CustomRowStatus
+                getIcon={customRowStatus.getIcon}
+                dataKey={customRowStatus.field}
+                rowClick={customRowStatus.onClick}
+                path={customRowStatus.getPath}
+                link={customRowStatus.link}
+                toolTip={customRowStatus.toolTip}
+              />
+            </Column>
+          )}
           {columnsRendered}
           {!actionProps ||
             (actionProps?.length === 0 && columnToggle && (

package/src/qbsTable/commontypes.ts

@@ -101,6 +101,15 @@ export interface QbsTableProps {
   handleResetColumns?: () => void;
   headerHeight?: number;
   tableBodyHeight?: string;
+  customRowStatus?: {
+    getIcon?: (data: any) => ReactElement;
+    onClick?: (rowData: any) => void;
+    hidden?: boolean;
+    toolTip?: string | ReactElement;
+    link?: boolean;
+    field?: boolean;
+    getPath?: (data: any) => string;
+  };
 }
 
 export interface QbsTableToolbarProps {

package/src/qbsTable/utilities/ToolTip.tsx

@@ -1,24 +1,36 @@
-import React, { useEffect, useState } from 'react';
+import React, { useState, useRef } from 'react';
 
 const TooltipComponent: React.FC<any> = ({ title, children }) => {
-  const [scrollY, setScrollY] = useState(0);
-  const [isScrollingUp, setIsScrollingUp] = useState(true);
+  const [dropdownPosition, setDropdownPosition] = useState('bottom-position');
+  const dropRef = useRef(null);
+  const menuButtonRef = useRef<HTMLElement>(null);
+  const adjustDropdownPosition = () => {
+    if (menuButtonRef.current && dropRef.current) {
+      const inputBoxRect = menuButtonRef.current?.getBoundingClientRect();
+      const viewportHeight = window.innerHeight;
 
-  const handleScroll = () => {
-    setIsScrollingUp(window.scrollY < scrollY);
-    setScrollY(window.scrollY);
+      const spaceAbove = inputBoxRect.top;
+      const spaceBelow = viewportHeight - inputBoxRect.bottom;
+      if (spaceAbove > spaceBelow) {
+        setDropdownPosition('top-position');
+      } else {
+        setDropdownPosition('bottom-position');
+      }
+    }
   };
 
-  useEffect(() => {
-    window.addEventListener('scroll', handleScroll);
-    return () => {
-      window.removeEventListener('scroll', handleScroll);
-    };
-  }, [scrollY]);
   return (
-    <div className={`qbs-table-tooltip ${!isScrollingUp ? 'up' : 'down'}`}>
-      <span>{children}</span>
-      <span className="tooltiptext">{title}</span>
+    <div className={`qbs-table-tooltip ${dropdownPosition == 'bottom-position' ? 'down' : 'up'} `}>
+      <span
+        ref={menuButtonRef}
+        style={{ display: 'flex' }}
+        onMouseEnter={() => adjustDropdownPosition()}
+      >
+        {children}
+      </span>
+      <span ref={dropRef} className={`tooltiptext`}>
+        {title}
+      </span>
     </div>
   );
 };

package/src/qbsTable/utilities/menuDropDown.tsx

@@ -41,6 +41,7 @@ const MenuDropDown: React.FC<Props> = ({ actionDropDown, handleMenuActions, rowD
     setOpenMenu(false);
   };
 
+  
   return (
     <div className="qbs-table-menu-dropdown" ref={menuRef}>
       <button className="qbs-table-dropbtn" onClick={toggleMenu} ref={menuButtonRef}>