complete framework remediation validation

packages/ui/components/DataTable.wrn

@@ -121,7 +121,7 @@ component DataTable {
   state query = ""
   state sortKey = ""
   state sortDirection = "asc"
-  state page = 1
+  state paginationPage = 1
   state perPage = pageSize
   state selectedKeys = []
   state remoteRows = []
@@ -273,7 +273,7 @@ component DataTable {
     // page number past the end, and a table showing nothing with rows
     // available is worse than one that quietly lands on the last page.
     shared function currentPage() {
-      return Math.min(Math.max(1, Number(page) || 1), pageCount())
+      return Math.min(Math.max(1, Number(paginationPage) || 1), pageCount())
     }
 
     shared function visibleRows() {
@@ -576,7 +576,7 @@ component DataTable {
         sortKey = key
         sortDirection = "asc"
       }
-      page = 1
+      paginationPage = 1
       output.sort({ key: sortKey, direction: sortDirection })
       reload()
       output.change(viewState())
@@ -584,7 +584,7 @@ component DataTable {
 
     client function updateQuery(sourceEvent) {
       query = sourceEvent.target.value
-      page = 1
+      paginationPage = 1
       output.search({ query: query })
       reload()
       output.change(viewState())
@@ -592,7 +592,7 @@ component DataTable {
 
     client function goToPage(next) {
       var target = Math.min(Math.max(1, next), pageCount())
-      page = target
+      paginationPage = target
       output.pageChange({ page: target, pageSize: Number(perPage) || 10 })
       reload()
       output.change(viewState())
@@ -602,7 +602,7 @@ component DataTable {
     // takes the Dropdown select detail directly.
     client function pickPageSize(detail) {
       perPage = Number(detail && detail.value) || 10
-      page = 1
+      paginationPage = 1
       output.pageChange({ page: 1, pageSize: perPage })
       reload()
       output.change(viewState())
@@ -613,7 +613,7 @@ component DataTable {
     // clicks.
     client function clearSearch() {
       query = ""
-      page = 1
+      paginationPage = 1
       output.search({ query: "" })
       reload()
     }