1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[336,4935],{71068:function(e,t,a){"use strict";a.d(t,{Z:function(){return o}});var n=a(45042),r=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,o=(0,n.Z)(function(e){return r.test(e)||111===e.charCodeAt(0)&&110===e.charCodeAt(1)&&91>e.charCodeAt(2)})},45042:function(e,t,a){"use strict";function n(e){var t=Object.create(null);return function(a){return void 0===t[a]&&(t[a]=e(a)),t[a]}}a.d(t,{Z:function(){return n}})},96874:function(e){e.exports=function(e,t,a){switch(a.length){case 0:return e.call(t);case 1:return e.call(t,a[0]);case 2:return e.call(t,a[0],a[1]);case 3:return e.call(t,a[0],a[1],a[2])}return e.apply(t,a)}},47443:function(e,t,a){var n=a(42118);e.exports=function(e,t){return!!(null==e?0:e.length)&&n(e,t,0)>-1}},1196:function(e){e.exports=function(e,t,a){for(var n=-1,r=null==e?0:e.length;++n<r;)if(a(t,e[n]))return!0;return!1}},20731:function(e,t,a){var n=a(88668),r=a(47443),o=a(1196),l=a(29932),i=a(7518),s=a(74757);e.exports=function(e,t,a,c){var A=-1,d=r,u=!0,S=e.length,f=[],N=t.length;if(!S)return f;a&&(t=l(t,i(a))),c?(d=o,u=!1):t.length>=200&&(d=s,u=!1,t=new n(t));e:for(;++A<S;){var M=e[A],p=null==a?M:a(M);if(M=c||0!==M?M:0,u&&p==p){for(var T=N;T--;
1)if(t[T]===p)continue e;f.push(M)}else d(t,p,c)||f.push(M)}return f}},41848:function(e){e.exports=function(e,t,a,n){for(var r=e.length,o=a+(n?1:-1);n?o--:++o<r;)if(t(e[o],o,e))return o;return -1}},21078:function(e,t,a){var n=a(62488),r=a(37285);e.exports=function e(t,a,o,l,i){var s=-1,c=t.length;for(o||(o=r),i||(i=[]);++s<c;){var A=t[s];a>0&&o(A)?a>1?e(A,a-1,o,l,i):n(i,A):l||(i[i.length]=A)}return i}},42118:function(e,t,a){var n=a(41848),r=a(62722),o=a(42351);e.exports=function(e,t,a){return t==t?o(e,t,a):n(e,r,a)}},62722:function(e){e.exports=function(e){return e!=e}},5976:function(e,t,a){var n=a(6557),r=a(45357),o=a(30061);e.exports=function(e,t){return o(r(e,t,n),e+"")}},56560:function(e,t,a){var n=a(75703),r=a(38777),o=a(6557);e.exports=r?function(e,t){return r(e,"toString",{configurable:!0,enumerable:!1,value:n(t),writable:!0})}:o},37285:function(e,t,a){var n=a(62705),r=a(35694),o=a(1469),l=n?n.isConcatSpreadable:void 0;e.exports=function(e){return o(e)||r(e)||!!(l&&e&&e[l])}},45357:function(e,t,a){var n=a(96874),r=Math.max;e.exports=function(e,t,a){return t=r(void 0===t?e.length-1:t,0),function(){for(var o=arguments,l=-1,i=r(o.length-t,0),s=Array(i);++l<i;)s[l]=o[t+l];l=-1;for(var c=Array(t+1);++l<t;)c[l]=o[l];return c[t]=a(s),n(e,this,c)}}},30061:function(e,t,a){var n=a(56560),r=a(21275)(n);e.exports=r},21275:function(e){var t=Date.now;e.exports=function(e){var a=0,n=0;return function(){var r=t(),o=16-(r-n);if(n=r,o>0){if(++a>=800)return arguments[0]}else a=0;return e.apply(void 0,arguments)}}},42351:function(e){e.exports=function(e,t,a){for(var n=a-1,r=e.length;++n<r;)if(e[n]===t)return n;return -1}},75703:function(e){e.exports=function(e){return function(){return e}}},70735:function(e,t,a){var n=a(20731),r=a(21078),o=a(67206),l=a(5976),i=a(29246),s=a(10928),c=l(function(e,t){var a=s(t);return i(a)&&(a=void 0),i(e)?n(e,r(t,1,i,!0),o(a,2)):[]});e.exports=c},29246:function(e,t,a){var n=a(98612),r=a(37005);e.exports=function(e){return r(e)&&n(e)}},10928:function(e){e.exports=function(e){var t=null==e?0:e.length;return t?e[t-1]:void 0}},96086:function(e){"use strict";var t=Object.assign.bind(Object);e.exports=t,e.exports.default=e.exports},70395:function(e,t,a){"use strict";a.r(t),a.d(t,{default:function(){return x}});var n=a(85893),r=a(67294),o=a(34051),l=a(31555),i=a(52686),s=a(79521),c=a(75147),A=a(35005),d=a(70735),u=a.n(d),S=a(94935),f=a(90044);a(84481);let N=[{Header:"FIRST NAME",accessor:"FNAME",className:"text-center wd-15p border-bottom-0"},{Header:"LAST NAME",accessor:"LNAME",className:"text-center wd-15p border-bottom-0 "},{Header:"POSITION",accessor:"POSITION",className:"text-center wd-15p border-bottom-0 "},{Header:" START DATE",accessor:"START",className:"text-center wd-15p border-bottom-0 "},{Header:"SALARY",accessor:"SALARY",className:"text-center wd-15p border-bottom-0 "},{Header:"E-MAIL",accessor:"MAIL",className:"text-center wd-15p border-bottom-0 "}],M=[{FNAME:"Bella",LNAME:"Chloe",POSITION:"System Developer",START:"2018/03/12",SALARY:"$654,765",MAIL:"[email protected]"},{FNAME:"Donna",LNAME:"Bond",POSITION:"Account Manager",START:"2012/02/21",SALARY:"$543,654",MAIL:"[email protected]"},{FNAME:"Harry",LNAME:"Carr",POSITION:"Technical Manager",START:"20011/02/87",SALARY:"$86,000",MAIL:"[email protected]"},{FNAME:"Lucas",LNAME:"Dyer",POSITION:"Javascript Developer",START:"2014/08/23",SALARY:"$456,123",MAIL:"[email protected]"},{FNAME:"Karen",LNAME:"Hill",POSITION:"Sales Manager",START:"2010/7/14",SALARY:"$432,230",MAIL:"[email protected]"},{FNAME:"Dominic",LNAME:"Hudson",POSITION:"Sales Assistant",START:"2015/10/16",SALARY:"$654,300",MAIL:"[email protected]"},{FNAME:"Herrod",LNAME:"Chandler",POSITION:"Integration Specialist",START:"2012/08/06",SALARY:"$137,500",MAIL:"[email protected]"},{FNAME:"Jonathan",LNAME:"Ince",POSITION:"junior Manager",START:"2012/11/23",SALARY:"$345,789",MAIL:"[email protected]"},{FNAME:"Leonard",LNAME:"Ellison",POSITION:"Junior Javascript Developer",START:"2010/03/19",SALARY:"$205,500",MAIL:"[email protected]"},{FNAME:"Madeleine",LNAME:"Lee",POSITION:"Software Developer",START:"20015/8/23",SALARY:"$456,890",MAIL:"[email protected]"},{FNAME:"Karen",LNAME:"Miller",POSITION:"Office Director",START:"2012/9/25",SALARY:"$87,654",MAIL:"[email protected]"},{FNAME:"Lisa",LNAME:"Smith",POSITION:"Support Lead",START:"2011/05/21",SALARY:"$342,000",MAIL:"[email protected]"},{FNAME:"Morgan",LNAME:"Keith",POSITION:"Accountant",START:"2012/11/27",SALARY:"$675,245",MAIL:"[email protected]"},{FNAME:"Nathan",LNAME:"Mills",POSITION:"Senior Marketing Designer",START:"2014/10/8",SALARY:"$765,980",MAIL:"[email protected]"},{FNAME:"Ruth",LNAME:"May",POSITION:"office Manager",START:"2010/03/17",SALARY:"$654,765",MAIL:"[email protected]"},{FNAME:"Penelope",LNAME:"Ogden",POSITION:"Marketing Manager",START:"2013/5/22",SALARY:"$345,510",MAIL:"[email protected]"},{FNAME:"Sean",LNAME:"Piper",POSITION:"Financial Officer",START:"2014/06/11",SALARY:"$725,000",MAIL:"[email protected]"},{FNAME:"Trevor",LNAME:"Ross",POSITION:"Systems Administrator",START:"2011/05/23",SALARY:"$237,500",MAIL:"[email protected]"},{FNAME:"Vanessa",LNAME:"Robertson",POSITION:"Software Designer",START:"2014/6/23",SALARY:"$765,654",MAIL:"[email protected]"},{FNAME:"Una",LNAME:"Richard",POSITION:"Personnel Manager",START:"2014/5/22",SALARY:"$765,290",MAIL:"u.ric
1[email protected]"},{FNAME:"Justin",LNAME:"Peters",POSITION:"Development lead",START:"2013/10/23",SALARY:"$765,654",MAIL:"[email protected]"},{FNAME:"Adrian",LNAME:"Terry",POSITION:"Marketing Officer",START:"2013/04/21",SALARY:"$543,769",MAIL:"[email protected]"},{FNAME:"Cameron",LNAME:"Watson",POSITION:"Sales Support",START:"2013/9/7",SALARY:"$675,876",MAIL:"[email protected]"},{FNAME:"Evan",LNAME:"Terry",POSITION:"Sales Manager",START:"2013/10/26",SALARY:"$66,340",MAIL:"[email protected]"},{FNAME:"Angelica",LNAME:"Ramos",POSITION:"Chief Executive Officer",START:"20017/10/15",SALARY:"$6,234,000",MAIL:"[email protected]"},{FNAME:"Connor",LNAME:"Johne",POSITION:"Web Developer",START:"2011/1/25",SALARY:"$92,575",MAIL:"[email protected]"},{FNAME:"Jennifer",LNAME:"Chang",POSITION:"Regional Director",START:"2012/17/11",SALARY:"$546,890",MAIL:"[email protected]"},{FNAME:"Brenden",LNAME:"Wagner",POSITION:"Software Engineer",START:"2013/07/14",SALARY:"$206,850",MAIL:"[email protected]"},{FNAME:"Fiona",LNAME:"Green",POSITION:"Chief Operating Officer",START:"2015/06/23",SALARY:"$345,789",MAIL:"[email protected]"},{FNAME:"Shou",LNAME:"Itou",POSITION:"Regional Marketing",START:"2013/07/19",SALARY:"$335,300",MAIL:"[email protected]"},{FNAME:"Michelle",LNAME:"House",POSITION:"Integration Specialist",START:"2016/07/18",SALARY:"$76,890",MAIL:"[email protected]"},{FNAME:"Suki",LNAME:"Burks",POSITION:"Developer",START:"2010/11/45",SALARY:"$678,890",MAIL:"[email protected]"},{FNAME:"Prescott",LNAME:"Bartlett",POSITION:"Technical Author",START:"2014/12/25",SALARY:"$789,100",MAIL:"[email protected]"},{FNAME:"Gavin",LNAME:"Cortez",POSITION:"Team Leader",START:"2015/1/19",SALARY:"$345,890",MAIL:"[email protected]"},{FNAME:"Martena",LNAME:"Mccray",POSITION:"Post-Sales support",START:"2011/03/09",SALARY:"$324,050",MAIL:"[email protected]"},{FNAME:"Unity",LNAME:"Butler",POSITION:"Marketing Designer",START:"2014/7/28",SALARY:"$34,983",MAIL:"[email protected]"},{FNAME:"Howard",LNAME:"Hatfield",POSITION:"Office Manager",START:"2013/8/19",SALARY:"$98,000",MAIL:"[email protected]"},{FNAME:"Hope",LNAME:"Fuentes",POSITION:"Secretary",START:"2015/07/28",SALARY:"$78,879",MAIL:"[email protected]"},{FNAME:"Vivian",LNAME:"Harrell",POSITION:"Financial Controller",START:"2010/02/14",SALARY:"$452,500",MAIL:"[email protected]"},{FNAME:"Timothy",LNAME:"Mooney",POSITION:"Office Manager",START:"20016/12/11",SALARY:"$136,200",MAIL:"[email protected]"},{FNAME:"Jackson",LNAME:"Bradshaw",POSITION:"Director",START:"2011/09/26",SALARY:"$645,750",MAIL:"[email protected]"},{FNAME:"Olivia",LNAME:"Liang",POSITION:"Support Engineer",START:"2014/02/03",SALARY:"$234,500",MAIL:"[email protected]"},{FNAME:"Bruno",LNAME:"Nash",POSITION:"Software Engineer",START:"2015/05/03",SALARY:"$163,500",MAIL:"[email protected]"},{FNAME:"Sakura",LNAME:"Yamamoto",POSITION:"Support Engineer",START:"2010/08/19",SALARY:"$139,575",MAIL:"[email protected]"},{FNAME:"Thor",LNAME:"Walton",POSITION:"Developer",START:"2012/08/11",SALARY:"$98,540",MAIL:"[email protected]"},{FNAME:"Finn",LNAME:"Camacho",POSITION:"Support Engineer",START:"2016/07/07",SALARY:"$87,500",MAIL:"[email protected]"},{FNAME:"Serge",LNAME:"Baldwin",POSITION:"Data Coordinator",START:"2017/04/09",SALARY:"$138,575",MAIL:"[email protected]"},{FNAME:"Zenaida",LNAME:"Frank",POSITION:"Software Engineer",START:"2018/01/04",SALARY:"$125,250",MAIL:"[email protected]"},{FNAME:"Zorita",LNAME:"Serrano",POSITION:"Software Engineer",START:"2017/06/01",SALARY:"$115,000",MAIL:"[email protected]"},{FNAME:"Jennifer",LNAME:"Acosta",POSITION:"Junior Javascript Developer",START:"2017/02/01",SALARY:"$75,650",MAIL:"[email protected]"}],p=()=>{let e=(0,s.useTable)({columns:N,data:M},s.useGlobalFilter,s.useSortBy,s.usePagination),{getTableProps:t,headerGroups:a,getTableBodyProps:o,prepareRow:l,state:i,setGlobalFilter:d,page:u,nextPage:S,previousPage:f,canNextPage:p,canPreviousPage:L,pageOptions:I,gotoPage:b,pageCount:m,setPageSize:O}=e,{globalFilter:h,pageIndex:E,pageSize:R}=i;return(0,n.jsx)(n.Fragment,{children:(0,n.jsxs)("div",{className:"e-table px-5 pb-5 table-responsive",children:[(0,n.jsxs)("div",{className:"d-block",children:[(0,n.jsx)("select",{className:"mb-4 table-border me-1",value:R,onChange:e=>O(Number(e.target.value)),children:[10,25,50].map(e=>(0,n.jsxs)("option",{value:e,children:["Show ",e]},e))}),(0,n.jsx)(T,{filter:h,setFilter:d})]}),(0,n.jsxs)(c.Z,{...t(),className:"table-bordered text-nowrap border-bottom",children:[(0,n.jsx)("thead",{children:a.map(e=>(0,r.createElement)("tr",{...e.getHeaderGroupProps(),key:Math.random()},e.headers.map(e=>(0,n.jsxs)("th",{...e.getHeaderProps(e.getSortByToggleProps()),className:e.className,children:[(0,n.jsx)("span",{className:"tabletitle",children:e.render("Header")}),(0,n.jsx)("span",{children:e.isSorted?e.isSortedDesc?(0,n.jsx)("i",{className:"fa fa-angle-down"}):(0,n.jsx)("i",{className:"fa fa-angle-up"}):""})]},Math.random()))))}),(0,n.jsx)("tbody",{...o(),children:u.map(e=>(l(e),(0,r.createElement)("tr",{className:"text-center",...e.getRowProps(),key:Math.random()},e.cells.map(e=>(0,r.createElement)("td",{...e.getCellProps(),key:Math.random()},e.render("Cell"))))))})]}),(0,n.jsxs)("div",{className:"d-block d-sm-flex mt-4 ",children:[(0,n.jsxs)("span",{className:"",children:["Page"," ",(0,n.jsxs)("strong",{children:[E+1," of ",I.length]})," "]}),(0,n.jsxs)("span",{className:"ms-sm-auto",children:[(0,n.jsx)(A.Z,{variant:"",className:"btn-default tablebutton d-sm-inline d-block me-2 my-2",onClick:()=>b(0),disabled:!L,children:" Previous "}),(0,n.jsx)(A.Z,{variant:"",className:"btn-default tablebutton me-2 my-2",onClick:()=>{f()},disabled:!L,children:" << "}),(0,n.jsx)(A.Z,{variant:"",className:"btn-default tablebutton me-2 my-2",onClick:()=>{f()},disabled:!L,children:" < "}),(0,n.jsx)(A.Z,{variant:"",className:"btn-default tablebutton me-2 my-2",onClick:()=>{S()},disabled:!p,children:" > "}),(0,n.jsx)(A.Z,{variant:"",className:"btn-default tablebutton me-2 my-2",onClick:()=>{S()},disabled:!p,children:" >> "}),(0,n.jsx)(A.Z,{variant:"",className:"btn-default tablebutton me-2 my-2",onClick:()=>b(m-1),disabled:!p,children:" Next "})]})]})]})})},T=e=>{let{filter:t,setFilter:a}=e;return(0,n.jsx)("span",{className:"d-flex ms-auto",children:(0,n.jsx)("input",{value:t||"",onChange:e=>a(e.target.value),className:"form-control mb-4",placeholder:"Search..."})})},L=[{Header:"FIRST NAME",accessor:"FNAME",className:"text-center wd-15p border-bottom-0"},{Header:"LAST NAME",accessor:"LNAME",className:"text-center wd-15p border-bottom-0 "},{Header:"POSITION",accessor:"POSITION",className:"text-center wd-15p border-bottom-0 "},{Header:" START DATE",accessor:"START",className:"text-center wd-15p border-bottom-0 "},{Header:"SALARY",accessor:"SALARY",className:"text-center wd-15p border-bottom-0 "},{Header:"E-MAIL",accessor:"MAIL",className:"text-center wd-15p border-bottom-0 "}],I=[{FNAME:"Bella",LNAME:"Chloe",POSITION:"System Developer",START:"2018/03/12",SALARY:"$654,765",MAIL:"[email protected]"},{FNAME:"Donna",LNAME:"Bond",POSITION:"Account Manager",START:"2012/02/21",SALARY:"$543,654",MAIL:"[email protected]"},{FNAME:"Harry",LNAME:"Carr",POSITION:"Technical Manager",START:"20011/02/87",SALARY:"$86,000",MAIL:"[email protected]"},{FNAME:"Lucas",LNAME:"Dyer",POSITION:"Javascript Developer",START:"2014/08/23",SALARY:"$456,123",MAIL:"[email protected]"},{FNAME:"Karen",LNAME:"Hill",POSITION:"Sales Manager",START:"2010/7/14",SALARY:"$432,230",MAIL:"[email protected]"},{FNAME:"Dominic",LNAME:"Hudson",POSITION:"Sales Assistant",START:"2015/10/16",SALARY:"$654,300",MAIL:"[email protected]"},{FNAME:"Herrod",LNAME:"Chandler",POSITION:"Integration Specialist",START:"2012/08/06",SALARY:"$137,500",MAIL:"[email protected]"},{FNAME:"Jonathan",LNAME:"Ince",POSITION:"junior Manager",START:"2012/11/23",SALARY:"$345,789",MAIL:"[email protected]"},{FNAME:"Leonard",LNAME:"Ellison",POSITION:"Junior Javascript Developer",START:"2010/03/19",SALARY:"$205,500",MAIL:"[email protected]"},{FNAME:"Madeleine",LNAME:"Lee",POSITION:"Software Developer",START:"20015/8/23",SALARY:"$456,890",MAIL:"[email protected]"},{FNAME:"Karen",LNAME:"Miller",POSITION:"Office Director",START:"2012/9/25",SALARY:"$87,654",MAIL:"[email protected]"},{FNAME:"Lisa",LNAME:"Smith",POSITION:"Support Lead",START:"2011/05/21",SALARY:"$342,000",MAIL:"[email protected]"},{FNAME:"Morgan",LNAME:"Keith",POSITION:"Accountant",START:"2012/11/27",SALARY:"$675,245",MAIL:"[email protected]"},{FNAME:"Nathan",LNAME:"Mills",POSITION:"Senior Marketing Designer",START:"2014/10/8",SALARY:"$765,980",MAIL:"[email protected]"},{FNAME:"Ruth",LNAME:"May",POSITION:"office Manager",START:"2010/03/17",SALARY:"$654,765",MAIL:"[email protected]"},{FNAME:"Penelope",LNAME:"Ogden",POSITION:"Marketing Manager",START:"2013/5/22",SALARY:"$345,510",MAIL:"[email protected]"},{FNAME:"Sean",LNAME:"Piper",POSITION:"Financial Officer",START:"2014/06/11",SALARY:"$725,000",MAIL:"[email protected]"},{FNAME:"Trevor",LNAME:"Ross",POSITION:"Systems Administrator",START:"2011/05/23",SALARY:"$237,500",MAIL:"[email protected]"},{FNAME:"Vanessa",LNAME:"Robertson",POSITION:"Software Designer",START:"2014/6/23",SALARY:"$765,654",MAIL:"[email protected]"},{FNAME:"Una",LNAME:"Richard",POSITION:"Personnel Manager",START:"2014/5/22",SALARY:"$765,290",MAIL:"u.ric
1[email protected]"},{FNAME:"Justin",LNAME:"Peters",POSITION:"Development lead",START:"2013/10/23",SALARY:"$765,654",MAIL:"[email protected]"},{FNAME:"Adrian",LNAME:"Terry",POSITION:"Marketing Officer",START:"2013/04/21",SALARY:"$543,769",MAIL:"[email protected]"},{FNAME:"Cameron",LNAME:"Watson",POSITION:"Sales Support",START:"2013/9/7",SALARY:"$675,876",MAIL:"[email protected]"},{FNAME:"Evan",LNAME:"Terry",POSITION:"Sales Manager",START:"2013/10/26",SALARY:"$66,340",MAIL:"[email protected]"},{FNAME:"Angelica",LNAME:"Ramos",POSITION:"Chief Executive Officer",START:"20017/10/15",SALARY:"$6,234,000",MAIL:"[email protected]"},{FNAME:"Connor",LNAME:"Johne",POSITION:"Web Developer",START:"2011/1/25",SALARY:"$92,575",MAIL:"[email protected]"},{FNAME:"Jennifer",LNAME:"Chang",POSITION:"Regional Director",START:"2012/17/11",SALARY:"$546,890",MAIL:"[email protected]"},{FNAME:"Brenden",LNAME:"Wagner",POSITION:"Software Engineer",START:"2013/07/14",SALARY:"$206,850",MAIL:"[email protected]"},{FNAME:"Fiona",LNAME:"Green",POSITION:"Chief Operating Officer",START:"2015/06/23",SALARY:"$345,789",MAIL:"[email protected]"},{FNAME:"Shou",LNAME:"Itou",POSITION:"Regional Marketing",START:"2013/07/19",SALARY:"$335,300",MAIL:"[email protected]"},{FNAME:"Michelle",LNAME:"House",POSITION:"Integration Specialist",START:"2016/07/18",SALARY:"$76,890",MAIL:"[email protected]"},{FNAME:"Suki",LNAME:"Burks",POSITION:"Developer",START:"2010/11/45",SALARY:"$678,890",MAIL:"[email protected]"},{FNAME:"Prescott",LNAME:"Bartlett",POSITION:"Technical Author",START:"2014/12/25",SALARY:"$789,100",MAIL:"[email protected]"},{FNAME:"Gavin",LNAME:"Cortez",POSITION:"Team Leader",START:"2015/1/19",SALARY:"$345,890",MAIL:"[email protected]"},{FNAME:"Martena",LNAME:"Mccray",POSITION:"Post-Sales support",START:"2011/03/09",SALARY:"$324,050",MAIL:"[email protected]"},{FNAME:"Unity",LNAME:"Butler",POSITION:"Marketing Designer",START:"2014/7/28",SALARY:"$34,983",MAIL:"[email protected]"},{FNAME:"Howard",LNAME:"Hatfield",POSITION:"Office Manager",START:"2013/8/19",SALARY:"$98,000",MAIL:"[email protected]"},{FNAME:"Hope",LNAME:"Fuentes",POSITION:"Secretary",START:"2015/07/28",SALARY:"$78,879",MAIL:"[email protected]"},{FNAME:"Vivian",LNAME:"Harrell",POSITION:"Financial Controller",START:"2010/02/14",SALARY:"$452,500",MAIL:"[email protected]"},{FNAME:"Timothy",LNAME:"Mooney",POSITION:"Office Manager",START:"20016/12/11",SALARY:"$136,200",MAIL:"[email protected]"},{FNAME:"Jackson",LNAME:"Bradshaw",POSITION:"Director",START:"2011/09/26",SALARY:"$645,750",MAIL:"[email protected]"},{FNAME:"Olivia",LNAME:"Liang",POSITION:"Support Engineer",START:"2014/02/03",SALARY:"$234,500",MAIL:"[email protected]"},{FNAME:"Bruno",LNAME:"Nash",POSITION:"Software Engineer",START:"2015/05/03",SALARY:"$163,500",MAIL:"[email protected]"},{FNAME:"Sakura",LNAME:"Yamamoto",POSITION:"Support Engineer",START:"2010/08/19",SALARY:"$139,575",MAIL:"[email protected]"},{FNAME:"Thor",LNAME:"Walton",POSITION:"Developer",START:"2012/08/11",SALARY:"$98,540",MAIL:"[email protected]"},{FNAME:"Finn",LNAME:"Camacho",POSITION:"Support Engineer",START:"2016/07/07",SALARY:"$87,500",MAIL:"[email protected]"},{FNAME:"Serge",LNAME:"Baldwin",POSITION:"Data Coordinator",START:"2017/04/09",SALARY:"$138,575",MAIL:"[email protected]"},{FNAME:"Zenaida",LNAME:"Frank",POSITION:"Software Engineer",START:"2018/01/04",SALARY:"$125,250",MAIL:"[email protected]"},{FNAME:"Zorita",LNAME:"Serrano",POSITION:"Software Engineer",START:"2017/06/01",SALARY:"$115,000",MAIL:"[email protected]"},{FNAME:"Jennifer",LNAME:"Acosta",POSITION:"Junior Javascript Developer",START:"2017/02/01",SALARY:"$75,650",MAIL:"[email protected]"}],b=()=>{let e=(0,s.useTable)({columns:L,data:I},s.useGlobalFilter,s.useSortBy,s.usePagination),{getTableProps:t,headerGroups:a,getTableBodyProps:o,prepareRow:l,state:i,setGlobalFilter:d,page:u,nextPage:S,previousPage:f,canNextPage:N,canPreviousPage:M,pageOptions:p,gotoPage:T,pageCount:b,setPageSize:O}=e,{globalFilter:h,pageIndex:E,pageSize:R}=i;return(0,n.jsx)(n.Fragment,{children:(0,n.jsxs)("div",{className:"e-table px-5 pb-5",children:[(0,n.jsxs)("div",{className:"d-flex",children:[(0,n.jsx)("select",{className:"mb-4 table-border me-1",value:R,onChange:e=>O(Number(e.target.value)),children:[10,25,50].map(e=>(0,n.jsxs)("option",{value:e,children:["Show ",e]},e))}),(0,n.jsx)(m,{filter:h,setFilter:d})]}),(0,n.jsxs)(c.Z,{...t(),className:"table-bordered text-nowrap border-bottom",children:[(0,n.jsx)("thead",{children:a.map(e=>(0,r.createElement)("tr",{...e.getHeaderGroupProps(),key:Math.random()},e.headers.map(e=>(0,n.jsxs)("th",{...e.getHeaderProps(e.getSortByToggleProps()),className:e.className,children:[(0,n.jsx)("span",{className:"tabletitle",children:e.render("Header")}),(0,n.jsx)("span",{children:e.isSorted?e.isSortedDesc?(0,n.jsx)("i",{className:"fa fa-angle-down"}):(0,n.jsx)("i",{className:"fa fa-angle-up"}):""})]},Math.random()))))}),(0,n.jsx)("tbody",{...o(),children:u.map(e=>(l(e),(0,r.createElement)("tr",{className:"text-center",...e.getRowProps(),key:Math.random()},e.cells.map(e=>(0,n.jsx)("td",{...e.getCellProps(),children:e.render("Cell")},Math.random())))))})]}),(0,n.jsxs)("div",{className:"d-block d-sm-flex mt-4 ",children:[(0,n.jsxs)("span",{className:"",children:["Page"," ",(0,n.jsxs)("strong",{children:[E+1," of ",p.length]})," "]}),(0,n.jsxs)("span",{className:"ms-sm-auto ",children:[(0,n.jsx)(A.Z,{variant:"",className:"btn-default tablebutton me-2 my-2 d-sm-inline d-block",onClick:()=>T(0),disabled:!M,children:" Previous "}),(0,n.jsx)(A.Z,{variant:"",className:"btn-default tablebutton me-2 my-2",onClick:()=>{f()},disabled:!M,children:" << "}),(0,n.jsx)(A.Z,{variant:"",className:"btn-default tablebutton me-2 my-2",onClick:()=>{f()},disabled:!M,children:" < "}),(0,n.jsx)(A.Z,{variant:"",className:"btn-default tablebutton me-2 my-2",onClick:()=>{S()},disabled:!N,children:" > "}),(0,n.jsx)(A.Z,{variant:"",className:"btn-default tablebutton me-2 my-2",onClick:()=>{S()},disabled:!N,children:" >> "}),(0,n.jsx)(A.Z,{variant:"",className:"btn-default tablebutton me-2 my-2",onClick:()=>T(b-1),disabled:!N,children:" Next "})]})]})]})})},m=e=>{let{filter:t,setFilter:a}=e;return(0,n.jsx)("span",{className:"d-flex ms-auto",children:(0,n.jsx)("input",{value:t||"",onChange:e=>a(e.target.value),className:"form-control mb-4",placeholder:"Search..."})})},O=[{id:"1",SNO:"1",FNAME:"Bella",LNAME:"Chloe",POSITION:"System Developer",START:"2018/03/12",SALARY:"$654,765",MAIL:"[email protected]"},{id:"2",SNO:"2",FNAME:"Donna",LNAME:"Bond",POSITION:"Account Manager",START:"2012/02/21",SALARY:"$543,654",MAIL:"[email protected]"},{id:"3",SNO:"3",FNAME:"Harry",LNAME:"Carr",POSITION:"Technical Manager",START:"20011/02/87",SALARY:"$86,000",MAIL:"[email protected]"},{id:"4",SNO:"4",FNAME:"Lucas",LNAME:"Dyer",POSITION:"Javascript Developer",START:"2014/08/23",SALARY:"$456,123",MAIL:"[email protected]"},{id:"5",SNO:"5",FNAME:"Karen",LNAME:"Hill",POSITION:"Sales Manager",START:"2010/7/14",SALARY:"$432,230",MAIL:"[email protected]"},{id:"6",SNO:"6",FNAME:"Dominic",LNAME:"Hudson",POSITION:"Sales Assistant",START:"2015/10/16",SALARY:"$654,300",MAIL:"[email protected]"},{id:"7",SNO:"7",FNAME:"Herrod",LNAME:"Chandler",POSITION:"Integration Specialist",START:"2012/08/06",SALARY:"$137,500",MAIL:"[email protected]"},{id:"8",SNO:"8",FNAME:"Jonathan",LNAME:"Ince",POSITION:"junior Manager",START:"2012/11/23",SALARY:"$345,789",MAIL:"[email protected]"},{id:"9",SNO:"9",FNAME:"Leonard",LNAME:"Ellison",POSITION:"Junior Javascript Developer",START:"2010/03/19",SALARY:"$205,500",MAIL:"[email protected]"},{id:"10",SNO:"10",FNAME:"Madeleine",LNAME:"Lee",POSITION:"Software Developer",START:"20015/8/23",SALARY:"$456,890",MAIL:"[email protected]"},{id:"11",SNO:"11",FNAME:"Karen",LNAME:"Miller",POSITION:"Office Director",START:"2012/9/25",SALARY:"$87,654",MAIL:"[email protected]"},{id:"12",SNO:"12",FNAME:"Lisa",LNAME:"Smith",POSITION:"Support Lead",START:"2011/05/21",SALARY:"$342,000",MAIL:"[email protected]"},{id:"13",SNO:"13",FNAME:"Morgan",LNAME:"Keith",POSITION:"Accountant",START:"2012/11/27",SALARY:"$675,245",MAIL:"[email protected]"},{id:"14",SNO:"14",FNAME:"Nathan",LNAME:"Mills",POSITION:"Senior Marketing Designer",START:"2014/10/8",SALARY:"$765,980",MAIL:"[email protected]"},{id:"15",SNO:"15",FNAME:"Ruth",LNAME:"May",POSITION:"office Manager",START:"2010/03/17",SALARY:"$654,765",MAIL:"[email protected]"},{id:"16",SNO:"16",FNAME:"Penelope",LNAME:"Ogden",POSITION:"Marketing Manager",START:"2013/5/22",SALARY:"$345,510",MAIL:"[email protected]"},{id:"17",SNO:"17",FNAME:"Sean",LNAME:"Piper",POSITION:"Financial Officer",START:"2014/06/11",SALARY:"$725,000",MAIL:"[email protected]"},{id:"18",SNO:"18",FNAME:"Trevor",LNAME:"Ross",POSITION:"Systems Administrator",START:"2011/05/23",SALARY:"$237,500",MAIL:"[email protected]"},{id:"19",SNO:"19",FNAME:"Vanessa",LNAME:"Robertson",POSITION:"Software Designer",START:"2014/6/23",SALARY:"$765,654",MAIL:"[email protected]"},{id:"20",SNO:"20",FNAME:"Una",LNAME:"Richard",POSITION:"Personnel Manager",START:"2014/5/22",SALARY:"$765,290",MAIL:"u.ric
1[email protected]"},{id:"21",SNO:"21",FNAME:"Justin",LNAME:"Peters",POSITION:"Development lead",START:"2013/10/23",SALARY:"$765,654",MAIL:"[email protected]"},{id:"22",SNO:"22",FNAME:"Adrian",LNAME:"Terry",POSITION:"Marketing Officer",START:"2013/04/21",SALARY:"$543,769",MAIL:"[email protected]"},{id:"23",SNO:"23",FNAME:"Cameron",LNAME:"Watson",POSITION:"Sales Support",START:"2013/9/7",SALARY:"$675,876",MAIL:"[email protected]"},{id:"24",SNO:"24",FNAME:"Evan",LNAME:"Terry",POSITION:"Sales Manager",START:"2013/10/26",SALARY:"$66,340",MAIL:"[email protected]"},{id:"25",SNO:"25",FNAME:"Angelica",LNAME:"Ramos",POSITION:"Chief Executive Officer",START:"20017/10/15",SALARY:"$6,234,000",MAIL:"[email protected]"},{id:"26",SNO:"26",FNAME:"Connor",LNAME:"Johne",POSITION:"Web Developer",START:"2011/1/25",SALARY:"$92,575",MAIL:"[email protected]"},{id:"27",SNO:"27",FNAME:"Jennifer",LNAME:"Chang",POSITION:"Regional Director",START:"2012/17/11",SALARY:"$546,890",MAIL:"[email protected]"},{id:"28",SNO:"28",FNAME:"Brenden",LNAME:"Wagner",POSITION:"Software Engineer",START:"2013/07/14",SALARY:"$206,850",MAIL:"[email protected]"},{id:"29",SNO:"29",FNAME:"Fiona",LNAME:"Green",POSITION:"Chief Operating Officer",START:"2015/06/23",SALARY:"$345,789",MAIL:"[email protected]"},{id:"30",SNO:"30",FNAME:"Shou",LNAME:"Itou",POSITION:"Regional Marketing",START:"2013/07/19",SALARY:"$335,300",MAIL:"[email protected]"},{id:"31",SNO:"31",FNAME:"Michelle",LNAME:"House",POSITION:"Integration Specialist",START:"2016/07/18",SALARY:"$76,890",MAIL:"[email protected]"},{id:"32",SNO:"32",FNAME:"Suki",LNAME:"Burks",POSITION:"Developer",START:"2010/11/45",SALARY:"$678,890",MAIL:"[email protected]"},{id:"33",SNO:"33",FNAME:"Prescott",LNAME:"Bartlett",POSITION:"Technical Author",START:"2014/12/25",SALARY:"$789,100",MAIL:"[email protected]"},{id:"34",SNO:"34",FNAME:"Gavin",LNAME:"Cortez",POSITION:"Team Leader",START:"2015/1/19",SALARY:"$345,890",MAIL:"[email protected]"},{id:"35",SNO:"35",FNAME:"Martena",LNAME:"Mccray",POSITION:"Post-Sales support",START:"2011/03/09",SALARY:"$324,050",MAIL:"[email protected]"},{id:"36",SNO:"36",FNAME:"Unity",LNAME:"Butler",POSITION:"Marketing Designer",START:"2014/7/28",SALARY:"$34,983",MAIL:"[email protected]"},{id:"37",SNO:"37",FNAME:"Howard",LNAME:"Hatfield",POSITION:"Office Manager",START:"2013/8/19",SALARY:"$98,000",MAIL:"[email protected]"},{id:"38",SNO:"38",FNAME:"Hope",LNAME:"Fuentes",POSITION:"Secretary",START:"2015/07/28",SALARY:"$78,879",MAIL:"[email protected]"},{id:"39",SNO:"39",FNAME:"Vivian",LNAME:"Harrell",POSITION:"Financial Controller",START:"2010/02/14",SALARY:"$452,500",MAIL:"[email protected]"},{id:"40",SNO:"40",FNAME:"Timothy",LNAME:"Mooney",POSITION:"Office Manager",START:"20016/12/11",SALARY:"$136,200",MAIL:"[email protected]"},{id:"41",SNO:"41",FNAME:"Jackson",LNAME:"Bradshaw",POSITION:"Director",START:"2011/09/26",SALARY:"$645,750",MAIL:"[email protected]"},{id:"42",SNO:"42",FNAME:"Olivia",LNAME:"Liang",POSITION:"Support Engineer",START:"2014/02/03",SALARY:"$234,500",MAIL:"[email protected]"},{id:"43",SNO:"43",FNAME:"Bruno",LNAME:"Nash",POSITION:"Software Engineer",START:"2015/05/03",SALARY:"$163,500",MAIL:"[email protected]"},{id:"44",SNO:"44",FNAME:"Sakura",LNAME:"Yamamoto",POSITION:"Support Engineer",START:"2010/08/19",SALARY:"$139,575",MAIL:"[email protected]"},{id:"45",SNO:"45",FNAME:"Thor",LNAME:"Walton",POSITION:"Developer",START:"2012/08/11",SALARY:"$98,540",MAIL:"[email protected]"},{id:"46",SNO:"46",FNAME:"Finn",LNAME:"Camacho",POSITION:"Support Engineer",START:"2016/07/07",SALARY:"$87,500",MAIL:"[email protected]"},{id:"47",SNO:"47",FNAME:"Serge",LNAME:"Baldwin",POSITION:"Data Coordinator",START:"2017/04/09",SALARY:"$138,575",MAIL:"[email protected]"},{id:"48",SNO:"48",FNAME:"Zenaida",LNAME:"Frank",POSITION:"Software Engineer",START:"2018/01/04",SALARY:"$125,250",MAIL:"[email protected]"},{id:"49",SNO:"49",FNAME:"Zorita",LNAME:"Serrano",POSITION:"Software Engineer",START:"2017/06/01",SALARY:"$115,000",MAIL:"[email protected]"},{id:"50",SNO:"50",FNAME:"Jennifer",LNAME:"Acosta",POSITION:"Junior Javascript Developer",START:"2017/02/01",SALARY:"$75,650",MAIL:"[email protected]"}],h=()=>{let[e,t]=(0,r.useState)([]),[a,o]=(0,r.useState)(!1),[l,i]=(0,r.useState)(O),s=(0,r.useCallback)(e=>{t(e.selectedRows)},[]),c=[{name:"S.NO",selector:e=>[e.SNO],sortable:!1},{name:"FIRST NAME",selector:e=>[e.FNAME],sortable:!0},{name:"LAST NAME",selector:e=>[e.LNAME],sortable:!1},{name:"POSITION",selector:e=>[e.POSITION],sortable:!0},{name:"START DATE",selector:e=>[e.START],sortable:!0},{name:"SALARY",selector:e=>[e.SALARY],sortable:!0},{name:"MAIL",selector:e=>[e.MAIL],sortable:!1}],d=(0,r.useMemo)(()=>{let t=()=>{o(!a),i(u()(l,e,"SNO"))};return(0,n.jsx)(A.Z,{variant:"",className:"btn btn-primary mt-2",onClick:t,children:"Delete"},"delete")},[l,e,a]);return(0,n.jsx)("span",{className:"datatable",children:(0,n.jsx)(S.default,{columns:c,data:l,children:(0,n.jsx)(f.ZP,{title:!0,columns:c,data:l,selectableRows:!0,contextActions:d,onSelectedRowsChange:s,clearSelectedRows:a,pagination:!0}
1)})})};function E(e){let t=document.createElement("a"),a=function(e){let t;let a=Object.keys(g[0]);return t=""+a.join(",")+"\n",e.forEach(e=>{let n=0;a.forEach(a=>{n>0&&(t+=","),t+=e[a],n++}),t+="\n"}),t}(e);null!=a&&(a.match(/^data:text\/csv/i)||(a="data:text/csv;charset=utf-8,".concat(a)),t.setAttribute("href",encodeURI(a)),t.setAttribute("download","export.csv"),t.click())}let R=e=>{let{onExport:t}=e;return(0,n.jsx)(A.Z,{onClick:e=>t(e.target.value),className:"export-table",children:"Export"})},g=[{id:"1",SNO:1,NAME:"Yonna",LASTNAME:"Qond",POSITION:"Financial Controller",DATE:"2012/02/21",SALARY:"$143,654",EMAIL:"[email protected]"},{id:"2",SNO:2,NAME:"Zonna",LASTNAME:"Jond",POSITION:"Accountant",DATE:"2012/02/21",SALARY:"$343,654",EMAIL:"[email protected]"},{id:"3",SNO:3,NAME:"Nonna",LASTNAME:"Tond",POSITION:"Chief Executive Officer",DATE:"2012/02/21",SALARY:"$743,654",EMAIL:"[email protected]"},{id:"4",SNO:4,NAME:"Bonna",LASTNAME:"Oond",POSITION:"Chief Operating Officer",DATE:"2012/02/21",SALARY:"$643,654",EMAIL:"[email protected]"},{id:"5",SNO:5,NAME:"Honna",LASTNAME:"Pond",POSITION:"Data Coordinator",DATE:"2012/02/21",SALARY:"$243,654",EMAIL:"[email protected]"},{id:"6",SNO:6,NAME:"Fonna",LASTNAME:"Nond",POSITION:"Developer",DATE:"2012/02/21",SALARY:"$543,654",EMAIL:"[email protected]"},{id:"7",SNO:7,NAME:"Aonna",LASTNAME:"Xond",POSITION:"Development lead",DATE:"2012/02/21",SALARY:"$843,654",EMAIL:"[email protected]"},{id:"8",SNO:8,NAME:"Qonna",LASTNAME:"Vond",POSITION:"Director",DATE:"2012/02/21",SALARY:"$743,654",EMAIL:"[email protected]"},{id:"9",SNO:9,NAME:"Jond",LASTNAME:"Zonna",POSITION:"Marketing Officer",DATE:"2012/02/21",SALARY:"$543,654",EMAIL:"[email protected]"},{id:"10",SNO:10,NAME:"Yonna",LASTNAME:"Qond",POSITION:"Financial Controller",DATE:"2012/02/21",SALARY:"$143,654",EMAIL:"[email protected]"},{id:"11",SNO:11,NAME:"Yonna",LASTNAME:"Qond",POSITION:"Financial Controller",DATE:"2012/02/21",SALARY:"$143,654",EMAIL:"[email protected]"},{id:"12",SNO:12,NAME:"Yonna",LASTNAME:"Qond",POSITION:"Financial Controller",DATE:"2012/02/21",SALARY:"$143,654",EMAIL:"[email protected]"},{id:"13",SNO:13,NAME:"Qonna",LASTNAME:"Pond",POSITION:"Data Coordinator",DATE:"2012/02/21",SALARY:"$243,654",EMAIL:"[email protected]"},{id:"14",SNO:14,NAME:"Yonna",LASTNAME:"Qond",POSITION:"Financial Controller",DATE:"2012/02/21",SALARY:"$143,654",EMAIL:"[email protected]"}],y=[{name:"S.NO",selector:e=>[e.SNO],sortable:!0},{name:"NAME",selector:e=>[e.NAME],sortable:!0},{name:"LAST NAME",selector:e=>[e.LASTNAME],sortable:!0},{name:"POSITION",selector:e=>[e.POSITION],sortable:!0},{name:"DATE",selector:e=>[e.DATE],sortable:!0},{name:" SALARY",selector:e=>[e.SALARY],sortable:!0},{name:"EMAIL",selector:e=>[e.EMAIL],sortable:!0}],v=()=>{let e=(0,r.useMemo)(()=>(0,n.jsx)(R,{onExport:()=>{E(g)}}),[]),[t,a]=(0,r.useState)([]),[o,l]=(0,r.useState)(!1),i=[],s=(0,r.useCallback)(e=>{a(e.selectedRows)},[]),c=(0,r.useMemo)(()=>{let e=()=>{window.confirm("download:\r ".concat(t.map(e=>e.SNO),"?"))&&(l(!o),g.map(e=>(t.map(a=>(e.id===a.id&&i.push(e),t)),g)),E(i))};return(0,n.jsx)(R,{onExport:()=>e(),icon:"true"})},[g,i,t]),[A,d]=(0,r.useState)(g),u=[],S=e=>{for(let t of g)t.NAME.toLowerCase().includes(e.toLowerCase())&&t.NAME.toLowerCase().startsWith(e.toLowerCase())&&u.push(t);d(u)};return(0,n.jsxs)("span",{className:"datatable",children:[(0,n.jsx)("div",{className:"exported-data",children:(0,n.jsx)("label",{className:"float-end",children:(0,n.jsx)("input",{type:"text",placeholder:"Search...",className:"mb-4 form-control-sm form-control",onChange:e=>{S(e.target.value)}})})}),(0,n.jsx)(f.ZP,{columns:y,data:A,actions:e,contextActions:c,onSelectedRowsChange:s,clearSelectedRows:o,selectableRows:!0,pagination:!0})]})},P=()=>(0,n.jsxs)("div",{children:[(0,n.jsx)(o.Z,{className:"row-sm",children:(0,n.jsx)(l.Z,{lg:12,children:(0,n.jsxs)(i.Z,{children:[(0,n.jsx)(i.Z.Header,{children:(0,n.jsx)(i.Z.Title,{as:"h3",children:"Basic Datatable"})}),(0,n.jsx)(i.Z.Body,{children:(0,n.jsx)(p,{})})]})})}),(0,n.jsx)(o.Z,{className:"row-sm",children:(0,n.jsx)(l.Z,{lg:12,children:(0,n.jsxs)(i.Z,{children:[(0,n.jsx)(i.Z.Header,{children:(0,n.jsx)(i.Z.Title,{as:"h3",children:"Responsive DataTable"})}),(0,n.jsx)(i.Z.Body,{children:(0,n.jsx)("div",{className:"table-responsive",children:(0,n.jsx)(b,{})})})]})})}),(0,n.jsx)(o.Z,{className:"row-sm",children:(0,n.jsx)(l.Z,{lg:12,children:(0,n.jsxs)(i.Z,{children:[(0,n.jsx)(i.Z.Header,{children:(0,n.jsx)(i.Z.Title,{as:"h3",children:"Deleted Row DataTable"})}),(0,n.jsx)(i.Z.Body,{children:(0,n.jsx)("div",{className:"table-responsive table-page",children:(0,n.jsx)(h,{})})})]})})}),(0,n.jsx)(o.Z,{className:"row-sm",children:(0,n.jsx)(l.Z,{lg:12,children:(0,n.jsxs)(i.Z,{className:"overflow-hidden",children:[(0,n.jsx)(i.Z.Header,{children:(0,n.jsx)(i.Z.Title,{as:"h3",children:"Exported DataTable"})}),(0,n.jsx)(i.Z.Body,{children:(0,n.jsx)("div",{className:"table-responsive table-page Export-datatable",children:(0,n.jsx)(v,{})})})]})})})]});var x=P},16235:function(e,t,a){"use strict";
1Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n,r=(n=a(67655))&&n.__esModule?n:{default:n},o=function(e,t,a){var n=t?"<thead><tr><td>".concat(t.map(function(e){return e.name}).join("</td><td>"),"</td><tr></thead>"):"",o=e.map(function(e){return r.default.concat.excel(e)});return{content:"<table>".concat(n,"<tbody>").concat(o.join(""),"</tbody></table>"),type:"application/vnd.ms-excel",name:"".concat(a||document.title,".xls")}};t.default={csv:function(e,t,a){var n=t?"".concat(t.map(function(e){return e.name}).join(";"),"\n"):"";return{content:"".concat(n).concat(e.map(function(e){return r.default.concat.csv(e)}).join("\n")),type:"text/csv",name:"".concat(a||document.title,".csv")}},excel:o,print:function(e,t){var a=o(e,t).content;return"<style>".concat("\nbody, table { \nfont-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; \nfont-size:12px \n}\ntable {\nwidth: 100%;\n}\nthead {\nfont-weight: bold;\n}","</style>").concat(a)}}},94935:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=function(e){if(e&&e.__esModule)return e;var t=c();if(t&&t.has(e))return t.get(e);var a={};if(null!=e){var n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){var o=n?Object.getOwnPropertyDescriptor(e,r):null;o&&(o.get||o.set)?Object.defineProperty(a,r,o):a[r]=e[r]}}return a.default=e,t&&t.set(e,a),a}(a(40541)),r=s(a(45697)),o=a(99872),l=s(a(67655)),i=s(a(16235));function s(e){return e&&e.__esModule?e:{default:e}}function c(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return c=function(){return e},e}function A(e){return(A="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function d(e,t){for(var a=0;a<t.length;a++){var n=t[a];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function u(e){return(u=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function S(e,t){return(S=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}var f=function(e){var t,a;function r(e){!function(e,t){if(!(e instanceof t))throw TypeError("Cannot call a class as a function")}(this,r),a=(t=u(r).call(this,e))&&("object"===A(t)||"function"==typeof t)?t:function(e){if(void 0===e)throw ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(this);var t,a,n=e.columns,o=e.data,l=e.filterDigit;return a.state={dropdown:!1,columns:n,data:o,constData:o,filter:"",filterDigit:l},a.raw={header:[],data:[]},a}return!function(e,t){if("function"!=typeof t&&null!==t)throw TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&S(e,t)}(r,e),t=[{key:"componentDidMount",value:function(){var e=this;this.state.columns.forEach(function(t){!1!==t.export&&e.raw.header.push(t)})}},{key:"componentDidUpdate",value:function(e){var t=this,a=this.props,n=a.columns,r=a.data,o=a.filterDigit,l=this.state.filter;(e.columns!==n||e.data!==r)&&this.setState({columns:n,data:r,filterDigit:o,constData:r},function(){t.checkHeader(),l.length>o&&t.onFilter(l)})}},{key:"onDataRender",value:function(){var e=this.state.constData;this.raw.data=l.default.dataRender(e,this.raw.header)}},{key:"onExport",value:function(e,t){this.onDataRender();var a=this.props,n=a.exportHeaders,r=a.fileName,o=this.raw,s=o.data,c=o.header,A=i.default[t](s,n?c:null,r);l.default.download(A),this.setState({dropdown:!1}),e.preventDefault()}},{key:"onFilter",value:function(e){var t=l.default.lower(e),a=this.state,n=a.constData,r=a.filterDigit,o=this.props.filterHidden,i=n;t.length>r&&(o||this.onDataRender(),i=l.default.filter(t,n,this.raw.data,o)),this.setState({data:i,filter:t})}},{key:"onPrint",value:function(){this.onDataRender();var e=this.raw,t=e.data,a=e.header,n=i.default.print(t,a);l.default.print(n)}},{key:"checkHeader",value:function(){var e=this,t=this.state.columns;t.length!==this.raw.header.length&&(this.raw.header=[],t.forEach(function(t){!1!==t.export&&e.raw.header.push(t)}))}},{key:"render",value:function(){var e=this,t=this.state,a=t.dropdown,r=t.columns,l=t.data,i=this.props,s=i.filter,c=i.print,A=i.children,d=i.filterPlaceholder;return n.default.createElement(n.default.Fragment,null,n.default.createElement("div",{className:"data-table-extensions"},s&&n.default.createElement(o.Filter,{onChange:function(t){return e.onFilter(t.target.value)},placeholder:d}),n.default.createElement("div",{className:"data-table-extensions-action"},this.props.export&&n.default.createElement(o.Export,{className:a?"drop":"",onDropdown:function(){return e.setState(function(e){return{dropdown:!e.dropdown}})},onClick:function(t,a){return e.onExport(t,a)}}),c&&n.default.createElement(o.Print,{onClick:function(){return e.onPrint()}}))),n.default.cloneElement(A,{columns:r,data:l}))}}],d(r.prototype,t),a&&d(r,a),r}(n.Component);f.propTypes={columns:r.default.array,data:r.default.array,filter:r.default.bool,f
1ilterPlaceholder:r.default.string,export:r.default.bool,print:r.default.bool,exportHeaders:r.default.bool,children:r.default.node,filterHidden:r.default.bool,filterDigit:r.default.number,fileName:r.default.string},f.defaultProps={columns:[],data:[],filter:!0,export:!0,print:!0,exportHeaders:!1,children:null,filterHidden:!0,filterPlaceholder:"Filter Table",filterDigit:2,fileName:document.title},t.default=f},99872:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Print=t.Export=t.Filter=void 0;var n=o(a(40541)),r=o(a(45697));function o(e){return e&&e.__esModule?e:{default:e}}var l=function(e){var t=e.onChange,a=e.placeholder;return n.default.createElement("div",{className:"data-table-extensions-filter"},n.default.createElement("label",{htmlFor:"filterDataTable",className:"icon"}),n.default.createElement("input",{type:"text",name:"filterDataTable",className:"filter-text",placeholder:a,onChange:function(e){return t(e)}}))};t.Filter=l,l.propTypes={onChange:r.default.func,placeholder:r.default.string.isRequired},l.defaultProps={onChange:null};var i=function(e){var t=e.className,a=e.onDropdown,r=e.onClick;return n.default.createElement(n.default.Fragment,null,n.default.createElement("button",{type:"button",className:"download ".concat(t),onClick:function(){return a()}}),n.default.createElement("div",{className:"dropdown ".concat(t)},n.default.createElement("button",{type:"button",onClick:function(e){return r(e,"csv")}},"Csv File"),n.default.createElement("button",{type:"button",onClick:function(e){return r(e,"excel")}},"Excel File")))};t.Export=i,i.propTypes={className:r.default.string,onDropdown:r.default.func,onClick:r.default.func},i.defaultProps={className:"",onDropdown:null,onClick:null};var s=function(e){return n.default.createElement("button",{type:"button",className:"print",onClick:function(){return e.onClick()}})};t.Print=s,s.propTypes={onClick:r.default.func},s.defaultProps={onClick:null}},67655:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=a(73935);function r(e){return(r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}var o=function(e){return e.toString().toLowerCase()},l=function(e,t,a){if("string"!=typeof t)throw Error("selector must be a . delimted string eg (my.property)");return a&&"function"==typeof a?a(e):t.split(".").reduce(function(e,t){if(!e)return null;var a=t.match(/[^\]\\[.]+/g);if(a.length>1)for(var n=0;n<a.length;n++)return e[a[n]][a[n+1]];return e[t]},e)};t.default={download:function(e){var t=e.content,a=e.type,n=e.name,r=new Blob(["\uFEFF",t],{type:a}),o=document.createElement("a");o.id="_export_datatable_".concat(n),o.download=n,o.href=window.URL.createObjectURL(r),document.body.appendChild(o),o.click(),document.getElementById(o.id).remove()},print:function(e){var t=window.open();t.document.write(e),t.print(),t.close()},filter:function(e,t,a,n){return t.filter(function(t,l){var i=(n?function e(t){return Object.values(t).map(function(t){return"object"===r(t)&&null!==t?e(t):t})}(t):Object.values(a[l])).join(),s=e.split(" ").filter(function(e){return""!==e});return s.filter(function(e){return -1!==o(i).indexOf(e.trim())}).length===s.length})},getProperty:l,lower:o,dataRender:function(e,t){var a=[];return e.forEach(function(e){var r=[];t.forEach(function(t){if(t.cellExport){var a=t.cellExport(e);r.push(a)}else if(t.cell){var o=document.createElement("div");(0,n.render)(t.cell(e),o),r.push(o.innerText),(0,n.unmountComponentAtNode)(o)}else r.push(l(e,t.selector,t.format))}),a.push(r)}),a},concat:{csv:function(e){var t=[];return e.forEach(function(e){"object"===r(e)&&null!==e?t.push(Object.keys(e).map(function(t){return"".concat(t,": ").concat(e[t])}).join(";")):t.push(e)}),t.join(";")},excel:function(e){var t=[];return e.forEach(function(e){"object"===r(e)&&null!==e?t.push("<table><tbody>".concat(Object.keys(e).map(function(t){return"<tr><td>".concat(t,"</td><td>").concat(e[t],"</td></tr>")}).join(""),"</tbody></table>")):t.push(e)}),'<tr style="border-bottom:1px solid #000;"><td style="border-right:1px solid #000;">'.concat(t.join('</td><td style="border-right:1px solid #000;">'),"</td></tr>")}}}},44709:function(e,t,a){"use strict";/** @license React v16.14.0 2 * react.production.min.js 3 * 4 * Copyright (c) Facebook, Inc. and its affiliates. 5 * 6 * This source code is licensed under the MIT license found in the 7 * LICENSE file in the root directory of this source tree. 8 */var n=a(96086),r="function"==typeof Symbol&&Symbol.for,o=r?Symbol.for("react.element"):60103,l=r?Symbol.for("react.portal"):60106,i=r?Symbol.for("react.fragment"):60107,s=r?Symbol.for("react.strict_mode"):60108,c=r?Symbol.for("react.profiler"):60114,A=r?Symbol.for("react.provider"):60109,d=r?Symbol.for("react.context"):60110,u=r?Symbol.for("react.forward_ref"):60112,S=r?Symbol.for("react.suspense"):60113,f=r?Symbol.for("react.memo"):60115,N=r?Symbol.for("react.lazy"):60116,M="function"==typeof Symbol&&Symbol.iterator;function p(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,a=1;a<arguments.length;a++)t+="&args[]="+encodeURIComponent(arguments[a]);return"Minified React error #"+e+"; visit "+t+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}var T={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},L={};function I(e,t,a){this.props=e,this.context=t,this.refs=L,this.updater=a||T}function b(){}function m(e,t,a){this.props=e,this.context=t,this.refs=L,this.updater=a||T}I.prototype.isReactComponent={},I.prototype.setState=function(e,t){if("object"!=typeof e&&"function"!=typeof e&&null!=e)throw Error(p(85));this.updater.enqueueSetState(this,e,t,"setState")},I.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},b.prototype=I.prototype;var O=m.prototype=new b;O.constructor=m,n(O,I.prototype),O.isPureReactComponent=!0;var h={current:null},E=Object.prototype.hasOwnProperty,R={key:!0,ref:!0,__self:!0,__source:!0};function g(e,t,a){var n,r={},l=null,i=null;if(null!=t)for(n in void 0!==t.ref&&(i=t.ref),void 0!==t.key&&(l=""+t.key),t)E.call(t,n)&&!R.hasOwnProperty(n)&&(r[n]=t[n]);var s=arguments.length-2;if(1===s)r.children=a;else if(1<s){for(var c=Array(s),A=0;A<s;A++)c[A]=arguments[A+2];r.children=c}if(e&&e.defaultProps)for(n in s=e.defaultProps)void 0===r[n]&&(r[n]=s[n]);return{$$typeof:o,type:e,key:l,ref:i,props:r,_owner:h.current}}function y(e){return"object"==typeof e&&null!==e&&e.$$typeof===o}var v=/\/+/g,P=[];function x(e,t,a,n){if(P.length){var r=P.pop();return r.result=e,r.keyPrefix=t,r.func=a,r.context=n,r.count=0,r}return{result:e,keyPrefix:t,func:a,context:n,count:0}}function F(e){e.result=null,e.keyPrefix=null,e.func=null,e.context=null,e.count=0,10>P.length&&P.push(e)}function $(e,t,a){return null==e?0:function e(t,a,n,r){var i=typeof t;("undefined"===i||"boolean"===i)&&(t=null);var s=!1;if(null===t)s=!0;else switch(i){case"string":case"number":s=!0;break;case"object":switch(t.$$typeof){case o:case l:s=!0}}if(s)return n(r,t,""===a?"."+Y(t,0):a),1;if(s=0,a=""===a?".":a+":",Array.isArray(t))for(var c=0;c<t.length;c++){var A=a+Y(i=t[c],c);s+=e(i,A,n,r)}else if("function"==typeof(A=null===t||"object"!=typeof t?null:"function"==typeof(A=M&&t[M]||t["@@iterator"])?A:null))for(t=A.call(t),c=0;!(i=t.next()).done;)A=a+Y(i=i.value,c++),s+=e(i,A,n,r);else if("object"===i)throw Error(p(31,"[object Object]"==(n=""+t)?"object with keys {"+Object.keys(t).join(", ")+"}":n,""));return s}(e,"",t,a)}function Y(e,t){var a,n;return"object"==typeof e&&null!==e&&null!=e.key?(a=e.key,n={"=":"=0",":":"=2"},"$"+(""+a).replace(/[=:]/g,function(e){return n[e]})):t.toString(36)}function k(e,t){e.func.call(e.context,t,e.count++)}function w(e,t,a){var n,r,l=e.result,i=e.keyPrefix;Array.isArray(e=e.func.call(e.context,t,e.count++))?j(e,l,a,function(e){return e}):null!=e&&(y(e)&&(n=e,r=i+(!e.key||t&&t.key===e.key?"":(""+e.key).replace(v,"$&/")+"/")+a,e={$$typeof:o,type:n.type,key:r,ref:n.ref,props:n.props,_owner:n._owner}),l.push(e))}function j(e,t,a,n,r){var o="";null!=a&&(o=(""+a).replace(v,"$&/")+"/"),$(e,w,t=x(t,o,n,r)),F(t)}var C={current:null};function D(){var e=C.current;
vendor: 2,368 bytes, line 8
8if(null===e)throw Error(p(321));return e}t.Children={map:function(e,t,a){if(null==e)return e;var n=[];return j(e,n,null,t,a),n},forEach:function(e,t,a){if(null==e)return e;$(e,k,t=x(null,null,t,a)),F(t)},count:function(e){return $(e,function(){return null},null)},toArray:function(e){var t=[];return j(e,t,null,function(e){return e}),t},only:function(e){if(!y(e))throw Error(p(143));return e}},t.Component=I,t.Fragment=i,t.Profiler=c,t.PureComponent=m,t.StrictMode=s,t.Suspense=S,t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED={ReactCurrentDispatcher:C,ReactCurrentBatchConfig:{suspense:null},ReactCurrentOwner:h,IsSomeRendererActing:{current:!1},assign:n},t.cloneElement=function(e,t,a){if(null==e)throw Error(p(267,e));var r=n({},e.props),l=e.key,i=e.ref,s=e._owner;if(null!=t){if(void 0!==t.ref&&(i=t.ref,s=h.current),void 0!==t.key&&(l=""+t.key),e.type&&e.type.defaultProps)var c=e.type.defaultProps;for(A in t)E.call(t,A)&&!R.hasOwnProperty(A)&&(r[A]=void 0===t[A]&&void 0!==c?c[A]:t[A])}var A=arguments.length-2;if(1===A)r.children=a;else if(1<A){c=Array(A);for(var d=0;d<A;d++)c[d]=arguments[d+2];r.children=c}return{$$typeof:o,type:e.type,key:l,ref:i,props:r,_owner:s}},t.createContext=function(e,t){return void 0===t&&(t=null),(e={$$typeof:d,_calculateChangedBits:t,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null}).Provider={$$typeof:A,_context:e},e.Consumer=e},t.createElement=g,t.createFactory=function(e){var t=g.bind(null,e);return t.type=e,t},t.createRef=function(){return{current:null}},t.forwardRef=function(e){return{$$typeof:u,render:e}},t.isValidElement=y,t.lazy=function(e){return{$$typeof:N,_ctor:e,_status:-1,_result:null}},t.memo=function(e,t){return{$$typeof:f,type:e,compare:void 0===t?null:t}},t.useCallback=function(e,t){return D().useCallback(e,t)},t.useContext=function(e,t){return D().useContext(e,t)},t.useDebugValue=function(){},t.useEffect=function(e,t){return D().useEffect(e,t)},t.useImperativeHandle=function(e,t,a){return D().useImperativeHandle(e,t,a)},t.useLayoutEffect=function(e,t){return D().useLayoutEffect(e,t)},t.useMemo=function(e,t){return D().useMemo(e,t)},t.useReducer=function(e,t,a){return D().useReducer(e,t,a)},t.useRef=function(e){return D().useRef(e)},t.useState=function(e){return D().useState(e)},t.version="16.14.0"},40541:function(e,t,a){"use strict";e.exports=a(44709)}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.