https://light-able-react-dark.vercel.app/_next/static/chunks/pages…/row_reorder-e0a07624df73ee9d.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4446],{17879:function(e,a,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/table/dtextentions/row_reorder",function(){return s(11661)}])},83373:function(e,a,s){"use strict";var l=s(93967),r=s.n(l),t=s(67294),n=s(3115),i=s(85893);let c=t.forwardRef((e,a)=>{let{bsPrefix:s,className:l,striped:t,bordered:c,borderless:o,hover:d,size:h,variant:u,responsive:m,...x}=e,j=(0,n.vE)(s,"table"),g=r()(l,j,u&&"".concat(j,"-").concat(u),h&&"".concat(j,"-").concat(h),t&&"".concat(j,"-").concat("string"==typeof t?"striped-".concat(t):"striped"),c&&"".concat(j,"-bordered"),o&&"".concat(j,"-borderless"),d&&"".concat(j,"-hover")),b=(0,i.jsx)("table",{...x,className:g,ref:a});if(m){let e="".concat(j,"-responsive");return"string"==typeof m&&(e="".concat(e,"-").concat(m)),(0,i.jsx)("div",{className:e,children:b})}return b});a.Z=c},94220:function(e,a,s){"use strict";var l=s(85893),r=s(9008),t=s.n(r),n=s(41664),i=s.n(n),c=s(67294),o=s(78587),d=s(91409);a.Z=e=>{let{mainTitle:a,subTitle:s}=e;return(0,l.jsxs)(c.Fragment,{children:[(0,l.jsx)(t(),{children:(0,l.jsxs)("title",{children:[s," | Light Able NextJs Dashboard Template"]})}),(0,l.jsx)("div",{className:"page-header",children:(0,l.jsx)("div",{className:"page-block",children:(0,l.jsxs)(o.Z,{className:"row align-items-center",children:[(0,l.jsx)(d.Z,{md:12,children:(0,l.jsxs)("ul",{className:"breadcrumb",children:[(0,l.jsx)("li",{className:"breadcrumb-item",children:(0,l.jsx)(i(),{href:"/dashboard",children:"Home"})}),(0,l.jsx)("li",{className:"breadcrumb-item",children:(0,l.jsx)(i(),{href:"#",children:a})}),(0,l.jsx)("li",{className:"breadcrumb-item","aria-current":"page",children:s})]})}),(0,l.jsx)(d.Z,{md:12,children:(0,l.jsx)("div",{className:"page-header-title",children:(0,l.jsx)("h2",{className:"mb-0",children:s})})})]})})})]})}},16058:function(e,a,s){"use strict";var l=s(85893),r=s(67294),t=s(83373),n=s(78587),i=s(57083),c=s(74094),o=s(27060),d=s(89604);let h=e=>{let{column:a}=e,s=a.getFilterValue();return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(u,{type:"text",value:null!=s?s:"",onChange:e=>a.setFilterValue(e),placeholder:"Search...",className:"w-36 border shadow rounded",list:a.id+"list"}),(0,l.jsx)("div",{className:"h-1"})]})},u=e=>{let{value:a,onChange:s,debounce:t=500,...n}=e,[i,c]=(0,r.useState)(a);return(0,r.useEffect)(()=>{c(a)},[a]),(0,r.useEffect)(()=>{let e=setTimeout(()=>{s(i)},t);return()=>clearTimeout(e)},[t,s,i]),(0,l.jsxs)("div",{className:"search-box",children:[(0,l.jsx)("input",{...n,value:i,onChange:e=>c(e.target.value),placeholder:"Search..."}),(0,l.jsx)("i",{className:"ri-search-line search-icon"})]})};a.Z=e=>{let{columns:a,data:s,tableClass:m,theadClass:x,tdColumn:j,thColumn:g,divClassName:b,isBordered:p,isPagination:f,customPageSize:N,isGlobalFilter:y,SearchPlaceholder:C}=e,[v,A]=(0,r.useState)([]),[S,T]=(0,r.useState)(""),F=(e,a,s,l)=>{let r=(0,d.O4)(e.getValue(a),s);return l({itemRank:r}),r.passed},E=(0,c.b7)({columns:a,data:s,filterFns:{fuzzy:F},state:{columnFilters:v,globalFilter:S},onColumnFiltersChange:A,onGlobalFilterChange:T,globalFilterFn:F,getCoreRowModel:(0,o.sC)(),getFilteredRowModel:(0,o.vL)(),getPaginationRowModel:(0,o.G_)(),getSortedRowModel:(0,o.tj)()}),{getHeaderGroups:w,getRowModel:O,getCanPreviousPage:Z,getCanNextPage:I,getPageOptions:R,setPageIndex:k,nextPage:K,previousPage:_,setPageSize:U,getState:H}=E;return(0,r.useEffect)(()=>{Number(N)&&U(Number(N))},[N,U]),(0,l.jsxs)(r.Fragment,{children:[y&&(0,l.jsx)(r.Fragment,{children:(0,l.jsxs)("div",{className:"datatable-top",children:[(0,l.jsx)("div",{className:"datatable-dropdown",children:(0,l.jsxs)("label",{children:[(0,l.jsx)("select",{onChange:e=>{U(Number(e.target.value))},className:"datatable-selector",children:[5,10,15,20,25].map(e=>(0,l.jsx)("option",{value:e,children:e},e))})," ","entries per page"]})}),(0,l.jsx)("div",{className:"datatable-search",children:(0,l.jsx)(u,{value:null!=S?S:"",onChange:e=>T(String(e)),className:"form-control search",placeholder:C})})]})}),(0,l.jsx)("div",{className:b||"table-responsive react-table",children:(0,l.jsxs)(t.Z,{className:m,bordered:p,children:[(0,l.jsx)("thead",{className:x,children:w().map(e=>(0,l.jsx)("tr",{children:e.headers.map(e=>{var a;return(0,l.jsx)("th",{colSpan:e.colSpan,className:e.column.getCanSort()?"sort cursor-pointer ".concat(g||""):"",onClick:e.column.getToggleSortingHandler(),children:e.isPlaceholder?null:(0,l.jsxs)(r.Fragment,{children:[(0,c.ie)(e.column.columnDef.header,e.getContext()),null!==(a=({asc:" ",desc:" "})[e.column.getIsSorted()])&&void 0!==a?a:null,e.column.getCanFilter()?(0,l.jsx)("div",{children:(0,l.jsx)(h,{column:e.column,table:E})}):null]})},e.id)})},e.id))}),(0,l.jsx)("tbody",{children:O().rows.map(e=>(0,l.jsx)("tr",{children:e.getVisibleCells().map(e=>{var a;let s=null===(a=e.column.columnDef)||void 0===a?void 0:a.accessorKey;return(0,l.jsx)("td",{className:"Action"===s?j:"",children:(0,c.ie)(e.column.columnDef.cell,e.getContext())},e.id)})},e.id))})]})}),f&&(0,l.jsxs)(n.Z,{className:"align-items-center py-2 gy-2 text-center text-sm-start",children:[(0,l.jsx)("div",{className:"col-sm",children:(0,l.jsxs)("div",{className:"text-muted ms-3",children:["Showing"," ",(0,l.jsx)("span",{className:"fw-semibold",children:H().pagination.pageSize})," ","of ",(0,l.jsx)("span",{className:"fw-semibold",children:s.length})," Results"]})}),(0,l.jsx)("div",{className:"col-sm-auto",children:(0,l.jsxs)("ul",{className:"pagination mb-0",children:[(0,l.jsx)("li",{className:Z()?"page-item":"page-item rounded disabled",onClick:_,children:(0,l.jsx)(i.Z,{variant:"link",className:"page-link me-2",children:"Previous"})}),R().map((e,a)=>(0,l.jsx)(r.Fragment,{children:(0,l.jsx)("li",{className:"page-item me-2",children:(0,l.jsx)(i.Z,{variant:"link",className:H().pagination.pageIndex===e?"page-link active":"page-link",onClick:()=>k(e),children:e+1})})},a)),(0,l.jsx)("li",{className:I?"page-item":"page-item disabled",onClick:K,children:(0,l.jsx)(i.Z,{variant:"link",className:"page-link me-3",children:"Next"})})]})})]})]})}},11661:function(e,a,s){"use strict";s.r(a),s.d(a,{default:function(){return b}});var l=s(85893),r=s(67294),t=s(5384),n=s(94220),i=s(78587),c=s(91409),o=s(80833),d=s(79884),h=s(16058),u=()=>(0,l.jsx)(r.Fragment,{children:(0,l.jsx)(i.Z,{children:(0,l.jsx)(c.Z,{md:12,children:(0,l.jsxs)(o.Z,{children:[(0,l.jsxs)(o.Z.Header,{children:[(0,l.jsx)("h5",{children:"Basic Row Reorder"}),(0,l.jsx)("small",{children:"This example simply shows a table with selectable rows. For examples that actually do something with those selected rows, please see the other examples in this section!"})]}),(0,l.jsx)(o.Z.Body,{className:"table-border-style",children:(0,l.jsx)("div",{id:"pc-dt-export",children:(0,l.jsx)(h.Z,{columns:[{header:"Name",accessorKey:"Name",enableColumnFilter:!1},{header:"Position",accessorKey:"position",enableColumnFilter:!1},{header:"Office",accessorKey:"office",enableColumnFilter:!1},{header:"Age",accessorKey:"age",enableColumnFilter:!1},{header:"Start Date",accessorKey:"startDate",enableColumnFilter:!1},{header:"Salary",accessorKey:"salary",enableColumnFilter:!1}],data:d.aT||[],isGlobalFilter:!0,isBordered:!1,customPageSize:10,isPagination:!0}

1)})})]})})})}),m=()=>(0,l.jsx)(r.Fragment,{children:(0,l.jsx)(i.Z,{children:(0,l.jsx)(c.Z,{md:12,children:(0,l.jsxs)(o.Z,{children:[(0,l.jsxs)(o.Z.Header,{children:[(0,l.jsx)("h5",{children:"Full Row Selection"}),(0,l.jsx)("small",{children:"This example simply shows a table with selectable rows. For examples that actually do something with those selected rows, please see the other examples in this section!"})]}),(0,l.jsx)(o.Z.Body,{className:"table-border-style",children:(0,l.jsx)("div",{id:"pc-dt-export",children:(0,l.jsx)(h.Z,{columns:[{header:"Name",accessorKey:"Name",enableColumnFilter:!1},{header:"Position",accessorKey:"position",enableColumnFilter:!1},{header:"Office",accessorKey:"office",enableColumnFilter:!1},{header:"Age",accessorKey:"age",enableColumnFilter:!1},{header:"Start Date",accessorKey:"startDate",enableColumnFilter:!1},{header:"Salary",accessorKey:"salary",enableColumnFilter:!1}],data:d.aT||[],isGlobalFilter:!0,isBordered:!1,customPageSize:10,isPagination:!0})})})]})})})}),x=()=>(0,l.jsx)(r.Fragment,{children:(0,l.jsx)(i.Z,{children:(0,l.jsx)(c.Z,{md:12,children:(0,l.jsxs)(o.Z,{children:[(0,l.jsxs)(o.Z.Header,{children:[(0,l.jsx)("h5",{children:"Responsive Integration"}),(0,l.jsx)("small",{children:"This example shows RowReorder being used with the Responsive extension for DataTables and also that it provides support for touch inputs to perform a row reorder. Responsive is particularly useful with mobile devices, but can also be useful on desktops where complex data sets are shown in the DataTable."})]}),(0,l.jsx)(o.Z.Body,{className:"table-border-style",children:(0,l.jsx)("div",{id:"pc-dt-export",children:(0,l.jsx)(h.Z,{columns:[{header:"Name",accessorKey:"Name",enableColumnFilter:!1},{header:"Position",accessorKey:"position",enableColumnFilter:!1},{header:"Office",accessorKey:"office",enableColumnFilter:!1},{header:"Age",accessorKey:"age",enableColumnFilter:!1},{header:"Start Date",accessorKey:"startDate",enableColumnFilter:!1},{header:"Salary",accessorKey:"salary",enableColumnFilter:!1}],data:d.aT||[],isGlobalFilter:!0,isBordered:!1,customPageSize:10,isPagination:!0})})})]})})})}),j=()=>(0,l.jsx)(r.Fragment,{children:(0,l.jsx)(i.Z,{children:(0,l.jsx)(c.Z,{md:12,children:(0,l.jsxs)(o.Z,{children:[(0,l.jsxs)(o.Z.Header,{children:[(0,l.jsx)("h5",{children:"Reorder Events"}),(0,l.jsx)("small",{children:"Providing the UI to allow end users to reorder a table is only half of the story - likely you will wish to have the changes caused by the end user to effect a database or some other data store."})]}),(0,l.jsx)(o.Z.Body,{className:"table-border-style",children:(0,l.jsx)("div",{id:"pc-dt-export",children:(0,l.jsx)(h.Z,{columns:[{header:"Name",accessorKey:"Name",enableColumnFilter:!1},{header:"Position",accessorKey:"position",enableColumnFilter:!1},{header:"Office",accessorKey:"office",enableColumnFilter:!1},{header:"Age",accessorKey:"age",enableColumnFilter:!1},{header:"Start Date",accessorKey:"startDate",enableColumnFilter:!1},{header:"Salary",accessorKey:"salary",enableColumnFilter:!1}],data:d.aT||[],isGlobalFilter:!0,isBordered:!1,customPageSize:10,isPagination:!0})})})]})})})});let g=()=>(0,l.jsxs)(r.Fragment,{children:[(0,l.jsx)(n.Z,{mainTitle:"DataTable",subTitle:"RowReorder"}),(0,l.jsxs)(i.Z,{children:[(0,l.jsx)(u,{}),(0,l.jsx)(m,{}),(0,l.jsx)(x,{}),(0,l.jsx)(j,{})]})]});g.getLayout=e=>(0,l.jsx)(t.Z,{children:e});var b=g},89604:function(e,a,s){"use strict";s.d(a,{O4:function(){return n}});/**
2   * match-sorter-utils
3   *
4   * Copyright (c) TanStack
5   *
6   * This source code is licensed under the MIT license found in the
7   * LICENSE.md file in the root directory of this source tree.
8   *
9   * @license MIT
10   */let l={À:"A",Á:"A",Â:"A",Ã:"A",Ä:"A",Å:"A",Ấ:"A",Ắ:"A",Ẳ:"A",Ẵ:"A",Ặ:"A",Æ:"AE",Ầ:"A",Ằ:"A",Ȃ:"A",Ç:"C",Ḉ:"C",È:"E",É:"E",Ê:"E",Ë:"E",Ế:"E",Ḗ:"E",Ề:"E",Ḕ:"E",Ḝ:"E",Ȇ:"E",Ì:"I",Í:"I",Î:"I",Ï:"I",Ḯ:"I",Ȋ:"I",Ð:"D",Ñ:"N",Ò:"O",Ó:"O",Ô:"O",Õ:"O",Ö:"O",Ø:"O",Ố:"O",Ṍ:"O",Ṓ:"O",Ȏ:"O",Ù:"U",Ú:"U",Û:"U",Ü:"U",Ý:"Y",à:"a",á:"a",â:"a",ã:"a",ä:"a",å:"a",ấ:"a",ắ:"a",ẳ:"a",ẵ:"a",ặ:"a",æ:"ae",ầ:"a",ằ:"a",ȃ:"a",ç:"c",ḉ:"c",è:"e",é:"e",ê:"e",ë:"e",ế:"e",ḗ:"e",ề:"e",ḕ:"e",ḝ:"e",ȇ:"e",ì:"i",í:"i",î:"i",ï:"i",ḯ:"i",ȋ:"i",ð:"d",ñ:"n",ò:"o",ó:"o",ô:"o",õ:"o",ö:"o",ø:"o",ố:"o",ṍ:"o",ṓ:"o",ȏ:"o",ù:"u",ú:"u",û:"u",ü:"u",ý:"y",ÿ:"y",Ā:"A",ā:"a",Ă:"A",ă:"a",Ą:"A",ą:"a",Ć:"C",ć:"c",Ĉ:"C",ĉ:"c",Ċ:"C",ċ:"c",Č:"C",č:"c",C̆:"C",c̆:"c",Ď:"D",ď:"d",Đ:"D",đ:"d",Ē:"E",ē:"e",Ĕ:"E",ĕ:"e",Ė:"E",ė:"e",Ę:"E",ę:"e",Ě:"E",ě:"e",Ĝ:"G",Ǵ:"G",ĝ:"g",ǵ:"g",Ğ:"G",ğ:"g",Ġ:"G",ġ:"g",Ģ:"G",ģ:"g",Ĥ:"H",ĥ:"h",Ħ:"H",ħ:"h",Ḫ:"H",ḫ:"h",Ĩ:"I",ĩ:"i",Ī:"I",ī:"i",Ĭ:"I",ĭ:"i",Į:"I",į:"i",İ:"I",ı:"i",IJ:"IJ",ij:"ij",Ĵ:"J",ĵ:"j",Ķ:"K",ķ:"k",Ḱ:"K",ḱ:"k",K̆:"K",k̆:"k",Ĺ:"L",ĺ:"l",Ļ:"L",ļ:"l",Ľ:"L",ľ:"l",Ŀ:"L",ŀ:"l",Ł:"l",ł:"l",Ḿ:"M",ḿ:"m",M̆:"M",m̆:"m",Ń:"N",ń:"n",Ņ:"N",ņ:"n",Ň:"N",ň:"n",ʼn:"n",N̆:"N",n̆:"n",Ō:"O",ō:"o",Ŏ:"O",ŏ:"o",Ő:"O",ő:"o",Œ:"OE",œ:"oe",P̆:"P",p̆:"p",Ŕ:"R",ŕ:"r",Ŗ:"R",ŗ:"r",Ř:"R",ř:"r",R̆:"R",r̆:"r",Ȓ:"R",ȓ:"r",Ś:"S",ś:"s",Ŝ:"S",ŝ:"s",Ş:"S",Ș:"S",ș:"s",ş:"s",Š:"S",š:"s",Ţ:"T",ţ:"t",ț:"t",Ț:"T",Ť:"T",ť:"t",Ŧ:"T",ŧ:"t",T̆:"T",t̆:"t",Ũ:"U",ũ:"u",Ū:"U",ū:"u",Ŭ:"U",ŭ:"u",Ů:"U",ů:"u",Ű:"U",ű:"u",Ų:"U",ų:"u",Ȗ:"U",ȗ:"u",V̆:"V",v̆:"v",Ŵ:"W",ŵ:"w",Ẃ:"W",ẃ:"w",X̆:"X",x̆:"x",Ŷ:"Y",ŷ:"y",Ÿ:"Y",Y̆:"Y",

10y̆:"y",Ź:"Z",ź:"z",Ż:"Z",ż:"z",Ž:"Z",ž:"z",ſ:"s",ƒ:"f",Ơ:"O",ơ:"o",Ư:"U",ư:"u",Ǎ:"A",ǎ:"a",Ǐ:"I",ǐ:"i",Ǒ:"O",ǒ:"o",Ǔ:"U",ǔ:"u",Ǖ:"U",ǖ:"u",Ǘ:"U",ǘ:"u",Ǚ:"U",ǚ:"u",Ǜ:"U",ǜ:"u",Ứ:"U",ứ:"u",Ṹ:"U",ṹ:"u",Ǻ:"A",ǻ:"a",Ǽ:"AE",ǽ:"ae",Ǿ:"O",ǿ:"o",Þ:"TH",þ:"th",Ṕ:"P",ṕ:"p",Ṥ:"S",ṥ:"s",X́:"X",x́:"x",Ѓ:"Г",ѓ:"г",Ќ:"К",ќ:"к",A̋:"A",a̋:"a",E̋:"E",e̋:"e",I̋:"I",i̋:"i",Ǹ:"N",ǹ:"n",Ồ:"O",ồ:"o",Ṑ:"O",ṑ:"o",Ừ:"U",ừ:"u",Ẁ:"W",ẁ:"w",Ỳ:"Y",ỳ:"y",Ȁ:"A",ȁ:"a",Ȅ:"E",ȅ:"e",Ȉ:"I",ȉ:"i",Ȍ:"O",ȍ:"o",Ȑ:"R",ȑ:"r",Ȕ:"U",ȕ:"u",B̌:"B",b̌:"b",Č̣:"C",č̣:"c",Ê̌:"E",ê̌:"e",F̌:"F",f̌:"f",Ǧ:"G",ǧ:"g",Ȟ:"H",ȟ:"h",J̌:"J",ǰ:"j",Ǩ:"K",ǩ:"k",M̌:"M",m̌:"m",P̌:"P",p̌:"p",Q̌:"Q",q̌:"q",Ř̩:"R",ř̩:"r",Ṧ:"S",ṧ:"s",V̌:"V",v̌:"v",W̌:"W",w̌:"w",X̌:"X",x̌:"x",Y̌:"Y",y̌:"y",A̧:"A",a̧:"a",B̧:"B",b̧:"b",Ḑ:"D",ḑ:"d",Ȩ:"E",ȩ:"e",Ɛ̧:"E",ɛ̧:"e",Ḩ:"H",ḩ:"h",I̧:"I",i̧:"i",Ɨ̧:"I",ɨ̧:"i",M̧:"M",m̧:"m",O̧:"O",o̧:"o",Q̧:"Q",q̧:"q",U̧:"U",u̧:"u",X̧:"X",x̧:"x",Z̧:"Z",z̧:"z"},r=RegExp(Object.keys(l).join("|"),"g"),t={CASE_SENSITIVE_EQUAL:7,EQUAL:6,STARTS_WITH:5,WORD_STARTS_WITH:4,CONTAINS:3,ACRONYM:2,MATCHES:1,NO_MATCH:0};function n(e,a,s){var l;if((s=s||{}).threshold=null!=(l=s.threshold)?l:t.MATCHES,!s.accessors){let l=i(e,a,s);return{rankedValue:e,rank:l,accessorIndex:-1,accessorThreshold:s.threshold,passed:l>=s.threshold}}let r=function(e,a){let s=[];for(let l=0,r=a.length;l<r;l++){let r=a[l],t="function"==typeof r?o:{...o,...r},n=function(e,a){let s=a;"object"==typeof a&&(s=a.accessor);let l=s(e);return null==l?[]:Array.isArray(l)?l:[String(l)]}(e,r);for(let e=0,a=n.length;e<a;e++)s.push({itemValue:n[e],attributes:t})}return s}(e,s.accessors),n={rankedValue:e,rank:t.NO_MATCH,accessorIndex:-1,accessorThreshold:s.threshold,passed:!1};for(let e=0;e<r.length;e++){let l=r[e],c=i(l.itemValue,a,s),{minRanking:o,maxRanking:d,threshold:h=s.threshold}=l.attributes;c<o&&c>=t.MATCHES?c=o:c>d&&(c=d),(c=Math.min(c,d))>=h&&c>n.rank&&(n.rank=c,n.passed=!0,n.accessorIndex=e,n.accessorThreshold=h,n.rankedValue=l.itemValue)}return n}function i(e,a,s){let l;return(e=c(e,s),(a=c(a,s)).length>e.length)?t.NO_MATCH:e===a?t.CASE_SENSITIVE_EQUAL:(e=e.toLowerCase())===(a=a.toLowerCase())?t.EQUAL:e.startsWith(a)?t.STARTS_WITH:e.includes(` ${a}`)?t.WORD_STARTS_WITH:e.includes(a)?t.CONTAINS:1===a.length?t.NO_MATCH:(l="",e.split(" ").forEach(e=>{e.split("-").forEach(e=>{l+=e.substr(0,1)})}),l).includes(a)?t.ACRONYM:function(e,a){let s=0,l=0;function r(e,a,l){for(let r=l,t=a.length;r<t;r++)if(a[r]===e)return s+=1,r+1;return -1}let n=r(a[0],e,0);if(n<0)return t.NO_MATCH;l=n;for(let s=1,n=a.length;s<n;s++)if(!((l=r(a[s],e,l))>-1))return t.NO_MATCH;return function(e){let l=s/a.length;return t.MATCHES+1/e*l}(l-n)}(e,a)}function c(e,a){let{keepDiacritics:s}=a;return e=`${e}`,s||(e=e.replace(r,e=>l[e])),e}let o={maxRanking:1/0,minRanking:-1/0}}},function(e){e.O(0,[3061,5132,2845,9118,1892,4094,3828,5384,9884,2888,9774,179],function(){return e(e.s=17879)}),_N_E=e.O()}]);