1"use strict";(self.webpackChunkreact_table_security_system=self.webpackChunkreact_table_security_system||[]).push([[188],{8359:function(e,a,s){s.d(a,{Z:function(){return l}});var n=s(885),t=s(2791),r=s(9806),c=s(1632),i=s(184),l=function(e){var a,s=e.containerClass,l=e.setSearchValue,o=e.autoFocus,u=void 0!==o&&o,d=(0,t.useRef)(null),h=(0,t.useState)(null),m=(0,n.Z)(h,2),x=m[0],f=m[1];return(0,i.jsxs)("div",{className:s,children:[(0,i.jsx)("button",{className:null!==d&&void 0!==d&&null!==(a=d.current)&&void 0!==a&&a.value?"show":"",onClick:function(){l(""),d.current.value=""},children:(0,i.jsx)(r.G,{icon:c.g82})}),(0,i.jsx)("input",{type:"text",placeholder:"Search...",ref:d,onChange:function(e){return function(e){x&&clearTimeout(x);var a=setTimeout((function(){l(e)}),300);f(a)}(e.target.value)},autoFocus:u})]})}},1188:function(e,a,s){s.r(a);var n=s(885),t=(s(8806),s(7689)),r=s(2791),c=s(1632),i=s(9806),l=s(8359),o=s(537),u=s(184),d=r.lazy((function(){return Promise.all([s.e(6),s.e(23),s.e(398)]).then(s.bind(s,398))}));a.default=function(){var e=(0,r.useState)(""),a=(0,n.Z)(e,2),s=a[0],h=a[1],m=(0,r.useState)("firstName"),x=(0,n.Z)(m,2),f=x[0],j=x[1],v=(0,r.useState)([]),b=(0,n.Z)(v,2),p=b[0],N=b[1],g=(0,o.Kf)({value:s,filter:f},p.length?{by:p[0].id,order:p[0].desc?"desc":"asc"}:{by:"",order:""}),y=(0,t.s0)(),C=(0,r.useCallback)((function(e){y("./"+e)}),[y]),S=(0,r.useMemo)((function(){return[{header:"Picture",accessorKey:"avatar",size:75,enableSorting:!1,cell:function(e){return(0,u.jsx)("img",{src:e?e.getValue():"https://robohash.org/hicveldicta.png?size=50x50&set=set1",alt:"",className:"avatar"})}},{header:"First Name",accessorKey:"firstName"},{header:"Last Name",accessorKey:"lastName"},{header:"Status",accessorKey:"profileStatus",size:100,cell:function(e){return e.getValue()?(0,u.jsx)("div",{className:"badge green-txt",children:"Active"}):(0,u.jsx)("div",{className:"badge red-txt",children:"Inactive"})}},{header:"Type",accessorKey:"profileType"},{header:"Employee ID",accessorKey:"_id"},{header:"",id:"editBtn",accessorKey:"_id",size:60,enableResizing:!1,enableSorting:!1,cell:function(e){return(0,u.jsx)("button",{className:"btn-edit-user",onClick:function(){return C(e.getValue())},children:(0,u.jsx)(i.G,{icon:c.Yai})})}}]}),[C]),k=(0,r.useMemo)((function(){return(0,u.jsx)(d,{query:g,columns:S,sorting:p,setSorting:N,onRowClick:C})}),[g,S,p,N,C]);return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(r.Suspense,{fallback:(0,u.jsx)("div",{className:"container",children:(0,u.jsx)("div",{className:"loader"})}),children:(0,u.jsx)(t.j3,{})}),(0,u.jsx)("div",{className:"table-page",children:(0,u.jsxs)("div",{className:"table-page-container",children:[(0,u.jsxs)("div",{className:"table-header",children:[(0,u.jsx)("h1",{children:"Cardholders"}),(0,u.jsx)(l.Z,{containerClass:"searchbar-container",setSearchValue:h}),(0,u.jsxs)("select",{name:"search",onChange:function(e){return j(e.target.value)},children:[(0,u.jsx)("option",{value:"firstName",children:"First Name"}),(0,u.jsx)("option",{value:"lastName",children:"Last Name"}),(0,u.jsx)("option",{value:"profileType",children:"Type"}),(0,u.jsx)("option",{value:"_id",children:"Employee ID"})]}),(0,u.jsxs)("button",{className:"add-btn",onClick:function(){y("./newCardholder")},children:[(0,u.jsx)("span",{children:"Create Cardholder"}),(0,u.jsx)("div",{className:"icon",children:(0,u.jsx)(i.G,{icon:c.g6h})})]})]}),(0,u.jsx)("div",{className:"table-body",children:(0,u.jsx)(r.Suspense,{fallback:(0,u.jsx)("div",{className:"container",children:(0,u.jsx)("div",{className:"loader"})}),children:k})})]})})]})}},8806:function(){}}]); 2//# sourceMappingURL=188.5fec1214.chunk.js.map
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.