superior-react-table/dist/index.js

A superior table component for react

/*! For license information please see index.js.LICENSE.txt */
!function(e,n){if("object"==typeof exports&&"object"==typeof module)module.exports=n(require("react"));else if("function"==typeof define&&define.amd)define(["react"],n);else{var r="object"==typeof exports?n(require("react")):n(e.React);for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(this,(e=>(()=>{"use strict";var n={208:(e,n,r)=>{r.d(n,{A:()=>i});var o=r(601),t=r.n(o),l=r(314),a=r.n(l)()(t());a.push([e.id,"@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap);"]),a.push([e.id,".superior-react-table{\n    font-family: 'Open Sans', sans-serif;\n}\n\n.dropdown{\n\tfont-size: 14px;\n\tline-height: 1.43;\n\tcursor: pointer;\n\tborder: 1px solid rgba(0, 0, 0, 0.08);\n\tborder-radius: 4px;\n\tpadding: 3px 8px 3px 4px;\n\tbackground-color: #f5f5f5;\n\ttransition: all 0.2s ease-in;\n\tcolor: #505050;\n\twidth: 100%;\n}\n\n.dropdown:hover{\n\tbackground-color: #eee;\n}\n\n.dropdown:focus{\n\tbox-shadow: 0px 0px 0px 2px rgba(201, 201, 201, 0.4);\n\toutline: none;\n}\n\n.dropdown-item{\n\tborder: none;\n\toutline: none;\n}\n\n.table-bar{\n    display: flex;\n    justify-content: space-between;\n    margin-bottom: 4px;\n}\n\n.mobile-table-bar{\n    display: flex;\n    flex-direction: column;\n    margin-bottom: 4px;\n}\n\n.table-main{\n    box-sizing: border-box;\n    width: 100%;\n    display: block;\n    line-height: 2.25rem;\n    background-color: #fff;\n    border-radius: 5px;\n    text-align: left;\n    color: #000;\n}\n\n.table-container{\n    overflow: auto;\n    border: 1px solid #c6c8cc;\n    border-top-left-radius: 5px;\n    border-top-right-radius: 5px;\n    height: auto;\n    max-height: 490px;\n    justify-content: space-between;\n}\n\n.table-container-dark{\n    background-color: #283237;\n    border: 1px solid #4c4e50;\n}\n\n.table-responsive{\n    width: 100%;\n    border-spacing: 0;\n    border-top-left-radius: 5px;\n    border-top-right-radius: 5px;\n    overflow: auto;\n    background-color: #fff;\n}\n\n.table-mobile{\n    overflow: auto;\n    border: 1px solid #c6c8cc;\n    border-top-left-radius: 5px;\n    border-top-right-radius: 5px;\n    height: 100%;\n    list-style-type: none;\n    padding: 0;\n    margin: 0;\n}\n\n.table-header{\n    text-align: left;\n    font-size: 15px;\n    font-weight: 600;\n    background-color: #ebecee;\n    border-right: 1px solid #c6c8cc;\n    border-bottom: 3px solid #c6c8cc;\n    padding: 3px 9px;\n    position: sticky;\n    top: 0;\n    z-index: 0;\n    white-space: nowrap;\n}\n\n.table-header-dark{\n    background-color: #283237;\n    border-right: 1px solid #4c4e50;\n    border-bottom: 3px solid #4c4e50;\n    color: #fff;\n}\n\n.table-header-classic, .table-header-gray{\n    color: #000;\n}\n\n.table-header-purple{\n    color: #613280;\n}\n\n.table-header-blue{\n    color: #324480;\n}\n\n.table-header-red{\n    color: rgb(180, 20, 40);\n}\n\n.table-header:nth-last-child(2), .table-header:last-child, .cell:nth-last-child(2){\n    border-right: none;\n}\n\n.row-dark, .mobile-row-dark{\n    background-color: #3d4449;\n}\n\n.row:nth-child(even), .mobile-row:nth-child(even){\n    background-color: #ebecee;\n}\n\n.row-dark:nth-child(even), .mobile-row-dark:nth-child(even){\n    background-color: #283237;\n}\n\n.mobile-row{\n    padding: 0px 10px 10px 10px;\n    font-size: 0.875rem;\n}\n\n.row:hover{\n    transition: all 0.2s ease-in-out;\n}\n\n.row-classic:hover, .row-gray:hover{\n    background-color: rgb(198, 200, 204, 0.65);\n}\n\n.row-dark:hover{\n    background-color: rgb(40, 50, 55, 0.75);\n}\n\n.row-purple:hover{\n    background-color: rgb(97, 50, 128, .25);\n}\n\n.row-blue:hover{\n    background-color: rgb(0, 123, 255, 0.25);\n}\n\n.row-red:hover{\n    background-color: rgb(220, 53, 70, 0.25);\n}\n\n.row:last-child {\n    box-shadow: 0px 2px #c6c8cc;\n}\n\n.row-dark:last-child {\n    box-shadow: 0px 2px #4c4e50;\n}\n\n.cell{\n    padding: 3px 9px;\n    font-size: 0.875rem;\n    border-right: 1px solid #c6c8cc;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.cell-dark{\n    color: #fff;\n    border-right: 1px solid #4c4e50;\n}\n\n.mobile-cell{\n    padding: 3px 5px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.mobile-cell-dark{\n    color: #fff;\n}\n\n.mobile-title{\n    padding: 3px 5px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.mobile-header, .mobile-cell-container{\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    width: 100%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.mobile-header-dark{\n    color: #fff;\n}\n\n.table-sorter{\n    border: none;\n    cursor: pointer;\n    background: none;\n    color: #666666;\n    font-size: 11px;\n    margin-left: 2px;\n}\n\n.table-paging{\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    padding: 4px;\n    background-color:#ebecee;\n    padding: 0px 9px;\n    border-top: 1px solid #c6c8cc;\n    border-bottom-left-radius: 5px;\n    border-bottom-right-radius: 5px;\n    border: 1px solid #c6c8cc;\n}\n\n.table-paging-dark{\n    background-color:#283237;\n    border-top: 1px solid #4c4e50;\n    border: 1px solid #4c4e50;\n}\n\n@media (max-width: 700px){\n    .table-paging{\n        flex-direction: column;\n        align-items: center;\n        padding-top: 4px;\n    }\n}\n\n.table-paging-right{\n    text-align: center;\n    font-size: 14px;\n}\n\n.table-paging-right-dark{\n    color: #fff;\n}\n\n.table-paging-left{\n    display: flex;\n    justify-content: space-around;\n    align-items: center;\n    min-width: 150px;\n    color: gray;\n}\n\n.table-paging-left svg{\n    box-sizing: border-box;\n    cursor: pointer;\n    padding: 4px;\n    border-radius: 4px;\n    font-size: 20px;\n    transition: all 0.4s ease-in-out;\n}\n\n.table-paging-left svg:hover{\n\tbackground-color: #dbdbdb;\n}\n\n.cell-warning{\n    margin: 0 -18px;\n    color: orange;\n}\n\n.command-cell {\n    display: flex;\n}\n\n.thead {\n    font-weight:bold;\n}\n\na{\n    text-decoration: none;\n}\n\ninput::-webkit-outer-spin-button,\ninput::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\ninput[type=number] {\n  -moz-appearance: textfield;\n}\n\n.mb4{\n    margin-bottom: 4px;\n}\n\n.mr4{\n    margin-right: 4px;\n}\n\n.h-button{\n    color: white;\n    padding: 4px 8px;\n    font-size: 14px;\n    transition: color 0.2s ease-in-out;\n    border-radius: 4px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    vertical-align: middle;\n    cursor: pointer;\n    white-space: nowrap;\n    line-height: 1.43;\n}\n\n.h-input{\n    width: 100%;\n    width: -moz-available;          /* WebKit-based browsers will ignore this. */\n    width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */\n    width: fill-available;    padding: 4px 8px;\n    border: 1px solid rgba(0, 0, 0, 0.08);\n    color: #424242;\n    background-color: #ffffff;\n    font-size: 14px;\n    line-height: 1.43;\n    border-radius: 4px;\n}\n\n.h-input-dark{\n    border: 1px solid #4c4e50;\n    color: #fff;\n    background-color: #3d4449;\n}\n\n.h-input:hover{\n    border: 1px solid rgb(102, 102, 102, 0.4);\n}\n\n.h-input-dark:hover{\n    background-color: rgb(40, 50, 55, 0.75);\n}\n\n.h-input:focus{\n    box-shadow: 0px 0px 0px 1px rgb(102, 102, 102, 0.4);\n    outline: none;\n}\n\n.h-input-dark:focus{\n    box-shadow: 0px 0px 0px 1px #797979;\n}\n\n.h-loader-container {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 100%;\n    height: calc(100vh - 500px);\n}\n\n.h-loader {\n    margin: auto;\n    margin-top: 20px;\n    border: 5px solid #c6c8cc;\n    border-radius: 50%;\n    width: 30px;\n    height: 30px;\n    animation: spin 2s linear infinite;\n    position: absolute;\n}\n\n@keyframes spin {\n    0% { transform: rotate(0deg); }\n    100% { transform: rotate(360deg); }\n}\n\n.h-loader-classic{\n    border-top: 5px solid #007bff;\n}\n.h-loader-dark{\n    border-top: 5px solid #324480;\n}\n.h-loader-gray{\n    border-top: 5px solid #3a3a3a;\n}\n.h-loader-blue{\n    border-top: 5px solid #007bff;\n}\n.h-loader-red{\n    border-top: 5px solid #dc3545;\n}\n.h-loader-purple{\n    border-top: 5px solid #613280;\n}\n\n.h-checkbox{\n    width: 14px;\n    height: 14px;\n}\n\n.h-checkbox-classic{\n    accent-color: #007bff;\n}\n.h-checkbox-dark{\n    accent-color: #324480;\n}\n.h-checkbox-gray{\n    accent-color: #3a3a3a;\n}\n.h-checkbox-blue{\n    accent-color: #007bff;\n}\n.h-checkbox-red{\n    accent-color: #dc3545;\n}\n.h-checkbox-purple{\n    accent-color: #613280;\n}\n\n\n.h-classic-primary{\n    background-color: #007bff;\n    border: 1px solid #0d6efd;\n}\n\n.h-classic-secondary{\n    background-color: #dc3545;\n    border: 1px solid #dc3545;\n}\n\n.h-classic-primary:hover{\n    background-color: #0b5ed7;\n}\n\n.h-classic-primary:focus{\n    box-shadow: 0px 0px 0px 2px rgb(0, 123, 255, 0.4);\n}\n\n.h-classic-secondary:hover{\n    background-color: #b02a37;\n}\n\n.h-classic-secondary:focus{\n    box-shadow: 0px 0px 0px 2px rgb(220, 53, 69, 0.4);\n}\n\n.h-dark-primary{\n    background-color: #324480;\n    border: 1px solid #4087b6;\n}\n\n.h-dark-secondary{\n    background-color: #ff845366;\n    border: 1px solid #ffa07a;\n}\n\n.h-dark-primary:hover{\n    background-color: #236ea0;\n}\n\n.h-dark-primary:focus{\n    box-shadow: 0px 0px 0px 2px rgb(50, 130, 184, 0.4);\n}\n\n.h-dark-secondary:hover{\n    background-color: #d66436;\n}\n\n.h-dark-secondary:focus{\n    box-shadow: 0px 0px 0px 2px #ff845366;\n}\n\n.h-purple-primary{\n    background-color: #613280;\n    border: 1px solid #613280;\n}\n\n.h-purple-secondary{\n    background-color: #666666;\n    border: 1px solid #666666;\n}\n\n.h-purple-primary:hover{\n    background-color: #562c72;\n}\n\n.h-purple-primary:focus{\n    box-shadow: 0px 0px 0px 2px rgb(86, 44, 114, 0.4);\n}\n\n.h-purple-secondary:hover{\n    background-color: #505050;\n}\n\n.h-purple-secondary:focus{\n    box-shadow: 0px 0px 0px 2px rgb(102, 102, 102, 0.4);\n}\n\n.h-blue-primary{\n    background-color: #007bff;\n    border: 1px solid #007bff;\n}\n\n.h-blue-secondary{\n    background-color: #666666;\n    border: 1px solid #666666;\n}\n\n.h-blue-primary:hover{\n    background-color: #0b5ed7;\n}\n\n.h-blue-primary:focus{\n    box-shadow: 0px 0px 0px 2px rgb(0, 123, 255, 0.4);\n}\n\n.h-blue-secondary:hover{\n    background-color: #505050;\n}\n\n.h-blue-secondary:focus{\n    box-shadow: 0px 0px 0px 2px rgb(102, 102, 102, 0.4);\n}\n\n.h-red-primary{\n    background-color: #dc3545;\n    border: 1px solid #dc3545;\n}\n\n.h-red-secondary{\n    background-color: #666666;\n    border: 1px solid #666666;\n}\n\n.h-red-primary:hover{\n    background-color: #b02a37;\n}\n\n.h-red-primary:focus{\n    box-shadow: 0px 0px 0px 2px rgb(220, 53, 69, 0.4);\n}\n\n.h-red-secondary:hover{\n    background-color: #505050;\n}\n\n.h-red-secondary:focus{\n    box-shadow: 0px 0px 0px 2px rgb(102, 102, 102, 0.4);\n}\n\n.h-gray-primary{\n    background-color: #3a3a3a;\n    border: 1px solid #3a3a3a;\n}\n\n.h-gray-secondary{\n    background-color: #666666;\n    border: 1px solid #666666;\n}\n\n.h-gray-primary:hover{\n    background-color: #000;\n}\n\n.h-gray-primary:focus{\n    box-shadow: 0px 0px 0px 2px rgb(58, 58, 58, 0.4);\n}\n\n.h-gray-secondary:hover{\n    background-color: #505050;\n}\n\n.h-gray-secondary:focus{\n    box-shadow: 0px 0px 0px 2px rgb(102, 102, 102, 0.4);\n}\n",""]);const i=a},314:e=>{e.exports=function(e){var n=[];return n.toString=function(){return this.map((function(n){var r="",o=void 0!==n[5];return n[4]&&(r+="@supports (".concat(n[4],") {")),n[2]&&(r+="@media ".concat(n[2]," {")),o&&(r+="@layer".concat(n[5].length>0?" ".concat(n[5]):""," {")),r+=e(n),o&&(r+="}"),n[2]&&(r+="}"),n[4]&&(r+="}"),r})).join("")},n.i=function(e,r,o,t,l){"string"==typeof e&&(e=[[null,e,void 0]]);var a={};if(o)for(var i=0;i<this.length;i++){var c=this[i][0];null!=c&&(a[c]=!0)}for(var s=0;s<e.length;s++){var d=[].concat(e[s]);o&&a[d[0]]||(void 0!==l&&(void 0===d[5]||(d[1]="@layer".concat(d[5].length>0?" ".concat(d[5]):""," {").concat(d[1],"}")),d[5]=l),r&&(d[2]?(d[1]="@media ".concat(d[2]," {").concat(d[1],"}"),d[2]=r):d[2]=r),t&&(d[4]?(d[1]="@supports (".concat(d[4],") {").concat(d[1],"}"),d[4]=t):d[4]="".concat(t)),n.push(d))}},n}},601:e=>{e.exports=function(e){return e[1]}},228:e=>{var n=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable;e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var n={},r=0;r<10;r++)n["_"+String.fromCharCode(r)]=r;if("0123456789"!==Object.getOwnPropertyNames(n).map((function(e){return n[e]})).join(""))return!1;var o={};return"abcdefghijklmnopqrst".split("").forEach((function(e){o[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},o)).join("")}catch(e){return!1}}()?Object.assign:function(e,t){for(var l,a,i=function(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(e),c=1;c<arguments.length;c++){for(var s in l=Object(arguments[c]))r.call(l,s)&&(i[s]=l[s]);if(n){a=n(l);for(var d=0;d<a.length;d++)o.call(l,a[d])&&(i[a[d]]=l[a[d]])}}return i}},20:(e,n,r)=>{r(228);var o=r(12),t=60103;if(n.Fragment=60107,"function"==typeof Symbol&&Symbol.for){var l=Symbol.for;t=l("react.element"),n.Fragment=l("react.fragment")}var a=o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,i=Object.prototype.hasOwnProperty,c={key:!0,ref:!0,__self:!0,__source:!0};function s(e,n,r){var o,l={},s=null,d=null;for(o in void 0!==r&&(s=""+r),void 0!==n.key&&(s=""+n.key),void 0!==n.ref&&(d=n.ref),n)i.call(n,o)&&!c.hasOwnProperty(o)&&(l[o]=n[o]);if(e&&e.defaultProps)for(o in n=e.defaultProps)void 0===l[o]&&(l[o]=n[o]);return{$$typeof:t,type:e,key:s,ref:d,props:l,_owner:a.current}}n.jsx=s,n.jsxs=s},848:(e,n,r)=>{e.exports=r(20)},72:e=>{var n=[];function r(e){for(var r=-1,o=0;o<n.length;o++)if(n[o].identifier===e){r=o;break}return r}function o(e,o){for(var l={},a=[],i=0;i<e.length;i++){var c=e[i],s=o.base?c[0]+o.base:c[0],d=l[s]||0,p="".concat(s," ").concat(d);l[s]=d+1;var h=r(p),u={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(-1!==h)n[h].references++,n[h].updater(u);else{var b=t(u,o);o.byIndex=i,n.splice(i,0,{identifier:p,updater:b,references:1})}a.push(p)}return a}function t(e,n){var r=n.domAPI(n);return r.update(e),function(n){if(n){if(n.css===e.css&&n.media===e.media&&n.sourceMap===e.sourceMap&&n.supports===e.supports&&n.layer===e.layer)return;r.update(e=n)}else r.remove()}}e.exports=function(e,t){var l=o(e=e||[],t=t||{});return function(e){e=e||[];for(var a=0;a<l.length;a++){var i=r(l[a]);n[i].references--}for(var c=o(e,t),s=0;s<l.length;s++){var d=r(l[s]);0===n[d].references&&(n[d].updater(),n.splice(d,1))}l=c}}},659:e=>{var n={};e.exports=function(e,r){var o=function(e){if(void 0===n[e]){var r=document.querySelector(e);if(window.HTMLIFrameElement&&r instanceof window.HTMLIFrameElement)try{r=r.contentDocument.head}catch(e){r=null}n[e]=r}return n[e]}(e);if(!o)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");o.appendChild(r)}},540:e=>{e.exports=function(e){var n=document.createElement("style");return e.setAttributes(n,e.attributes),e.insert(n,e.options),n}},56:(e,n,r)=>{e.exports=function(e){var n=r.nc;n&&e.setAttribute("nonce",n)}},825:e=>{e.exports=function(e){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var n=e.insertStyleElement(e);return{update:function(r){!function(e,n,r){var o="";r.supports&&(o+="@supports (".concat(r.supports,") {")),r.media&&(o+="@media ".concat(r.media," {"));var t=void 0!==r.layer;t&&(o+="@layer".concat(r.layer.length>0?" ".concat(r.layer):""," {")),o+=r.css,t&&(o+="}"),r.media&&(o+="}"),r.supports&&(o+="}");var l=r.sourceMap;l&&"undefined"!=typeof btoa&&(o+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(l))))," */")),n.styleTagTransform(o,e,n.options)}(n,e,r)},remove:function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(n)}}}},113:e=>{e.exports=function(e,n){if(n.styleSheet)n.styleSheet.cssText=e;else{for(;n.firstChild;)n.removeChild(n.firstChild);n.appendChild(document.createTextNode(e))}}},12:n=>{n.exports=e}},r={};function o(e){var t=r[e];if(void 0!==t)return t.exports;var l=r[e]={id:e,exports:{}};return n[e](l,l.exports,o),l.exports}o.n=e=>{var n=e&&e.__esModule?()=>e.default:()=>e;return o.d(n,{a:n}),n},o.d=(e,n)=>{for(var r in n)o.o(n,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:n[r]})},o.o=(e,n)=>Object.prototype.hasOwnProperty.call(e,n),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.nc=void 0;var t={};o.r(t),o.d(t,{default:()=>j});var l=o(848),a=o(12),i=o.n(a),c=o(72),s=o.n(c),d=o(825),p=o.n(d),h=o(659),u=o.n(h),b=o(56),g=o.n(b),m=o(540),x=o.n(m),f=o(113),v=o.n(f),y=o(208),w={};function j(e){const[n,r]=i().useState(""),[o,t]=i().useState({key:0,orderBy:""}),[a,c]=i().useState(0),[s,d]=i().useState(1),[p,h]=i().useState(1),u=e.dataPerPage?e.dataPerPage:100,b=!!e.blurEdit&&e.blurEdit,g=e.theme?e.theme:"classic",m=e.mobileViewWidth?e.mobileViewWidth:500,x=[p*u-u,p*u],f=i().useRef(null),v=e.language?e.language:"en",y={en:{search:"Search...",removeAll:"Remove All",addRow:"Add Row",edit:"Edit",remove:"Remove",save:"Save",cancel:"Cancel",warning:"This field is required!",pagingInfo:"Showing <b>"+a+"</b> Out of <b>"+e.fields.length+"</b> Total Items"},tr:{search:"Ara...",removeAll:"Tümünü Sil",addRow:"Satır Ekle",edit:"Düzenle",remove:"Sil",save:"Kaydet",cancel:"İptal",warning:"Bu alan zorunludur!",pagingInfo:"Toplam <b>"+e.fields.length+"</b> Öğeden <b>"+a+"</b> Tanesi Gösteriliyor"},ru:{search:"поиск...",removeAll:"убрать все",addRow:"Добавить ряд",edit:"редактировать",remove:"удалить",save:"сохранять",cancel:"отмена",warning:"Это поле обязательно к заполнению!",pagingInfo:"Показаны <b>"+a+"</b> из <b>"+e.fields.length+"</b> элементов"},cn:{search:"搜索...",removeAll:"移除所有",addRow:"添加行",edit:"编辑",remove:"消除",save:"节省",cancel:"取消",warning:"此字段是必需的!",pagingInfo:"总共 <b>"+a+"</b> 个元素中展示了 <b>"+e.fields.length+"</b> 个"},hi:{search:"खोज...",removeAll:"सभी हटाएं",addRow:"लाइन जोड़ो",edit:"संपादन करना",remove:"निकालना",save:"बचाना",cancel:"रद्द करना",warning:"यह फ़ील्ड आवश्यक है!",pagingInfo:"कुल <b>"+a+"</b> तत्वों में से <b>"+e.fields.length+"</b> दिखाए जा रहे हैं"},es:{search:"Buscar...",removeAll:"Eliminar Todos",addRow:"Añadir Fila",edit:"Editar",remove:"Eliminar",save:"Ahorrar",cancel:"Cancelar",warning:"¡Este campo es obligatorio!",pagingInfo:"Se Están Mostrando <b>"+e.fields.length+"</b> de un Total de <b>"+a+"</b> Elementos"},fr:{search:"Recherche...",removeAll:"Enlever tout",addRow:"Ajouter une Rangée",edit:"Modifier",remove:"Supprimer",save:"Sauvegarder",cancel:"Annuler",warning:"Ce champ est obligatoire!",pagingInfo:"<b>"+e.fields.length+"</b> Sont Affichés Sur un Total de <b>"+a+"</b> Êléments"},it:{search:"Ricerca...",removeAll:"Rimuovi Tutto",addRow:"Aggiungi Riga",edit:"Modificare",remove:"Rimuovere",save:"Salva",cancel:"Annulla",warning:"Questo campo è obbligatorio!",pagingInfo:"Vengono Mostrati <b>"+e.fields.length+"</b> su un Totale di <b>"+a+"</b> Elementi"},ar:{search:"...يبحث",removeAll:"حذف الكل",addRow:"اضف سطر",edit:"يحرر",remove:"يزيل",save:"يحفظ",cancel:"يلغي",warning:"!هذه الخانة مطلوبه",pagingInfo:"عنصرًا <b>"+a+"</b> من إجمالي <b>"+e.fields.length+"</b> يتم عرض"},de:{search:"Suchen...",removeAll:"Alles Entfernen",addRow:"Zeile Hinzufügen",edit:"Bearbeiten",remove:"Entfernen",save:"Speichern",cancel:"Stornieren",warning:"Dieses Feld ist Erforderlich!",pagingInfo:"Es Werden <b>"+e.fields.length+"</b> Von Insgesamt <b>"+a+"</b> Elementen Angezeigt"}};let w=!1,j="",k=0,O=0,C=[],N="";e.columns.map((e=>C.push(e.title)));const S=e.fields.filter((e=>{var r;return":"!==n[0]&&n.includes(":")&&1===(null===(r=n.match(/:/g))||void 0===r?void 0:r.length)&&(w=!0),w?(O=n.indexOf(":"),j=n.substring(0,O),k=C.indexOf(j)+1,N=n.substring(O+1,n.length).toLocaleLowerCase("TR"),e[k].toString().toLocaleLowerCase("TR").includes(N)):e.some((e=>null==e?void 0:e.toString().toLocaleLowerCase("TR").includes(n.toLocaleLowerCase())))})).sort(((e,n)=>{var r,t;if(""!==(null==o?void 0:o.orderBy))return"asc"===(null==o?void 0:o.orderBy)?null===(r=e[o.key+1])||void 0===r?void 0:r.toString().localeCompare(n[o.key+1]):"desc"===(null==o?void 0:o.orderBy)?null===(t=n[o.key+1])||void 0===t?void 0:t.toString().localeCompare(e[o.key+1]):void 0})),[R,A]=i().useState(window.innerWidth),E=()=>{A(window.innerWidth)};i().useEffect((()=>{c(S.length),d(Math.ceil(a/u)),document.getElementsByClassName("table-paging-right")[0]&&(document.getElementsByClassName("table-paging-right")[0].innerHTML=y[v].pagingInfo),window.addEventListener("resize",E)}),[S]);const z=e=>{h(parseInt(e.target.value))},B=(n,r)=>{e.handleEditRowChange(n)},L=n=>{n.target.setAttribute("value",n.target.value),e.handleEditRowChange(n)},M=e=>{var n,r;if("Enter"===e.key){var o=e.target.parentNode.nextSibling.firstChild;if("DIV"===o.nodeName?null===(n=document.getElementById("save"))||void 0===n||n.click():o.focus(),"date"===o.type||"select-one"===o.type)return;"DIV"!==o.nodeName&&o.select()}else"Escape"===e.key&&(null===(r=document.getElementById("cancel"))||void 0===r||r.click())},I=(e,n)=>{var r=e;if("date"===n){var o=e.slice(0,4),t=e.slice(5,7);r=e.slice(8,10)+"."+t+"."+o}else if("checkbox"===n)return _({checked:e});return r},T=n=>{!n.relatedTarget&&e.handleClose(!0)},_=e=>(0,l.jsx)("input",{type:"checkbox",disabled:!0,checked:e.checked,className:"h-checkbox"}),P=e=>(0,l.jsx)("select",Object.assign({onChange:e.onChange,name:e.name,value:e.value,className:e.className+" dropdown",style:e.width&&{width:e.width},id:e.id,onBlur:e.onBlur},{children:e.data.map(((e,n)=>(0,l.jsx)("option",Object.assign({value:e,className:"dropdown-item",onTouchMove:e=>e.preventDefault()},{children:e}),n)))})),D=n=>{const r=R>m?{marginRight:4}:{marginRight:4,width:"100%"},o=R>m?{}:{width:"100%"};return(0,l.jsx)(l.Fragment,{children:e.editable&&e.editSelectedId===n.items[0]||void 0===n.items[0]?(0,l.jsxs)("div",Object.assign({className:R>m?"":"command-cell"},{children:[(0,l.jsx)("button",Object.assign({id:"save",style:r,className:"h-button h-"+g+"-primary",onClick:r=>{((n,r)=>{var o,t,l,a,i=[],c=!0,s=document.querySelectorAll("#validate-input");for(let n=0;n<e.columns.length-1;n++){let e=n+1;"nullable"!==(null===(o=s[n])||void 0===o?void 0:o.classList[0])&&"h-checkbox"!==(null===(t=s[n])||void 0===t?void 0:t.classList[0])&&(null===(l=document.getElementById("warning"+e))||void 0===l||l.setAttribute("style","display: inline"),""===(null===(a=s[n])||void 0===a?void 0:a.getAttribute("value"))?i[n]=!1:i[n]=!0)}i.map((e=>{if(!1===e)return c=!1})),c&&(0==r||void 0===r?e.handleEditRowSubmit(n,!0):e.handleEditRowSubmit(n,!1))})(r,n.items[0])},title:y[v].save},{children:R>m?(0,l.jsx)(W,{}):(0,l.jsx)(l.Fragment,{children:y[v].save})})),(0,l.jsx)("button",Object.assign({id:"cancel",style:o,className:"h-button h-"+g+"-secondary",title:y[v].cancel,onClick:()=>{0==n.items[0]||void 0===n.items[0]?e.handleClose(!0):e.handleClose(!1)}},{children:R>m?(0,l.jsx)(V,{}):(0,l.jsx)(l.Fragment,{children:y[v].cancel})}))]})):e.editable&&(0,l.jsxs)("div",Object.assign({className:R>m?"":"command-cell"},{children:[(0,l.jsx)("button",Object.assign({style:r,className:"h-button h-"+g+"-primary",title:y[v].edit,id:n.index,onClick:r=>{return 0!=S[0][0]&&"inline"===e.editable?e.handleEdit(r,n.items):"popup"===e.editable&&(o=r.currentTarget.id,void e.handleOpenModal({data:S[o],columns:e.columns}));var o}},{children:R>m?(0,l.jsx)(H,{}):(0,l.jsx)(l.Fragment,{children:y[v].edit})})),(0,l.jsx)("button",Object.assign({style:o,className:"h-button h-"+g+"-secondary",onClick:()=>e.handleRemove(n.items[0]),title:y[v].remove},{children:R>m?(0,l.jsx)(F,{}):(0,l.jsx)(l.Fragment,{children:y[v].remove})}))]}))})},F=()=>(0,l.jsx)("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 448 512",fill:"currentColor"},{children:(0,l.jsx)("path",{d:"M32 464a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V128H32zm272-256a16 16 0 0 1 32 0v224a16 16 0 0 1-32 0zm-96 0a16 16 0 0 1 32 0v224a16 16 0 0 1-32 0zm-96 0a16 16 0 0 1 32 0v224a16 16 0 0 1-32 0zM432 32H312l-9.4-18.7A24 24 0 0 0 281.1 0H166.8a23.72 23.72 0 0 0-21.4 13.3L136 32H16A16 16 0 0 0 0 48v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z"})})),H=()=>(0,l.jsx)("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 512 512",fill:"currentColor"},{children:(0,l.jsx)("path",{d:"M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"})})),W=()=>(0,l.jsx)("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 512 512",fill:"currentColor"},{children:(0,l.jsx)("path",{d:"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"})})),V=()=>(0,l.jsx)("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 352 512",fill:"currentColor"},{children:(0,l.jsx)("path",{d:"M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"})})),q=()=>(0,l.jsx)("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 512 512",fill:"currentColor"},{children:(0,l.jsx)("path",{d:"M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"})})),U=e=>(0,l.jsx)("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 320 512",fill:"currentColor",onClick:e.onClick},{children:(0,l.jsx)("path",{d:"M41 288h238c21.4 0 32.1 25.9 17 41L177 448c-9.4 9.4-24.6 9.4-33.9 0L24 329c-15.1-15.1-4.4-41 17-41zm255-105L177 64c-9.4-9.4-24.6-9.4-33.9 0L24 183c-15.1 15.1-4.4 41 17 41h238c21.4 0 32.1-25.9 17-41z"})})),K=e=>(0,l.jsx)("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 320 512",fill:"currentColor",onClick:e.onClick},{children:(0,l.jsx)("path",{d:"M279 224H41c-21.4 0-32.1-25.9-17-41L143 64c9.4-9.4 24.6-9.4 33.9 0l119 119c15.2 15.1 4.5 41-16.9 41z"})})),$=e=>(0,l.jsx)("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 320 512",fill:"currentColor",onClick:e.onClick},{children:(0,l.jsx)("path",{d:"M41 288h238c21.4 0 32.1 25.9 17 41L177 448c-9.4 9.4-24.6 9.4-33.9 0L24 329c-15.1-15.1-4.4-41 17-41z"})})),G=e=>(0,l.jsx)("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 448 512",fill:"currentColor",onClick:e.onClick},{children:(0,l.jsx)("path",{d:"M223.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L319.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L393.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34zm-192 34l136 136c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9L127.9 256l96.4-96.4c9.4-9.4 9.4-24.6 0-33.9L201.7 103c-9.4-9.4-24.6-9.4-33.9 0l-136 136c-9.5 9.4-9.5 24.6-.1 34z"})})),J=e=>(0,l.jsx)("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 256 512",fill:"currentColor",onClick:e.onClick},{children:(0,l.jsx)("path",{d:"M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"})})),Q=e=>(0,l.jsx)("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 448 512",fill:"currentColor",onClick:e.onClick},{children:(0,l.jsx)("path",{d:"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34zm192-34l-136-136c-9.4-9.4-24.6-9.4-33.9 0l-22.6 22.6c-9.4 9.4-9.4 24.6 0 33.9l96.4 96.4-96.4 96.4c-9.4 9.4-9.4 24.6 0 33.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"})})),Y=e=>(0,l.jsx)("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 256 512",fill:"currentColor",onClick:e.onClick},{children:(0,l.jsx)("path",{d:"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"})}));return(0,l.jsx)(l.Fragment,{children:e.loading?(0,l.jsx)("div",Object.assign({className:"h-loader-container"},{children:(0,l.jsx)("div",{className:"h-loader h-loader-"+g})})):(0,l.jsxs)("div",Object.assign({className:"superior-react-table"},{children:[(0,l.jsxs)("div",Object.assign({className:R>m?"table-bar":"mobile-table-bar"},{children:[e.searchable&&(0,l.jsx)("input",{style:R>m?{width:300,marginRight:4}:{width:"inherit",marginBottom:4},className:"h-input h-input-"+g,placeholder:y[v].search,value:n,onChange:e=>(r(e.target.value),void h(1))}),(0,l.jsxs)("div",Object.assign({style:{display:"flex"}},{children:[e.removeAll&&(0,l.jsx)("button",Object.assign({title:y[v].removeAll,className:"h-button h-"+g+"-primary",onClick:()=>{var n,r;null===(n=document.getElementById("cancel"))||void 0===n||n.click(),h(1),null===(r=document.getElementsByClassName("table-container")[0])||void 0===r||r.scroll(0,0),e.handleRemoveAll()},style:R>m?{marginRight:4}:{width:"100%",marginRight:4}},{children:R>m?(0,l.jsx)(F,{}):(0,l.jsx)(l.Fragment,{children:y[v].removeAll})})),e.addable&&(0,l.jsx)("button",Object.assign({title:y[v].addRow,className:"h-button h-"+g+"-primary",onClick:()=>{var n;r(""),h(1),null===(n=document.getElementsByClassName("table-container")[0])||void 0===n||n.scroll(0,0),e.handleAddNew(),setTimeout((()=>null==f?void 0:f.current.focus()))},style:R>m?{}:{width:"100%"}},{children:R>m?(0,l.jsx)((()=>(0,l.jsx)("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 448 512",fill:"currentColor"},{children:(0,l.jsx)("path",{d:"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"})}))),{}):(0,l.jsx)(l.Fragment,{children:y[v].addRow})}))]}))]})),(0,l.jsxs)("div",Object.assign({className:"table-main"},{children:[R>m?(0,l.jsx)("div",Object.assign({className:"table-container table-container-"+g},{children:(0,l.jsxs)("table",Object.assign({className:"table-responsive"},{children:[(0,l.jsx)("thead",Object.assign({className:"thead"},{children:(0,l.jsx)("tr",{children:e.columns.map(((n,r)=>{if(!1!==n.visibility||e.columns.length===r+1)return(0,l.jsxs)("th",Object.assign({className:"table-header table-header-"+g,style:{minWidth:(null==n?void 0:n.width)?n.width:150}},{children:[n.title?n.title:n.field,n.sortable&&(0,l.jsx)("button",Object.assign({className:"table-sorter",onClick:()=>{(null==o?void 0:o.key)===r?(""===(null==o?void 0:o.orderBy)&&t({key:r,orderBy:"asc"}),"asc"===(null==o?void 0:o.orderBy)&&t({key:r,orderBy:"desc"}),"desc"===(null==o?void 0:o.orderBy)&&t({key:r,orderBy:""})):t({key:r,orderBy:"asc"})}},{children:(null==o?void 0:o.key)===r?"asc"===o.orderBy?(0,l.jsx)($,{}):"desc"===o.orderBy?(0,l.jsx)(K,{}):(0,l.jsx)(U,{}):(0,l.jsx)(U,{})}))]}),r)}))})})),(0,l.jsx)("tbody",Object.assign({className:"table-body"},{children:S.slice(...x).map(((n,r)=>(0,l.jsxs)("tr",Object.assign({className:"row row-"+g},{children:[n.map(((r,o)=>{if(!(o<=0&&n[0]||o>0&&!1===e.columns[o-1].visibility)){if(o>0&&e.editSelectedId===n[0]||null==n[0]&&o>0){var t=e.columns[o-1].field;return(0,l.jsxs)("td",Object.assign({className:"cell cell-"+g,style:{textAlign:"checkbox"===e.columns[o-1].type&&e.columns[o-1].align}},{children:["select"===e.columns[o-1].type?(0,l.jsx)(P,{name:t,data:["",...e.columns[o-1].data],value:null==e?void 0:e.editRowData[t],className:e.columns[o-1].nullable?"nullable":"",id:"validate-input",onChange:e=>L(e),onBlur:e=>b&&T(e)}):(0,l.jsx)("input",{name:t,ref:1===o?f:null,value:null==e?void 0:e.editRowData[t],type:e.columns[o-1].type,className:e.columns[o-1].nullable?"nullable h-input":"checkbox"===e.columns[o-1].type?"h-checkbox h-checkbox-"+g:"h-input",id:"validate-input",checked:null==e?void 0:e.editRowData[t],onChange:n=>B(n,e.columns[o-1].type),onKeyUp:e=>M(e),onBlur:e=>b&&T(e)}),""===e.editRowData[t]&&!e.columns[o-1].nullable&&(0,l.jsx)("span",Object.assign({id:"warning"+o,className:"cell-warning",style:{display:"none"}},{children:(0,l.jsx)("span",Object.assign({title:y[v].warning},{children:(0,l.jsx)(q,{})}))}))]}),o)}{if(0===o)return;let n=e.columns[o-1].width?e.columns[o-1].width:150,t=e.columns[o-1].align;return(0,l.jsx)("td",Object.assign({className:"cell cell-"+g,title:"checkbox"!==e.columns[o-1].type||"boolean"!==e.columns[o-1].type?I(r,e.columns[o-1].type):"",style:"center"===t?{textAlign:"center",maxWidth:n}:"right"===t?{textAlign:"right",maxWidth:n}:{textAlign:"left",maxWidth:n}},{children:I(r,e.columns[o-1].type)}),o)}}})),(0,l.jsx)("td",{children:(0,l.jsx)(D,{items:n,index:r})})]}),r)))}))]}))})):(0,l.jsx)("ul",Object.assign({className:"table-mobile"},{children:S.slice(...x).map(((n,r)=>(0,l.jsxs)("li",Object.assign({className:"mobile-row mobile-row-"+g},{children:[(0,l.jsxs)("div",Object.assign({style:{display:"flex"}},{children:[(0,l.jsx)("div",Object.assign({className:"mobile-header mobile-header-"+g},{children:e.columns.map(((n,r)=>!1!==n.visibility&&e.columns.length-1!==r||""!==e.columns[e.columns.length-1].title?(0,l.jsx)("b",Object.assign({className:"mobile-title"},{children:n.title}),r):(0,l.jsx)("span",{},r)))})),(0,l.jsx)("div",Object.assign({className:"mobile-cell-container"},{children:n.map(((r,o)=>{if(!(o<=0&&n[0]||o>0&&!1===e.columns[o-1].visibility)){if(o>0&&e.editSelectedId===n[0]||null==n[0]&&o>0){var t=e.columns[o-1].field;return(0,l.jsxs)("div",Object.assign({className:"mobile-cell"},{children:["select"===e.columns[o-1].type?(0,l.jsx)(P,{name:t,data:["",...e.columns[o-1].data],value:e.editRowData[t],className:e.columns[o-1].nullable?"nullable":"",id:"validate-input",checked:null==e?void 0:e.editRowData[t],onChange:e=>L(e)}):(0,l.jsx)("input",{name:t,ref:1===o?f:null,value:e.editRowData[t],type:e.columns[o-1].type,className:e.columns[o-1].nullable?"nullable h-input":"checkbox"===e.columns[o-1].type?"h-checkbox h-checkbox-"+g:"h-input",id:"validate-input",checked:null==e?void 0:e.editRowData[t],onChange:n=>B(n,e.columns[o-1].type),onKeyUp:e=>M(e)}),""===e.editRowData[t]&&!e.columns[o-1].nullable&&(0,l.jsx)("span",Object.assign({id:"warning"+o,className:"cell-warning",style:{display:"none"}},{children:(0,l.jsx)("span",Object.assign({title:y[v].warning},{children:(0,l.jsx)(q,{})}))}))]}),o)}if(0!==o)return(0,l.jsxs)("div",Object.assign({className:"mobile-cell mobile-cell-"+g,title:I(r,e.columns[o-1].type)},{children:[" ",I(r,e.columns[o-1].type)]}),o)}}))}))]})),(0,l.jsx)(D,{items:n,index:r})]}),r)))})),(0,l.jsx)((()=>(0,l.jsxs)("div",Object.assign({className:"table-paging table-paging-"+g},{children:[[0].map(((e,n)=>{var r=s?Array.from({length:s},((e,n)=>n+1)):[1];return(0,l.jsxs)("div",Object.assign({className:"table-paging-left"},{children:[(0,l.jsx)(G,{onClick:()=>h(r[0])}),(0,l.jsx)(J,{onClick:()=>p!=r[0]&&h(p-1)}),(0,l.jsx)(P,{data:r,value:p,onChange:z,width:"50px"}),(0,l.jsx)(Y,{onClick:()=>p!=r[r.length-1]&&h(p+1)}),(0,l.jsx)(Q,{onClick:()=>h(r[r.length-1])})]}),n)})),(0,l.jsx)("div",{className:"table-paging-right table-paging-right-"+g})]}))),{})]}))]}))})}return w.styleTagTransform=v(),w.setAttributes=g(),w.insert=u().bind(null,"head"),w.domAPI=p(),w.insertStyleElement=x(),s()(y.A,w),y.A&&y.A.locals&&y.A.locals,t})()));