added pagination

NAMESPACE

@@ -46,6 +46,7 @@ export(navbar_item)
 export(navbar_toggle)
 export(nextui_page)
 export(numeric_input)
+export(pagination)
 export(popover)
 export(popover_content)
 export(popover_trigger)
@@ -79,6 +80,7 @@ export(update_date_input)
 export(update_dropdown)
 export(update_listbox)
 export(update_numeric_input)
+export(update_pagination)
 export(update_radio_input)
 export(update_select_input)
 export(update_slider_input)

R/components.R

@@ -13,7 +13,6 @@ component <- function(name) {
 avatar <- component("Avatar")
 
 #' @rdname avatar
-#' @inherit component params return
 #' @export
 avatar_group <- component("AvatarGroup")
 
@@ -33,17 +32,14 @@ button <- component("Button")
 card <- component("Card")
 
 #' @rdname card
-#' @inherit component params return
 #' @export
 card_body <- component("CardBody")
 
 #' @rdname card
-#' @inherit component params return
 #' @export
 card_header <- component("CardHeader")
 
 #' @rdname card
-#' @inherit component params return
 #' @export
 card_footer <- component("CardFooter")
 

R/inputs.R

@@ -250,11 +250,12 @@ update_checkboxgroup_input <- function(
 }
 
 #' @rdname accordion
-#' @inherit component params return
+#' @inherit shinyInput params return
 #' @export
 accordion <- input("Accordion")
 
 #' @rdname accordion
+#' @inherit component params return
 #' @export
 accordion_item <- component("AccordionItem")
 
@@ -290,10 +291,12 @@ dropdown_section <- component("DropdownSection")
 update_dropdown <- shiny.react::updateReactInput
 
 #' @rdname listbox
+#' @inherit shinyInput params return
 #' @export
 listbox <- input("Listbox")
 
 #' @rdname listbox
+#' @inherit component params return
 #' @export
 listbox_section <- component("ListboxSection")
 
@@ -305,23 +308,35 @@ listbox_item <- component("ListboxItem")
 #' @export
 update_listbox <- shiny.react::updateReactInput
 
+#' @rdname pagination
+#' @inherit shinyInput params return
+#' @export
+pagination <- input("Pagination", 1)
+
+#' @rdname pagination
+#' @export
+update_pagination <- shiny.react::updateReactInput
+
 #' @rdname select
+#' @inherit shinyInput params return
 #' @export
 select_input <- input("Select", "")
 
 #' @rdname select
+#' @inherit component params return
 #' @export
 select_section <- component("SelectSection")
 
 #' @rdname select
 #' @export
 select_item <- component("SelectItem")
 
-#' @rdname sselect
+#' @rdname select
 #' @export
 update_select_input <- shiny.react::updateReactInput
 
 #' @rdname slider
+#' @inherit shinyInput params return
 #' @export
 slider_input <- input("Slider", numeric())
 
@@ -330,6 +345,7 @@ slider_input <- input("Slider", numeric())
 update_slider_input <- shiny.react::updateReactInput
 
 #' @rdname tabs
+#' @inherit shinyInput params return
 #' @export
 tabs <- input("Tabs", "1")
 
@@ -338,5 +354,6 @@ tabs <- input("Tabs", "1")
 update_tabs <- shiny.react::updateReactInput
 
 #' @rdname tabs
+#' @inherit component params return
 #' @export
 tab <- component("Tab")

R/layout.R

@@ -51,21 +51,17 @@ spacer <- component("Spacer")
 navbar <- component("Navbar")
 
 #' @rdname navbar
-#' @inherit component params return
 #' @export
 navbar_brand <- component("NavbarBrand")
 
 #' @rdname navbar
-#' @inherit component params return
 #' @export
 navbar_content <- component("NavbarContent")
 
 #' @rdname navbar
-#' @inherit component params return
 #' @export
 navbar_item <- component("NavbarItem")
 
 #' @rdname navbar
-#' @inherit component params return
 #' @export
 navbar_toggle <- component("NavbarToggle")

inst/examples/pagination/app.R

@@ -0,0 +1,59 @@
+library(shiny)
+library(shinyNextUI)
+library(shiny.react)
+library(thematic)
+
+thematic_shiny()
+
+max <- 10
+cards <- lapply(seq_len(max), function(i) {
+  tagList(
+    spacer(y = 2),
+    card(
+      id = sprintf("mycard-%s", i),
+      card_header(sprintf("Card %s", i)),
+      card_body(
+        sprintf("Card content %s", i),
+        slider_input(sprintf("obs-%s", i), "Obs", minValue = 0, maxValue = 1000, value = 500),
+        plotOutput(sprintf("distPlot-%s", i))
+      )
+    )
+  )
+})
+
+ui <- nextui_page(
+  pagination(
+    inputId = "pagination",
+    loop = TRUE,
+    size = "lg",
+    variant = "bordered",
+    showControls = TRUE,
+    page = 1,
+    total = max
+  )
+)
+
+server <- function(input, output, session) {
+
+  history <- reactiveVal(NULL)
+
+  # Dynamically insert cards with the pagination.
+  observeEvent(input$pagination, {
+    if (!is.null(history())) removeUI(sprintf("#mycard-%s", history()), multiple = TRUE)
+    insertUI(
+      selector = "#pagination",
+      where = "afterEnd",
+      ui = cards[[input$pagination]]
+    )
+    history(input$pagination)
+
+    output[[sprintf("distPlot-%s", history())]] <- renderPlot({
+      hist(
+        rnorm(input[[sprintf("obs-%s", history())]]),
+        main = sprintf("Super plot %s", history())
+      )
+    })
+  })
+}
+
+if (interactive() || is_testing()) shinyApp(ui, server)

inst/helpers/doc/generate-doc.R

@@ -93,6 +93,7 @@ items <- list(
     "listbox",
     "modal",
     "navbar",
+    "pagination",
     "popover",
     "progress",
     "radio",

js/src/inputs.js

@@ -133,6 +133,13 @@ export const Listbox = InputAdapter(NextUI.Listbox, (value, setValue, props) =>
   }
 }));
 
+export const Pagination = InputAdapter(NextUI.Pagination, (value, setValue, props) => ({
+  page: value,
+  onChange: (page) => {
+    setValue(page);
+  },
+}));
+
 export const Select = InputAdapter(NextUI.Select, (value, setValue, props) => {
   const [touched, setTouched] = React.useState(true);
 

tests/testthat/test-pagination.R

@@ -0,0 +1,13 @@
+library(shinytest2)
+test_that("pagination works as expected", {
+  # Don't run these tests on the CRAN build servers
+  skip_on_cran()
+  shiny_app_path <-
+    system.file("examples/pagination/app.R", package = "shinyNextUI")
+  app <- AppDriver$new(
+    shiny_app_path,
+    name = "pagination-app",
+    variant = platform_variant()
+  )
+  app$expect_values()
+})