grid-table/index.js

Custom react table based on typescript, grid and flex

!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define("grid-table",["react"],t):"object"==typeof exports?exports["grid-table"]=t(require("react")):e["grid-table"]=t(e.react)}(window,(function(e){return function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=0)}({"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Components/Button/button.scss":function(e,t,r){(t=r("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([e.i,":root{--main: #ffffff;--titleGray: rgba(33, 51, 68, 0.56);--mainGreen: #66c05d;--mainGray: rgba(33, 51, 68, 0.04);--borderGray: rgba(33, 51, 68, 0.1);--baseHoverButtonHover: #4d9247;--baseHoverButtonActive: #6cce63;--lightGray: rgba(255, 255, 255, 0.2);--mainFontFamily: 'Roboto', 'Helvetica', 'Arial', sans-serif}.hover-btn{display:flex;justify-content:center;max-height:100%;max-width:50%;height:70%;width:9vmax;z-index:3;visibility:hidden;cursor:pointer;outline:none;border:1px solid rgba(0,0,0,0.1);border-radius:3px;background:var(--mainGreen)}.hover-btn:hover{background-color:var(--baseHoverButtonHover);border:1px solid #c6c6c6;box-shadow:0 1px 2px rgba(0,0,0,0.1)}.hover-btn:active{background-color:var(--baseHoverButtonActive);border:1px solid #ccc;box-shadow:0 1px 2px rgba(0,0,0,0.1) inset}.hover-btn:focus{outline:none}\n",""]),e.exports=t},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Components/Column/column.scss":function(e,t,r){(t=r("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([e.i,".grid_table_column{display:flex;flex-grow:1;flex-shrink:1;flex-wrap:nowrap;align-self:auto;font:normal normal normal calc(11px + 1vmin) var(--mainFontFamily)}\n",""]),e.exports=t},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Components/Head/head.scss":function(e,t,r){(t=r("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([e.i,":root{--main: #ffffff;--titleGray: rgba(33, 51, 68, 0.56);--mainGreen: #66c05d;--mainGray: rgba(33, 51, 68, 0.04);--borderGray: rgba(33, 51, 68, 0.1);--baseHoverButtonHover: #4d9247;--baseHoverButtonActive: #6cce63;--lightGray: rgba(255, 255, 255, 0.2);--mainFontFamily: 'Roboto', 'Helvetica', 'Arial', sans-serif}.head_subgrid{display:flex;flex-grow:1;flex-shrink:1;flex-wrap:nowrap;align-self:auto;font:normal normal normal calc(11px + 1vmin) var(--mainFontFamily)}\n",""]),e.exports=t},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Components/Row/row.scss":function(e,t,r){(t=r("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([e.i,".row_subgrid{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;align-content:flex-start;border-bottom:1px solid var(--borderGray)}.row_subgrid:hover{background-color:var(--mainGray)}.row_subgrid:hover .hover-btn{visibility:visible}\n",""]),e.exports=t},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Components/Table/table.scss":function(e,t,r){(t=r("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([e.i,":root{--main: #ffffff;--titleGray: rgba(33, 51, 68, 0.56);--mainGreen: #66c05d;--mainGray: rgba(33, 51, 68, 0.04);--borderGray: rgba(33, 51, 68, 0.1);--baseHoverButtonHover: #4d9247;--baseHoverButtonActive: #6cce63;--lightGray: rgba(255, 255, 255, 0.2);--mainFontFamily: 'Roboto', 'Helvetica', 'Arial', sans-serif}.grid_table{display:grid;border-collapse:collapse;border-spacing:0;grid-auto-columns:auto;overflow:hidden}.grid_table_template{border-bottom:1px solid var(--borderGray);border-top:1px solid var(--borderGray);border-left:1px solid var(--borderGray);border-right:1px solid var(--borderGray)}.column_container{width:9vmax;align-items:center}\n",""]),e.exports=t},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Components/Wrappers/Head/headWrapper.scss":function(e,t,r){(t=r("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([e.i,".grid_table_wrapper_head{color:var(--titleGray);letter-spacing:1.4px;text-align:left;display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;align-content:flex-start;border-bottom:1px solid var(--borderGray)}\n",""]),e.exports=t},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Components/Wrappers/Row/rowWrapper.scss":function(e,t,r){(t=r("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([e.i,".row_subgrid{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;align-content:flex-start;border-bottom:1px solid var(--borderGray)}.row_subgrid:hover{background-color:var(--mainGray)}.row_subgrid:hover .hover-btn{visibility:visible}\n",""]),e.exports=t},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Components/Wrappers/Spinner/spinnerWrapper.scss":function(e,t,r){(t=r("./node_modules/css-loader/dist/runtime/api.js")(!1)).push([e.i,".spinner_wrapper_div{display:flex;align-items:center;align-content:center;justify-content:center;overflow:auto}\n",""]),e.exports=t},"./node_modules/css-loader/dist/runtime/api.js":function(e,t,r){"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var r=function(e,t){var r=e[1]||"",n=e[3];if(!n)return r;if(t&&"function"==typeof btoa){var o=(a=n,i=btoa(unescape(encodeURIComponent(JSON.stringify(a)))),c="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(i),"/*# ".concat(c," */")),s=n.sources.map((function(e){return"/*# sourceURL=".concat(n.sourceRoot||"").concat(e," */")}));return[r].concat(s).concat([o]).join("\n")}var a,i,c;return[r].join("\n")}(t,e);return t[2]?"@media ".concat(t[2]," {").concat(r,"}"):r})).join("")},t.i=function(e,r,n){"string"==typeof e&&(e=[[null,e,""]]);var o={};if(n)for(var s=0;s<this.length;s++){var a=this[s][0];null!=a&&(o[a]=!0)}for(var i=0;i<e.length;i++){var c=[].concat(e[i]);n&&o[c[0]]||(r&&(c[2]?c[2]="".concat(r," and ").concat(c[2]):c[2]=r),t.push(c))}},t}},"./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":function(e,t,r){"use strict";var n,o=function(){return void 0===n&&(n=Boolean(window&&document&&document.all&&!window.atob)),n},s=function(){var e={};return function(t){if(void 0===e[t]){var r=document.querySelector(t);if(window.HTMLIFrameElement&&r instanceof window.HTMLIFrameElement)try{r=r.contentDocument.head}catch(e){r=null}e[t]=r}return e[t]}}(),a=[];function i(e){for(var t=-1,r=0;r<a.length;r++)if(a[r].identifier===e){t=r;break}return t}function c(e,t){for(var r={},n=[],o=0;o<e.length;o++){var s=e[o],c=t.base?s[0]+t.base:s[0],l=r[c]||0,u="".concat(c," ").concat(l);r[c]=l+1;var d=i(u),f={css:s[1],media:s[2],sourceMap:s[3]};-1!==d?(a[d].references++,a[d].updater(f)):a.push({identifier:u,updater:y(f,t),references:1}),n.push(u)}return n}function l(e){var t=document.createElement("style"),n=e.attributes||{};if(void 0===n.nonce){var o=r.nc;o&&(n.nonce=o)}if(Object.keys(n).forEach((function(e){t.setAttribute(e,n[e])})),"function"==typeof e.insert)e.insert(t);else{var a=s(e.insert||"head");if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(t)}return t}var u,d=(u=[],function(e,t){return u[e]=t,u.filter(Boolean).join("\n")});function f(e,t,r,n){var o=r?"":n.media?"@media ".concat(n.media," {").concat(n.css,"}"):n.css;if(e.styleSheet)e.styleSheet.cssText=d(t,o);else{var s=document.createTextNode(o),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(s,a[t]):e.appendChild(s)}}function p(e,t,r){var n=r.css,o=r.media,s=r.sourceMap;if(o?e.setAttribute("media",o):e.removeAttribute("media"),s&&btoa&&(n+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(s))))," */")),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}var m=null,b=0;function y(e,t){var r,n,o;if(t.singleton){var s=b++;r=m||(m=l(t)),n=f.bind(null,r,s,!1),o=f.bind(null,r,s,!0)}else r=l(t),n=p.bind(null,r,t),o=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(r)};return n(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;n(e=t)}else o()}}e.exports=function(e,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=o());var r=c(e=e||[],t);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var n=0;n<r.length;n++){var o=i(r[n]);a[o].references--}for(var s=c(e,t),l=0;l<r.length;l++){var u=i(r[l]);0===a[u].references&&(a[u].updater(),a.splice(u,1))}r=s}}}},"./src/Components/Button/button.scss":function(e,t,r){var n=r("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),o=r("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Components/Button/button.scss");"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.i,o,""]]);var s={insert:"head",singleton:!1};n(o,s);e.exports=o.locals||{}},"./src/Components/Column/column.scss":function(e,t,r){var n=r("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),o=r("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Components/Column/column.scss");"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.i,o,""]]);var s={insert:"head",singleton:!1};n(o,s);e.exports=o.locals||{}},"./src/Components/Head/head.scss":function(e,t,r){var n=r("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),o=r("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Components/Head/head.scss");"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.i,o,""]]);var s={insert:"head",singleton:!1};n(o,s);e.exports=o.locals||{}},"./src/Components/Row/row.scss":function(e,t,r){var n=r("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),o=r("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Components/Row/row.scss");"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.i,o,""]]);var s={insert:"head",singleton:!1};n(o,s);e.exports=o.locals||{}},"./src/Components/Table/table.scss":function(e,t,r){var n=r("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),o=r("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Components/Table/table.scss");"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.i,o,""]]);var s={insert:"head",singleton:!1};n(o,s);e.exports=o.locals||{}},"./src/Components/Wrappers/Head/headWrapper.scss":function(e,t,r){var n=r("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),o=r("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Components/Wrappers/Head/headWrapper.scss");"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.i,o,""]]);var s={insert:"head",singleton:!1};n(o,s);e.exports=o.locals||{}},"./src/Components/Wrappers/Row/rowWrapper.scss":function(e,t,r){var n=r("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),o=r("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Components/Wrappers/Row/rowWrapper.scss");"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.i,o,""]]);var s={insert:"head",singleton:!1};n(o,s);e.exports=o.locals||{}},"./src/Components/Wrappers/Spinner/spinnerWrapper.scss":function(e,t,r){var n=r("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),o=r("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Components/Wrappers/Spinner/spinnerWrapper.scss");"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.i,o,""]]);var s={insert:"head",singleton:!1};n(o,s);e.exports=o.locals||{}},"./src/Components/index.tsx":function(e,t,r){"use strict";r.r(t),r.d(t,"Table",(function(){return K})),r.d(t,"Body",(function(){return N})),r.d(t,"Head",(function(){return U})),r.d(t,"Row",(function(){return T})),r.d(t,"Column",(function(){return w})),r.d(t,"HoverButton",(function(){return u}));var n=r("react"),o=r.n(n);r("./src/Components/Table/table.scss"),r("./src/Components/Button/button.scss");function s(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return t.filter((function(e){return e})).join(",").replace(new RegExp(",","g")," ")}var a="grid_table";function i(e){return"table"===e?"".concat(a,"_template"):""}function c(){return(c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}function l(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},s=Object.keys(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function u(e){var t=e.children,r=e.className,n=void 0===r?"":r,a=e.record,i=e.rowIndex,u=e.onClick,d=e.renderedData,f=l(e,["children","className","record","rowIndex","onClick","renderedData"]);return o.a.createElement("button",c({onClick:function(e){u({event:e,record:a,renderedData:d}),e.stopPropagation()},className:s("hover-btn",n),key:"hover-button".concat(i)},f),t)}function d(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}var f=function(){function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this._val=t,this._listeners=[]}var t,r,n;return t=e,(r=[{key:"get",value:function(){return this._val}},{key:"set",value:function(e){this._val!==e&&(this._val=e,this._listeners.forEach((function(t){return t(e)})))}},{key:"subscribe",value:function(e){var t=this;return this._listeners.push(e),function(){t._listeners=t._listeners.filter((function(t){return t!==e}))}}}])&&d(t.prototype,r),n&&d(t,n),e}();function p(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function m(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?p(Object(r),!0).forEach((function(t){b(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):p(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function b(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var y=new function e(){var t=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.initialState={data:[],columns:[],template:"list",children:null},this.State=new f(this.initialState),this.setTableState=function(e){t.State.set(m(m({},t.State.get()),e))}};function v(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var r=[],n=!0,o=!1,s=void 0;try{for(var a,i=e[Symbol.iterator]();!(n=(a=i.next()).done)&&(r.push(a.value),!t||r.length!==t);n=!0);}catch(e){o=!0,s=e}finally{try{n||null==i.return||i.return()}finally{if(o)throw s}}return r}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return h(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return h(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function g(e){var t=v(Object(n.useState)(e.get()),2),r=t[0],o=t[1];return Object(n.useEffect)((function(){return e.subscribe(o)}),[e]),r}r("./src/Components/Column/column.scss");function j(){return(j=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}function O(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},s=Object.keys(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function w(e){var t=e.column,r=e.record,n=e.rowIndex,c=e.children,l=e.className,u=void 0===l?"":l,d=O(e,["column","record","rowIndex","children","className"]),f=g(y.State),p=f.data,m=f.template;return o.a.createElement("span",j({},d,{className:s("".concat(a,"_column"),"column_container",i(m),u),"data-key":"column".concat(n)}),r?t.toRender?t.toRender({record:r,index:n,renderedData:p}):r[t.dataIndex]:null,c)}r("./src/Components/Wrappers/Row/rowWrapper.scss");function x(){return(x=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}function _(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},s=Object.keys(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function S(e){var t=e.children,r=e.onClick,n=e.record,s=e.index,a=_(e,["children","onClick","record","index"]);return o.a.createElement("div",x({},a,{onClick:function(e){return r({event:e,record:n})},key:"row_subgrid".concat(s),className:"row_subgrid"}),t)}r("./src/Components/Row/row.scss");function C(e){return function(e){if(Array.isArray(e))return P(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return P(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return P(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function P(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function E(){return(E=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}function k(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},s=Object.keys(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function I(e){var t=e.hoverButton,r=k(e,["hoverButton"]),s=g(y.State),a=s.columns,i=s.data;return Object(n.useEffect)((function(){t&&!a.find((function(e){return"hover-button"===e.key}))&&(a.push({title:"",key:"hover-button",dataIndex:"hoverButton",toRender:function(e){var r=e.index,n=e.record,s=e.renderedData;return o.a.createElement(u,E({renderedData:s,record:n,rowIndex:r},t))}}),y.setTableState({columns:a}))}),[a,t]),o.a.createElement(o.a.Fragment,null,C(i).map((function(e,t){return o.a.createElement(S,E({record:e,index:t},r),function(e){return a.map((function(t,r){return o.a.createElement(w,{column:t,record:e,rowIndex:r,key:"".concat(t.key).concat(r)})}))}(e))})))}I.HoverButton=u;var T=I;function H(){return(H=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}function A(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},s=Object.keys(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function N(e){var t=e.children,r=e.className,n=void 0===r?"":r,a=A(e,["children","className"]),i=g(y.State).data;return o.a.createElement("div",H({className:s("grid_table_body",n)},a),i&&i.length?t:null)}N.Row=T;r("./src/Components/Wrappers/Head/headWrapper.scss");function G(e){var t,r=e.children,n=e.style,s=void 0===n?{}:n,i=g(y.State),c=i.columns,l=i.data;return l&&l.length&&((t=null==c?void 0:c.filter((function(e){return e.title})).length)===(null==c?void 0:c.length)||t===c.length-1)?o.a.createElement("div",{className:"".concat(a,"_wrapper_head"),style:s},r):null}r("./src/Components/Head/head.scss");var W=Object.freeze({start:"flex-start",end:"flex-end",center:"center"});function R(){return(R=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}function B(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function M(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?B(Object(r),!0).forEach((function(t){D(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):B(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function D(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function F(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},s=Object.keys(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function U(e){var t=e.className,r=void 0===t?"":t,n=e.style,a=void 0===n?{}:n,c=e.position,l=e.wrapperStyle,u=void 0===l?{}:l,d=F(e,["className","style","position","wrapperStyle"]),f=g(y.State),p=f.columns,m=f.template;function b(){var e=W[c];if(e)return{justifyContent:e}}return o.a.createElement(G,{style:u},p.map((function(e){return o.a.createElement("span",R({},d,{className:s("head_subgrid","column_container",i(m),r),key:e.key,style:M(M({},a),b())}),o.a.createElement("span",{className:"render_column_wrapper"},e.title))})))}r("./src/Components/Wrappers/Spinner/spinnerWrapper.scss");function L(){return(L=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}function q(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},s=Object.keys(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function z(e){var t=e.children,r=q(e,["children"]);return o.a.createElement("div",L({},r,{className:"spinner_wrapper_div"}),t)}function J(){return(J=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}function $(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},s=Object.keys(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function K(e){var t=e.columns,r=e.data,s=e.className,i=e.children,c=e.spinner,l=e.template,u=$(e,["columns","data","className","children","spinner","template"]);return Object(n.useEffect)((function(){y.setTableState({data:r})}),[r]),Object(n.useEffect)((function(){y.setTableState({columns:t})}),[t]),Object(n.useEffect)((function(){y.setTableState({template:l})}),[l]),o.a.createElement("div",J({},u,{className:"".concat(a," ").concat(s)}),function(){if(Array.isArray(r))return c||r.length?c&&!r.length?o.a.createElement(z,null,c()):i||o.a.createElement(o.a.Fragment,null,o.a.createElement(U,null),o.a.createElement(N,null,o.a.createElement(T,null))):o.a.createElement("span",null,"No data!")}())}K.Body=N,K.Head=U},0:function(e,t,r){e.exports=r("./src/Components/index.tsx")},react:function(t,r){t.exports=e}})}));