chore(release): refresh private package staging

.publish/ui/components/DataTable.wrn

@@ -1,3 +1,5 @@
+import ComponentBaseStyles from "../styles/ComponentBaseStyles.wrn"
+
 //
 // DataTable -- columns, sorting, filtering, pagination and selection over an
 // array of records.
@@ -121,7 +123,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 +275,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 +578,7 @@ component DataTable {
         sortKey = key
         sortDirection = "asc"
       }
-      page = 1
+      paginationPage = 1
       output.sort({ key: sortKey, direction: sortDirection })
       reload()
       output.change(viewState())
@@ -584,7 +586,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 +594,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 +604,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 +615,7 @@ component DataTable {
     // clicks.
     client function clearSearch() {
       query = ""
-      page = 1
+      paginationPage = 1
       output.search({ query: "" })
       reload()
     }
@@ -1043,9 +1045,20 @@ component DataTable {
 
       <slot></slot>
     </div>
+    <ComponentBaseStyles hidden />
   }
 
   style {
+    .wire-next--data-map {
+      display: grid;
+      gap: 0.75rem;
+      padding: 1rem;
+      border: 1px solid var(--wire-color-border);
+      border-radius: var(--wire-radius-md);
+      background: var(--wire-color-surface);
+      box-shadow: var(--wire-shadow-1);
+    }
+
     .wire-table {
       --table-accent: var(--wire-color-primary);
       display: flex;