react-data-grid-lite
Version:
A fast, lightweight, and customizable Data Grid for React.
1 lines • 61.8 kB
JavaScript
import t,{useState as e,useRef as o,useEffect as n}from"react";function r(t,e){void 0===e&&(e={});var o=e.insertAt;if(t&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===o&&n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.styleSheet?r.styleSheet.cssText=t:r.appendChild(document.createTextNode(t))}}function l(t,e,o,n,r,l,i){try{var a=t[l](i),d=a.value}catch(t){return void o(t)}a.done?e(d):Promise.resolve(d).then(n,r)}function i(t,e,o){return(e=function(t){var e=function(t,e){if("object"!=typeof t||!t)return t;var o=t[Symbol.toPrimitive];if(void 0!==o){var n=o.call(t,e);if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return t+""}(t,"string");return"symbol"==typeof e?e:e+""}(e))in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t}function a(){return a=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var o=arguments[e];for(var n in o)({}).hasOwnProperty.call(o,n)&&(t[n]=o[n])}return t},a.apply(null,arguments)}function d(t,e){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),o.push.apply(o,n)}return o}function c(t){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?d(Object(o),!0).forEach((function(e){i(t,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):d(Object(o)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}return t}function p(t){return!(null!=t&&!Number.isNaN(t))||("string"==typeof t?""===t.trim():Array.isArray(t)?0===t.length:"object"==typeof t&&Object.getPrototypeOf(t)===Object.prototype&&0===Object.keys(t).length)}function m(t,e){if(t===e)return!0;if("object"!=typeof t||null===t||"object"!=typeof e||null===e)return!1;if(t.constructor!==e.constructor)return!1;var o=Object.keys(t),n=Object.keys(e);if(o.length!==n.length)return!1;for(var r of o){if(!n.includes(r))return!1;if(!m(t[r],e[r]))return!1}return!0}function u(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,o=document.querySelector(t);if(p(o))return e;var n=o.offsetWidth;if(!n)try{n=parseFloat(window.getComputedStyle(o).width)}catch(t){}return!n&&o.parentElement&&(n=o.parentElement.offsetWidth||parseFloat(window.getComputedStyle(o.parentElement).width)),n||e}function s(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"90vw",o=t=>{var e=t.trim().match(/^([\d.]+)vw$/);return e?parseFloat(e[1])/100*Math.max(document.documentElement.clientWidth||0,window.innerWidth||0):null},n=o(t);return null===n&&(n=o(e)),null!=n?n:.9*window.innerWidth}r('.r-d-g-lt-comp{background-color:#e0e0e0;border-radius:6px;color:#667;font-size:16px!important;font-weight:600;padding:8px;position:relative}.r-d-g-lt-comp *{box-sizing:border-box!important;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-family:Inter,system-ui,sans-serif;font-family:Roboto,Helvetica,Arial,sans-serif;user-select:none;-webkit-user-select:none;-ms-user-select:none}.r-d-g-lt-comp :focus-visible{outline:0!important}.r-d-g-lt-comp a:active,.r-d-g-lt-comp a:focus,.r-d-g-lt-comp a:hover{box-shadow:0 0 0 0!important;outline:0!important}.r-d-g-lt-comp input{background-color:#fff;border:.5px solid #e0e0e0;-moz-border-radius:10px!important;-webkit-border-radius:10px!important;border-radius:4px!important;box-shadow:inset 0 1px 4px #445;-moz-box-sizing:border-box!important;-webkit-box-sizing:border-box!important;box-sizing:border-box!important;color:#212529;font-weight:400!important;height:100%!important;padding:1px 5px!important;width:90%!important}.r-d-g-lt-comp .dropdown{background-color:#e0e0e0;border:1px solid #667;border-radius:6px!important;cursor:pointer;font-weight:900!important;height:32px!important;padding:0;position:relative;width:60px!important}.r-d-g-lt-comp .dropdown-selected{align-items:center;display:flex;height:100%!important;justify-content:space-between;padding:4px 4px 4px 8px;transition:border-color .2s;width:100%!important}.r-d-g-lt-comp .dropdown-arrow{font-size:10px;margin-left:4px}.r-d-g-lt-comp .dropdown-options{background:#fff;border:1px solid #667;border-radius:6px;bottom:100%;left:0;margin-top:4px;max-height:140px;overflow-y:auto;position:absolute;width:100%;z-index:1000}.r-d-g-lt-comp .dropdown-option{font-size:14px;padding:6px 10px}.r-d-g-lt-comp .dropdown-option:hover{background-color:#e0e0e0}.r-d-g-lt-comp .dropdown-option.selected{background-color:#667;color:#fff;font-weight:500}.r-d-g-lt-comp .clear-input{color:#888;cursor:pointer;font-size:18px;position:absolute;right:12px;top:50%;transform:translateY(-50%);user-select:none}.r-d-g-lt-comp .clear-input:hover{color:#333}.r-d-g-lt-comp .pointer{cursor:pointer!important}.r-d-g-lt-comp .alignCenter{align-items:center;display:flex!important;justify-content:center}.r-d-g-lt-comp input::placeholder{position:relative;text-align:center;top:1px;transform:scale(.9);transition:transform .3s ease}.r-d-g-lt-comp .dot-loader{align-items:flex-end;display:flex;gap:6px;height:20px;justify-content:center}.r-d-g-lt-comp .dot-loader span{animation:bounce-r-d-g-lt-comp .6s ease-in-out infinite;background:#3498db;border-radius:50%;height:8px;width:8px}.r-d-g-lt-comp .dot-loader span:first-child{animation-delay:-.2s}.r-d-g-lt-comp .dot-loader span:nth-child(2){animation-delay:-.1s}.r-d-g-lt-comp .dot-loader span:nth-child(3){animation-delay:0s}@keyframes bounce-r-d-g-lt-comp{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}}.r-d-g-lt-comp .icon-div{border-radius:4px;box-shadow:0 0 0 1px #667;cursor:pointer;height:32px;letter-spacing:.001em;line-height:1.43;margin:0;transition:box-shadow .1s ease;width:32px;z-index:100}.r-d-g-lt-comp .icon-div:hover{box-shadow:0 0 0 2px #556}.r-d-g-lt-comp .icon-div:active{box-shadow:inset 0 1px 4px #445}.r-d-g-lt-comp .grid-icon-div{background:linear-gradient(180deg,#fff,#e0e0e0)!important;margin:auto!important}.r-d-g-lt-comp .clear-icon-div{float:left;height:36px;margin-bottom:5px!important;position:relative;top:0;width:50px}.r-d-g-lt-comp .download-icon-div{float:right;height:36px;margin-bottom:5px!important;position:relative;top:0;width:160px!important}.r-d-g-lt-comp .download-icon-div div.icon-content{align-items:center;display:inline-flex;gap:6px}.r-d-g-lt-comp .download-icon-div div.icon-content svg{height:24px;width:24px}.r-d-g-lt-comp .sort-icon-wrapper{position:relative;width:30px!important}.r-d-g-lt-comp i.icon-sort{display:inline-block;height:8px;opacity:.8;position:relative;transform:scale(.8);width:0}.r-d-g-lt-comp i.icon-sort:before{border-bottom:6px solid #a9a9a9;bottom:7px}.r-d-g-lt-comp i.icon-sort:after{border-top:6px solid #a9a9a9;top:7px}.r-d-g-lt-comp i.icon-sort:after,.r-d-g-lt-comp i.icon-sort:before{border-bottom-color:#fff;border-left:6px solid transparent;border-right:6px solid transparent;border-top-color:#fff;content:"";left:-6px;position:absolute}.r-d-g-lt-comp .updown-icon{font-size:15px!important;margin:0!important;padding:0!important;text-shadow:1px 1px 1px #ccc}.r-d-g-lt-comp .updown-icon.inactive{color:#ccc!important}.r-d-g-lt-comp i.icon-sort-up{border-bottom:6px solid #fff}.r-d-g-lt-comp i.icon-sort-down,.r-d-g-lt-comp i.icon-sort-up{border-left:6px solid transparent;border-right:6px solid transparent;display:inline-block;height:0;transform:scale(.8);width:0}.r-d-g-lt-comp i.icon-sort-down{border-top:6px solid #fff}.r-d-g-lt-comp .p-0{padding:0}.r-d-g-lt-comp .m-0{margin:0}.r-d-g-lt-comp .row{display:flex;flex-wrap:wrap}.r-d-g-lt-comp [class*=col-]{flex:0 0 auto}.r-d-g-lt-comp .col-2{width:16.666%}.r-d-g-lt-comp .col-5{width:41.666%}.r-d-g-lt-comp .col-12{width:100%}.r-d-g-lt-comp .react-data-grid-lite{border:0;box-sizing:border-box;color:rgba(0,0,0,.87);display:flex;flex-direction:column;letter-spacing:.001em;line-height:1.43;outline:none;position:relative;z-index:1}.r-d-g-lt-comp .react-data-grid-lite table{border:0;border-collapse:collapse;border-radius:10px;border-spacing:0;display:grid!important;overflow:auto!important;table-layout:fixed;width:100%;z-index:1}.r-d-g-lt-comp .react-data-grid-lite table::-webkit-scrollbar{border:14px solid #d5d5d5;border-start-end-radius:1px;height:14px!important;width:0!important;z-index:10}.r-d-g-lt-comp .dropdown-options::-webkit-scrollbar{border:6px solid #d5d5d5;border-start-end-radius:6px;width:6px!important;z-index:10}.r-d-g-lt-comp .dropdown-options::-webkit-scrollbar-thumb,.r-d-g-lt-comp .react-data-grid-lite table::-webkit-scrollbar-thumb{border-radius:1px;-webkit-box-shadow:inset 0 0 10px grey;z-index:10}.r-d-g-lt-comp .dropdown-options::-webkit-scrollbar-thumb:hover,.r-d-g-lt-comp .react-data-grid-lite table::-webkit-scrollbar-thumb:hover{background-color:#e0e0e0}.r-d-g-lt-comp .react-data-grid-lite thead{background-color:inherit;border:none;box-shadow:0 2px 2px rgba(0,0,0,.15);display:table-header-group!important;left:0;position:sticky;top:0;width:100%;will-change:transform;z-index:8}.r-d-g-lt-comp .react-data-grid-lite table tbody{background-color:#fff;display:table-row-group!important}.r-d-g-lt-comp .react-data-grid-lite table tbody::-webkit-scrollbar{height:0!important;width:0!important}.r-d-g-lt-comp .react-data-grid-lite table tr{display:flex!important;width:100%}.r-d-g-lt-comp table thead tr th{border:0!important;max-width:1200px!important;min-width:100px!important;position:relative;vertical-align:middle!important}.r-d-g-lt-comp table thead th div.emptyHeader svg path{height:32px;width:32px}.r-d-g-lt-comp table thead tr.gridHeader{background-color:#667;color:#fff}.r-d-g-lt-comp table thead tr.gridHeader th{display:flex;height:60px!important;padding:6px 0!important}.r-d-g-lt-comp table thead tr.gridHeader th div{cursor:pointer;margin:0!important;padding:0!important;position:relative;transition:all .2s ease;width:100%}.r-d-g-lt-comp table thead tr.gridHeader th div.headerText{display:block;font-size:20px!important;overflow:hidden;padding:0 0 0 5px!important;text-align:center;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}.r-d-g-lt-comp table thead tr.gridHeader span{background-color:#e0e0e0;bottom:8px;padding:0!important;position:absolute;right:1px;top:8px;width:2px;z-index:5}.r-d-g-lt-comp table thead tr.searchHeader{background-color:#fff!important}.r-d-g-lt-comp table thead tr.searchHeader th{background-color:#fff;height:40px!important;line-height:.5!important;padding:7px 1px!important}.r-d-g-lt-comp table thead tr.searchHeader th div{height:100%;position:relative}.r-d-g-lt-comp .gridRow:first-child td,.r-d-g-lt-comp table tbody .gridRow:first-child{border-top:0 solid #e0e0e0!important}.r-d-g-lt-comp table tbody .gridRow:last-child{border-bottom:1px solid #e0e0e0!important}.r-d-g-lt-comp table tbody .gridRow td{border:solid #e0e0e0!important;border-width:1px 0 0!important;max-width:1200px!important;min-width:100px!important;padding:0;text-align:center}.r-d-g-lt-comp table tbody .gridRow td div{align-content:center;overflow:hidden;text-overflow:ellipsis;white-space:normal}.r-d-g-lt-comp table tbody .gridRow td div.rowText{height:100%;padding:10px 18px!important;text-align:left}.r-d-g-lt-comp table tbody tr:nth-of-type(2n){background-color:#f8f8f8}.r-d-g-lt-comp table tbody tr:nth-of-type(odd){background-color:#ebedf0}.r-d-g-lt-comp table tbody tr:hover{background-color:#f5f5f5}.r-d-g-lt-comp .float-lt{float:left}.r-d-g-lt-comp .grid-footer{height:72px!important}.r-d-g-lt-comp .searchDiv{align-items:center!important;color:#fff;display:inline-block;width:90%!important}.r-d-g-lt-comp .searchInput{border-radius:2px;height:100%!important;width:100%!important}.r-d-g-lt-comp .globalSearchDiv{display:block!important;height:50px;margin:0!important;padding:4px 4px 0!important}.r-d-g-lt-comp div.globalSearch{float:left!important;height:36.5px!important;margin-right:12px;position:relative;width:35%!important}.r-d-g-lt-comp div.globalSearch input{border-radius:4px;width:100%!important}.r-d-g-lt-comp .button-column{flex-wrap:wrap!important;padding:10px!important}.r-d-g-lt-comp .page-results{padding-left:10px!important;text-align:left!important}.r-d-g-lt-comp .pagination{background:inherit!important;float:right;list-style:none;padding-right:5px!important}.r-d-g-lt-comp .pagination li a{background-color:inherit;border:0;border-radius:10px!important;color:#999!important;font-size:95%!important;font-weight:900;height:28px;line-height:28px;margin:0 1px 0 0!important;padding:0;text-align:center;text-decoration:none!important;width:34px}.r-d-g-lt-comp .pagination li a:hover{background:#e0e0e0!important;color:#fff!important}.r-d-g-lt-comp .pagination li.active a{background:#667!important;color:#fff!important;pointer-events:none!important}.r-d-g-lt-comp .pagination li a.dot{width:10px!important}.r-d-g-lt-comp .pagination li a.dot:active,.r-d-g-lt-comp .pagination li a.dot:hover{background:inherit!important;color:inherit!important}.r-d-g-lt-comp .pagination li.disabled{background:inherit!important;pointer-events:none}.r-d-g-lt-comp .pagination li.disabled i{background:inherit!important}.r-d-g-lt-comp .pagination i.arrow{font-size:28px!important;position:relative;top:2px}.r-d-g-lt-comp .pagination i.arrow:hover,.r-d-g-lt-comp .pagination li.arrow a:hover,.r-d-g-lt-comp .pagination li.arrow:hover{color:#212529!important}.r-d-g-lt-comp .pagination li.arrow a:hover{background:inherit!important}.r-d-g-lt-comp .pagination li.arrow a:active{background:inherit!important;color:inherit!important}.r-d-g-lt-comp .pagination li i{font-size:19px;font-style:normal;line-height:14px;padding-top:6px}.r-d-g-lt-comp .pagination>li>.page-link:hover{background-color:#c0cad3!important;box-shadow:0 0 0 0 rgba(0,123,255,.25)}.r-d-g-lt-comp .emptyHeader{cursor:default!important}.r-d-g-lt-comp .page-list{display:block!important}@media (max-width:500px){.r-d-g-lt-comp .react-data-grid-lite table tbody{height:345px;max-height:345px}.r-d-g-lt-comp .gridHeader th{border-bottom:none!important;border-top:none!important;padding:8px 0 2px!important}.r-d-g-lt-comp .searchHeader th{padding:5px 0!important}.r-d-g-lt-comp .searchHeader th div{padding-left:0!important}.r-d-g-lt-comp .gridRow td{padding:4px 0 5px}.r-d-g-lt-comp .updown-icon{font-size:10px!important}.r-d-g-lt-comp i.icon-sort:after,.r-d-g-lt-comp i.icon-sort:before{border-left:5px solid transparent;border-right:5px solid transparent}.r-d-g-lt-comp i.icon-sort:before{border-bottom:4px solid #a9a9a9;bottom:6px}.r-d-g-lt-comp i.icon-sort:after{border-top:4px solid #a9a9a9;top:6px}.r-d-g-lt-comp i.icon-sort-down,.r-d-g-lt-comp i.icon-sort-up{border-left:4px solid transparent;border-right:4px solid transparent}.r-d-g-lt-comp i.icon-sort-up{border-bottom:5px solid #000}.r-d-g-lt-comp i.icon-sort-down{border-top:5px solid #000}.r-d-g-lt-comp .searchInput{padding-left:2px;padding-right:2px}}@media (max-width:700px){.r-d-g-lt-comp .download-icon-div{height:32px!important;width:40px!important}.r-d-g-lt-comp .download-icon{margin-left:0!important}.r-d-g-lt-comp .page-results,.r-d-g-lt-comp .pagerSelect{max-width:50%!important;width:50%!important}.r-d-g-lt-comp .pagerSelect{float:right;justify-content:right!important;padding:0 25px 0 0!important}.r-d-g-lt-comp .page-list{display:none!important}.r-d-g-lt-comp .clear-icon-div{height:32px!important;width:40px!important}.r-d-g-lt-comp div.globalSearch{height:32.5px!important;width:50%!important}.r-d-g-lt-comp div.globalSearch input{padding-left:2px;padding-right:2px}.r-d-g-lt-comp .globalSearchDiv{height:42px;padding-top:2px!important}.r-d-g-lt-comp .dropdown{height:32px!important;width:50px!important}}@media (max-width:575.98px){.r-d-g-lt-comp{font-size:12.5px!important}.r-d-g-lt-comp table thead tr th div.headerText{font-size:15px!important}}@media (min-width:576px) and (max-width:767.98px){.r-d-g-lt-comp{font-size:14px!important}.r-d-g-lt-comp table thead tr th div.headerText{font-size:16px!important}}@media (min-width:768px) and (max-width:991.98px){.r-d-g-lt-comp{font-size:15px!important}.r-d-g-lt-comp table thead tr th div.headerText{font-size:17px!important}}@media (min-width:992px) and (max-width:1199.98px){.r-d-g-lt-comp{font-size:16px!important}.r-d-g-lt-comp table thead tr th div.headerText{font-size:18px!important}}'),r(".r-d-g-lt-comp .theme-1,.r-d-g-lt-comp.theme-1{background-color:#e5e8ec!important;color:#1f3b4d!important;padding:16px!important}.r-d-g-lt-comp.theme-1 input{border:.5px solid #e5e8ec!important;box-shadow:inset 0 1px 4px #11242f!important}.r-d-g-lt-comp.theme-1 .dropdown-options::-webkit-scrollbar-thumb:hover,.r-d-g-lt-comp.theme-1 .react-data-grid-lite table::-webkit-scrollbar-thumb:hover{background-color:#e5e8ec!important}.r-d-g-lt-comp.theme-1 div.globalSearchDiv{padding:4px 18px 0!important}.r-d-g-lt-comp.theme-1 i.toolbox-icon{background-color:inherit!important}.r-d-g-lt-comp.theme-1 div.icon-div{box-shadow:0 0 0 .3px #1f3b4d!important}.r-d-g-lt-comp.theme-1 div.icon-div:hover{box-shadow:0 0 0 2px #18303f!important}.r-d-g-lt-comp.theme-1 div.icon-div:active{box-shadow:inset 0 1px 4px #11242f!important}.r-d-g-lt-comp.theme-1 .grid-footer .dropdown{background-color:#e5e8ec!important;border:1px solid #1f3b4d!important}.r-d-g-lt-comp.theme-1 .grid-footer .dropdown .dropdown-options{border:1px solid #1f3b4d!important}.r-d-g-lt-comp.theme-1 .grid-footer .dropdown .dropdown-option:hover{background-color:#e5e8ec!important}.r-d-g-lt-comp.theme-1 .grid-footer .dropdown .dropdown-option.selected{background-color:#1f3b4d!important;color:#fff!important}.r-d-g-lt-comp.theme-1 .grid-footer .pagination li a{color:#1f3b4d!important}.r-d-g-lt-comp.theme-1 .grid-footer .pagination li.active a{background-color:#1f3b4d!important;color:#fff!important}.r-d-g-lt-comp .theme-1 .dot-loader span{background:#1f3b4d!important}.r-d-g-lt-comp .theme-1-h{background-color:#1f3b4d!important;color:#fff!important;padding:12px 0!important}.r-d-g-lt-comp .theme-1-r,.theme-1-r:nth-child(2n){background-color:#fff!important}.theme-1-r:nth-child(odd){background-color:#f5f8fa!important}.theme-1-r:hover{background-color:#f0f6fa!important}.r-d-g-lt-comp .theme-2,.r-d-g-lt-comp.theme-2{background-color:#f5f5f5!important;color:#2d2d2d!important;padding:16px!important}.r-d-g-lt-comp.theme-2 input{border:.5px solid #f5f5f5!important;box-shadow:inset 0 1px 4px #141414!important}.r-d-g-lt-comp.theme-2 .dropdown-options::-webkit-scrollbar-thumb:hover,.r-d-g-lt-comp.theme-2 .react-data-grid-lite table::-webkit-scrollbar-thumb:hover{background-color:#f5f5f5!important}.r-d-g-lt-comp.theme-2 div.globalSearchDiv{padding:4px 18px 0!important}.r-d-g-lt-comp.theme-2 i.toolbox-icon{background-color:inherit!important}.r-d-g-lt-comp.theme-2 div.icon-div{box-shadow:0 0 0 .3px #2d2d2d!important}.r-d-g-lt-comp.theme-2 div.icon-div:hover{box-shadow:0 0 0 2px #1f1f1f!important}.r-d-g-lt-comp.theme-2 div.icon-div:active{box-shadow:inset 0 1px 4px #141414!important}.r-d-g-lt-comp.theme-2 .grid-footer .dropdown{background-color:#f5f5f5!important;border:1px solid #2d2d2d!important}.r-d-g-lt-comp.theme-2 .grid-footer .dropdown .dropdown-options{border:1px solid #2d2d2d!important}.r-d-g-lt-comp.theme-2 .grid-footer .dropdown .dropdown-option:hover{background-color:#f5f5f5!important}.r-d-g-lt-comp.theme-2 .grid-footer .dropdown .dropdown-option.selected{background-color:#2d2d2d!important;color:#fff!important}.r-d-g-lt-comp.theme-2 .grid-footer .pagination li a{color:#2d2d2d!important}.r-d-g-lt-comp.theme-2 .grid-footer .pagination li.active a{background-color:#2d2d2d!important;color:#fff!important}.r-d-g-lt-comp .theme-2 .dot-loader span{background:#2d2d2d!important}.r-d-g-lt-comp .theme-2-h{background-color:#2d2d2d!important;color:#fff!important;padding:12px 0!important}.r-d-g-lt-comp .theme-2-r,.r-d-g-lt-comp .theme-2-r:nth-child(2n){background-color:#fff!important}.r-d-g-lt-comp .theme-2-r:nth-child(odd){background-color:#fafafa!important}.r-d-g-lt-comp .theme-2-r:hover{background-color:#e0f7fa!important}.r-d-g-lt-comp .theme-3,.r-d-g-lt-comp.theme-3{background-color:#e8f5e9!important;color:#256d4f!important;padding:16px!important}.r-d-g-lt-comp.theme-3 input{border:.5px solid #e8f5e9!important;box-shadow:inset 0 1px 4px #174736!important}.r-d-g-lt-comp.theme-3 .dropdown-options::-webkit-scrollbar-thumb:hover,.r-d-g-lt-comp.theme-3 .react-data-grid-lite table::-webkit-scrollbar-thumb:hover{background-color:#e8f5e9!important}.r-d-g-lt-comp.theme-3 div.globalSearchDiv{padding:4px 18px 0!important}.r-d-g-lt-comp.theme-3 i.toolbox-icon{background-color:inherit!important}.r-d-g-lt-comp.theme-3 div.icon-div{box-shadow:0 0 0 .3px #256d4f!important}.r-d-g-lt-comp.theme-3 div.icon-div:hover{box-shadow:0 0 0 2px #1f5c44!important}.r-d-g-lt-comp.theme-3 div.icon-div:active{box-shadow:inset 0 1px 4px #174736!important}.r-d-g-lt-comp.theme-3 .grid-footer .dropdown{background-color:#e8f5e9!important;border:1px solid #256d4f!important}.r-d-g-lt-comp.theme-3 .grid-footer .dropdown .dropdown-options{border:1px solid #256d4f!important}.r-d-g-lt-comp.theme-3 .grid-footer .dropdown .dropdown-option:hover{background-color:#e8f5e9!important}.r-d-g-lt-comp.theme-3 .grid-footer .dropdown .dropdown-option.selected{background-color:#256d4f!important;color:#fff!important}.r-d-g-lt-comp.theme-3 .grid-footer .pagination li a{color:#256d4f!important}.r-d-g-lt-comp.theme-3 .grid-footer .pagination li.active a{background-color:#256d4f!important;color:#fff!important}.r-d-g-lt-comp .theme-3 .dot-loader span{background:#256d4f!important}.r-d-g-lt-comp .theme-3-h{background-color:#256d4f!important;color:#fff!important;padding:12px 0!important}.r-d-g-lt-comp .theme-3-r,.r-d-g-lt-comp .theme-3-r:nth-child(2n){background-color:#fff!important}.r-d-g-lt-comp .theme-3-r:nth-child(odd){background-color:#f1f8f5!important}.r-d-g-lt-comp .theme-3-r:hover{background-color:#e0f2f1!important}");var g=function(t,e){var o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"en-US",n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"UTC";if(!t)return"";var r=new Date(t);if(isNaN(r))return"";e&&"string"==typeof e&&""!==e.trim()||(e="yyyy-MM-dd");var l=t=>t<10?"0"+t:t,i={yyyy:()=>r.getFullYear(),MM:()=>l(r.getMonth()+1),dd:()=>l(r.getDate()),HH:()=>l(r.getHours()),mm:()=>l(r.getMinutes()),ss:()=>l(r.getSeconds()),S:()=>r.getMilliseconds(),EEEE:()=>r.toLocaleString(o,{weekday:"long"}),EEE:()=>r.toLocaleString(o,{weekday:"short"}),a:()=>r.getHours()>=12?"PM":"AM",MMMM:()=>r.toLocaleString(o,{month:"long"}),MMM:()=>r.toLocaleString(o,{month:"short"}),do:()=>{var t=r.getDate();if(t>=11&&t<=13)return t+"th";switch(t%10){case 1:return t+"st";case 2:return t+"nd";case 3:return t+"rd";default:return t+"th"}},hh:()=>l(r.getHours()%12||12),Z:()=>{var t=new Date(r.toLocaleString("en-US",{timeZone:n})).getTimezoneOffset(),e=Math.floor(Math.abs(t)/60),o=Math.abs(t)%60;return"".concat(t>0?"-":"+").concat(l(e)).concat(l(o))},ZZZZ:()=>r.toLocaleString(o,{timeZoneName:"long",timeZone:n}),DST:()=>((t,e)=>{var o=new Date(t.getFullYear(),0,1),n=new Date(t.getFullYear(),6,1),r=new Date(o.toLocaleString("en-US",{timeZone:e})).getTimezoneOffset(),l=new Date(n.toLocaleString("en-US",{timeZone:e})).getTimezoneOffset();return new Date(t.toLocaleString("en-US",{timeZone:e})).getTimezoneOffset()<Math.max(r,l)})(r,n)?"DST":"Non-DST"};return e.replace(/yyyy|MMMM|MMM|MM|dd|HH|mm|ss|S|EEEE|EEE|a|do|hh|ZZZZ|Z|DST/g,(t=>i[t]?i[t]():t))};function v(t,e,o){if(null==t||null==e)return t;var n=t,r=e.toLowerCase();if("string"==typeof t){if("boolean"===r&&!/^(yes|no)$/i.test(t.trim()))return n;if("currency"===r){if(!/\d/.test(t))return n;t=t.replace(/[^\d.-]/g,"")}if("percent"===r&&(t=t.replace(/%/g,""),isNaN(t)||!/\d/.test(t)))return n;if(["number","currency","percent"].includes(r)){if(t=t.replace(/,/g,""),isNaN(t))return n;t=Number(t)}}switch(r){case"number":return"0,0"===o?new Intl.NumberFormat("en-US").format(t):"0.00"===o?t.toFixed(2):n;case"currency":return new Intl.NumberFormat("en-US",{style:"currency",currency:(o||"USD").toUpperCase(),maximumFractionDigits:2}).format(t);case"date":return g(t,o);case"percent":return isNaN(t)?n:"".concat((100*t).toFixed(0),"%");case"boolean":return!0===t||/^yes$/i.test(t)?"Yes":"No";default:return n}}var h=function(t,e){var o,n,r,l,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{format:"",type:""},d=arguments.length>4?arguments[4]:void 0,u=arguments.length>5?arguments[5]:void 0,s=arguments.length>6?arguments[6]:void 0,g=arguments.length>7?arguments[7]:void 0;if(t&&"string"==typeof e){var h=t.target.value,f=p(null==a?void 0:a.format)?"":a.format,b=p(null==a?void 0:a.type)?"":a.type,x=p(i)?[e]:i,w=null!==(o=null==d?void 0:d.current)&&void 0!==o?o:[];u.current=null!==(n=null==u||null===(r=u.current)||void 0===r?void 0:r.filter((t=>t.colName!==e)))&&void 0!==n?n:[],""!==h&&u.current.push({colName:e,searchQuery:h,colObj:x,formatting:{format:f,type:b}});var y=[],C=["date","number","currency","percent","boolean"];null==u||null===(l=u.current)||void 0===l||l.forEach((t=>{var e,o=null==t||null===(e=t.searchQuery)||void 0===e?void 0:e.toLowerCase(),n=t=>!p(t)&&(""+t).toLowerCase().includes(o);if("##globalSearch##"===t.colName)t.colObj.forEach((t=>{var e,r,l,i,a,d,c=(null==t?void 0:t.hidden)||!1,m=null!==(e=null==t||null===(r=t.formatting)||void 0===r?void 0:r.format)&&void 0!==e?e:"",u=null===(l=(null==t||null===(i=t.formatting)||void 0===i?void 0:i.type)||"")||void 0===l?void 0:l.toLowerCase(),s=null==t||null===(a=t.concatColumns)||void 0===a?void 0:a.columns;d=w.filter((e=>{var r;return null!=C&&C.includes(u)?s?Object.keys(e).some((t=>{var n;return s.some((e=>(null==e?void 0:e.toLowerCase())===(null==t?void 0:t.toLowerCase())))&&!c&&!p(e[t])&&(null===(n=v(e[t],u,m))||void 0===n||null===(n=""+n)||void 0===n||null===(n=n.toLowerCase())||void 0===n?void 0:n.includes(o))})):!c&&(null===(r=v(e[t.name],u,m))||void 0===r||null===(r=""+r)||void 0===r||null===(r=r.toLowerCase())||void 0===r?void 0:r.includes(o)):s?Object.keys(e).some((t=>s.some((e=>(null==e?void 0:e.toLowerCase())===(null==t?void 0:t.toLowerCase())))&&!c&&n(e[t]))):!c&&n(e[t.name])})),y=[...y,...d]})),w=y.filter(((t,e,o)=>e===o.findIndex((e=>m(t,e)))));else{var r,l,i,a=((null==t||null===(r=t.formatting)||void 0===r?void 0:r.type)||"").toLowerCase(),d=null!==(l=null==t||null===(i=t.formatting)||void 0===i?void 0:i.format)&&void 0!==l?l:"";w=w.filter((e=>null!=C&&C.includes(a)?Object.keys(e).some((n=>{var r;return t.colObj.some((t=>(null==t?void 0:t.toLowerCase())===(null==n?void 0:n.toLowerCase())))&&!p(e[n])&&(null===(r=v(e[n],a,d))||void 0===r||null===(r=""+r)||void 0===r||null===(r=r.toLowerCase())||void 0===r?void 0:r.includes(o))})):Object.keys(e).some((o=>t.colObj.some((t=>(null==t?void 0:t.toLowerCase())===(null==o?void 0:o.toLowerCase())))&&n(e[o])))))}}));var E=w.length;g((t=>c(c({},t),{},{rowsData:w,activePage:1,totalRows:E,firstRow:0,toggleState:!s.toggleState})))}},f=e=>{var{enablePaging:o,activePage:n=1,noOfPages:r=1,onPageChange:l,onPrevButtonClick:i,onNextButtonClick:d}=e;if(!o)return null;var c=parseInt(n),p=parseInt(r),m=[],u={style:{background:"inherit"},className:"page-link alignCenter",href:"/"},s=function(e,o,n){var r=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",l=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},i=arguments.length>6&&void 0!==arguments[6]?arguments[6]:{};return t.createElement("li",a({key:e,className:"m-0 p-0 page-item ".concat(arguments.length>3&&void 0!==arguments[3]?arguments[3]:""),style:l},i),t.createElement("a",a({},u,{className:"".concat(u.className," ").concat(r),onClick:n}),o))};m.push(s("prevButton",t.createElement("b",null,t.createElement("i",{className:"arrow","aria-hidden":"true"},"«")),i,1===c||0===p?"arrow disabled":"arrow","",{},{"aria-label":"Previous Page"})),m.push(s("leftDots",t.createElement("b",null,".."),(t=>l(t,c-2)),"","dot",{visibility:c>2&&p>3?"visible":"collapse"})),c===p&&p>=3&&m.push(s("thirdLast",p-2,(t=>l(t,p-2))));for(var g=function(t){m.push(s(t,t,(e=>l(e,t)),c===t?"active":""))},v=Math.max(1,c-1);v<=Math.min(p,c+1);v++)g(v);return 1===c&&p>=3&&m.push(s("thirdPage",3,(t=>l(t,3)))),m.push(s("rightDots",t.createElement("b",null,".."),(t=>l(t,c+2)),"","dot",{visibility:p-1>c&&p>3?"visible":"collapse"})),m.push(s("nextButton",t.createElement("b",null,t.createElement("i",{className:"arrow","aria-hidden":"true"},"»")),d,c===p||0===p?"arrow disabled":"arrow","",{},{"aria-label":"Next Page"})),t.createElement("ul",{className:"pagination alignCenter"},m)},b=r=>{var{options:l=[],value:i,onChange:a}=r,[d,c]=e(!1),p=o(null),m=o({});return n((()=>{var t=t=>{var e;null==p||!p.current||null!=p&&null!==(e=p.current)&&void 0!==e&&e.contains(t.target)||c(!1)};return document.addEventListener("mousedown",t),()=>{document.removeEventListener("mousedown",t)}}),[]),n((()=>{var t,e;d&&null!=m&&null!==(t=m.current)&&void 0!==t&&null!==(t=t[i])&&void 0!==t&&t.scrollIntoView&&(null===(e=m.current)||void 0===e||null===(e=e[i])||void 0===e||e.scrollIntoView({behavior:"auto",block:"nearest"}))}),[d,i]),t.createElement("div",{className:"dropdown",ref:p},t.createElement("div",{className:"dropdown-selected",onClick:()=>{c((t=>!t))},tabIndex:0,role:"button"},i,t.createElement("span",{className:"dropdown-arrow"},d?"▲":"▼")),d&&t.createElement("div",{className:"dropdown-options"},l.map(((e,o)=>t.createElement("div",{key:o,ref:t=>m.current[e]=t,className:"dropdown-option ".concat(e===i?"selected":""),onClick:t=>((t,e)=>{null==a||a(t,e),c(!1)})(t,e)},e)))))},x=e=>{var o,n,{totalRows:r,currentPageRows:l,activePage:i,pageRows:a,pagerSelectOptions:d,enablePaging:c,noOfPages:m,onPageChange:u,onPrev:s,onNext:g}=e,v=(i-1)*a+1,h=v+l-1,x=r>l?"".concat(v," - ").concat(h):r;return t.createElement("div",{className:"row col-12 m-0 p-0 alignCenter grid-footer"},p(r)||0===r?null:t.createElement("div",{className:"col-5 m-0 p-0 page-results"},t.createElement("b",null,x)," "," of "," ",t.createElement("b",null,r)," "," results"),t.createElement("div",{className:"col-2 m-0 p-0 pagerSelect alignCenter"},null!==(o=null==d?void 0:d.length)&&void 0!==o&&o?t.createElement(b,{options:d,value:i,onChange:(t,e)=>u(t,parseInt(e,10))}):null),t.createElement("div",{className:"float-lt col-5 m-0 p-0 page-list"},t.createElement("div",{className:"col-12 m-0 p-0"},null!==(n=null==d?void 0:d.length)&&void 0!==n&&n?t.createElement(f,{enablePaging:c,activePage:i,noOfPages:m,onPageChange:u,onPrevButtonClick:s,onNextButtonClick:g}):null)))};function w(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:200,[o,r]=e((()=>window.innerWidth));return n((()=>{var e,o=()=>{clearTimeout(e),e=setTimeout((()=>{r(window.innerWidth)}),t)};return window.addEventListener("resize",o),()=>{clearTimeout(e),window.removeEventListener("resize",o)}}),[t]),o}function y(){return t.createElement("svg",{width:"28",height:"28",viewBox:"0 0 28 28",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{d:"M11 5C11 4.44772 11.4477 4 12 4C12.5523 4 13 4.44772 13 5V12.1578L16.2428 8.91501L17.657 10.3292L12.0001 15.9861L6.34326 10.3292L7.75748 8.91501L11 12.1575V5Z",fill:"currentColor"}),t.createElement("path",{d:"M4 14H6V18H18V14H20V18C20 19.1046 19.1046 20 18 20H6C4.89543 20 4 19.1046 4 18V14Z",fill:"currentColor"}))}function C(){return t.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.49997 12.8995C2.71892 13.6805 2.71892 14.9468 3.49997 15.7279L7.35785 19.5858H4.08576C3.53347 19.5858 3.08576 20.0335 3.08576 20.5858C3.08576 21.1381 3.53347 21.5858 4.08576 21.5858H20.0858C20.638 21.5858 21.0858 21.1381 21.0858 20.5858C21.0858 20.0335 20.638 19.5858 20.0858 19.5858H10.9558L20.4705 10.071C21.2516 9.28999 21.2516 8.02366 20.4705 7.24261L16.2279 2.99997C15.4468 2.21892 14.1805 2.21892 13.3995 2.99997L3.49997 12.8995ZM7.82579 11.4021L4.91418 14.3137L9.15683 18.5563L12.0684 15.6447L7.82579 11.4021ZM9.24 9.98787L13.4826 14.2305L19.0563 8.65683L14.8137 4.41418L9.24 9.98787Z",fill:"currentColor"}))}var E="150px",k="110px",S="150px",N=1200,R=100,L=".react-data-grid-lite",P="90vw",H="ButtonColumnKey",D="table-loader-overlay";function O(t,e,o){var n,r,l,i,a=arguments.length>3&&void 0!==arguments[3]&&arguments[3],d=arguments.length>4&&void 0!==arguments[4]&&arguments[4];if(!Array.isArray(t))return"100%";var c=u(L,s(P)),p=parseFloat((null===(n=k.replace)||void 0===n?void 0:n.call(k,"px",""))||"0"),m=parseFloat((null===(r=E.replace)||void 0===r?void 0:r.call(E,"px",""))||"0"),g=parseFloat((null===(l=S.replace)||void 0===l?void 0:l.call(S,"px",""))||"0"),v=a?c-p-parseFloat("10"):c-parseFloat("10"),h=0,f=0,b=0;t.forEach(((t,o)=>{if(null==e||!e.includes(o))if(null!=t){var n=z(t,c);isNaN(n)||n<=0?b++:(f++,h+=n)}else b++}));var x=f+b;if(0===x)return"100%";if(o===H)return k;var w=z(null!==(i=null==t?void 0:t[o])&&void 0!==i?i:0,c),y=!isNaN(w)&&w>0?"".concat(w,"px"):S,C=b>0?(v-h)/b:0;return d?x*m>=v?w>m?y:E:"".concat(v/x,"px"):f>0&&0===b?h>=v?y:"".concat(v/x,"px"):b>0&&f>0?null!=t&&t[o]?y:C>g?"".concat(C,"px"):S:0===f&&b>0?v/x>g?"".concat(v/x,"px"):S:"".concat(v/x,"px")}var z=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;if("string"==typeof t){var o=t.trim();if(o.endsWith("%")){var n=parseFloat(o);return isNaN(n)?0:n*e/100}if(o.endsWith("px")){var r=parseFloat(o);return isNaN(r)?0:r}var l=parseFloat(o);return isNaN(l)?0:l}return"number"==typeof t?t:0},M=(t,e,o,n)=>{var r,l,i=(null==o||null===(r=o[e])||void 0===r?void 0:r.cols)||[],a=(null==o||null===(l=o[e])||void 0===l?void 0:l.sep)||"";return i.map((e=>{var o=n.find((t=>{var o;return(null==t||null===(o=t.name)||void 0===o?void 0:o.toUpperCase())===(null==e?void 0:e.toUpperCase())}));return o?t[o.name]:""})).filter(Boolean).join(a)},I=(t,e)=>!p(t)&&null!=e&&e.type?v(t,e.type,e.format):t;function j(e){var{type:o,dataType:n,placeholder:r,className:l,value:i,onChange:a}=e;return t.createElement(t.Fragment,null,t.createElement("input",{className:null!=l?l:"","data-type":null!=n?n:"",type:o,placeholder:null!=r?r:"Search",value:null!=i?i:"",onChange:null!=a?a:()=>{}}),i&&t.createElement("span",{className:"clear-input",onClick:()=>a({target:{value:""}})},"×"))}var A=e=>{var{setState:o,enableGlobalSearch:n,globalSearchInput:r,columns:l,onSearchClicked:i,handleResetSearch:a,enableDownload:d,rowsData:m,downloadFilename:u,onDownloadComplete:s,concatColumns:v,columnFormatting:h}=e,f=w()<700,b=!Array.isArray(m)||0===m.length||p(l);return t.createElement("div",{className:"row col-12 globalSearchDiv"},n&&t.createElement("div",{style:{opacity:b?"0.8":""},className:"p-0 m-0 globalSearch"},t.createElement(j,{placeholder:"Global Search",type:"text",value:r,onChange:t=>{o((e=>{var o,n;return c(c({},e),{},{globalSearchInput:null!==(o=null==t||null===(n=t.target)||void 0===n?void 0:n.value)&&void 0!==o?o:""})})),"function"==typeof i&&i(t,"##globalSearch##",l)}})),t.createElement("div",{className:"p-0 m-0 icon-div alignCenter clear-icon-div",title:"Reset Filters",onClick:a,"data-toggle":"tooltip"},t.createElement(C,null)),d&&t.createElement("div",{style:{pointerEvents:b?"none":"",opacity:b?"0.5":""},className:"p-0 m-0 alignCenter download-icon-div icon-div",title:"Export CSV",onClick:t=>function(t,e,o,n){var r,l=arguments.length>4&&void 0!==arguments[4]?arguments[4]:()=>{},i=arguments.length>5?arguments[5]:void 0,a=arguments.length>6?arguments[6]:void 0;if(e&&0!==e.length&&o){p(n)&&(n="".concat("export","-").concat(g(new Date,"yyyy-MM-dd HH:mm:ss"),".csv")),null!==(r=n)&&void 0!==r&&null!==(r=r.toLowerCase())&&void 0!==r&&r.endsWith(".csv")||(n+=".csv");var d=o.filter((t=>!0!==(null==t?void 0:t.hidden)&&(null==t?void 0:t.name))).map((t=>{var e;return null!==(e=null==t?void 0:t.alias)&&void 0!==e?e:t.name})),c=e.map((t=>{var e={};return Object.keys(t).forEach(((n,r)=>{var l=M(t,r,i,o),d=I(l||t[n],null==a?void 0:a[r]);e[n.toLowerCase()]=d})),e})).map((t=>o.filter((t=>!0!==(null==t?void 0:t.hidden))).map((e=>{var o=e.name.toLowerCase(),n=t[o];return'"'.concat((""+(null!=n?n:"")).replace(/"/g,'""'),'"')})).join(","))),m=[d.join(","),...c].join("\n"),u=new Blob([m],{type:"text/csv;charset=utf-8;"}),s=URL.createObjectURL(u),v=document.createElement("a");v.href=s,v.setAttribute("download",n),v.click(),URL.revokeObjectURL(s),"function"==typeof l&&l(t,n,u)}}(t,m,l,u,s,v,h),"data-toggle":"tooltip"},t.createElement("div",{className:"p-0 m-0 icon-content"},t.createElement(y,null),t.createElement("span",null,f?"":"Export to CSV"))))},W=e=>{var{columns:o=[],header:n}=e,r=Array.isArray(o)?o.find((t=>(null==t?void 0:t.name)===(null==n?void 0:n.name))):null,l="string"==typeof(null==r?void 0:r.sortOrder)?r.sortOrder:null;return t.createElement("div",{className:"sort-icon-wrapper"},t.createElement("i",{className:"updown-icon ".concat("asc"===l?"icon-sort-up":"desc"===l?"icon-sort-down":"inactive icon-sort")}))};function V(){return t.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M17 5.5H20C21.1046 5.5 22 6.39543 22 7.5V19.5C22 20.6046 21.1046 21.5 20 21.5H4C2.89543 21.5 2 20.6046 2 19.5V7.5C2 6.39543 2.89543 5.5 4 5.5H7C7 3.84315 8.34315 2.5 10 2.5H14C15.6569 2.5 17 3.84315 17 5.5ZM14 4.5H10C9.44772 4.5 9 4.94772 9 5.5H15C15 4.94772 14.5523 4.5 14 4.5ZM20 7.5H4V9.5H20V7.5ZM4 19.5V11.5H7V13.5H11V11.5H13V13.5H17V11.5H20V19.5H4Z",fill:"currentColor"}))}var Z=e=>{var{state:o,setState:n,onHeaderClicked:r,onSearchClicked:l,gridHeaderRef:i,computedColumnWidthsRef:a}=e,d=w()<700,{columns:m,hiddenColIndex:g,enableColumnSearch:v,concatColumns:h,editButtonEnabled:f,deleteButtonEnabled:b,headerCssClass:x,gridID:y,columnWidths:C,enableColumnResize:E,rowsData:k,searchValues:S,actionColumnAlign:N}=o||{};if(p(m)||p(C))return null;var R=!Array.isArray(k)||0===k.length,D=[...m],M=[];a&&(a.current=[]);var I=!1,A=u(L,s(P)),Z=f||b,B=O(C,g,H,Z,d);M=[...M.filter((t=>(null==t?void 0:t.name)!==H)),{name:H,width:null!=B?B:0}];var F="left"===N,T="right"===N;Z&&"##Actions##"!==D[D.length-1]&&D[F?"unshift":"push"]("##Actions##");var U=0,X=(Array.isArray(D)?D.reduce(((t,e,o)=>null!=e&&e.hidden?t:o),-1):-1)-(F&&Z?1:0),q=D.map(((e,o)=>{var n,l,i;if(o-=F&&Z?1:0,null!=g&&g.includes(o))return null;var a=X!==o?t.createElement("span",{style:{zIndex:!0===(null==e?void 0:e.fixed)?11:""}}):null,c=O(C,g,o,Z,d);null!=e&&e.name&&(M=[...M.filter((t=>(null==t?void 0:t.name)!==(null==e?void 0:e.name))),{name:null==e?void 0:e.name,width:null!=c?c:0,leftPosition:"".concat(U,"px")}]),U+=z(F&&-1===o?B:c,A);var u=null!==(n=null==e?void 0:e.resizable)&&void 0!==n?n:E;if("##Actions##"===e)return t.createElement("th",{style:{width:B,maxWidth:B,minWidth:B,left:F?0:"",right:T?0:"",position:T||F?"sticky":"",zIndex:T||F?10:"",backgroundColor:T||F?"inherit":"",contain:"layout paint"},title:"Actions","data-toggle":"tooltip",key:o},t.createElement("div",{style:{width:B,maxWidth:B},className:"p-0 emptyHeader alignCenter"},t.createElement(V,null)),"left"===N?t.createElement("span",{style:{zIndex:11}}):null);var s=p(null==e?void 0:e.alias)||(null==e?void 0:e.name)===(null==e?void 0:e.alias)?null==e?void 0:e.name:null==e?void 0:e.alias;return t.createElement("th",{style:{width:c,maxWidth:u?void 0:c,minWidth:u?void 0:c,left:!0===(null==e?void 0:e.fixed)&&null!==(l=null===(i=M)||void 0===i||null===(i=i.find((t=>(null==t?void 0:t.name)===(null==e?void 0:e.name))))||void 0===i?void 0:i.leftPosition)&&void 0!==l?l:"",position:!0===(null==e?void 0:e.fixed)?"sticky":"",zIndex:!0===(null==e?void 0:e.fixed)?10:"",backgroundColor:"inherit",contain:"layout paint"},key:o,"data-column-name":null==e?void 0:e.name,onClick:t=>{var n,l=p(null==h||null===(n=h[o])||void 0===n?void 0:n.cols)?[null==e?void 0:e.name]:h[o].cols;"function"==typeof r&&r(t,l,null==e?void 0:e.name)},className:"pointer"},t.createElement("div",{className:"p-0 m-0 alignCenter"},t.createElement("div",{className:"headerText"},s),t.createElement(W,{columns:m,header:e})),a)})),G=D.map(((e,o)=>{var r,i,a,d,p,m,u,s,f;if(o-="left"===N?1:0,null!=g&&g.includes(o))return null;var b=null!==(r=null==h||null===(i=h[o])||void 0===i?void 0:i.cols)&&void 0!==r?r:null,x=null==e?void 0:e.formatting,w=null!==(a=null===(d=M)||void 0===d||null===(d=d.find((t=>(null==t?void 0:t.name)===(null==e?void 0:e.name))))||void 0===d?void 0:d.width)&&void 0!==a?a:0,y=null!==(p=null==e?void 0:e.resizable)&&void 0!==p?p:E,C=null!==(m=null==e?void 0:e.searchEnable)&&void 0!==m?m:v;return C&&(I=!0),"##Actions##"===e?t.createElement("th",{style:{width:B,maxWidth:B,minWidth:B,left:F?0:"",right:T?0:"",position:T||F?"sticky":"",zIndex:T||F?10:"",backgroundColor:T||F?"inherit":"",boxShadow:F?"#e0e0e0 -0.5px 0px 0px 0px inset":T?"#e0e0e0 0.5px 0px 0px 0px inset":"",contain:"layout paint"},key:o},t.createElement("div",{style:{width:B,maxWidth:B},className:"p-0 alignCenter"})):t.createElement("th",{className:"alignCenter",style:{width:w,maxWidth:y?void 0:w,minWidth:y?void 0:w,left:!0===(null==e?void 0:e.fixed)&&null!==(u=null===(s=M)||void 0===s||null===(s=s.find((t=>(null==t?void 0:t.name)===(null==e?void 0:e.name))))||void 0===s?void 0:s.leftPosition)&&void 0!==u?u:"",position:!0===(null==e?void 0:e.fixed)?"sticky":"",zIndex:!0===(null==e?void 0:e.fixed)?10:"",backgroundColor:"inherit",contain:"layout paint"},key:o,"data-column-name":null==e?void 0:e.name},t.createElement("div",{style:{opacity:R?"0.8":""},className:"searchDiv p-0 m-0"},C?t.createElement(j,{className:"searchInput",placeholder:"Search",type:"text",value:null!==(f=null==S?void 0:S[null==e?void 0:e.name])&&void 0!==f?f:"",onChange:t=>{var o=t.target.value;n((t=>c(c({},t),{},{searchValues:c(c({},t.searchValues),{},{[null==e?void 0:e.name]:o})}))),"function"==typeof l&&l(t,null==e?void 0:e.name,b,x)}}):t.createElement(t.Fragment,null,".")))}));return a&&(a.current=[...M]),t.createElement("thead",{ref:i},t.createElement("tr",{className:"".concat(x," gridHeader"),id:"thead-row-".concat(y)},q),I&&t.createElement("tr",{className:"".concat(x," searchHeader")},G))},B=0,F=[],T=()=>B>0,U=()=>{var t=T();F.forEach((e=>e(t)))},X=function(){var t,e=(t=function*(t){B+=1,U();try{yield t}finally{B-=1,U()}},function(){var e=this,o=arguments;return new Promise((function(n,r){var i=t.apply(e,o);function a(t){l(i,n,r,a,d,"next",t)}function d(t){l(i,n,r,a,d,"throw",t)}a(void 0)}))});return function(t){return e.apply(this,arguments)}}();function q(t,e){var o=document.getElementById(t);if(o){var n=o.querySelector(L);if(n&&("static"===getComputedStyle(n).position&&(n.style.position="relative"),!n.querySelector(".".concat(D)))){var r=document.createElement("div");if(r.className=D,r.style.position="absolute",r.style.top="50%",r.style.left="50%",r.style.transform="translate(-50%, -50%)",r.style.zIndex="999",r.style.backgroundColor="rgba(255,255,255,0.6)",r.style.textAlign="center",e){var l=document.createElement("div");l.textContent=e,l.style.fontSize="14px",l.style.color="#333",r.appendChild(l)}else{var i=document.createElement("div");i.className="dot-loader",i.innerHTML="<span></span><span></span><span></span>",r.appendChild(i)}n.appendChild(r)}}}function G(t){var e=document.getElementById(t);if(e){var o=e.querySelector(L),n=null==o?void 0:o.querySelector(".".concat(D));n&&n.remove()}}function Y(){return t.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M17 5V4C17 2.89543 16.1046 2 15 2H9C7.89543 2 7 2.89543 7 4V5H4C3.44772 5 3 5.44772 3 6C3 6.55228 3.44772 7 4 7H5V18C5 19.6569 6.34315 21 8 21H16C17.6569 21 19 19.6569 19 18V7H20C20.5523 7 21 6.55228 21 6C21 5.44772 20.5523 5 20 5H17ZM15 4H9V5H15V4ZM17 7H7V18C7 18.5523 7.44772 19 8 19H16C16.5523 19 17 18.5523 17 18V7Z",fill:"currentColor"}),t.createElement("path",{d:"M9 9H11V17H9V9Z",fill:"currentColor"}),t.createElement("path",{d:"M13 9H15V17H13V9Z",fill:"currentColor"}))}function $(){return t.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M21.2635 2.29289C20.873 1.90237 20.2398 1.90237 19.8493 2.29289L18.9769 3.16525C17.8618 2.63254 16.4857 2.82801 15.5621 3.75165L4.95549 14.3582L10.6123 20.0151L21.2189 9.4085C22.1426 8.48486 22.338 7.1088 21.8053 5.99367L22.6777 5.12132C23.0682 4.7308 23.0682 4.09763 22.6777 3.70711L21.2635 2.29289ZM16.9955 10.8035L10.6123 17.1867L7.78392 14.3582L14.1671 7.9751L16.9955 10.8035ZM18.8138 8.98525L19.8047 7.99429C20.1953 7.60376 20.1953 6.9706 19.8047 6.58007L18.3905 5.16586C18 4.77534 17.3668 4.77534 16.9763 5.16586L15.9853 6.15683L18.8138 8.98525Z",fill:"currentColor"}),t.createElement("path",{d:"M2 22.9502L4.12171 15.1717L9.77817 20.8289L2 22.9502Z",fill:"currentColor"}))}var Q=o=>{var r,l,{state:i,computedColumnWidthsRef:a}=o,d=(()=>{var[t,o]=e(T());return n((()=>{var t,e=(F.push(t=o),()=>{F=F.filter((e=>e!==t))});return()=>e()}),[]),t})();w();var{rowsData:c,firstRow:m,currentPageRows:u,hiddenColIndex:s,concatColumns:g,columnFormatting:v,columnClass:h,columns:f,rowCssClass:b,rowClickEnabled:x,onRowClick:y,onRowHover:C,onRowOut:E,editButtonEnabled:k,deleteButtonEnabled:S,editButtonEvent:N,deleteButtonEvent:R,enableColumnResize:L,gridID:P,actionColumnAlign:D}=i||{};if(p(c)||p(null==a?void 0:a.current))return G(P),d?q(P):p(c)?q(P,"There is no data to display."):q(P,"Column definitions may be missing or misconfigured, or all columns are currently hidden."),null;G(P);var O=k||S,z=null!==(r=null==a||null===(l=a.current)||void 0===l||null===(l=l.find((t=>(null==t?void 0:t.name)===H)))||void 0===l?void 0:l.width)&&void 0!==r?r:0,j=-1;return f.reduceRight(((t,e,o)=>{-1!==j||!0!==(null==e?void 0:e.fixed)||null!=e&&e.hidden||(j=o)}),null),c.slice(m,m+u).map(((e,o)=>{var n=Object.values(f).map(((o,n)=>{var r,l,i,d,c;if(null!=s&&s.includes(n))return null;var p=M(e,n,g,f),m=I(p||e[null==o?void 0:o.name],null==v?void 0:v[n]),u=(null==h?void 0:h[n])||"",b=null!==(r=null==a||null===(l=a.current)||void 0===l||null===(l=l.find((t=>(null==t?void 0:t.name)===(null==o?void 0:o.name))))||void 0===l?void 0:l.width)&&void 0!==r?r:0,x=null!==(i=null==o?void 0:o.resizable)&&void 0!==i?i:L;return t.createElement("td",{key:n,className:u,style:{width:b,maxWidth:x?void 0:b,minWidth:x?void 0:b,left:!0===(null==o?void 0:o.fixed)&&null!==(d=null==a||null===(c=a.current)||void 0===c||null===(c=c.find((t=>(null==t?void 0:t.name)===(null==o?void 0:o.name))))||void 0===c?void 0:c.leftPosition)&&void 0!==d?d:"",position:!0===(null==o?void 0:o.fixed)?"sticky":"",zIndex:!0===(null==o?void 0:o.fixed)?6:"",backgroundColor:"inherit",boxShadow:j===n?"#e0e0e0 -0.5px 0px 1px 0px inset":"",contain:"layout paint"}},t.createElement("div",{className:"m-0 p-0 rowText",title:m},m))})),r="left"===D,l="right"===D;return O&&n[r?"unshift":"push"](t.createElement("td",{key:"gridButtons",className:"alignCenter",onClick:t=>t.stopPropagation(),style:{width:z,maxWidth:z,minWidth:z,left:r?0:"",right:l?0:"",position:l||r?"sticky":"",zIndex:l||r?6:"",backgroundColor:l||r?"inherit":"",boxShadow:r?"#e0e0e0 -0.5px 0px 0px 0px inset":l?"#e0e0e0 0.5px 0px 0px 0px inset":"",contain:"layout paint"}},t.createElement("div",{className:"m-0 p-0 button-column alignCenter",style:{width:z}},k&&t.createElement("div",{className:"p-0 m-0 icon-div alignCenter grid-icon-div",title:"Edit",onClick:t=>N(t,e),"data-toggle":"tooltip"},t.createElement($,null)),S&&t.createElement("div",{className:"p-0 m-0 icon-div alignCenter grid-icon-div",title:"Delete",onClick:t=>R(t,e),"data-toggle":"tooltip"},t.createElement(Y,null))))),t.createElement("tr",{key:o,className:"".concat(b," gridRow"),style:x?{cursor:"pointer"}:{},onClick:t=>y(t,e),onMouseOver:t=>C(t,e),onMouseOut:t=>E(t,e)},n)}))},K=e=>{var{state:r,setState:l,onHeaderClicked:i,onSearchClicked:a,gridHeaderRef:d,computedColumnWidthsRef:m,isResizingRef:u}=e,s=o(null);return function(t,e,o,r,l,i){n((()=>{var n=null==t?void 0:t.current;if(n){var a=n.querySelector("thead");if(a){var d=a.querySelectorAll("tr");if(d.length){var m=d[0].querySelectorAll("th");if(m.length){var u=new WeakSet;m.forEach((t=>{var n,r;if(t&&!u.has(t)){u.add(t);var a=t.dataset.columnName||t.textContent.trim();if(a){var d=null==e||null===(n=e.columns)||void 0===n?void 0:n.find((t=>(null==t?void 0:t.name)===a));if(null!==(r=null==d?void 0:d.resizable)&&void 0!==r?r:l){var c=null==d?void 0:d.fixed,p=document.createElement("div");p.style.position="absolute",p.style.top="0",p.style.right="0",p.style.width="8px",window.matchMedia("(pointer: coarse)").matches&&(p.style.width="20px"),p.style.height="100%",p.style.cursor="col-resize",p.style.userSelect="none",p.style.zIndex="50","sticky"!==window.getComputedStyle(t).position&&(t.style.position="sticky"),t.appendChild(p);var m=0,v=0;p.addEventListener("mousedown",(n=>{var r;n.preventDefault(),i&&(i.current=!1),m=null!==(r=null==n?void 0:n.pageX)&&void 0!==r?r:null==n?void 0:n.clientX,v=null==t?void 0:t.offsetWidth;var l=t=>{var o;i&&(i.current=!0);var n=document.querySelector("#".concat(e.gridID," table"));n&&!0===c&&(n.scrollLeft=0);var r=null!==(o=null==t?void 0:t.pageX)&&void 0!==o?o:null==t?void 0:t.clientX;s(a,Math.min(Math.max(v+(r-m),R),N))},d=t=>{var n;document.removeEventListener("mousemove",l),document.removeEventListener("mouseup",d),setTimeout((()=>{i&&(i.current=!1)}),100);var r=null!==(n=null==t?void 0:t.pageX)&&void 0!==n?n:null==t?void 0:t.clientX;g(t,Math.min(Math.max(v+(r-m),R),N),o,a,e)};document.addEventListener("mousemove",l),document.addEventListener("mouseup",d)})),p.addEventListener("touchstart",(n=>{var r;null!=n&&n.cancelable&&n.preventDefault(),i&&(i.current=!1);var l=null!=n&&n.touches?null==n?