react-smart-dynamic-table/lib/index.js

A simple dynamic react table

module.exports=function(e){var t={};function n(r){if(t[r])return t[r].exports;var a=t[r]={i:r,l:!1,exports:{}};return e[r].call(a.exports,a,a.exports,n),a.l=!0,a.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)n.d(r,a,function(t){return e[t]}.bind(null,a));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=17)}([function(e,t){e.exports=require("react")},function(e,t,n){e.exports=n(10)()},function(e,t,n){var r;
/*!
  Copyright (c) 2018 Jed Watson.
  Licensed under the MIT License (MIT), see
  http://jedwatson.github.io/classnames
*/!function(){"use strict";var n={}.hasOwnProperty;function a(){for(var e=[],t=0;t<arguments.length;t++){var r=arguments[t];if(r){var o=typeof r;if("string"===o||"number"===o)e.push(r);else if(Array.isArray(r)){if(r.length){var i=a.apply(null,r);i&&e.push(i)}}else if("object"===o)if(r.toString===Object.prototype.toString)for(var l in r)n.call(r,l)&&r[l]&&e.push(l);else e.push(r.toString())}}return e.join(" ")}e.exports?(a.default=a,e.exports=a):void 0===(r=function(){return a}.apply(t,[]))||(e.exports=r)}()},function(e,t,n){var r=n(5),a=n(16);"string"==typeof(a=a.__esModule?a.default:a)&&(a=[[e.i,a,""]]);var o={insert:"head",singleton:!1};r(a,o);e.exports=a.locals||{}},function(e,t,n){var r=n(5),a=n(12);"string"==typeof(a=a.__esModule?a.default:a)&&(a=[[e.i,a,""]]);var o={insert:"head",singleton:!1};r(a,o);e.exports=a.locals||{}},function(e,t,n){"use strict";var r,a=function(){return void 0===r&&(r=Boolean(window&&document&&document.all&&!window.atob)),r},o=function(){var e={};return function(t){if(void 0===e[t]){var n=document.querySelector(t);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}e[t]=n}return e[t]}}(),i=[];function l(e){for(var t=-1,n=0;n<i.length;n++)if(i[n].identifier===e){t=n;break}return t}function c(e,t){for(var n={},r=[],a=0;a<e.length;a++){var o=e[a],c=t.base?o[0]+t.base:o[0],s=n[c]||0,u="".concat(c," ").concat(s);n[c]=s+1;var d=l(u),p={css:o[1],media:o[2],sourceMap:o[3]};-1!==d?(i[d].references++,i[d].updater(p)):i.push({identifier:u,updater:b(p,t),references:1}),r.push(u)}return r}function s(e){var t=document.createElement("style"),r=e.attributes||{};if(void 0===r.nonce){var a=n.nc;a&&(r.nonce=a)}if(Object.keys(r).forEach((function(e){t.setAttribute(e,r[e])})),"function"==typeof e.insert)e.insert(t);else{var i=o(e.insert||"head");if(!i)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");i.appendChild(t)}return t}var u,d=(u=[],function(e,t){return u[e]=t,u.filter(Boolean).join("\n")});function p(e,t,n,r){var a=n?"":r.media?"@media ".concat(r.media," {").concat(r.css,"}"):r.css;if(e.styleSheet)e.styleSheet.cssText=d(t,a);else{var o=document.createTextNode(a),i=e.childNodes;i[t]&&e.removeChild(i[t]),i.length?e.insertBefore(o,i[t]):e.appendChild(o)}}function f(e,t,n){var r=n.css,a=n.media,o=n.sourceMap;if(a?e.setAttribute("media",a):e.removeAttribute("media"),o&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(o))))," */")),e.styleSheet)e.styleSheet.cssText=r;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r))}}var h=null,m=0;function b(e,t){var n,r,a;if(t.singleton){var o=m++;n=h||(h=s(t)),r=p.bind(null,n,o,!1),a=p.bind(null,n,o,!0)}else n=s(t),r=f.bind(null,n,t),a=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(n)};return r(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t)}else a()}}e.exports=function(e,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=a());var n=c(e=e||[],t);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var r=0;r<n.length;r++){var a=l(n[r]);i[a].references--}for(var o=c(e,t),s=0;s<n.length;s++){var u=l(n[s]);0===i[u].references&&(i[u].updater(),i.splice(u,1))}n=o}}}},function(e,t,n){"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n=function(e,t){var n=e[1]||"",r=e[3];if(!r)return n;if(t&&"function"==typeof btoa){var a=(i=r,l=btoa(unescape(encodeURIComponent(JSON.stringify(i)))),c="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(l),"/*# ".concat(c," */")),o=r.sources.map((function(e){return"/*# sourceURL=".concat(r.sourceRoot||"").concat(e," */")}));return[n].concat(o).concat([a]).join("\n")}var i,l,c;return[n].join("\n")}(t,e);return t[2]?"@media ".concat(t[2]," {").concat(n,"}"):n})).join("")},t.i=function(e,n,r){"string"==typeof e&&(e=[[null,e,""]]);var a={};if(r)for(var o=0;o<this.length;o++){var i=this[o][0];null!=i&&(a[i]=!0)}for(var l=0;l<e.length;l++){var c=[].concat(e[l]);r&&a[c[0]]||(n&&(c[2]?c[2]="".concat(n," and ").concat(c[2]):c[2]=n),t.push(c))}},t}},function(e,t,n){var r=n(5),a=n(13);"string"==typeof(a=a.__esModule?a.default:a)&&(a=[[e.i,a,""]]);var o={insert:"head",singleton:!1};r(a,o);e.exports=a.locals||{}},function(e,t,n){var r=n(5),a=n(15);"string"==typeof(a=a.__esModule?a.default:a)&&(a=[[e.i,a,""]]);var o={insert:"head",singleton:!1};r(a,o);e.exports=a.locals||{}},function(e,t,n){var r=n(5),a=n(14);"string"==typeof(a=a.__esModule?a.default:a)&&(a=[[e.i,a,""]]);var o={insert:"head",singleton:!1};r(a,o);e.exports=a.locals||{}},function(e,t,n){"use strict";var r=n(11);function a(){}function o(){}o.resetWarningCache=a,e.exports=function(){function e(e,t,n,a,o,i){if(i!==r){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function t(){return e}e.isRequired=e;var n={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:o,resetWarningCache:a};return n.PropTypes=n,n}},function(e,t,n){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(e,t,n){(t=n(6)(!1)).push([e.i,"._1kmJeahnJAaylisZscJvdW{width:100%;height:100%;position:relative}._3Q21riUsyULXnITTCL-jPd{width:100%;position:relative;overflow-x:auto;border:1px solid gray;scroll-behaviour:smooth}._2WyO9fJehudJhQ_ZV5YSuG{width:100%;padding-top:20px;border-collapse:collapse}._10wWv9YVPW4qGeH7dhiJU1{outline:none;border-radius:none;position:absolute;top:calc(50% - 12px);right:-12px;z-index:4;cursor:pointer}._10wWv9YVPW4qGeH7dhiJU1:hover{opacity:.9}._2nc1L6Y4leK94sutluTM7I{width:100%;height:48px;text-transform:uppercase;border-radius:none}._9xGHV0xJ4izjSbTlaqekf{outline:none;height:40px;margin-top:10px;border:1px solid gray}",""]),t.locals={container:"_1kmJeahnJAaylisZscJvdW",wrapper:"_3Q21riUsyULXnITTCL-jPd",table:"_2WyO9fJehudJhQ_ZV5YSuG",addButton:"_10wWv9YVPW4qGeH7dhiJU1",addRowButton:"_2nc1L6Y4leK94sutluTM7I",sendButton:"_9xGHV0xJ4izjSbTlaqekf"},e.exports=t},function(e,t,n){(t=n(6)(!1)).push([e.i,"._115P8N0RysgjLaXVUam6Zh{border:none;resize:none;outline:none;padding:5px;width:100%;height:100%;cursor:pointer;box-sizing:border-box}._2jhyVcMk_sIgdgF6p67N6d{cursor:pointer;position:relative}.aBugRG9gldB9WhQ174S-R{position:absolute;right:30px;top:1px;width:24px;height:24px;background-color:#000;color:#fff;border:none;outline:none;cursor:pointer}",""]),t.locals={textarea:"_115P8N0RysgjLaXVUam6Zh",cell:"_2jhyVcMk_sIgdgF6p67N6d",deleteButton:"aBugRG9gldB9WhQ174S-R"},e.exports=t},function(e,t,n){(t=n(6)(!1)).push([e.i,".dlraL2CmeBbthg7SfXyPc{height:48px}",""]),t.locals={tr:"dlraL2CmeBbthg7SfXyPc"},e.exports=t},function(e,t,n){(t=n(6)(!1)).push([e.i,"._2B_3UDW-D9hNewFNT5WOcd{border:none;resize:none;outline:none;width:100%;height:100%;box-sizing:border-box}tr,td,th{border:1px solid gray}.Qft39b1SQlaJSHpo8GNuR{height:30px;position:relative}._2gHANj7WMgRDXa4Uul8Bny{position:absolute;left:1px;top:1px;width:24px;height:24px;background-color:#000;color:#fff;border:none;outline:none;cursor:pointer}",""]),t.locals={textarea:"_2B_3UDW-D9hNewFNT5WOcd",tr:"Qft39b1SQlaJSHpo8GNuR",deleteRowButton:"_2gHANj7WMgRDXa4Uul8Bny"},e.exports=t},function(e,t,n){(t=n(6)(!1)).push([e.i,"._4H2XgC9AEmprbVzpTMzRB{width:100vw;height:100vh;background-color:rgba(0,0,0,.2);position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center}._3P7H3Ys5JcxT6tL584hFf5{width:90%;max-width:400px;min-width:280px;padding:20px;background-color:#fff;border-radius:5px}._1Vzj2dkIG0FG_1ktClgVVN{width:100%;margin-bottom:10px}.zchSd1nRhJ844D3JNOL3n{width:100%;display:flex;justify-content:space-between;align-items:center}._1pLpFCPxK6C4VbS5K9vYMm{width:48%;height:38px}",""]),t.locals={container:"_4H2XgC9AEmprbVzpTMzRB",modal:"_3P7H3Ys5JcxT6tL584hFf5",input:"_1Vzj2dkIG0FG_1ktClgVVN",buttonsWrapper:"zchSd1nRhJ844D3JNOL3n",button:"_1pLpFCPxK6C4VbS5K9vYMm"},e.exports=t},function(e,t,n){"use strict";n.r(t);var r=n(0),a=n.n(r),o=n(2),i=n.n(o),l=n(1),c=n.n(l),s=n(4),u=n.n(s),d=n(7),p=n.n(d);function f(){return(f=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}var h=r.useLayoutEffect,m=function(e){var t=Object(r.useRef)(e);return h((function(){t.current=e})),t},b=function(e,t){"function"!=typeof e?e.current=t:e(t)},g=function(e,t){var n=Object(r.useRef)();return Object(r.useCallback)((function(r){e.current=r,n.current&&b(n.current,null),n.current=t,t&&b(t,r)}),[t])},v={"min-height":"0","max-height":"none",height:"0",visibility:"hidden",overflow:"hidden",position:"absolute","z-index":"-1000",top:"0",right:"0"},y=function(e){Object.keys(v).forEach((function(t){e.style.setProperty(t,v[t],"important")}))},x=null;var C=function(){},S=["borderBottomWidth","borderLeftWidth","borderRightWidth","borderTopWidth","boxSizing","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","paddingBottom","paddingLeft","paddingRight","paddingTop","tabSize","textIndent","textRendering","textTransform","width","wordBreak"],O=!!document.documentElement.currentStyle,w=function(e,t){var n=e.cacheMeasurements,a=e.maxRows,o=e.minRows,i=e.onChange,l=void 0===i?C:i,c=e.onHeightChange,s=void 0===c?C:c,u=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,["cacheMeasurements","maxRows","minRows","onChange","onHeightChange"]);var d,p=void 0!==u.value,h=Object(r.useRef)(null),b=g(h,t),v=Object(r.useRef)(0),w=Object(r.useRef)(),E=function(){var e=h.current,t=n&&w.current?w.current:function(e){var t=window.getComputedStyle(e);if(null===t)return null;var n,r=(n=t,S.reduce((function(e,t){return e[t]=n[t],e}),{})),a=r.boxSizing;return""===a?null:(O&&"border-box"===a&&(r.width=parseFloat(r.width)+parseFloat(r.borderRightWidth)+parseFloat(r.borderLeftWidth)+parseFloat(r.paddingRight)+parseFloat(r.paddingLeft)+"px"),{sizingStyle:r,paddingSize:parseFloat(r.paddingBottom)+parseFloat(r.paddingTop),borderSize:parseFloat(r.borderBottomWidth)+parseFloat(r.borderTopWidth)})}(e);if(t){w.current=t;var r=function(e,t,n,r){void 0===n&&(n=1),void 0===r&&(r=1/0),x||((x=document.createElement("textarea")).setAttribute("tabindex","-1"),x.setAttribute("aria-hidden","true"),y(x)),null===x.parentNode&&document.body.appendChild(x);var a=e.paddingSize,o=e.borderSize,i=e.sizingStyle,l=i.boxSizing;Object.keys(i).forEach((function(e){var t=e;x.style[t]=i[t]})),y(x),x.value=t;var c=function(e,t){var n=e.scrollHeight;return"border-box"===t.sizingStyle.boxSizing?n+t.borderSize:n-t.paddingSize}(x,e);x.value="x";var s=x.scrollHeight-a,u=s*n;"border-box"===l&&(u=u+a+o),c=Math.max(u,c);var d=s*r;return"border-box"===l&&(d=d+a+o),[c=Math.min(d,c),s]}(t,e.value||e.placeholder||"x",o,a),i=r[0],l=r[1];v.current!==i&&(v.current=i,e.style.setProperty("height",i+"px","important"),s(i,{rowHeight:l}))}};return Object(r.useLayoutEffect)(E),d=m(E),Object(r.useLayoutEffect)((function(){var e=function(e){d.current(e)};return window.addEventListener("resize",e),function(){window.removeEventListener("resize",e)}}),[]),Object(r.createElement)("textarea",f({},u,{onChange:function(e){p||E(),l(e)},ref:b}))},E=Object(r.forwardRef)(w);var R=({index:e,minColumnSize:t,setSelectedHeader:n,detectClass:o,value:l,checkUniqueColumn:c,deleteColumn:s,selectedHeader:u,onHeaderEdit:d,tableHeaders:f})=>{const[h,m]=Object(r.useState)(l);Object(r.useEffect)(()=>{m(l)},[f,l]);return a.a.createElement("th",{className:i()(p.a.cell,o("tableHeadCell")),style:{minWidth:t+"px"},onMouseEnter:()=>{n(e)},onMouseLeave:()=>{n(-1)}},a.a.createElement(E,{spellCheck:"false",value:h,onChange:e=>(e=>{m(e),d(e)})(e.target.value),onBlur:t=>c(e,t.target.value),onKeyDown:t=>((e,t)=>{const{key:n}=t;"Enter"===n&&(t.preventDefault(),c(e,t.target.value),t.currentTarget.blur())})(e,t),className:i()(p.a.textarea,o("tableHeadTextarea"))}),e===u&&a.a.createElement("button",{type:"button",className:i()(p.a.deleteButton,o("deleteButton")),onClick:()=>s(e)},"✕"))},j=n(9),_=n.n(j);const N=({tableHeaders:e,checkUniqueColumn:t,detectClass:n,onHeaderEdit:o,minColumnSize:l,deleteColumn:c})=>{const[s,u]=Object(r.useState)(-1);return a.a.createElement("thead",{className:i()(n("tableHead"))},a.a.createElement("tr",{className:i()(_.a.tr,n("tableHeadRow"))},e.map((r,i)=>a.a.createElement(R,{key:r,minColumnSize:l,setSelectedHeader:e=>u(e),detectClass:n,value:r,checkUniqueColumn:t,deleteColumn:c,selectedHeader:s,index:i,onHeaderEdit:o,tableHeaders:e}))))};N.propTypes={tableHeaders:c.a.arrayOf(c.a.string).isRequired,checkUniqueColumn:c.a.func.isRequired,detectClass:c.a.func.isRequired,onHeaderEdit:c.a.func.isRequired,minColumnSize:c.a.number.isRequired,deleteColumn:c.a.func.isRequired};var B=N,H=n(8),T=n.n(H);const k=({tableData:e,tableHeaders:t,emptyCellPlaceholder:n,editCeil:o,detectClass:l,onCeilBlur:c,minColumnSize:s,deleteRow:u})=>{const[d,p]=Object(r.useState)(-1);return a.a.createElement("tbody",{className:l("tableBody")},e.map((r,f)=>a.a.createElement("tr",{key:f,className:i()(T.a.tr,l("tableBodyRow")),onMouseEnter:()=>{p(f)},onMouseLeave:()=>{p(-1)}},t.map((t,u)=>{const d=r[t]||n;return a.a.createElement("td",{key:u+f+t,style:{minWidth:s+"px"},className:l("tableBodyCeil")},a.a.createElement(E,{className:i()(T.a.textarea,l("tableBodyCeilTextarea")),value:d,onChange:e=>o(t,e.target.value,f),onBlur:()=>c(e)}))}),f===d&&a.a.createElement("button",{type:"button",className:i()(T.a.deleteRowButton,l("deleteRowButton")),onClick:()=>u(f)},"✕"))))};k.propTypes={emptyCellPlaceholder:c.a.string.isRequired,editCeil:c.a.func.isRequired,detectClass:c.a.func.isRequired,onCeilBlur:c.a.func.isRequired,minColumnSize:c.a.number.isRequired,tableHeaders:c.a.arrayOf(c.a.string).isRequired,tableData:c.a.arrayOf(c.a.shape({})).isRequired};var z=k,M=n(3),q=n.n(M);const L=({headerValue:e,checkUniqueColumn:t,index:n,closeModal:o,detectClass:l})=>{const[c,s]=Object(r.useState)(e),u=e=>{e.target===document.querySelector("."+q.a.container)&&o()};return a.a.createElement("div",{className:i()(q.a.container,l("modalOverlay")),onClick:u,onKeyDown:u,role:"presentation"},a.a.createElement("div",{className:i()(q.a.modal,l("modal"))},a.a.createElement("p",{className:i()(l("modalText"))},"Column with name ",a.a.createElement("b",null,e)," is already exists."),a.a.createElement("p",{className:i()(l("modalText"))},"Change column name, please"),a.a.createElement("input",{className:i()(l("modalInput"),q.a.input),type:"text",value:c,onChange:e=>s(e.target.value)}),a.a.createElement("div",{className:q.a.buttonsWrapper},a.a.createElement("button",{type:"button",onClick:()=>t(n,c),className:i()(q.a.button,l("modalSetButton"))},"Set new value"),a.a.createElement("button",{type:"button",onClick:o,className:i()(q.a.button,l("modalCloseButton"))},"Cancel"))))};L.propTypes={headerValue:c.a.string.isRequired,checkUniqueColumn:c.a.func.isRequired,index:c.a.number.isRequired,closeModal:c.a.func.isRequired,detectClass:c.a.func.isRequired};var P=L;const W=e=>{const t=[],n=[];return e.forEach(e=>{t.push(e.header),e.columnData.forEach((t,r)=>{n[r]||(n[r]={}),n[r][e.header]=t})}),{tableHeaders:t,tableData:n}},J=({tableColumns:e,emptyCellPlaceholder:t="",tableClasses:n={},cellSpacing:o="0",minColumnSize:l=300,onCeilEdit:c=(e=>e),onCeilBlur:s=(e=>e),onHeaderEdit:d=(e=>e),onHeaderBlur:p=(e=>e),onSendData:f=(e=>e)})=>{const[h,m]=Object(r.useState)(W(e).tableHeaders),[b,g]=Object(r.useState)(W(e).tableData),[v,y]=Object(r.useState)(!1),[x,C]=Object(r.useState)(""),[S,O]=Object(r.useState)(0),[w,E]=Object(r.useState)(0),R=Object(r.useRef)(null),j=Object(r.useRef)(null);Object(r.useEffect)(()=>{j.current&&(j.current.scrollLeft=w)},[w]);const _=(e,t)=>{const n=!!t.trim().length,r=h.findIndex(e=>e===t);if(r!==e){if(-1!==r||!n)return C(t),O(e),void y(!0);((e,t)=>{const n=[...h];n[e]=t,m([...n]);const r=h[e],a=JSON.parse(JSON.stringify(b));a.forEach(e=>{e[t]=e[r],delete e[r]}),g(a),p({data:a,headers:n})})(e,t),y(!1)}},N=()=>{m([...h,"Column "+(h.length+1)]);const e=R.current.clientWidth;E(e)},H=e=>n[e]||"";return a.a.createElement("div",{className:i()(u.a.container,H("container"))},a.a.createElement("button",{type:"button",onClick:N,className:i()(u.a.addButton,H("addColumnButton"))},"+"),a.a.createElement("div",{className:u.a.wrapper,ref:j},a.a.createElement("table",{className:i()(u.a.table,H("table")),cellSpacing:o,ref:R},a.a.createElement(B,{tableHeaders:h,checkUniqueColumn:_,addColumn:N,detectClass:H,onHeaderEdit:d,deleteColumn:e=>{const t=h[e],n=JSON.parse(JSON.stringify(b));n.forEach(e=>{delete e[t]});const r=[...h];r.splice(e,1),g(n),m(r)},minColumnSize:l}),a.a.createElement(z,{tableData:b,editCeil:(e,t,n)=>{const r=JSON.parse(JSON.stringify(b));r[n][e]=t,g(r),c(r)},tableHeaders:h,emptyCellPlaceholder:t,detectClass:H,onCeilBlur:s,minColumnSize:l,deleteRow:e=>{const t=[...b.slice(0,e),...b.slice(e+1)];g(t)}}))),a.a.createElement("button",{className:i()(u.a.addRowButton,H("addRowButton")),onClick:()=>{const e={};h.forEach(t=>{e[t]=""}),g([...b,e])},type:"button"},"Add row"),v&&a.a.createElement(P,{index:S,headerValue:x,checkUniqueColumn:_,closeModal:()=>{const e=JSON.parse(JSON.stringify(h));m(e),y(!1)},detectClass:H}),a.a.createElement("button",{type:"button",onClick:()=>{const e={headers:[...h],data:b};return f(e),e},className:i()(u.a.sendButton,H("sendButton"))},"Send data to user"))};J.defaultProps={emptyCellPlaceholder:"",cellSpacing:"0",onCeilEdit:e=>e,onCeilBlur:e=>e,onHeaderEdit:e=>e,onHeaderBlur:e=>e,minColumnSize:300,tableClasses:{}},J.propTypes={tableColumns:c.a.arrayOf(c.a.shape({header:c.a.string,columnData:c.a.arrayOf(c.a.oneOfType([c.a.string,c.a.number]))})).isRequired,emptyCellPlaceholder:c.a.string,cellSpacing:c.a.string,onCeilEdit:c.a.func,onCeilBlur:c.a.func,onHeaderEdit:c.a.func,onHeaderBlur:c.a.func,minColumnSize:c.a.number,tableClasses:c.a.shape({})};var U=J;t.default=U}]);